.aem-Grid {
    display: block;
    width: 100%;
}

.aem-Grid::before,
.aem-Grid::after {
    display: table;
    content: " ";
}

.aem-Grid::after {
    clear: both;
}

/* placeholder for new components */
.aem-Grid-newComponent {
    clear: both;
    margin: 0;
}

/* column of a grid */
.aem-GridColumn {
    box-sizing: border-box;
    clear: both;
}

/* force showing hidden */
.aem-GridShowHidden>.aem-Grid>.aem-GridColumn {
    display: block !important;
}

/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%;
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%;
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%;
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%;
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%;
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%;
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%;
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%;
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%;
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%;
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%;
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%;
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%;
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%;
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%;
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%;
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%;
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%;
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%;
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--hide {
    /* hide behavior */
    display: none;
}

/* phone breakpoint */
@media (max-width: 768px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--1>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--3>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--phone--4>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--phone--5>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--phone--6>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 14.28571429%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 28.57142857%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 42.85714286%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 57.14285714%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 71.42857143%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 85.71428571%;
    }

    .aem-Grid.aem-Grid--phone--7>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 12.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 37.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 62.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 87.5%;
    }

    .aem-Grid.aem-Grid--phone--8>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 11.11111111%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 22.22222222%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 44.44444444%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 55.55555556%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 77.77777778%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 88.88888889%;
    }

    .aem-Grid.aem-Grid--phone--9>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 10%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 30%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 70%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 90%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 10%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 30%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 70%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 90%;
    }

    .aem-Grid.aem-Grid--phone--10>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 9.09090909%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 18.18181818%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 27.27272727%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 36.36363636%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 45.45454545%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 54.54545455%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 63.63636364%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 72.72727273%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 81.81818182%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 90.90909091%;
    }

    .aem-Grid.aem-Grid--phone--11>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--3 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--6 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--9 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--1 {
        margin-left: 8.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--2 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--3 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--4 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--5 {
        margin-left: 41.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--6 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--7 {
        margin-left: 58.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--8 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--9 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--10 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--11 {
        margin-left: 91.66666667%;
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--12 {
        margin-left: 100%;
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--newline {
        /* newline behavior */
        display: block;
        clear: both !important;
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--none {
        /* none behavior */
        display: block;
        clear: none !important;
        float: left;
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--hide {
        /* hide behavior */
        display: none;
    }
}

/* tablet breakpoint */
@media (min-width: 769px) and (max-width: 1200px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 14.28571429%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 28.57142857%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 42.85714286%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 57.14285714%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 71.42857143%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 85.71428571%;
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 12.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 37.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 62.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 87.5%;
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 11.11111111%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 22.22222222%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 44.44444444%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 55.55555556%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 77.77777778%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 88.88888889%;
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 10%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 30%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 70%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 90%;
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 9.09090909%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 18.18181818%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 27.27272727%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 36.36363636%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 45.45454545%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 54.54545455%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 63.63636364%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 72.72727273%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 81.81818182%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 90.90909091%;
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 8.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 41.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 58.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 91.66666667%;
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--1>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--tablet--2>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--3>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--tablet--4>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--tablet--5>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--6>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 14.28571429%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 28.57142857%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 42.85714286%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 57.14285714%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 71.42857143%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 85.71428571%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 14.28571429%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 28.57142857%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 42.85714286%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 57.14285714%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 71.42857143%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 85.71428571%;
    }

    .aem-Grid.aem-Grid--tablet--7>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 12.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 37.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 62.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 87.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 12.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 37.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 62.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 87.5%;
    }

    .aem-Grid.aem-Grid--tablet--8>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 11.11111111%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 22.22222222%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 44.44444444%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 55.55555556%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 77.77777778%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 88.88888889%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 11.11111111%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 22.22222222%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 44.44444444%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 55.55555556%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 77.77777778%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 88.88888889%;
    }

    .aem-Grid.aem-Grid--tablet--9>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 10%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 20%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 30%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 40%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 60%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 70%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 80%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 90%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 10%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 20%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 30%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 40%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 60%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 70%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 80%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 90%;
    }

    .aem-Grid.aem-Grid--tablet--10>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 9.09090909%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 18.18181818%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 27.27272727%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 36.36363636%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 45.45454545%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 54.54545455%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 63.63636364%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 72.72727273%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 81.81818182%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 90.90909091%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 9.09090909%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 18.18181818%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 27.27272727%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 36.36363636%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 45.45454545%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 54.54545455%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 63.63636364%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 72.72727273%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 81.81818182%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 90.90909091%;
    }

    .aem-Grid.aem-Grid--tablet--11>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 100%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--1 {
        float: left;
        clear: none;
        width: 8.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--2 {
        float: left;
        clear: none;
        width: 16.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--3 {
        float: left;
        clear: none;
        width: 25%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--4 {
        float: left;
        clear: none;
        width: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--5 {
        float: left;
        clear: none;
        width: 41.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--6 {
        float: left;
        clear: none;
        width: 50%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--7 {
        float: left;
        clear: none;
        width: 58.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--8 {
        float: left;
        clear: none;
        width: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--9 {
        float: left;
        clear: none;
        width: 75%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--10 {
        float: left;
        clear: none;
        width: 83.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--11 {
        float: left;
        clear: none;
        width: 91.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--0 {
        margin-left: 0%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--1 {
        margin-left: 8.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--2 {
        margin-left: 16.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--3 {
        margin-left: 25%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--4 {
        margin-left: 33.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--5 {
        margin-left: 41.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--6 {
        margin-left: 50%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--7 {
        margin-left: 58.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--8 {
        margin-left: 66.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--9 {
        margin-left: 75%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--10 {
        margin-left: 83.33333333%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--11 {
        margin-left: 91.66666667%;
    }

    .aem-Grid.aem-Grid--tablet--12>.aem-GridColumn.aem-GridColumn--offset--tablet--12 {
        margin-left: 100%;
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--newline {
        /* newline behavior */
        display: block;
        clear: both !important;
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--none {
        /* none behavior */
        display: block;
        clear: none !important;
        float: left;
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--tablet--hide {
        /* hide behavior */
        display: none;
    }
}

/* force showing hidden components in unhide mode */
.aem-GridShowHidden>.cmp-container>.aem-Grid>.aem-GridColumn {
    display: block !important;
}

.aem-GridColumn.text.parbase p {
    padding: 0 20px;
    text-align: justify;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 9, 2014 */
@font-face {
    font-family: 'telcellight';
    src: url('/fonts/1.eot');
    src: url('/fonts/2.eot') format('embedded-opentype'),
        url('/fonts/3.woff') format('woff'),
        url('/fonts/4.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'telcelregular';
    src: url('/fonts/5.eot');
    src: url('/fonts/6.eot') format('embedded-opentype'),
        url('/fonts/7.woff') format('woff'),
        url('/fonts/8.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'telcelbold';
    src: url('/fonts/9.eot');
    src: url('/fonts/10.eot') format('embedded-opentype'),
        url('/fonts/11.woff') format('woff'),
        url('/fonts/12.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TelcelFont';
    src: url('/fonts/13.eot');
    src: url('/fonts/14.eot') format('embedded-opentype'),
        url('/fonts/15.woff') format('woff'),
        url('/fonts/TelcelFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url('/fonts/SourceSansPro-Regular.eot');
    src: url('/fonts/SourceSansPro-Regular.eot') format("embedded-opentype"),
        url('/fonts/SourceSansPro-Regular.ttf') format("truetype"),
        url('/fonts/SourceSansPro-Regular.woff') format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("/fonts/SourceSansPro-SemiBold.eot");
    src: url("/fonts/SourceSansPro-SemiBold.eot") format("embedded-opentype"),
        url("/fonts/SourceSansPro-SemiBold.ttf") format("truetype"),
        url("/fonts/SourceSansPro-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans Pro";
    src: url('/fonts/SourceSansPro-Bold.eot');
    src: url('/fonts/SourceSansPro-Bold.eot') format("embedded-opentype"),
        url("/fonts/SourceSansPro-Bold.ttf") format("truetype"),
        url("/fonts/SourceSansPro-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@import url("https://use.typekit.net/bvx4jqo.css");

@font-face {
    font-family: 'telcel';
    src: url('/fonts/telcel-ligera-webfont.eot');
    src: url('/fonts/telcel-ligera-webfont.eot') format('embedded-opentype'), url('/fonts/telcel-ligera-webfont.woff') format('woff'), url('/fonts/telcel-ligera-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'telcel';
    src: url('/fonts/telcel-media-webfont.eot');
    src: url('/fonts/telcel-media-webfont.eot') format('embedded-opentype'), url('/fonts/telcel-media-webfont.woff') format('woff'), url('/fonts/telcel-media-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'telcel';
    src: url('/fonts/telcel-robusta-webfont.eot');
    src: url('/fonts/telcel-robusta-webfont.eot') format('embedded-opentype'), url('/fonts/telcel-robusta-webfont.woff') format('woff'), url('/fonts/telcel-robusta-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



.telcellight {
    font-family: 'telcellight';
    color: #062C5F;
}

.telcelregular {
    font-family: 'telcelregular';
    color: #062C5F;
}

.telcelbold {
    font-family: 'telcelbold';
    color: #062C5F;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'TelcelFont' !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;
}

i.icon-xxlg {
    display: block;
    font-size: 250px;
    line-height: 170px;
    max-height: 170px;
    overflow: hidden;
}

i.icon-light-blue {
    color: #02B0EF;
}

.icon-Glossary:before {
    content: "\f902";
}

.icon-Questions:before {
    content: "\f901";
}

.icon-Invoice:before {
    content: "\f900";
}

.icon-SpecialHardware:before {
    content: "\f70b";
}

.icon-Hardware:before {
    content: "\f70a";
}

.icon-BestBrands:before {
    content: "\f709";
}

.icon-PlanRenta:before {
    content: "\f708";
}

.icon-WiFi:before {
    content: "\f707";
}

.icon-Processor:before {
    content: "\f706";
}

.icon-Camera:before {
    content: "\f705";
}

.icon-OsAndroid:before {
    content: "\f704";
}

.icon-OsMac:before {
    content: "\f703";
}

.icon-OsWindows:before {
    content: "\f702";
}

.icon-Memory:before {
    content: "\f701";
}

.icon-Screen:before {
    content: "\f700";
}

.icon-ExtraPack:before {
    content: "\f616";
}

.icon-ExtendedPlan:before {
    content: "\f615";
}

.icon-AmigoPack:before {
    content: "\f614";
}

.icon-Calculator:before {
    content: "\f613";
}

.icon-4GLTE:before {
    content: "\f612";
}

.icon-MoreInfo:before {
    content: "\f611";
}

.icon-Entertainment:before {
    content: "\f610";
}

.icon-OpenMail:before {
    content: "\f60f";
}

.icon-Mail:before {
    content: "\f60e";
}

.icon-Video:before {
    content: "\f60d";
}

.icon-Music:before {
    content: "\f60c";
}

.icon-Games:before {
    content: "\f60b";
}

.icon-Chat:before {
    content: "\f60a";
}

.icon-SocialNetwork:before {
    content: "\f609";
}

.icon-SearchEngine:before {
    content: "\f608";
}

.icon-PC:before {
    content: "\f607";
}

.icon-USBModem:before {
    content: "\f606";
}

.icon-Tablet:before {
    content: "\f605";
}

.icon-Phone:before {
    content: "\f604";
}

.icon-Blackberry:before {
    content: "\f603";
}

.icon-Android:before {
    content: "\f602";
}

.icon-Mac:before {
    content: "\f601";
}

.icon-Windows:before {
    content: "\f600";
}


.icon-ZeroDollars:before {
    content: "\f525";
}

.icon-Adaptable:before {
    content: "\f524";
}

.icon-AllClients:before {
    content: "\f523";
}

.icon-StopWatch:before {
    content: "\f522";
}

.icon-RechargeMore:before {
    content: "\f521";
}

.icon-BigBonus:before {
    content: "\f520";
}

.icon-MobileInternet:before {
    content: "\f51f";
}

.icon-FreeNumber:before {
    content: "\f51e";
}

.icon-Compass:before {
    content: "\f51d";
}

.icon-ChooseAmount:before {
    content: "\f51c";
}

.icon-HardwareBargin:before {
    content: "\f51b";
}

.icon-RechargeGift:before {
    content: "\f51a";
}

.icon-ZeroCommitment:before {
    content: "\f519";
}

.icon-KitAmigo:before {
    content: "\f518";
}

.icon-RecommendPlan:before {
    content: "\f517";
}

.icon-Message:before {
    content: "\f516";
}

.icon-ManageBalance:before {
    content: "\f515";
}

.icon-RechargeNetwork:before {
    content: "\f514";
}

.icon-ExtraServices:before {
    content: "\f513";
}

.icon-PasaTiempo:before {
    content: "\f512";
}

.icon-Cart:before {
    content: "\f511";
}

.icon-NoRedTape:before {
    content: "\f510";
}

.icon-QuickBuck:before {
    content: "\f50f";
}

.icon-Inburs:before {
    content: "\f50e";
}

.icon-Competition:before {
    content: "\f50d";
}

.icon-Membership:before {
    content: "\f50c";
}

.icon-SameNumber:before {
    content: "\f50b";
}

.icon-Purse:before {
    content: "\f50a";
}

.icon-Radar:before {
    content: "\f509";
}

.icon-World:before {
    content: "\f508";
}

.icon-Roaming:before {
    content: "\f507";
}

.icon-Internet:before {
    content: "\f506";
}

.icon-3G:before {
    content: "\f505";
}

.icon-GLTE:before {
    content: "\f504";
}

.icon-City:before {
    content: "\f503";
}

.icon-BestPlan:before {
    content: "\f502";
}

.icon-BestHardware:before {
    content: "\f501";
}

.icon-Mexico:before {
    content: "\f500";
}

.icon-e900_north-america:before {
    content: "\e900";
}

.icon-SameSim:before {
    content: "\f407";
}

.icon-SameNumber2:before {
    content: "\f406";
}

.icon-Benefits:before {
    content: "\f405";
}

.icon-BestPhone:before {
    content: "\f404";
}

.icon-ChoosePlan:before {
    content: "\f403";
}

.icon-ChangeCompany:before {
    content: "\f402";
}

.icon-InTouch:before {
    content: "\f401";
}

.icon-FreeCalls:before {
    content: "\f400";
}

.icon-OpenMenu:before {
    content: "\f321";
}

.icon-SpeachBubble:before {
    content: "\f320";
}

.icon-Watch:before {
    content: "\f31f";
}

.icon-Admin:before {
    content: "\f31e";
}

.icon-ExclusivePromo:before {
    content: "\f31d";
}

.icon-Bill:before {
    content: "\f31c";
}

.icon-Help:before {
    content: "\f31b";
}

.icon-Save:before {
    content: "\f31a";
}

.icon-Contract:before {
    content: "\f319";
}

.icon-Points:before {
    content: "\f318";
}

.icon-Subscription:before {
    content: "\f317";
}

.icon-Gaming:before {
    content: "\f316";
}

.icon-Sheild:before {
    content: "\f315";
}

.icon-Finance:before {
    content: "\f314";
}

.icon-Talk:before {
    content: "\f313";
}

.icon-Compare:before {
    content: "\f312";
}

.icon-Accessories:before {
    content: "\f311";
}

.icon-WifiMobil:before {
    content: "\f310";
}

.icon-Modems:before {
    content: "\f30f";
}

.icon-Tablets:before {
    content: "\f30e";
}

.icon-Phones:before {
    content: "\f30d";
}

.icon-Coins:before {
    content: "\f30c";
}

.icon-Abroad:before {
    content: "\f30b";
}

.icon-Learn:before {
    content: "\f30a";
}

.icon-Services:before {
    content: "\f309";
}

.icon-Consumption:before {
    content: "\f308";
}

.icon-Promos:before {
    content: "\f307";
}

.icon-Recommendation:before {
    content: "\f306";
}

.icon-Plans:before {
    content: "\f305";
}

.icon-Amigo:before {
    content: "\f304";
}

.icon-Network:before {
    content: "\f303";
}

.icon-Search:before {
    content: "\f302";
}

.icon-MiTelcel:before {
    content: "\f301";
}

.icon-Bag:before {
    content: "\f300";
}

.icon-BaseBall:before {
    content: "\f256";
}

.icon-BasketBall:before {
    content: "\f255";
}

.icon-Football:before {
    content: "\f254";
}

.icon-Zodiac:before {
    content: "\f253";
}

.icon-Claro:before {
    content: "\f252";
}

.icon-ZonaClaro:before {
    content: "\f251";
}

.icon-Plugger:before {
    content: "\f250";
}

.icon-Imagenes:before {
    content: "\f24f";
}

.icon-ClaroVideos:before {
    content: "\f24e";
}

.icon-ClaroViajes:before {
    content: "\f24d";
}

.icon-ClaroSync:before {
    content: "\f24c";
}

.icon-ClaroJuegos:before {
    content: "\f24b";
}

.icon-ClaroDeportes:before {
    content: "\f24a";
}

.icon-ClaroChat:before {
    content: "\f249";
}

.icon-ClaroIdeas:before {
    content: "\f248";
}

.icon-Pointer:before {
    content: "\f247";
}

.icon-Gear:before {
    content: "\f246";
}

.icon-Pen:before {
    content: "\f245";
}

.icon-Bookmark:before {
    content: "\f244";
}

.icon-FingerSwipe:before {
    content: "\f243";
}

.icon-Van:before {
    content: "\f242";
}

.icon-Alarm:before {
    content: "\f241";
}

.icon-Notes:before {
    content: "\f240";
}

.icon-HardwareSupport:before {
    content: "\f23f";
}

.icon-HardwarePack:before {
    content: "\f23e";
}

.icon-HardwarePrice:before {
    content: "\f23d";
}

.icon-HardwareScratch:before {
    content: "\f23c";
}

.icon-HardwareTool:before {
    content: "\f23b";
}

.icon-HardwareZoom:before {
    content: "\f23a";
}

.icon-HardwareCut:before {
    content: "\f239";
}

.icon-HardwareExplode:before {
    content: "\f238";
}

.icon-HardwareSmash:before {
    content: "\f237";
}

.icon-HardwareWater:before {
    content: "\f236";
}

.icon-HardwareShock:before {
    content: "\f235";
}

.icon-Lightning:before {
    content: "\f234";
}

.icon-SimpleAvatar:before {
    content: "\f233";
}

.icon-TelcelLogo:before {
    content: "\f232";
}

.icon-Cloud:before {
    content: "\f231";
}

.icon-Key:before {
    content: "\f230";
}

.icon-Eye:before {
    content: "\f22f";
}

.icon-NoConnection:before {
    content: "\f22e";
}

.icon-Binoculars:before {
    content: "\f22d";
}

.icon-NoEntry:before {
    content: "\f22c";
}

.icon-Hourglass:before {
    content: "\f22b";
}

.icon-Speedo:before {
    content: "\f22a";
}

.icon-House:before {
    content: "\f229";
}

.icon-Keyboard:before {
    content: "\f228";
}

.icon-Refresh:before {
    content: "\f227";
}

.icon-PlusOne:before {
    content: "\f226";
}

.icon-Soport:before {
    content: "\f225";
}

.icon-TravelAbroad:before {
    content: "\f224";
}

.icon-TutsGuias:before {
    content: "\f223";
}

.icon-PayTelcel:before {
    content: "\f222";
}

.icon-MyTelcel:before {
    content: "\f21f";
}

.icon-AppTelcel:before {
    content: "\f21e";
}

.icon-InternetTelcel:before {
    content: "\f21d";
}

.icon-HelpTuts:before {
    content: "\f21c";
}

.icon-Document:before {
    content: "\f21b";
}

.icon-Contact:before {
    content: "\f21a";
}

.icon-TengoPlan:before {
    content: "\f219";
}

.icon-NoTengoPlan:before {
    content: "\f218";
}

.icon-RechargeBalance:before {
    content: "\f217";
}

.icon-ConsultBalance:before {
    content: "\f216";
}

.icon-TengoAmigo:before {
    content: "\f215";
}

.icon-NoTienesAmigo:before {
    content: "\f214";
}

.icon-PromoBenefits:before {
    content: "\f213";
}

.icon-CirculoAzulPoints:before {
    content: "\f212";
}

.icon-FAQPurchase:before {
    content: "\f211";
}

.icon-FAQMyInternet:before {
    content: "\f210";
}

.icon-FAQInternet:before {
    content: "\f20f";
}

.icon-FAQSolutions:before {
    content: "\f20e";
}

.icon-FAQServices:before {
    content: "\f20d";
}

.icon-FAQPromotions:before {
    content: "\f20c";
}

.icon-FAQPlan:before {
    content: "\f20b";
}

.icon-FAQHardware:before {
    content: "\f20a";
}

.icon-FAQTravelAbroad:before {
    content: "\f209";
}

.icon-FAQAmigo:before {
    content: "\f208";
}

.icon-Sim:before {
    content: "\f207";
}

.icon-Heart:before {
    content: "\f206";
}

.icon-500Cart:before {
    content: "\f205";
}

.icon-CreditCard:before {
    content: "\f204";
}

.icon-Month:before {
    content: "\f203";
}

.icon-Week:before {
    content: "\f202";
}

.icon-GloboTelcel:before {
    content: "\f201";
}

.icon-Wheelchair:before {
    content: "\f200";
}

.icon-TriangleRight:before {
    content: "\f10d";
}

.icon-TriangleLeft:before {
    content: "\f10c";
}

.icon-TriangleDown:before {
    content: "\f10b";
}

.icon-TriangleUp:before {
    content: "\f10a";
}

.icon-AccordionRightNeg:before {
    content: "\f109";
}

.icon-AccordionLeftNeg:before {
    content: "\f108";
}

.icon-AccordionRight:before {
    content: "\f107";
}

.icon-AccordionLeft:before {
    content: "\f106";
}

.icon-AccordionDownNeg:before {
    content: "\f105";
}

.icon-AccordionUpNeg:before {
    content: "\f104";
}

.icon-AccordionDown:before {
    content: "\f103";
}

.icon-AccordionUp:before {
    content: "\f102";
}

.icon-SliderRight:before {
    content: "\f101";
}

.icon-SliderLeft:before {
    content: "\f100";
}

.icon-Alert2:before {
    content: "\f02a";
}

.icon-Alert:before {
    content: "\f029";
}

.icon-MoneyNeg:before {
    content: "\f028";
}

.icon-Money:before {
    content: "\f027";
}

.icon-More:before {
    content: "\f025";
}

.icon-Less:before {
    content: "\f024";
}

.icon-Guide:before {
    content: "\f023";
}

.icon-PDF:before {
    content: "\f022";
}

.icon-Update:before {
    content: "\f021";
}

.icon-Warning:before {
    content: "\f020";
}

.icon-Question:before {
    content: "\f01f";
}

.icon-List:before {
    content: "\f01e";
}

.icon-Grid:before {
    content: "\f01d";
}

.icon-Close:before {
    content: "\f01c";
}

.icon-Share:before {
    content: "\f01b";
}

.icon-Download:before {
    content: "\f01a";
}

.icon-Print:before {
    content: "\f019";
}

.icon-PadlockClosed:before {
    content: "\f018";
}

.icon-PadlockOpen:before {
    content: "\f017";
}

.icon-HalfStar:before {
    content: "\f016";
}

.icon-Star:before {
    content: "\f015";
}

.icon-DontLikeNeg:before {
    content: "\f014";
}

.icon-LikeNeg:before {
    content: "\f013";
}

.icon-DontLike:before {
    content: "\f012";
}

.icon-Like:before {
    content: "\f011";
}

.icon-TickNeg:before {
    content: "\f010";
}

.icon-Tick:before {
    content: "\f00f";
}

.icon-EmailNeg:before {
    content: "\f00e";
}

.icon-GooglePlusNeg:before {
    content: "\f00d";
}

.icon-PinterestNeg:before {
    content: "\f00c";
}

.icon-YouTubeNeg:before {
    content: "\f00b";
}

.icon-TwitterNeg:before {
    content: "\f00a";
}

.icon-FacebookNeg:before {
    content: "\f009";
}

.icon-MobliNeg:before {
    content: "\f008";
}

.icon-Email:before {
    content: "\f007";
}

.icon-GooglePlus:before {
    content: "\f006";
}

.icon-Pinterest:before {
    content: "\f005";
}

.icon-HolaTelcel:before {
    content: "\f004";
}

.icon-YouTube:before {
    content: "\f003";
}

.icon-Twitter:before {
    content: "\f002";
}

.icon-Facebook:before {
    content: "\f001";
}

.icon-Mobli:before {
    content: "\f000";
}

.icon-e9001_twitter:before {
    content: "\e901";
}

.icon-result:before {
    content: "\e902";
}

.icon-Trash:before {
    content: "\e903";
}

.icon-Substract:before {
    content: "\e904";
}

.icon-Add:before {
    content: "\e905";
}

.icon-SMSMessages:before {
    content: "\f526";
}

.icon-ThreeWayCall:before {
    content: "\f527";
}

.icon-Rescatel:before {
    content: "\f528";
}

.icon-CallTransfer:before {
    content: "\f529";
}

.icon-RegisterInvoice:before {
    content: "\f52a";
}

.icon-InvoiceSummary:before {
    content: "\f52b";
}

.icon-AccountDownload:before {
    content: "\f52c";
}

.icon-InternetPackage:before {
    content: "\f52d";
}

.icon-IntelligentInbox:before {
    content: "\f52e";
}

.icon-CloseSession:before {
    content: "\f52f";
}

.icon-ManageNumbers:before {
    content: "\f530";
}

.icon-ChangeChargingScheme:before {
    content: "\f531";
}

.icon-ChangeChargingScheme2:before {
    content: "\f532";
}

.icon-SuspendLine:before {
    content: "\f533";
}

.icon-SuspendLine2:before {
    content: "\f534";
}

.icon-iTelcel:before {
    content: "\f535";
}

.icon-Transfer:before {
    content: "\f536";
}

.icon-WhatsApp:before {
    content: "\f537";
}

.comp-telcel-chatbot #telcel-chatbot-contenedor {
    background-color: #e6eef3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    top: calc(100vh - 325px) !important;
    right: -200px;
    z-index: 3001;
    position: fixed
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-logo {
    width: 75px;
    float: left;
    padding: 10px;
    text-align: center
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-logo img {
    width: 75px;
    margin-top: 0
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-logo p {
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 600;
    color: #000
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion {
    width: 200px;
    padding: 10px;
    float: right;
    color: #404040
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion p {
    margin: 0;
    padding: 0;
    color: #000;
    width: 80%
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion a {
    margin-top: 10px;
    background-color: #FF8E42;
    border-radius: 5px;
    color: #000;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    min-height: 25px;
    line-height: 25px;
    display: block;
    font-weight: 600;
    color: #000;
    font-weight: 600;
    display: block;
    padding: 6px;
    width: 80%
}

@media (max-width: 767px) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion a {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto
    }
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion a:hover {
    text-decoration: none;
    background-color: #ff8533
}

.comp-telcel-chatbot #telcel-chatbot-contenedor #telcel-chatbot-cerrar {
    position: absolute;
    top: -18px;
    right: 28px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor #telcel-chatbot-cerrar a {
    background: transparent
}

.comp-telcel-chatbot #telcel-chatbot-contenedor #telcel-chatbot-cerrar a:hover {
    background: transparent
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    display: block;
    top: calc(100vh - 325px) !important;
    right: -115px;
    position: fixed;
    margin-right: 26px;
    transition: margin 1s ease-out
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2:hover {
    margin-right: 0
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 img {
    height: 125px
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media only screen and (min-device-height: 360px) and (min-device-width: 760px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 4) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media (max-width: 767px) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        display: none
    }
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    display: block;
    top: calc(100vh - 325px) !important;
    right: -115px;
    position: fixed;
    margin-right: 26px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3:hover {
    margin-right: 0;
    transition: all .5s
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 img {
    height: 125px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido {
    position: absolute;
    bottom: 7px;
    right: 15px;
    width: 110px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido p {
    color: #fff;
    font-size: 12px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido a#telcel-chatbot-inicia-sesion {
    margin-top: 10px;
    background-color: #FF8E42;
    border-radius: 5px;
    color: #000;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    min-height: 25px;
    line-height: 25px;
    display: block;
    font-weight: 600;
    color: #000;
    font-weight: 600;
    display: block;
    padding: 6px;
    width: 80%
}

@media (max-width: 767px) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido a#telcel-chatbot-inicia-sesion {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto
    }
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido a#telcel-chatbot-inicia-sesion:hover {
    text-decoration: none;
    background-color: #ff8533
}

/*!
 * Bootstrap v3.1.1
 *
 * Copyright 2014 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 * BootSwatchr built and provided by @DrewStrickland
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 16px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.428571429;
    color: #666;
    background-color: #fff
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #02b0ef;
    text-decoration: none
}

a:hover,
a:focus {
    color: #0178a3;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 0
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #fff
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 200;
    line-height: 1.4;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    /*line-height:1*/
    ;
    color: #9ea5a9
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 21px;
    margin-bottom: 10.5px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 40px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 20px
}

h5,
.h5 {
    font-size: 15px
}

h6,
.h6 {
    font-size: 13px
}

p {
    margin: 0 0 10.5px
}

.lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 200;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 22.5px
    }
}

small,
.small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #9ea5a9
}

.text-primary {
    color: #f60
}

a.text-primary:hover {
    color: #cc5200
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #f60
}

a.bg-primary:hover {
    background-color: #cc5200
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #fff
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10.5px
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 21px
}

dt,
dd {
    line-height: 1.428571429
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #9ea5a9
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 18.75px;
    border-left: 5px solid #fff
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #9ea5a9
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #fff;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

blockquote:before,
blockquote:after {
    content: ""
}

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.428571429
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 0
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:768px) {
    .container {
        width: 740px
    }
}

@media (min-width:992px) {
    .container {
        width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1160px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666666666666%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.666666666666664%
    }

    .col-sm-1 {
        width: 8.333333333333332%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666666666666%
    }

    .col-sm-push-10 {
        left: 83.33333333333334%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666666666666%
    }

    .col-sm-push-7 {
        left: 58.333333333333336%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666666666667%
    }

    .col-sm-push-4 {
        left: 33.33333333333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.666666666666664%
    }

    .col-sm-push-1 {
        left: 8.333333333333332%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666666666666%
    }

    .col-md-pull-10 {
        right: 83.33333333333334%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666666666666%
    }

    .col-md-pull-7 {
        right: 58.333333333333336%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666666666667%
    }

    .col-md-pull-4 {
        right: 33.33333333333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.666666666666664%
    }

    .col-md-pull-1 {
        right: 8.333333333333332%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666666666666%
    }

    .col-md-push-10 {
        left: 83.33333333333334%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666666666666%
    }

    .col-md-push-7 {
        left: 58.333333333333336%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666666666667%
    }

    .col-md-push-4 {
        left: 33.33333333333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.666666666666664%
    }

    .col-md-push-1 {
        left: 8.333333333333332%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666666666666%
    }

    .col-lg-10 {
        width: 83.33333333333334%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-7 {
        width: 58.333333333333336%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666666666667%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.666666666666664%
    }

    .col-lg-1 {
        width: 8.333333333333332%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666666666666%
    }

    .col-lg-push-10 {
        left: 83.33333333333334%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666666666666%
    }

    .col-lg-push-7 {
        left: 58.333333333333336%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666666666667%
    }

    .col-lg-push-4 {
        left: 33.33333333333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.666666666666664%
    }

    .col-lg-push-1 {
        left: 8.333333333333332%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 21px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 12px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #e9ecef
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #e9ecef
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #e9ecef
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #e9ecef
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background-color: #f7f7f8
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f7f7f8
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e9e9ec
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

@media (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #e9ecef;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    font-size: 22.5px;
    line-height: inherit;
    color: #666;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 15px;
    line-height: 1.428571429;
    color: #465359
}

.form-control {
    display: block;
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.428571429;
    color: #465359;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dbe5e7;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #02b0e9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(2, 176, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(2, 176, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #9ea5a9;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #9ea5a9
}

.form-control::-webkit-input-placeholder {
    color: #9ea5a9
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fff;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

input[type="date"] {
    line-height: 41px
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    display: block;
    min-height: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px
}

.radio label,
.checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.input-sm {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0
}

select.input-sm {
    height: 33px;
    line-height: 33px
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto
}

.input-lg {
    height: 48px;
    padding: 10px 16px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0
}

select.input-lg {
    height: 48px;
    line-height: 48px
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 51.25px
}

.has-feedback .form-control-feedback {
    position: absolute;
    top: 26px;
    right: 0;
    display: block;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.form-control-static {
    margin-bottom: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a6a6a6
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 28px
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px
}

.form-horizontal .form-control-static {
    padding-top: 7px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 10px
}

div.btn-lg,
div.btn-block {
    padding: 0;
    display: inline-block;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.428571429;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus {
    color: #02b0ef;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #02b0ef;
    background-color: #fff;
    border-color: #e9ecef
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #02b0ef;
    background-color: #ebebeb;
    border-color: #c6cdd5
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #e9ecef
}

.btn-default .badge {
    color: #fff;
    background-color: #02b0ef
}

.btn-primary {
    color: #fff;
    background-color: #f60;
    border-color: #f60
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #d65600;
    border-color: #c24e00
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #f60;
    border-color: #f60
}

.btn-primary .badge {
    color: #f60;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #47a447;
    border-color: #419641
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #39b3d7;
    border-color: #2aabd2
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ed9c28;
    border-color: #eb9316
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

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

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d2322d;
    border-color: #c12e2a
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #02b0ef;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #0178a3;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #9ea5a9;
    text-decoration: none
}

.btn-lg,
.btn-lg>.btn,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0
}

.btn-block,
.btn-block>.btn {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #666;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #595959;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #f60
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #9ea5a9
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #9ea5a9
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus {
    outline: none
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

[data-toggle="buttons"]>.btn>input[type="radio"],
[data-toggle="buttons"]>.btn>input[type="checkbox"] {
    display: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 48px;
    padding: 10px 16px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 48px;
    line-height: 48px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 33px;
    line-height: 33px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #465359;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dbe5e7;
    border-radius: 0
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 0
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 19px;
    border-radius: 0
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #fff
}

.nav>li.disabled>a {
    color: #9ea5a9
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #9ea5a9;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #fff;
    border-color: #02b0ef
}

.nav .nav-divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #e4eef2
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 0 0 0 0
}

.nav-tabs>li>a:hover {
    border-color: #fff #fff #e4eef2
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #222;
    background-color: #fff;
    border: 1px solid #e4eef2;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 0
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #e4eef2
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #e4eef2;
        border-radius: 0 0 0 0
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 0
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #f60
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 0
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #e4eef2
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #e4eef2;
        border-radius: 0 0 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 62px;
    margin-bottom: 21px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 0
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:768px) {

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 20.5px 10px;
    font-size: 19px;
    line-height: 21px;
    height: 62px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

@media (min-width:768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -10px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 14px;
    margin-bottom: 14px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0
}

.navbar-toggle:focus {
    outline: none
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 10.25px -10px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 21px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 20.5px;
        padding-bottom: 20.5px
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -10px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

.navbar-form {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -10px
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

.navbar-btn.btn-sm {
    margin-top: 14.5px;
    margin-bottom: 14.5px
}

.navbar-btn.btn-xs {
    margin-top: 20px;
    margin-bottom: 20px
}

.navbar-text {
    margin-top: 20.5px;
    margin-bottom: 20.5px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 10px;
        margin-right: 10px
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #fff;
    border-color: #fff
}

.navbar-default .navbar-brand {
    color: #607f8b
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #4b636d;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #fff
}

.navbar-default .navbar-nav>li>a {
    color: #607f8b
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #2b5464;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #2b5464;
    background-color: transparent
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #2b5464
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #607f8b
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #2b5464;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #2b5464;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #607f8b
}

.navbar-default .navbar-link:hover {
    color: #2b5464
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9ea5a9
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9ea5a9
}

.navbar-inverse .navbar-nav>li>a {
    color: #9ea5a9
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9ea5a9
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9ea5a9
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: none;
    border-radius: 0
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: ">\00a0";
    padding: 0 5px;
    color: #4a5458
}

.breadcrumb>.active {
    color: #0a3d7e
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 0
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #02b0ef;
    background-color: #fff;
    border: 1px solid #e9ecef;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #0178a3;
    background-color: #fff;
    border-color: #e9ecef
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #02b0ef;
    background-color: #e9ecef;
    border-color: #e9ecef;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #9ea5a9;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 19px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 14px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 0
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #fff
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #9ea5a9;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label[href]:hover,
.label[href]:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #02b0ef
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #028bbc
}

.label-primary {
    background-color: #072d5f
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #041630
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #9ea5a9;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #02b0ef;
    background-color: #fff
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #fff
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 200
}

.container .jumbotron {
    border-radius: 0
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 67.5px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 21px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #02b0ef
}

.thumbnail .caption {
    padding: 9px;
    color: #666
}

.alert {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #02b0ef;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media,
.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    background-color: #f5f5f5
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #f60;
    border-color: #f60
}

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
    color: inherit
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
    color: #ffe0cc
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.panel>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: -1px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: -1px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: -1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: -1px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive {
    border-top: 1px solid #e9ecef
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 21px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    overflow: hidden
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #666;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #f60
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #f60;
    border-color: #f60
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #f60
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #f60
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ebccd1
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 0
}

.well-sm {
    padding: 9px;
    border-radius: 0
}

.close {
    float: right;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 0
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
    outline: none;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/*Estilos nuevo dise�o*/
/*

 * Fichero: custom.css ,v1.0 Santi Risco

 * Media			screen

 * Navegadores		IE9+, Mozilla X, Opera X, Chrome, Safari

 * CSS				dccustom.css

 * Version			v1.0

 * Empresa			TelCel M�xico

 * Autores			Santirisco @ MX

 * Developers       Xumac

 * Dependencias     bootstrap.css

 * Descrici�n:      Customizaci�n del layout para TelCel

 * Basado en bootstrap 3.1.1

 * Fecha: Junio-Julio 2014

 */

/**/
/*
  Header carro de compras
*/

.administrar-mis-pedidos {
    background-color: #F2F7F9;
    text-align: center;
    padding: 15px;
}

.sessioncerrar {
    text-align: center;
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.w-150 {
    width: 150px !important;
}

.m-h-30 {
    min-height: 30px !important;
}

.b-l-header {
    border-left: 3px solid #F2F7F9;
}





/* Centrar modal en tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .modal-dialog {
        margin: 0 auto;
    }
}

.carro-compras-contenedor {
    min-height: 600px;
    position: relative;
}

.carro-compras-resultado {
    position: relative;
    min-height: 600px;
}

.carro-de-compras-footer {
    min-height: 50px;
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0 10px;
    text-align: center;
}

.redes-sociales-gratis {
    background-color: #F2F7F9;
    min-height: 120px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0 10px;
}


.alerta-permanente-top {
    top: -77px;
    width: 100%;
    position: absolute;
}


#simbolo-suma {
    position: absolute;
    bottom: -45px;
    right: -35px;
    border: 3px solid #F2F7F9;
    background-color: white;
    border-radius: 100%;

    width: 70px;
    height: 70px;
    display: block;
    z-index: 1000;
    font-size: 32px;
    padding-top: 15px;
    text-align: center;
}

#simbolo-igual {
    position: absolute;
    bottom: -35px;
    left: -35px;

    border: 3px solid #F2F7F9;
    background-color: white;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    display: block;
    z-index: 1000;
    padding-top: 10px;
    text-align: center;
}

.saldo-pendiente-label {
    clear: both;
    float: left;
    margin: 10px 0 10px 37px;
}

.saldo-pendiente-valor {
    color: black;
    font-weight: bolder !important;
    float: right;
    font-size: 18px;
    margin: 10px 40px 0 0;
}

.btn-volver {
    min-height: 40px;
    line-height: 35px;
}

.checkout-header .logo {
    margin-top: 35px !important;
}

.vaciar-carro {
    margin: 20px 0 0 0;
    float: right;
}


.pedido {
    min-width: 320px;
    z-index: 3000;
    margin-top: 16px !important;
    border: 4px solid #ACBFD4;
    padding: 0px !important;
}

.pedido .arrow-menu {
    left: 40%;
}

.pedido .list-compra li {
    margin-bottom: 0px !important;
}

#deposito-en-garantia:before {
    border: none;
}

/*
  Checkout A Tablas
*/

.tabla-horizontal-clave {
    background-color: #F2F7F9;
    color: #000000;
    width: 20%;
}

.editable-space {
    width: 25%;
}


.skew-30 {
    transform: matrix3d(1.0, 2.0, 3.0, 4.0, 5.0, 6.0, 7.0, 8.0, 9.0, 10.0, 11.0, 12.0, 13.0, 14.0, 15.0, 16.0);
    -webkit-transform: perspective(300px) rotateX(-30deg);
    -o-transform: perspective(300px) rotateX(-30deg);
    -moz-transform: perspective(300px) rotateX(-30deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.skew-inverse-30 {
    transform: matrix3d(1.0, 2.0, 3.0, 4.0, 5.0, 6.0, 7.0, 8.0, 9.0, 10.0, 11.0, 12.0, 13.0, 14.0, 15.0, 16.0);
    -webkit-transform: perspective(300px) rotateX(30deg);
    -o-transform: perspective(300px) rotateX(30deg);
    -moz-transform: perspective(300px) rotateX(30deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

/*
  Contrato de prestacion de servicios
*/

.contrato_de_prestacion_de_servicios {
    background-color: #FFF !important;
    color: #666 !important;
    padding: 30px 40px 5px 30px !important;
    font-size: 15px !important;
    border-radius: 2px !important;
    border: #f2f7f9 !important;
    height: 400px;
    overflow-y: scroll !important;
}

.contrato_de_prestacion_de_servicios li {
    padding: 20px;
}

/*

  Condiciones de uso

*/

.condiciones_de_uso {
    background-color: #f2f7f9 !important;
    color: #666 !important;
    padding: 30px 40px 5px 30px !important;
    font-size: 15px !important;
    border-radius: 2px !important;
    width: 600px;
}

.condiciones_de_uso .list-bullets-content {
    overflow-y: scroll !important;
    height: 200px;
    margin-top: 0px;
    padding-right: 20px;
}

.condiciones_de_uso i {
    color: #02b0ef !important;
    font-size: 26px !important;
}

.condiciones_de_uso:before {
    border-top: 22px solid #fff;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-bottom: none;
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
}






/*
  Comparador
*/

.comparador-resultado {
    border: 3px solid #F2F7F9;
    position: relative;
}

.js-eliminar-equipo-carrito:hover {
    text-decoration: none;
    color: white;
}


/*
  Fin del Comparador
*/




/*
  Login
*/

.m-l-m-10 {
    margin-left: -10px;
}


.fondo-login {

    background-size: cover;
    background-repeat: no-repeat;
}

.f-f-telcel-bold {
    font-family: telcelbold;
}

/*
  Mensajes permanentes
*/

.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    pointer-events: none;
}


.contrasena-en-proceso {
    background-color: #3CC5AC;
    color: #FFFFFF;
    padding: 20px;
}

.contrasena-en-proceso:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(157, 9, 147, 0);
    border-bottom-color: #3CC5AC;
    border-width: 10px;
    margin-left: -10px;
}


#alert-email {
    color: #FFFFFF;
    background-color: #9D0993;
    padding: 15px;
}

#alert-email:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(157, 9, 147, 0);
    border-bottom-color: #9D0993;
    border-width: 10px;
    margin-left: -10px;
}

.alerta-permanente {
    color: #FFFFFF;
    background-color: #9D0993;
    padding: 15px;
}

.alerta-permanente-equipo {
    color: #FFFFFF;
    background-color: #9D0993;
    padding: 5px;
}

.wrapper-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
}

.wrapper-close a {
    color: white;
}

.olvide-mi-contrasena {
    color: #FFFFFF;
    background-color: #9D0993;
    padding: 20px;
}

.olvide-mi-contrasena:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(157, 9, 147, 0);
    border-bottom-color: #9D0993;
    border-width: 10px;
    margin-left: -10px;
}

.alerta-permanente:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(157, 9, 147, 0);
    border-top-color: #9D0993;
    border-width: 10px;
    margin-left: -10px;
}

.alerta-permanente-equipo:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(157, 9, 147, 0);
    border-top-color: #9D0993;
    border-width: 10px;
    margin-left: -10px;
}

/*
  Fin de los mensajes permanentes
*/


.contrato-prestacion-servicios li {
    padding: 15px;
}

.medios-de-pago-checkout-a {
    display: block;
    height: 100px;
    clear: both;
    text-align: center;
    background-color: #F2F7F9;
}

.medios-de-pago-checkout-a h5 {
    text-align: center;
    padding-top: 10px;
}


.medios-de-pago-checkout-a ul {
    margin: 0 auto;
    width: 80%;
}

.medios-de-pago-checkout-a ul li {
    list-style: none;
    float: left;
    padding: 5px;
}

.carro-compras-resultado .medios-de-pago-checkout-a ul {
    width: 100%;
}

.carro-compras-resultado .medios-de-pago-checkout-a ul li {
    padding: 0px;
}


/* .medios-de-pago ul li{
  list-style: none;
  float: right;
  padding: 5px;
} */

.carro-compras-contenedor {
    border: 3px solid #F2F7F9;
    position: relative;
}

.carro-compras-contenedor-borde-azul {
    border: 5px solid #27B1E9;
}

.carro-compras-contenedor-borde-azul .condiciones_de_uso {
    width: 400px;
}

.carro-compras-resultado {
    border: 3px solid #27B1E9;
    position: relative;
}


.carro-compras-plan {
    position: relative;
}

.carro-compras-equipo {
    position: relative;
}


.header-compras-contenedor {
    background-color: #F2F7F9;
    margin: 0 0 20px 0;
}


.titulo-compras-contenedor {
    border-bottom: solid 3px #E3EEF1;
    clear: both;
}



.precio-compras-contenedor {
    font-size: 17px !important;
    color: black;
    height: 25px;
    padding: 10px 0 0 0;
}

.legenda-precios-contenedor {
    font-size: 12px !important;
    font-weight: normal;
    padding: 0 0 20px 0;
    color: #999;
}


.js-galeria-equipo .owl-pagination .owl-page {
    background-color: #27B1EA;
}

.js-galeria-equipo .owl-buttons {
    /*   display: none !important; */
}

.w-s-n {
    white-space: normal !important;
}

.b-gris {
    border: 3px solid #F2F7F9;
}

.b-l {
    border-left: 3px solid #F2F7F9;
}

.b-r {
    border-right: 3px solid #F2F7F9;
}

.b-t {
    border-top: 3px solid #F2F7F9;
}

.b-b {
    border-bottom: 3px solid #F2F7F9;
}


.b-b-15 {
    border-bottom: 15px solid #F2F7F9;
}

.b-t-gris-oscuro {
    border-top: 3px solid #DEE9EF;
}

.b-b-gris-oscuro {
    border-bottom: 3px solid #DEE9EF;
}

.b-t-azul {
    border-top: 3px solid #27B1E9;
}

.n-m {
    margin: 0px !important;
}

.n-p {
    padding: 0px !important;
}

/*
  Hover color blanco
*/
.h-c-b:hover {
    color: white;
}

.gris-claro {
    color: #999;
}

.gris-claro2 {
    color: #94A2A4;
}

.negro {
    color: #000000;
}

.gris {
    color: #666666;
}

.blanco {
    color: #FFFFFF;
}

.azul {
    color: #27B1E9;
}

.magenta-claro {
    color: #E9067D;
}

.magenta {
    color: #9F0995;
}

.rojo {
    color: #FF0000;
}

.azul-oscuro {
    color: #0A3D79;
}


.fondo-rosa {
    background-color: #FBD3E5;
}

.fondo-celeste {
    background-color: #CAEFFA;
}

.fondo-azul {
    background-color: #27B1E9;
}

.fondo-azul-oscuro {
    background-color: #0a3d7e;
}

.fondo-amarillo {
    background-color: #FFC800;
}

.fondo-gris {
    background-color: #4E656F;
}

.fondo-blanco {
    background-color: #FFFFFF !important;
}

.fondo-magenta {
    background-color: #9F0995;
}

.fondo-verde {
    background-color: #44CAB6;
}

.fondo-gris-claro {
    background-color: #F2F7F9;
}



#suma-ecommerce {

    border: 3px solid #F2F7F9;
    background-color: white;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    display: block;
    z-index: 1000;
    padding-top: 12px;
    text-align: center;
    position: absolute;
    top: 45%;
    right: -35px;
    font-size: 40px;
}


#resultado-ecommerce {
    border: 3px solid #F2F7F9;
    background-color: white;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    display: block;
    z-index: 1000;
    padding-top: 6px;
    text-align: center;
    position: absolute;
    top: 45%;
    left: -35px;
    font-size: 40px;
}



@media (min-width: 768px) and (max-width: 991px) {

    #suma-ecommerce {
        width: 50px;
        height: 50px;
        display: block;
        z-index: 1000;
        padding-top: 3px;
        top: 45%;
        right: -25px;
        font-size: 34px;
    }

    #resultado-ecommerce {
        width: 50px;
        height: 50px;
        display: block;
        z-index: 1000;
        padding-top: 0px;
        top: 45%;
        left: -25px;
        font-size: 35px;
    }

    .carousel-home-equipos .item-terminal-offers-home-carrusel {
        min-height: 150px;
    }

    .item-terminal .img,
    .item-accesorios .img {
        min-height: 250px !important;
    }

    .item-terminal-promociones {
        min-height: 185px;
    }

    .item-terminal-promociones .descripcion-promo {
        min-height: 230px !important;
    }

    .item-terminal-offers {
        min-height: 175px !important;
    }

    .item-terminal-promociones h4 {
        min-height: 50px !important;
    }

    .container-resultados .resultado .item-terminal-simple .item-terminal-description {
        height: 220px !important;
    }

    .item-terminal-simple .item-terminal-description h4 {
        min-height: 50px !important;
    }

    .container-resultados .resultado .item-terminal-simple .item-terminal-offers {
        min-height: 90px !important;
    }

    .carousel-home-equipos-simple .item-accesorios h4 {
        min-height: 50px !important;
    }

}


.ecommerce-seleccion-equipo-plan .tooltip-inner {
    background-color: #9F0995;
    font-size: 14px;
    padding: 15px;
    width: 100%;
}

.ecommerce-seleccion-equipo-plan .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #9F0995;
}


.ecommerce .btn-quest {
    background-color: #9FDCF4;
}

.ecommerce .btn-quest:hover {
    color: white;
    text-decoration: none;
}

.ecommerce .tooltip.left .tooltip-inner {
    text-align: left !important;
    font-weight: 100;
    background-color: #1050A1;
    min-width: 200px;
    white-space: normal !important;
}

.ecommerce .tooltip.left .tooltip-arrow {
    border-left-color: #1050A1 !important;
}


.detalle-a-pagar .table>tbody>tr:first-child>td {
    border: none;
}


.detalle-a-pagar .table-simple.table>tbody>tr:last-child>td {
    border-bottom: none;
}


#ecommerce-pasos-contenedor {
    position: absolute;
    background-color: white;
    height: 1000px;
    width: 1000px;
    display: block;
    z-index: 2000;
}

/*
.img-circle-tooltip{
    float: left;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    font-size: 17px;
    border-radius: 50%;
} */

.tooltip-ecommerce {
    margin-left: 5px;
    width: 24px;
    height: 24px;
    font-size: 17px;
    border-radius: 50%;
}


.owl-pagination .owl-page {
    height: 8px !important;
    width: 8px !important;
}




/* Large desktops and laptops */
@media (min-width: 1200px) {
    .characteristic-buy-phone .options-buy li>a {
        min-height: 305px !important;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    .carro-compras-resultado .medios-de-pago-checkout-a {
        height: 150px;
    }


    .n-b-r-md {
        border-right: 0px !important;
    }

    .n-b-b-md {
        border-bottom: 0px !important;
    }

    .b-b-md {
        border-bottom: 3px solid #F2F7F9;
    }

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    .carro-compras-contenedor {
        min-height: 750px;
    }

    .carro-compras-resultado {
        min-height: 750px;
    }


    .vaciar-carro {
        margin: 15px 15px 0 0;
    }

    .carro-compras-contenedor-borde-azul .condiciones_de_uso {
        width: 280px;
    }

    .carro-compras-resultado .medios-de-pago-checkout-a {
        height: 200px;
    }


    .text-center-sm {
        text-align: center !important;
    }

    .b-t-sm {
        border-top: 3px solid #F2F7F9;
    }


    .b-b-sm {
        border-bottom: 3px solid #F2F7F9;
    }

    .text-left-sm {
        text-align: left !important;
    }

    .n-p-sm {
        padding: 0px !important;
    }

    .n-b-r-sm {
        border-right: 0px !important;
    }

    .n-b-b-sm {
        border-bottom: 0px !important;
    }

    .p-t-10-sm {
        padding-top: 10px;
    }

    .p-t-20-sm {
        padding-top: 20px;
    }

    .p-t-30-sm {
        padding-top: 30px;
    }

    .p-t-40-sm {
        padding-top: 40px;
    }

    .p-t-60-sm {
        padding-top: 60px;
    }

    .p-t-15-sm {
        padding-top: 15px;
    }



    .m-h-100-sm {
        min-height: 100px !important;
    }

    .m-h-120-sm {
        min-height: 120px !important;
    }

    .m-h-240-sm {
        min-height: 240px !important;
    }

    .f-z-14-sm {
        font-size: 14px !important;
    }

    .f-z-15-sm {
        font-size: 15px !important;
    }

    .medios-de-pago-checkout-a ul {
        width: 100%;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    .pedido {
        margin-top: 44px !important;
        right: 0px !important;
        left: auto !important;
    }

    .carro-compras-contenedor-borde-azul {
        border: 0px;
    }

    .b-t-xs {
        border-top: 3px solid #F2F7F9;
    }

    .b-b-xs {
        border-bottom: 3px solid #F2F7F9;
    }

    .columna-xs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .columna-xs-offset-3 {
        margin-left: 25%;
    }

    .columna-xs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .columna-xs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .columna-xs-6 {
        width: 50%;
        float: left;
    }

    .columna-xs-8 {
        width: 66.66666666666666%;
        float: left;
    }

    .columna-xs-12 {
        width: 100%;
        float: left;
    }


    .caja-centro-xs {
        margin: 0 auto;
        float: none !important;
        text-align: center;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .p-l-10-xs {
        padding-left: 10px;
    }

    .m-r-10-xs {
        margin-right: 10px !important;
    }

    .p-t-xs-5 {
        padding-top: 5px;
    }

    .p-t-xs-10 {
        padding-top: 10px;
    }

    .p-t-xs-20 {
        padding-top: 20px;
    }

    .p-t-xs-30 {
        padding-top: 30px;
    }

    .p-t-xs-40 {
        padding-top: 40px;
    }

    .p-b-xs-20 {
        padding-bottom: 20px;
    }

    .p-b-xs-40 {
        padding-bottom: 40px;
    }


    /*
    Clases alternativas para sobreescribir clases de custom.css que limitan los
    contenedores en dispositivos pequenos
  */
    .columna-xs-2 {
        width: 16.666666666666664%;
        float: left;
    }

    .columna-xs-3 {
        width: 25%;
        float: left;
    }

    .columna-xs-4 {
        width: 33.33333333333333%;
        float: left;
    }

    .columna-xs-5 {
        width: 41.66666666666667%;
        float: left;
    }

    � {
        width: 50%;
        float: left;
    }

    .columna-xs-7 {
        width: 58.333333333333336%;
        float: left;
    }

    .columna-xs-8 {
        width: 66.66666666666666%;
        float: left;
    }




    .list-circle-steps {
        padding: 0 !important;
        margin: 0 !important;
    }


    .columna-xs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .columna-xs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .n-p-xs {
        padding: 0px;
    }

    .n-m-xs {
        margin: 0px;
    }

    .m-h-100-xs {
        min-height: 100px !important;
    }

    .m-h-200-xs {
        min-height: 200px !important;
    }

    .n-p-t-xs {
        padding-top: 0px;
    }

    .n-m-t-xs {
        margin-top: 0px;
    }

    .n-b-xs {
        border: none !important;
    }

    .n-b-l-xs {
        border-left: none !important;
    }

    .n-b-r-xs {
        border-right: none !important;
    }

    .n-b-t-xs {
        border-top: none !important;
    }

    .carro-compras-resultado {
        border: none;
    }

    .medios-de-pago ul {
        padding: 0px;
    }

    .medios-de-pago ul li {
        padding: 2px;
    }

    .f-n-xs {
        float: none;
    }

    .js-galeria-equipo img {
        width: 150px !important;
        margin: 0 auto;
    }

    .condiciones_de_uso {
        width: 320px !important;
    }

    .vaciar-carro {
        margin: 15px auto;
        text-align: center;
        display: block;
        height: 50px;
        width: 230px;
        float: none !important;
    }

    .m-s-i-m-f-33 {
        margin-left: 0;
    }

    .m-s-i-inline-titulo {
        width: 100% !important;
        clear: both;
        float: none !important;
        text-align: center !important;
    }

    .m-s-i-inline-subtitulo {
        width: 100% !important;
        clear: both;
        float: none !important;
        text-align: center !important;
    }

    .m-s-i-inline .meses-circulo {
        width: 100% !important;
        clear: both;
        float: none !important;
        text-align: center !important;
    }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    .btn-volver {
        height: 20px;
        line-height: 20px;
    }

    .text-center-xxs {
        text-align: center;
    }

    .n-p-xxs {
        padding: 0px;
    }

    .n-m-xxs {
        margin: 0px;
    }

    .medios-de-pago-checkout-a ul {
        width: 100%;
    }

    .medios-de-pago-checkout-a ul li {
        padding: 0px;
    }

    .form-group .control-label {
        max-width: 100%;
    }

    h1 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px !important;
    }

}

/*
 COMPONENTE BANNER DESTACADO Y COMPONENTE DE BANNER CON SOLAPAS
 */
.js-galeria-destacados {
    position: relative
}

@media (max-width: 767px) {
    .js-galeria-destacados {
        margin-bottom: 10px !important
    }
}

.js-galeria-destacados .owl-controls .owl-pagination {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 10px;
    transform: translate(-50%, 0);
    width: max-content
}

@media (max-width: 767px) {
    .js-galeria-destacados .owl-controls .owl-pagination {
        top: 10px;
        right: 10px;
        bottom: auto;
        left: auto;
        transform: inherit
    }
}

.js-galeria-destacados .owl-controls .owl-pagination .js-telcel-banner-accesible-navigation-play-pause {
    height: 25px;
    width: 25px;
    line-height: 23px;
    background-color: #F5F5F5;
    color: #FFFFFF;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer
}

.js-galeria-destacados .owl-controls .owl-pagination .owl-page {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px;
    background-color: #062C5F;
    color: #fff
}

@media (max-width: 767px) {
    .js-galeria-destacados .owl-controls .owl-pagination .owl-page {
        height: 16px !important;
        width: 16px !important;
        line-height: 16px;
        font-size: 11px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-imagen {
    width: 100%
}

.js-galeria-destacados .js-galeria-destacados-contenedor-imagen .dkt {
    height: 260px !important
}

@media (max-width: 767px) {
    .js-galeria-destacados .responsive-fit {
        object-fit: contain;
        position: fixed;
        bottom: 0px
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .js-galeria-destacados .responsive-fit {
        bottom: -105px
    }

    .js-galeria-destacados .owl-controls {
        top: 250px;
        right: 40%
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto {
    position: absolute;
    left: 25px;
    top: 30px;
    width: 55%
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto p {
    color: #666
}

@media (max-width: 350px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto p {
        width: 90% !important
    }
}

@media only screen and (min-width: 360px) and (max-width: 540px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto p {
        width: 90% !important
    }
}

@media (max-width: 350px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto {
        width: 85%;
        top: 30px
    }
}

@media only screen and (min-width: 360px) and (max-width: 540px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto {
        width: 90%
    }
}

@media (max-width: 768px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto {
        width: 55%;
        top: 35px
    }
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto {
        width: 50%
    }

    .js-galeria-destacados .js-galeria-destacados-contenedor-texto p {
        width: 50%;
        height: 95px;
        overflow: hidden;
        font-size: 13px
    }

    .js-galeria-destacados .js-galeria-destacados-contenedor-texto>div {
        position: relative;
        height: 100px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto ul {
    padding-left: 15px
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto ul {
        padding-left: 20px;
        width: 50%;
        height: 100px;
        overflow: hidden
    }
}

@media only screen and (min-width: 360px) and (max-width: 540px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto ul {
        width: 90%
    }
}

@media (max-width: 350px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto ul {
        width: 90%
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto ul li {
    color: #666;
    font-size: 13px
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto h1 {
    font-family: telcelregular;
    font-size: 32px;
    line-height: 1.3 !important;
    color: #062C5F
}

@media (max-width: 768px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto h1 {
        font-size: 20px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button {
    margin-top: 5px;
    padding: 8px;
    font-size: 16px
}

@media (max-width: 768px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto button {
        margin-top: 28px;
        font-size: 14px
    }
}

@media (max-width: 528px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto button {
        margin-top: 5px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:hover {
    background-color: #7996bb !important;
    border: solid 1px #7996bb !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto .conoce-mas {
    background-color: #0a3d7e;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto .conoce-mas:hover {
    background-color: #7996bb !important;
    border: solid 1px #7996bb !important;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-menu {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 2
}

.js-galeria-destacados .js-galeria-destacados-menu ul {
    margin: 0px;
    padding: 0px
}

.js-galeria-destacados .js-galeria-destacados-menu li {
    float: left;
    list-style: none;
    border-right: 2px #666 solid
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-menu li {
        border-right: none
    }
}

.js-galeria-destacados .js-galeria-destacados-menu li a {
    padding: 0px 10px;
    font-size: 17px;
    color: #999;
    text-decoration: none;
    font-weight: bold
}

@media (max-width: 768px) {
    .js-galeria-destacados .js-galeria-destacados-menu li a {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-menu li a {
        display: none
    }
}

.js-galeria-destacados .js-galeria-destacados-menu li .active {
    color: #666
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-menu li .active {
        display: block !important
    }
}

.js-galeria-destacados .js-galeria-destacados-menu ul li:last-child {
    border: none
}

.js-galeria-destacados-derecha .js-galeria-destacados-contenedor-texto {
    left: inherit;
    right: 25px
}

.js-galeria-destacados-derecha .js-galeria-destacados-menu {
    left: inherit;
    right: 15px
}

.js-galeria-destacados-derecha button {
    float: right
}

@media (max-width: 767px) {
    .js-galeria-destacados-derecha .js-galeria-destacados-contenedor-texto {
        left: 25px;
        right: inherit
    }
}

@media (max-width: 767px) and (max-width: 340px) {
    .js-galeria-destacados-derecha .js-galeria-destacados-contenedor-texto {
        left: 0px
    }
}

@media (max-width: 767px) {
    .js-galeria-destacados-derecha .js-galeria-destacados-menu {
        left: 15px;
        right: inherit
    }

    .js-galeria-destacados-derecha button {
        float: left
    }

    .js-galeria-destacados-derecha .owl-controls {
        bottom: inherit;
        top: 20px;
        left: inherit;
        right: 12px
    }
}

@media only screen and (max-width: 767px) and (min-width: 481px) and (max-width: 767px) {
    .js-galeria-destacados-derecha .owl-controls {
        top: 250px;
        right: 40%
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .js-galeria-destacados .owl-controls {
        top: 250px;
        right: 40%
    }
}

@media (max-width: 767px) {
    .js-galeria-multiple-destacados .owl-controls .owl-pagination {
        position: static;
        left: 0;
        top: auto;
        bottom: 0;
        transform: translate(0, 0);
        width: 100%
    }
}

@media (max-width: 767px) {
    .js-galeria-multiple-destacados #gif-desktop {
        background-image: none
    }
}

#gif-desktop {
    background-image: url(clientlib-base/img/gigared-bne.gif)
}

@media (max-width: 767px) {
    #gif-desktop {
        background-image: none
    }
}

.js-galeria-destacados .img-dkt-left {
    min-height: 260px;
    background-repeat: no-repeat;
    background-size: contain
}

.js-galeria-destacados .img-dkt-left .white-right-gradient {
    width: 100%;
    height: 260px;
    background: transparent;
    background: linear-gradient(to right, transparent 10%, #fff 45%)
}

@media (max-width: 767px) {
    .js-galeria-destacados .img-dkt-left .white-right-gradient {
        height: 100%
    }
}

.js-galeria-destacados .img-dkt-left .dark-right-gradient {
    width: 100%;
    height: 260px;
    background: transparent;
    background: linear-gradient(to right, transparent 10%, #131416 45%)
}

@media (max-width: 767px) {
    .js-galeria-destacados .img-dkt-left .dark-right-gradient {
        height: 100%
    }
}

.js-galeria-destacados .img-dkt-left .gray-right-gradient {
    width: 100%;
    height: 260px;
    background: transparent;
    background: linear-gradient(to right, transparent 10%, #ececee 45%)
}

@media (max-width: 767px) {
    .js-galeria-destacados .img-dkt-left .gray-right-gradient {
        height: 100%
    }
}

.js-galeria-destacados .img-dkt-right {
    min-height: 260px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right
}

.js-galeria-destacados .img-dkt-right .white-left-gradient {
    width: 100%;
    height: 260px;
    background: transparent;
    background: linear-gradient(to left, transparent 10%, #fff 45%)
}

@media (max-width: 767px) {
    .js-galeria-destacados .img-dkt-right .white-left-gradient {
        height: 100%
    }
}

.js-galeria-destacados .img-dkt-right .dark-left-gradient {
    width: 100%;
    height: 260px;
    background: transparent;
    background: linear-gradient(to left, transparent 10%, #131416 45%)
}

@media (max-width: 767px) {
    .js-galeria-destacados .img-dkt-right .dark-left-gradient {
        height: 100%
    }
}

.js-galeria-destacados .img-dkt-right .gray-left-gradient {
    width: 100%;
    height: 260px;
    background: transparent;
    background: linear-gradient(to left, transparent 10%, #ececee 45%)
}

@media (max-width: 767px) {
    .js-galeria-destacados .img-dkt-right .gray-left-gradient {
        height: 100%
    }
}

@media (max-width: 767px) {
    .js-galeria-destacados .item {
        min-height: 320px
    }

    .js-galeria-destacados .movil-2,
    .js-galeria-destacados .gif-mobile {
        background-repeat: no-repeat;
        background-position: right
    }

    .js-galeria-destacados .movil-2 .white-box,
    .js-galeria-destacados .gif-mobile .white-box {
        min-height: 360px;
        background: transparent;
        background: linear-gradient(to left, transparent 25%, #fff 90%)
    }

    .js-galeria-destacados .movil-2 .gray-box,
    .js-galeria-destacados .gif-mobile .gray-box {
        min-height: 360px;
        background: transparent;
        background: linear-gradient(to left, transparent 25%, #ececee 90%)
    }

    .js-galeria-destacados .movil-2 .dark-box,
    .js-galeria-destacados .gif-mobile .dark-box {
        min-height: 360px;
        background: transparent;
        background: linear-gradient(to left, transparent 10%, #000 90%)
    }

    .js-galeria-destacados .menu-gradiente-oscuro ul li .active {
        color: #fff
    }

    .js-galeria-destacados .texto-gradiente-oscuro p,
    .js-galeria-destacados .texto-gradiente-oscuro ul li {
        color: #fff !important
    }

    .js-galeria-destacados .texto-gradiente-oscuro h1 {
        color: #34B0EE
    }
}

@media only screen and (min-width: 481px) and (max-width: 580px) {
    .js-galeria-destacados .owl-controls {
        top: 250px;
        right: 40%
    }
}

.js-galeria-destacados .texto-gradiente-oscuro p,
.js-galeria-destacados .texto-gradiente-oscuro ul li {
    color: #fff !important
}

.js-galeria-destacados .texto-gradiente-oscuro h1 {
    color: #34B0EE
}

.js-galeria-destacados .menu-gradiente-oscuro ul li .active {
    color: #fff
}

.telcel-banners-rotativos {
    position: relative
}

.telcel-banners-rotativos .owl-carousel {
    width: 1366px;
    float: none;
    clear: both;
    margin: 0 auto
}

.telcel-banners-rotativos .owl-carousel .owl-buttons .owl-prev {
    left: 20px
}

.telcel-banners-rotativos .owl-carousel .owl-buttons .owl-next {
    right: 20px
}

.telcel-banners-rotativos .owl-carousel .owl-buttons>div {
    position: absolute;
    top: 50%;
    margin-top: -120px;
    font-size: 130px;
    color: #637579
}

@media (max-width: 1023px) {
    .telcel-banners-rotativos .owl-carousel .owl-buttons>div {
        margin-top: -100px
    }
}

@media (max-width: 767px) {
    .telcel-banners-rotativos .owl-carousel .owl-buttons>div {
        margin-top: -80px
    }
}

@media (max-width: 1335px) {
    .telcel-banners-rotativos .owl-carousel {
        width: auto;
        float: none;
        clear: both;
        margin: 0 auto
    }
}

@media (max-width: 899px) {
    .telcel-banners-rotativos .owl-carousel .owl-buttons>div {
        font-size: 111px
    }
}

@media (max-width: 899px) and (max-width: 767px) {
    .telcel-banners-rotativos .owl-carousel .owl-buttons>div {
        font-size: 111px
    }
}

@media (max-width: 899px) {
    .telcel-banners-rotativos .owl-carousel .owl-buttons .owl-prev img {
        max-width: 70%
    }

    .telcel-banners-rotativos .owl-carousel .owl-buttons .owl-next img {
        max-width: 70%
    }

    .telcel-banners-rotativos .owl-carousel .telcel-banners-rotativos .owl-carousel .owl-buttons>div {
        font-size: 111px
    }

    .telcel-banners-rotativos .banner-rotativo-slider .owl-buttons i {
        text-indent: -39px
    }
}

.telcel-banners-rotativos .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

@media (max-width: 768px) {
    .telcel-banners-rotativos .owl-carousel {
        width: 100%
    }

    .telcel-banners-rotativos .owl-controls {
        display: block !important
    }
}

@media (max-width: 768px) {
    .telcel-banners-rotativos .owl-carousel .owl-item img {
        width: 100%;
        margin: 0 auto
    }

    .telcel-banners-rotativos .owl-buttons .owl-prev {
        left: 15px !important
    }

    .telcel-banners-rotativos .owl-buttons .owl-next {
        right: 15px !important
    }
}

@media (min-width: 320px) and (max-width: 459px) {
    .telcel-banners-rotativos .owl-buttons .owl-prev {
        top: 100px !important
    }

    .telcel-banners-rotativos .owl-buttons .owl-next {
        top: 100px !important
    }
}

@media (min-width: 460px) and (max-width: 615px) {
    .telcel-banners-rotativos .owl-buttons .owl-prev {
        left: 15px !important;
        top: 160px !important
    }

    .telcel-banners-rotativos .owl-buttons .owl-next {
        right: 15px !important;
        top: 160px !important
    }
}

@media only screen and (min-width: 616px) and (max-width: 767px) {
    .telcel-banners-rotativos .owl-buttons .owl-prev {
        left: 15px !important;
        top: 200px !important
    }

    .telcel-banners-rotativos .owl-buttons .owl-next {
        right: 15px !important;
        top: 200px !important
    }
}

.telcel-banners-rotativos .menu-flotante-contenedor-exterior {
    position: absolute;
    top: 0px;
    width: 100%
}

.telcel-banners-rotativos .menu-flotante-contenedor {
    width: 1366px;
    float: none;
    clear: both;
    margin: 0 auto;
    position: relative
}

@media (max-width: 1335px) {
    .telcel-banners-rotativos .menu-flotante-contenedor {
        width: 100%
    }
}

.telcel-banners-rotativos .menu-flotante-contenedor .nav-shortcuts {
    right: 100px !important
}

.telcel-banners-rotativos .owl-controls {
    display: none
}

.js-telcel-banner-accesible>.owl-controls>.owl-pagination {
    position: relative !important;
    left: 50% !important;
    top: 5px !important;
    transform: translate(-50%, 0) !important;
    margin-bottom: 10px
}

.js-telcel-banner-accesible>.owl-controls>.owl-pagination>.js-telcel-banner-accesible-navigation-dot {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px;
    background-color: #062C5F;
    color: #FFFFFF
}

.js-telcel-banner-accesible>.owl-controls>.owl-pagination>.js-telcel-banner-accesible-navigation-play-pause {
    height: 25px !important;
    width: 25px !important;
    line-height: 23px;
    background-color: #F5F5F5;
    color: #FFFFFF;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer
}

/*
  Tabla estilo 1
*/
.tabla-estilo-1 {
    margin: 0 auto;
    text-align: center;
    color: #666;
}

.tabla-estilo-1 .tabla-estilo-1-columna:last-child {
    border-right: none;
}

.tabla-estilo-1 .tabla-estilo-1-columna {
    float: left;
    border-right: 2px solid #F2F7F9;
    padding: 4px;
}

.tabla-estilo-1 .tabla-estilo-1-columna .destacado {
    font-family: telcelbold;
    font-size: 17px;
    color: #062C5F;
    font-weight: bold;
}

.list-plans .item .content .column strong,
.list-plans .item .content .row-xs>.table-sm>.column.price {
    font-size: 26px !important;
}

/*comienza componente dos columnas bordeadas */


.cuadrilla-elementos .row .cuadrilla-elemento {
    float: left;
    width: 50%;
    border: 10px solid #F2F7F9;
    min-height: 500px;
    text-align: center;
    padding: 40px;
    margin-top: -10px
}

.cuadrilla-elementos .row .cuadrilla-elemento:nth-child(2n) {
    border-left: none
}

@media (max-width : 767px) {
    .columna-xs-6 {
        width: 50%;
        float: left;
    }

    .cuadrilla-elementos .row .cuadrilla-elemento:nth-child(2n) {
        border-left: 10px solid #F2F7F9
    }
}

.cuadrilla-elementos .row .cuadrilla-elemento h1 {
    font-size: 28px;
    font-weight: bold
}

.cuadrilla-elementos .row .cuadrilla-elemento i {
    color: #27B1E9;
    font-size: 70px
}

@media (max-width : 1199px) {
    .cuadrilla-elementos .row .cuadrilla-elemento {
        min-height: 600px
    }
}

@media (max-width : 767px) {
    .cuadrilla-elementos .row .cuadrilla-elemento {
        min-height: 400px;
        clear: both;
        width: 100%;
        border-top: 10px solid #F2F7F9;
        border-right: none !important;
        border-left: none !important
    }
}

/*termina componente dos columnas bordeadas */

.suma-simbolo {
    border: 3px solid #F2F7F9;
    background-color: white;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: block;
    z-index: 1000;
    padding-top: 12px;
    text-align: center;
    position: absolute;
    top: 50px;
    right: -30px;
}

.suma-simbolo i {
    font-size: 35px;
}

/* COBERTURA DE ROAMING */


.agregar-mas-paises {
    clear: both;
    margin-left: 32%;
    width: 36%;
    min-height: 20px;
}

.etiqueta-pais {
    width: 30%;
    float: left;
    text-align: right;
    padding: 1%;
}

.lista-paises {
    width: 40%;
    float: left;
}

.seleccionar-vuelo-icono {
    padding-top: 40px;
}

.seleccionar-vuelo-contenedor {
    margin-top: 40px;
}

.seleccionar-vuelo-contenido label {
    margin-top: 20px;
}

.seleccionar-vuelo-contenido .chosen-container {
    margin-top: 5px;
}

.btn-celeste {
    background-color: #27B1E9;
    color: #FFFFFF;
    text-decoration: none;
    min-height: 40px;
    line-height: 26px;
}

.btn-celeste:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.agregar-mas-paises {
    clear: both;
    margin-left: 32%;
    width: 36%;
    min-height: 20px;
}

.agregar-mas-paises .btn {
    padding: 0px;
}

.agregar-mas-paises .right {
    float: right;
}

.control-paises {
    width: 30%;
    float: left;
    padding-left: 1%;
}

.lista-paises .chosen-container {
    padding-bottom: 5px;
}

.lista-paises-pais {}

.scroll-x {
    overflow-x: scroll;
}

.eliminar_transporte {
    position: absolute;
    right: -90px;
    top: 9px;
}

.eliminar_transporte i {
    font-size: 24px;
}

.eliminar_transporte span {
    float: right;
    padding: 1px 0px 0px 3px;
}



@media (max-width: 768px) {
    .roaming-marcacion-mexico .resultado-roaming-item-descripcion {
        padding: 0px;
        font-size: 16px;
    }

    .roaming-marcacion-mexico .contenedor-resultado-roaming {
        padding: 15px;
    }

    .roaming-marcacion-mexico .resultado-roaming-item-descripcion:first-child {
        padding: 40px 0 0 0;
    }

    .agregar-mas-paises {
        margin-left: 0px !important;
        width: 100%;
    }

    .agregar-mas-paises a {
        text-align: center;
        width: 100%;
        float: none !important;
        height: 50px;
        line-height: 25px;
    }

    #paises_contenedor .form-group {
        margin: 0px 0px 0px 2px !important;
    }

    #paises_contenedor .form-group select {
        width: 90% !important;
        margin-bottom: 5px;
    }

    .btn-celeste {
        width: 100%;
        text-align: center;
    }

    .control-paises {
        width: 100%;
        float: none;
        clear: both;
        padding: 4px;
    }

    .agregar-mas-paises {
        margin-left: 0px;
        width: 100%;
    }

    .agregar-mas-paises a {
        text-align: center;
        width: 100%;
        float: none !important;
    }

    #paises_contenedor .chosen-container {
        width: 95% !important;
    }

}

.mapas-coberturas {
    text-align: center;
    margin: 0 auto;
    padding: 2%;
}

@media (max-width: 480px) {
    .resultado-roaming-item-leyenda {
        padding-top: 30px;
    }

    #paises_contenedor .chosen-container {
        width: 90% !important;
    }

    #buscar-roaming {
        white-space: normal !important;
    }

    .mapas-coberturas {
        padding: 0 20px 0 1px;
    }

    .mapas-coberturas .gallery .thumbs {
        padding: 0 20px;
        margin-left: 10px;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-prev {
        text-indent: 0px;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-next {
        text-indent: 0px;
    }

    .mapas-coberturas .gallery .thumbs .item {
        width: 60%;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-prev {
        left: -23px;
        margin-top: 0px;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-next {
        margin-top: 0px;
    }

}



.form-inline .form-control .customSelect {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}


.seleccionar-pais-contenedor {
    background-color: #e4eef2;
    min-height: 80px;
    display: block;
    padding: 20px;
}

.tc-container .service {
    text-align: left !important;
}

.tc-div {
    text-align: center;
}

.table-card {
    font-size: 18px;
    border: solid 1px #ddd;
    margin: 0 auto;
}

.table-card a {
    width: 100%;
    display: block;
    height: 60px;
    line-height: 40px;
}

.table-card td {
    text-align: center;
    color: black;
    font-weight: 600;
    padding: 15px;
    line-height: 38px;
    border: none;
    border-bottom: solid 1px #ddd;
}

.table-card i {
    font-size: 32px;
    color: rgb(206, 216, 229);
    cursor: pointer;
    display: block;
}

.legend-tp {
    float: left;
}

#seleccionar-marca-modelo {
    padding: 20px;
    background-color: #e4eef2;
    height: 100%;
}

#seleccionar-marca-modelo table {
    background-color: white !important;
}

#paises_contenedor .chosen-container {
    float: left;
}

#paises_contenedor .form-group {
    position: relative;
    min-height: 30px;
    display: block;
    margin: 0 0 0 15px;
    clear: both;
}


#naviera_contenedor .chosen-container {
    float: left;
}

#naviera_contenedor .form-group {
    position: relative;
    min-height: 50px;
    display: block;
}

#transporte_contenedor .chosen-container {
    float: left;
}

#transporte_contenedor .form-group {
    position: relative;
    min-height: 50px;
    display: block;
}

#modalModeloEquipoPlan ol li {
    padding: 10px;
    font-size: 16px;
    white-space: initial;
}

#modalModeloEquipoPlan h1 {
    white-space: pre-line;
}

#modalModeloEquipoPlan strong {
    font-weight: bold;
    color: black;
}

#modalModeloEquipoPlan .panel-title a {
    color: black;
}

#modalModeloEquipoPlan a {
    color: #666;
}

#modalModeloEquipoPlan a i {
    color: #02B0EF;
}

#modalModeloEquipoPlan .icon-OsMac {
    color: #999999;
}

#modalModeloEquipoPlan .icon-Blackberry {
    color: #000000;
}

#modalModeloEquipoPlan .icon-Android {
    color: #a4c639;
}

#modalModeloEquipoPlan .modal-content {
    max-width: 600px !important;
}

#modalModeloEquipoAmigo ol li {
    padding: 10px;
    font-size: 16px;
    white-space: initial;
}

#modalModeloEquipoAmigo h1 {
    white-space: pre-line;
}

#modalModeloEquipoAmigo strong {
    font-weight: bold;
    color: black;
}

#modalModeloEquipoAmigo .panel-title a {
    color: black;
}

#modalModeloEquipoAmigo a {
    color: #666;
}

#modalModeloEquipoAmigo a i {
    color: #02B0EF;
}

#modalModeloEquipoAmigo .icon-OsMac {
    color: #999999;
}

#modalModeloEquipoAmigo .icon-Blackberry {
    color: #000000;
}

#modalModeloEquipoAmigo .icon-Android {
    color: #a4c639;
}

#modalModeloEquipoAmigo .modal-content {
    max-width: 600px !important;
}


.tablas-telcel table {
    border-collapse: separate;
    border-left: 0 none;
    border-radius: 4px;
    border-spacing: 0;
}

.tablas-telcel {
    margin-top: 40px
}

.tablas-telcel .table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 2px solid #e9ecef;
}

.tablas-telcel .table>thead>tr>th {
    border-bottom: 1px solid #e9ecef !important;
}

.tablas-telcel .cabecera-inferior {
    font-weight: normal !important;
}

.tablas-telcel .cabecera-inferior th {
    background-color: #c4d2e0 !important;
    color: black;
    font-size: 16px;
    font-weight: normal !important;
}

.tablas-telcel .table-striped>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th {
    background-color: #f2f7f9;
}

.tabla-telcel-cabecera {
    background-color: #acbfd4 !important;
    color: black;
    font-size: 22px !important;
    font-weight: normal !important;
    padding: 10px;
    text-align: center !important;
}

.tablas-telcel thead {
    background-color: #c4d2e0;
    border-collapse: separate;
    border-color: inherit;
    display: table-header-group;
    vertical-align: middle;
}

.tablas-telcel tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
}

.tablas-telcel th,
td {
    border: 1px solid #ddd;
    padding: 5px 4px 6px;
    text-align: left;
    vertical-align: top;
}

.tablas-telcel2 th,
td {
    border: 0px;
    padding: 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
}

.tablas-telcel td {
    border-top: 1px solid #ddd;
}

.tablas-telcel thead:first-child tr:first-child th:first-child,
tbody:first-child tr:first-child td:first-child {
    border-radius: 10px 10px 0 0;
}

.tablas-telcel thead:last-child tr:last-child th:first-child,
tbody:last-child tr:last-child td:first-child {}

.tablas-telcel thead:last-child tr:last-child th:last-child,
tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 10px;
}

.tabla-telcel-alinear-vertical {
    text-align: center;
    vertical-align: middle !important;
}

.roaming-tabs .small {
    margin-bottom: 0px;
    color: white;
}

.roaming-tabs .active .small {
    color: black;
}

.roaming-tabs li a h2 {
    font-size: 13px;
    top: 37%;
}

.roaming-tabs li.active a,
.nav-tabs-lg li.r-tabs-state-active a {
    margin: 0px;
}

.border-no-padding {
    border: 1px solid #F5F5F5;
}

.gray {
    color: gray;
}

.list-plans .item .no-border-top {
    border-top: 0px !important;
}

.zona-titulo-contenedor {
    background-color: #F5F5F5;
    padding: 5px;
}

.zona-titulo-contenedor>div {
    font-size: 16px;
    font-weight: bold;
}

.zona-titulo-contenedor>div>div {
    font-size: 12px;
    font-weight: bold;
}

.nombre_paquete {
    font-size: 20px;
    font-weight: bold;
}

.precio_paquete {
    font-size: 16px;
    font-weight: bold;
}

#total-suma {
    font-size: 28px;
    font-weight: bold;
}

#total-seleccion {
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 25px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.position_fixed_desktop {
    position: fixed;
    top: 100px;
    right: 50px;
}

.table-plan-details th {
    text-align: center !important;
}

.table-plan-details td {
    text-align: center !important;
}

.gallery .thumbs .item {
    width: 100% !important;
    margin-top: 10px;
}


.cobertura-en-destino a {
    white-space: normal !important;
}




.form-group .chosen-container {
    margin-right: 10px;
}

.breadcrumb-movil {
    position: fixed;
    top: 46px;
    z-index: 1999;
    background: white;
    width: 100%;
}

.bg-gray {
    background-color: #e4eef2;
}

.carousel-menu-responsive {
    display: none;
}

.box-arrow h2 small * {
    font-size: 18px !important;
    color: white !important
}

.contenedor-descarga {
    float: left;
    width: 80%;
}

.boton-descarga {
    float: right;
    width: 20%;
}

.icono-documento-descarga i {
    float: left;
    width: 5%;
}

.icono-documento-descarga span {
    float: right;
    width: 90%;
    padding: 10px 15px;
}

.icono-documento-descarga h3 {
    display: block !important;
}

.overflow-inherit {
    overflow: inherit !important;
}

.panel .panel-default {
    overflow: inherit !important;
}

.seleccionar_equipo_comparador .chosen-container {
    z-index: 1999 !important;
}

.guard {
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
}

.bright-blue {
    color: #02b0ef !important;
}

.list-plans .item .content .same-width .column:first-child {
    width: auto !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
    display: none !important;
}


.disabled {
    cursor: not-allowed;
}

.menu-banner a {
    background-color: #02b0ef !important;
    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/icons/double-arrow-down.png");
    background-repeat: no-repeat;
    background-position: 75px 5px;
    height: 40px;
    border: medium none !important;
}

#menu-banner-boton {
    padding: 10px;
    height: 25px;
}


.menu-banner ul li a {
    background-image: none;
    background-color: #66819f !important;
}

.menu-desplegado a {
    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/icons/double-arrow-up.png");
}


small h4 {
    line-height: 1.2 !important;
}

h3 {
    line-height: 1.2 !important;
}

.nowrap {
    white-space: nowrap;
}

.js-trip {
    clear: both;
}

#trespasos h4 {
    padding: 5px 0 0 0;
    margin: 0 auto;
    color: black;
    font-weight: normal;
}

.primeraFila {
    z-index: 1999 !important;
}

.segundaFila {
    z-index: 1998 !important;
}

.terceraFila {
    z-index: 1997 !important;
}

.deactive-link {
    cursor: not-allowed;
}

.border-bottom {
    border-bottom: 2px solid #F2F7F9
}

.spinner-holder {
    z-index: 4000;
}

a i[class^="icon-"]:before {
    display: inline-block;
    text-decoration: none;
}



.con-vineta {
    list-style: disc !important;
    padding-left: 40px !important;
}

.panel-heading:hover,
.panel-heading:active {
    background: none !important;
}

.nav-shortcuts {
    right: 115px !important;
}

.nav-shortcuts .list-unstyled {
    background-color: #66819F !important;
}

.nav-shortcuts div.panel-collapse ul.list-unstyled li a {
    padding: 11px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    display: block;
}

.nav-shortcuts div.panel-collapse ul.list-unstyled li a i {
    padding: 0 10px 0 0;
}

li.panel-heading {
    padding: 0px;
}

.f-z-12 {
    font-size: 12px !important;
}

.f-z-13 {
    font-size: 13px !important;
}

.f-z-14 {
    font-size: 14px !important;
}

.f-z-15 {
    font-size: 15px !important;
}

.f-z-16 {
    font-size: 16px !important;
}

.f-z-17 {
    font-size: 17px !important;
}

.f-z-18 {
    font-size: 18px !important;
}

.f-z-20 {
    font-size: 20px !important;
}

.f-z-22 {
    font-size: 22px !important;
}

.f-z-24 {
    font-size: 24px !important;
}

.f-z-28 {
    font-size: 28px !important;
}

.f-z-30 {
    font-size: 30px !important;
}

.f-z-32 {
    font-size: 32px !important;
}

.f-z-34 {
    font-size: 34px !important;
}

.f-z-36 {
    font-size: 36px !important;
}

.f-z-40 {
    font-size: 40px !important;
}

.f-z-50 {
    font-size: 50px !important;
}

.f-z-55 {
    font-size: 55px;
}

.f-z-65 {
    font-size: 65px;
}

.f-z-70 {
    font-size: 70px;
}

.f-z-80 {
    font-size: 80px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.centrado-vertical {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.tab-pane .volver-boton {
    display: none;
}

.desactivada a {
    background: transparent !important;
}

.nav-filtros .dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #0A3D79;
}

.buscador-general .form-control {
    font-size: 18px;
}

#preguntas-frecuentes-slider-div .owl-pagination,
.faq-boxes .owl-pagination {

    position: absolute;
    top: -5px;
    width: 100%;
    height: 30px;

}

#preguntas-frecuentes-slider-div .owl-pagination .owl-page {
    background-color: #37b7f5;
}

.resultado .offer {
    height: 90px;
}

@media only screen and (max-width: 767px) {
    .resultado .offer {
        height: auto !important;
    }
}

.resultado .item-terminal-offers-home-carrusel .offer {
    height: 90px;
}

.resultado .offer-border-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #F2F7F9;
}

.box-arrow h2 small {
    height: 80px !important;
}

.h-100-p {
    height: 100% !important;
}

.msg-warning p {
    padding-left: 20px;
}

.tooltip.top .tooltip-inner {
    background-color: #1050A1;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #1050A1;
}


.tooltip.right .tooltip-inner {
    text-align: left !important;
    font-weight: 100;
    background-color: #1050A1;
    min-width: 200px;
    white-space: normal !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #1050A1 !important;
}


.panel-in-grid {
    position: relative !important;
}

#carrusel-noticias .item img {
    display: block;
    width: 100%;
    height: auto;
}

#carrusel-noticias .owl-item {
    padding: 25px;
}

#carrusel-noticias .owl-item h1 {
    font-weight: bold;
}

.modal.zindex3020 {
    z-index: 3020 !important;
}

.zindex2003 {
    z-index: 2003 !important;
}

.h-65 {
    height: 65px;
}

.h-45 {
    height: 45px;
}

.h-55 {
    height: 55px;
}

.h-100 {
    height: 100px !important;
}

.h-210 {
    height: 210px;
}

.w-120 {
    width: 120px;
}

.cortado-a-48 {}

.cortado-a-65 {}

.cortado-a-20 {}

.error-captcha {
    color: #A24190 !important;
}

div.g-recaptcha {
    margin: 0 auto;
    width: 304px;
}


.table-plan-details .icon-TickNeg {
    padding: 0px !important;
}

.table-plan-details .icon-Close {
    padding: 0px !important;
    font-size: 22px;
    color: #ced8e5;
}

img {

    max-width: 100%
}

img.lazyLoad {

    display: none;

}

.clear {

    clear: both;

    height: 0;

    margin: 0;

}

.o-hidden {

    overflow: hidden;

}

.txtwhite {

    color: #fff;

}

:focus,
a:focus {

    outline: 0;

}

.divider-h {

    height: 1px;

    display: block;

    background-color: #e9e9e9;

    margin: 30px 0;

}

/*Positioning*/

.top-push {
    margin-top: 40px !important;
}

.top-push.medium {
    margin-top: 30px !important;
    ;
}

.top-push.super {
    margin-top: 60px !important;
    ;
}

.top-push.xsuper {
    margin-top: 80px !important;
    ;
}

.top-push.half {
    margin-top: 20px !important;
    ;
}

.top-push.quarter {
    margin-top: 10px !important;
    ;
}

.top-push.mini {
    margin-top: 5px !important;
    ;
}

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



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

.bottom-push.medium {
    margin-bottom: 30px;
}

.bottom-push.super {
    margin-bottom: 60px;
}

.bottom-push.xsuper {
    margin-bottom: 80px;
}

.bottom-push.half {
    margin-bottom: 20px;
}

.bottom-push.quarter {
    margin-bottom: 10px;
}

.bottom-push.mini {
    margin-bottom: 5px;
}



.margin-0 {

    margin: 0 !important;

}

.margint-top-20 {

    margin-top: -20px !important;

}



.block {

    display: block;



}

.valign {

    position: relative;

}

.valign .valigned {

    position: absolute;

    top: 50%;

    transform: translateY(-51%);

    -moz-transform: translateY(-51%);

    -webkit-transform: translateY(-51%);

    right: 0;

}

.valign .valigned.left {

    left: 0;

    right: auto;

}

.relative {

    position: relative;

}

.clear-row {

    margin-left: 0;

    clear: both;

}



.clear-row-xs {

    display: none;

}

a:hover i {

    text-decoration: none;

}

.clear-row-xxs {

    display: none;

}

.col-centered {

    float: none;

    margin: 0 auto;

}

body {

    /*margin-top: 192px;*/

}

body.sidr-open {

    overflow: hidden !important;

}

/*Grid adjustement*/

.container-fluid {

    max-width: 1000px;

}



.row-5-cols .col-sm-2,

.row-5-cols .col-xxs-2 {

    width: 20%;

}

.navbar-static-top>.container-fluid,

.nav-top>.container-fluid,

body>header>.header .container-fluid,

.container-fluid.main-nav,

.bar-comparador .container-fluid,

.breadcrumb-holder.container-fluid,

.container-fluid.xl {

    max-width: 1280px;

}

/*Lists in wysiwig*/

.list-unstyled ul {

    list-style: none;

    padding-left: 0;

}

.list-inline ul {

    padding-left: 0;

    list-style: none;

    margin-left: -5px;

}

.list-inline>ul>li {

    display: inline-block;

    padding-left: 5px;

    padding-right: 5px;

}

.list-inline>ul.distri-logos>li {
    margin-bottom: 30px;
    width: 33%;
    vertical-align: top;
    text-align: center;
    /*don't change this*/
}

.list-inline>ul.distri-logos>li>span {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    display: block;
    color: #000;
}

/*Custom*/

/*Navigation*/

.header-main {

    min-height: 120px;

    display: block;

}

.navbar-brand {

    /*background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/brand/logo_sprite.png);

    background-position: 0 -49px;

    width: 107px;

    height: 21px;

    display: inline-block;

    text-indent: -9999px;*/

}

.footer .nav-main-bar {
    z-index: 1000 !important;
}

.navbar-footer .navbar-brand {

    background: none;

    text-indent: 0;

    height: auto;

    margin-top: 0;

}

.navbar-form {

    padding-top: 11px;

}

.main-nav {

    position: relative;

}

.main-nav>nav>.clearfix {

    padding: 15px 0 0 0;

    -moz-transition: padding 0.2s ease-in-out;

    -webkit-transition: padding 0.2s ease-in-out;

    transition: padding 0.2s ease-in-out;

}

.afixed .main-nav>nav>.clearfix {

    padding: 0 0 8px 0;

}

.navbar-static-top.afixed,

.header-main.afixed {

    width: 100%;

    background-color: #fff;

    position: fixed;

    top: 0;

    border-bottom: 7px solid #f1f3f3;

    border-bottom: 7px solid rgba(230, 255, 255, .4);

    padding-top: 0;

    padding-bottom: 10px;
    z-index: 2000 !important;
}


.header-main.estatico {
    width: 100%;
    min-height: 46px;
    background-color: #fff;
    position: fixed;
    top: 0;
    border-bottom: 7px solid #f1f3f3;
    border-bottom: 7px solid rgba(230, 255, 255, .4);
    padding-top: 0;
    padding-bottom: 0px;
    z-index: 2000 !important;
}

.header-main.afixed {

    z-index: 3;

    padding-bottom: 0px;

}

.navbar-static-top .navbar-toggle {

    float: left;

    margin-top: 1px;

    margin-bottom: 0;

    z-index: 100000;

    margin-left: -10px;

}

.navbar-toggle .icon-bar {

    height: 5px;

    border-radius: 3px;

    background: #02b0ef;

}

.nav-main-bar.afixed {

    position: fixed;

    top: 0;

    margin-top: 0;
    z-index: 2001;
}

.main-nav>nav>.clearfix>.nav-main-bar>.nav>li {

    position: static;

}

.nav-top {

    background-color: #f2f7f9;

    padding-top: 6px;

}

.nav-top ul.nav-tabs {

    border-bottom: none;

    margin-bottom: 0;

}

.nav-worlds>li {

    position: static;

}

.nav-worlds>li>a {

    border: none;

    border-right: 1px solid #fff;

    color: #fff;

    padding: 7px 8px 8px 8px;

    font-size: 12px;

    margin-right: 0;

    font-weight: 400;

}

.nav-worlds>li>a:hover {

    opacity: .8;

}

.nav-worlds>li:last-child>a {

    border-right: none;

}

.nav-worlds>li.personas>a {

    background-color: #98A7BC;

}

.nav-worlds>li.empresas>a {

    background-color: #acbfd4;

}

.nav-worlds>li.mundo>a {

    background-color: #c4d2e0;

}

.nav-worlds.nav-tabs>li.active>a,

.nav-worlds.nav-tabs>li.active>a:hover,

.nav-worlds.nav-tabs>li.active>a:focus {}

.nav-worlds>li.active>a {

    background-color: #fff;

    color: #465459;

    border-width: 1px;

    opacity: 1;

    margin-top: -1px;

}

.nav-top>.container-fluid {

    position: relative;

}

.nav-top .nav-tabs.nav-user {

    margin-top: -2px;

}

.nav-top .nav-tabs.nav-user>li>a {

    padding: 5px 10px 8px 10px;

    font-size: 14px;

    margin-right: 0;

    border: none;

    font-weight: 400;

    background-color: #fff;

    max-height: 38px;

    box-sizing: border-box;

    line-height: 22px;

}

.nav-top .nav-tabs.nav-user>li.login>a {

    background-color: #02b0ef;

    color: #fff;

}

.nav-top .nav-tabs.nav-user>li>a>i {

    font-size: 20px;

    margin-right: 5px;

    line-height: 22px;

    position: relative;

    top: 2px;

}

.nav-top .nav-tabs.nav-user>li>a:before {

    font-size: 20px;

    margin-right: 5px;

    line-height: 22px;

    position: relative;

    top: 2px;

}

.nav-top .nav-tabs.nav-user>li.shop>a:before {

    color: #2b5464;

}

.nav-location.nav {

    height: auto;

    min-height: 0;

    margin-right: 10px;

}


.nav-location.nav>li>a>i {
    font-size: 20px;
}


.nav-location.nav>li>a {

    padding: 0 10px;

    font-size: 12px;

    font-weight: 600;

}

.nav-location.nav>li>a:hover,

.nav-location.nav>li>a:focus,

.nav-location.nav>li>a:active {

    background-color: transparent;

}

.nav-location.nav>li>a i.fa-caret-right,

.nav-location.nav>li>a span {

    margin-right: 5px;

    color: #02B0EF;

}

.nav-location.nav>li>a .caret {

    color: #02B0EF;

    margin-top: -1px;

}

.nav-location.navbar-nav .open .dropdown-menu {
    z-index: 3000;
    font-size: 12px;
    border: 3px solid #acbfd4;
    top: 30px;
}

.nav-location>li {

    font-size: 12px;

    font-weight: 600;

    padding-left: 5px;

}

.nav-location .dropdown-toggle {

    display: inline-block;

}

.shortcuts-holder {

    position: relative;

}

.nav-user {

    position: static;

}

.nav>li.login,

.nav>li.shop {

    position: static;

}

.lnk-h {

    cursor: pointer;

}

.breadcrumb {

    padding-top: 0;

    font-size: 12px;

    font-weight: 600;

    margin: 10px 0;

    display: inline-block;

}

.breadcrumb>li a {

    color: #a4a9ab;

    color: rgba(74, 83, 88, .5);

}

.breadcrumb>li+li:before {

    color: #a4a9ab;

    color: rgba(74, 83, 88, .5);

    font-size: 8px;

    content: "\f10d ";

    display: inline-block;

    font-family: TelcelFont;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

/*BS fine tunning*/

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    color: #000;

}

h1 small,

.h1 small,

h2 small,

.h2 small,

h3 small,

.h3 small,

h1 .small,

.h1 .small,

h2 .small,

.h2 .small,

h3 .small,

.h3 .small {

    display: block;

    font-weight: 100;

    font-size: 60%;

}

h1+h2 {
    /*margin-top: 0;*/
}

h2.content-title,

.h2.content-title {

    margin-bottom: 30px;

    padding-bottom: 20px;

    border-bottom: 2px solid #DBE5E7;

    font-weight: 400;

    display: block;

}

h2.content-title.no-border,

.h2.content-title.no-border {

    border-bottom: none;

    padding-bottom: 0;

}

h3.content-title,

.h3.content-title {

    font-weight: 600;

    font-size: 20px;

    display: block;

}

h3.content-title+h3.content-title,

h3.content-title+.h3.content-title {

    margin-top: 0;

}

h1+h1 {
    margin-top: 0;
}

h1.x-large {
    font-size: 50px;
    line-height: normal;
    margin-top: 0;
}

.title-medium small {
    font-size: 20px;
    font-weight: lighter;
}

.white {
    color: white;
}

.h-200 {
    height: 200px !important;
}

h1.xxx-large {

    font-size: 160px;

    line-height: normal;

    margin-top: 0;

}

h1.xxx-large small {

    font-size: 33px
}

.stretch-h {

    margin-left: 20px;

    margin-right: 20px;

}

.side-link {

    font-size: 60%;

    font-weight: 600;

    margin-left: 10px;

}

strong {

    font-weight: 400;

}

h2 small {

    display: block;

}

.pointer {

    cursor: pointer
}

.pointer:hover {

    opacity: .8;

}

.input-group .form-control {

    height: 35px;

}

.form-group+.btn {

    line-height: 1.75;

    margin-top: -1px;

}

.form-group+.btn-sm {

    line-height: 1.42857;

    margin-top: 0;
}



.list-glosario .button-unstyled,
.button-unstyled:hover,
.button-unstyled:active,
.button-unstyled:focus {
    text-align: left;
}

.button-unstyled,

.button-unstyled:hover,

.button-unstyled:active,

.button-unstyled:focus {

    background-color: transparent;

    border: none;

    outline: none;

    color: #02b0ef;

    padding: 0;

}

.js-showPanelInGrid .button-unstyled:hover {

    text-decoration: none;

}

.button-unstyled:focus {

    padding: 0;

}

.button-unstyled:hover {

    text-decoration: underline;

}

.bg_blue .btn-link {

    color: #fff;

    color: rgba(255, 255, 255, .6);

}

.bg_blue .table-planes .btn-link {

    float: right;

    padding-right: 0;

    position: relative;

    top: -91px;

}

.btn-lg.btn-icon i {

    font-size: 25px;

    position: relative;

    top: 4px;

}

.btn-xlg.btn-icon i {

    font-size: 40px;

    position: relative;

    top: 10px;

}

.btn-md,

.btn-group-md>.btn {

    padding: 9px 16px;

    font-size: 15px;

    line-height: 1.33;

    border-radius: 0px;

}

.btn-xlg,

.btn-group-xlg>.btn {

    padding: 10px 35px;

    font-size: 20px;

    line-height: 1.43;

    border-radius: 0px;
}

.btn-xs {
    padding: 8px;
    font-size: 16px;
    margin-right: 0px;
}

.btn-xtrawidth {

    padding-left: 60px;

    padding-right: 60px;

}

.btn strong {

    font-weight: 600;

}

.btn-group>.btn-xlg+.dropdown-toggle {

    padding-left: 19px;

    padding-right: 19px;

}

.btn i.icon-CabLupa {

    font-size: 17px;

    margin: 0 -3px;

    position: relative;

    top: 2px
}

.btn-simple {

    padding-left: 0;

    padding-right: 0;

}

.btn-chat {
    background-color: #1d6fb8;
    border-color: #1d6fb8;
    color: #ffffff;
}

.btn-back-header {
    position: absolute;
    top: 30px;
    left: 15px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/*Tables*/

.table-simple.table {

    margin-top: 40px;

}

.table-simple.table>thead>tr>th,

.table-simple.table>tbody>tr>th,

.table-simple.table>tfoot>tr>th,

.table-simple.table>thead>tr>td,

.table-simple.table>tbody>tr>td,

.table-simple.table>tfoot>tr>td {

    border-top: 2px solid #dbe5e7;

    font-size: 16px;

    vertical-align: middle;

}

.table-simple.table>tbody>tr:last-child>td {

    border-bottom: 2px solid #dbe5e7;

}

.table-simple .service {

    padding-left: 45px;

}

.table-simple .img-circle {

    float: left;

    /*margin-left: -40px;	Estilo eliminado por que ocasionaba problemas en el tooltip en versiones moviles Jira TM2018-223*/

    width: 24px;

    height: 24px;

    font-size: 17px;

}


.table-simple .img-circle-tooltip {
    float: left;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    font-size: 17px;
    border-radius: 50%;
}


.table-plan-details {
    z-index: 800 !important;
    color: #000;
}

.table-plan-details .bold {

    font-weight: 600;

}

.table-plan-details i.icon-TickNeg,
.text-medium i.icon-TickNeg {

    padding: 0 5px;

    font-size: 22px;

    color: #ced8e5;

}

.text-medium i.icon-TickNeg {
    position: absolute;
    left: 15px;
}

.table-simple.table>tbody>tr>td.large {

    font-size: 20px;

    font-weight: 600;

}

.table-simple.table th.half,

.table-simple.table td.half {

    width: 50%;

}





.table-simple.table-headers-t1.table>thead>tr>th,

.table-simple.table-headers-t1.table>tbody>tr>th,

.table-simple.table-headers-t1.table>tfoot>tr>th {

    background-color: #F2F7F9;

    text-align: center;

    padding: 20px;

    border-bottom: none;

    color: #000;

    vertical-align: top;

}

.table-simple.table-headers-t2.table>thead>tr>th,

.table-simple.table-headers-t2.table>tbody>tr>th,
.table-simple.table-headers-t2.table>tfoot>tr>th,
.table-simple.table.central>tbody>tr>td:first-child {
    background-color: #F2F7F9;

    padding: 20px;

}

.table-simple.table>thead>tr>th:first-child,
.table-simple.table.central .service.bold,
.table-simple.table.central .alignL {
    text-align: left;

}

.table-simple.table.s1>thead>tr>th,
.table-simple.table.central>thead>tr>th,
.table-simple.table.central>tbody>tr>td,
.table-simple.table.s1 .s2 {
    text-align: center;

}

.table-simple.table.s1>thead>tr:first-child>th,
.table-simple.table.central>thead>tr:first-child>th,
.table-simple.table.s1>thead>tr:nth-child(3)>th {
    background-color: #E4EEF2;
}

.table-simple.table.s1 .s3 {
    border-left: 2px solid #DBE5E7;
}

.table-simple.table.central i.icon-TickNeg {
    padding: 0px 10%;
}

.table-simple.table-headers-t1.table>thead>tr>th small,

.table-simple.table-headers-t1.table>tbody>tr>th small,

.table-simple.table-headers-t1.table>tfoot>tr>th small,

.table-simple.table-headers-t1.table>thead>tr>th strong,

.table-simple.table-headers-t1.table>tbody>tr>th strong,

.table-simple.table-headers-t1.table>tfoot>tr>th strong {

    font-size: 14px;

    color: #9EA5A9;

    display: block;

    font-weight: normal;

}

.table-simple.table-headers-t1.table>thead>tr>th strong,

.table-simple.table-headers-t1.table>tbody>tr>th strong,

.table-simple.table-headers-t1.table>tfoot>tr>th strong {

    color: #666;

}

.table-simple.table-headers-t1.table>tbody>tr:first-child td {

    border-top: none;

}

.table-simple.table-text-centered.table td {

    text-align: center;

    color: #000;

    font-weight: 600;

    vertical-align: top;

}

.table-simple.table-text-centered.table td small {

    font-weight: 100;

    font-size: 13px;

    color: #666;

    display: block;

    /*margin-bottom: -20px;*/

}

.table-simple.table-text-centered.table td:first-child {

    text-align: left;
}

.table-simple.table.central .md1 {
    margin-top: 7px;
}

.table+.text-notes {

    font-size: 13px;

    margin-top: 15px;

    color: #666;

}

.table-holder {

    margin-bottom: 40px;

}

.tab-pane .table-holder {

    margin-top: 30px;

}

.table-holder .footer {

    font-size: 19px;

    margin-bottom: 20px;

    margin-top: 30px;

}



.table-bordered-t1>thead>tr>th,

.table-bordered-t1>thead>tr>td {

    background-color: #E4EEF2;

    border: 1px solid #fff;

    font-size: 16px;

    text-align: center;

    vertical-align: center;

    padding: 20px;

    color: #000;

    white-space: nowrap;

}

.table-bordered-t1>tbody>tr>th,

.table-bordered-t1>tbody>tr>td {

    padding: 20px;

    color: #000;

    font-size: 16px;

    font-weight: 400;

}

.table-bordered-t1>tbody>tr>td strong {

    font-weight: 600;

}

.table-bordered-t1>tbody>tr>td i.icon-Tick {

    font-size: 30px;

    color: #00B0ED;

}

.table-bordered-t1>tbody>tr.mark>td.place {

    color: #00B0ED
}

/*End Tables*/

/*Special grid*/

.grid-like-table {

    display: table;

    border-bottom: 10px solid #f2f7f9;

    margin: 40px 0;

    overflow: hidden;

}

.grid-like-table .col-sm {

    width: 50%;

    display: table-cell;

    border: 10px solid #f2f7f9;

    vertical-align: middle;

    padding: 30px;

    float: left;

    border-bottom: none;

    margin-bottom: -1000px;

    padding-bottom: 1030px;

}

.grid-like-table .col-sm:nth-child(2n) {

    border-left: 5px solid #f2f7f9;

}

.grid-like-table .col-sm:nth-child(2n-1) {

    border-right: 5px solid #f2f7f9;

}

.grid-like-table h2 {

    font-weight: 400;

}

.grid-like-table h2:first-child {

    margin-top: 0;

}

.grid-like-table strong {

    color: #000
}

.grid-like-table ul {

    padding-left: 20px;

}

.grid-like-table ul.list-unstyled {

    padding-left: 0px;

}

a.red {

    color: #FF5B00;

}

p strong {

    font-weight: 600;

}

.text-xlarge {

    font-size: 24px !important;

    font-weight: 100;

}

.text-large {

    font-size: 18px !important;

}

.text-large i {

    position: relative;

    top: 4px;

    font-size: 24px;

}

p.text-large img.pull-left {

    margin: 0 20px 20px 0
}

.text-medium {

    font-size: 17px !important;
    color: #000;
}

.text-medium li {
    list-style: none;
    padding-bottom: 20px;
}



.text-inter-medium {

    font-size: 16px !important;

}

.text-csm {

    font-size: 15px;

}

.text-sm {

    font-size: 14px;

}

.text-grey,

.text-grey .notelink a {

    color: #666 !important;
    ;

}

.text-darkgrey,

.text.text-darkgrey .notelink a {

    color: #333 !important;
    ;

}

.text-black,

.text-black .notelink a {

    color: #000 !important;

}

.text-blue {

    color: #01B0EE !important;
    ;

}

.media,
.media .media {

    margin-top: 25px;

}

.navbar-static-top {

    top: 0;

    padding-top: 15px;

    margin-bottom: 0;

    padding-bottom: 15px;

    -webkit-transition: padding 0.5s ease-in-out;

    transition: padding 0.5s ease-in-out;

}

.nav-worlds {

    display: none;

}



.bg-dark-grey {

    background-color: #475659;

}





/*Corporative Backgrounds*/



.bg_light-grey_header,

.bg-light-grey {

    background-color: #f2f7f9;

}

.bg_blue_header,

.bg-light-blue {

    background-color: #02b0ef;
}

.bg_blue_plain {
    background: #53aedd;
    /* Old browsers */
}

.bg_blue_gradient_header {

    background: #53aedd;
    /* Old browsers */

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/cms/headers/mundo_telcel.png");

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/cms/headers/mundo_telcel.png"), -moz-radial-gradient(center, ellipse cover, #53aedd 0, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
    /* FF3.6+ */

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/cms/headers/mundo_telcel.png"), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #53aedd), color-stop(7%, #53abdb), color-stop(24%, #53abdb), color-stop(34%, #53aedd), color-stop(51%, #5bb7e6), color-stop(51%, #58b7e5), color-stop(53%, #59b8e6), color-stop(63%, #60c1ee), color-stop(100%, #5fc1ee));
    /* Chrome,Safari4+ */

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/cms/headers/mundo_telcel.png"), -webkit-radial-gradient(center, ellipse cover, #53aedd 0, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
    /* Chrome10+,Safari5.1+ */

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/cms/headers/mundo_telcel.png"), -o-radial-gradient(center, ellipse cover, #53aedd 0, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
    /* Opera 12+ */

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/cms/headers/mundo_telcel.png"), -ms-radial-gradient(center, ellipse cover, #53aedd 0, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
    /* IE10+ */

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/cms/headers/mundo_telcel.png"), radial-gradient(ellipse at center, #53aedd 0, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53aedd', endColorstr='#5fc1ee', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */

    background-repeat: no-repeat;

    background-position: center top;

}

.bg_blue_gradient_header h1,

.bg_blue_gradient_header h1 small {

    color: #fff
}

.bg-dark-blue {

    background-color: #0A3D79;

}

.bg-magenta {

    background-color: #E22285;

}

.bg-green,

.bg_green_header {

    background-color: #52CAB5;

}

.bg-purple {

    background-color: #7E7EEC;
}

.bg_white {
    background-color: #fff;
}

.bg-magenta.error {

    padding: 20px;

}

.bg-magenta.error h4 {

    margin: 0;

    color: #fff;

    line-height: 1.2;

}

.bg-magenta.error i {

    color: #fff;

    font-size: 50px;

    margin-right: 10px;

}

.bg-yellow {

    background-color: #FFCB27;

}

.bg-green,

.bg-green h1,

.bg-green h2,

.bg-green h3,

.bg-green h4,

.bg-green p,

.bg-green span,



.bg-magenta,

.bg-magenta h1,

.bg-magenta h2,

.bg-magenta h3,

.bg-magenta h4,

.bg-magenta p,

.bg-magenta span,



.bg-purple,

.bg-purple h1,

.bg-purple h2,

.bg-purple h3,

.bg-purple h4,

.bg-purple p,

.bg-purple span,



.bg-light-blue,

.bg-light-blue h1,

.bg-light-blue h2,

.bg-light-blue h3,

.bg-light-blue h4,

.bg-light-blue p,

.bg-light-blue span,



.bg-dark-blue,

.bg-dark-blue h1,

.bg-dark-blue h2,

.bg-dark-blue h3,

.bg-dark-blue h4,

.bg-dark-blue p,

.bg-dark-blue span {

    color: #fff;

}

.up_button {

    border: 4px solid #999;

    background-color: #666;

    text-align: center;

    color: #fff;

    padding-top: 4px;

    position: fixed;

    z-index: 1011;

    opacity: 0;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    cursor: pointer;

    width: 32px;

    height: 32px;

    font-size: 25px;

    right: 10px;

    bottom: 10px;

    line-height: 15px;

}

.up_button i[class*="icon-"] {

    position: relative;

    top: -5px;

}

.up_button span {

    display: none;

}

.up_button.visible {

    opacity: 1;

}

/*Promos*/

.promo-bar.blue {

    background-color: #e4eef2;

}

.promo-bar {

    padding-top: 15px;

    padding-bottom: 15px;

    font-size: 24px;

    color: #465559;

}

.promo-bar a {

    text-decoration: underline;

}

.promo-bar a:hover {

    text-decoration: none;

}

.promo-cols h1 {

    margin-bottom: 40px;

}

.promo-cols {

    text-align: center;

}

.promo-cols.no-title {

    margin-top: 60px;

}

.promo-cols h2 {

    margin-bottom: 0;

    margin-top: 10px;

    font-size: 22px;

    font-weight: 400;

    height: 65px;

    overflow: hidden;

}

.promo-cols p {

    font-size: 16px;

    height: 120px;

    overflow: hidden;

}

.promo-cols figure {

    height: 65px;

    vertical-align: middle;

}

.promo-cols i {

    color: #c7cccd;

    color: rgba(71, 86, 89, .3);

    font-size: 65px;

    line-height: 65px;

}

.promo-cols .footer {

    margin: 20px 0 60px 0
}

.promo .central-boxes-ini3 div {
    margin: 0px auto;
    float: none;
    display: inline-block;
    width: 33% !important;
}

.promo .central-boxes-ini4 div {
    margin: 20px auto;
    float: none;
    display: inline-block;
    width: 24% !important;
}

.carousel-terminales .owl-carousel .item-terminal {

    padding-left: 21px;

}

.carousel-terminales .item-link {

    display: none !important;

}

.item-terminal h4,

.item-accesorios h4 {

    color: #0A3D79;

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 0;

    min-height: 58px;

}

.item-terminal h4 small,

.item-accesorios h4 small {

    color: #666;

    display: block;

}

.item-terminal h4 .ref,

.item-accesorios h4 .ref {

    font-size: 14px;

    display: block;

}

.item-terminal h5,

.item-accesorios h5 {

    font-weight: 600;

    color: #666;

    margin-bottom: 0;

    font-size: 13px;

}

.item-terminal .price,

.item-accesorios .price {

    color: #000;

    font-size: 24px;

    line-height: 28px;

}

.item-terminal .actions {
    margin-top: 10px;
}

.item-terminal .offer-container {
    min-height: 200px;
}

.item-terminal .extras,

.item-accesorios .extras {

    color: #666;

    font-size: 14px;

    /* margin: 0 0 10px 0; */

}

.item-terminal .extras span,

.item-accesorios .extras span {

    font-weight: 600;

    display: block;

}

.item-terminal .img,

.item-accesorios .img {

    text-align: center;

    display: inline-block;

}

.item-terminal .img-terminal,

.item-accesorios .img-terminal {

    margin-top: 10px;

    max-width: 100px;
}

.img-max-width .item-terminal .img-terminal {
    max-width: 100%;
}

.img-max-width .item-terminal {
    padding: 0px !important;
}

.item-terminal .icon-Wheelchair {
    display: block;
    width: 18px;
    /*     cursor: pointer; */
    font-size: 22px;
    margin: 10px auto;
}

.item-terminal ul {
    padding-left: 15px;
}

.item-terminal ul li {
    font-size: 14px;
    list-style: square;
}

.item-terminal .content-bullet,
.promo-linear {
    margin-top: 15px;
    margin-bottom: 20px;
}

.lanzamiento .img {

    overflow: visible !important;

}

.lanzamiento .img:after,

.lanzamiento .img .label {

    background-color: #909;

    height: 20px;

    line-height: 20px;

    padding: 0 12px;

    top: 26px;

    transform: rotate(-30deg);

    -ms-transform: rotate(-30deg);
    /* IE 9 */

    -webkit-transform: rotate(-30deg);
    /* Opera, Chrome, and Safari */

}

.nuevo .img:after,

.nuevo .img .label {

    background-color: #02B0EF;

    height: 55px;

    width: 55px;

    line-height: 55px;

    text-align: center;

    border-radius: 80px;

    top: 0px;

    -webkit-border-radius: 80px;

    -moz-border-radius: 80px;

}



.lanzamiento .img:after,

.lanzamiento .img .label,

.nuevo .img:after,

.nuevo .img .label {

    font-weight: 600;

    position: absolute;

    display: block;

    font-size: 12.5px;

    left: 20px;

    z-index: 2;

    color: #fff;

    -webkit-box-shadow: -4px 7px 0px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: -4px 7px 0px 0px rgba(0, 0, 0, 0.15);

    box-shadow: -4px 7px 0px 0px rgba(0, 0, 0, 0.15);

}

.lanzamiento .img:after {

    content: 'LANZAMIENTO';

    z-index: 1;

}

.nuevo .img:after {

    content: 'NUEVO';

    z-index: 1;

}

img.label-teminal {

    position: absolute;

    top: 0px;

    left: -4px;

    z-index: 1;

}

.form-search-terminal {

    background-color: #e4eef2;

    padding: 20px;

    margin: 20px 0;
}

.form-search-terminal.nb {
    background: transparent;
}

.form-search-terminal.d1s {
    background-color: transparent;
    padding: 5px 20px;
    /*don't change this*/
    margin: 0;
    /*don't change this*/
}

.form-search-terminal.d1sfix {
    background-color: transparent;
    padding: 5px 0px;
    margin: 0 0 0 0 !important;
}

.form-search-terminal .comparador-form {
    background-color: transparent;
    padding: 0px;
    margin: 0 0 0 -22px !important;
}

.form-search-terminal .comparador-form .form-group {
    width: 200px;
}




.legal-captcha {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 25px 0px;
    float: left;
    text-align: center;
}

.result-desbloq {
    padding: 20px;
    border: 1px solid #d9d9d9;
    color: #666;
    float: left;
}

#contentMM {
    display: none;
}

.result-desbloq h3 {
    font-size: 20px;
    font-weight: 600;
    color: #52CAB5;
}

.result-desbloq .icon-TickNeg {
    font-size: 26px;
    vertical-align: middle;
    margin-right: 10px;
}

.result-desbloq span {
    font-size: 15px;
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 10px 0px;
}

.result-desbloq span.mega {
    font-size: 28px;
    color: #02B0EF;
}

.result-desbloq .box-min div {
    border: 1px solid #bfbfbf;
    background: #fff;
    padding: 10px 10px 0px 10px;
    height: 120px;
}

.result-desbloq .box-min .col-1 {
    text-align: center;
    border-right: none;
    padding-bottom: 5px;
}

.result-desbloq .box-min .col-1 i {
    font-size: 90px;
    color: #000;
}

.form-search-terminal.d1s .form-group.col-md-12 {
    margin-right: 0px;
    width: 100% !important;
}

.form-search-terminal.d1s.nd1s {
    padding-left: 0px;
}

.form-search-terminal.d1sfix .form-group.col-md-12 {
    margin-right: 0px;
    width: 100% !important;
}

.form-search-terminal.d1sfix.nd1s {
    padding-left: 0px;
}

.form-search-terminal h2 {

    float: left;

    margin: 0;

    margin-right: 20px;

    color: #475659;

}

.form-search-terminal.w-percent h3 {
    width: 100%;
    margin: 10px auto;
    color: #475659;
    font-size: 24px;
    text-align: center;
}

.form-search-terminal.w-percent .btn-w-percent,
.form-search-terminal.w-percent .btn-w-percent-orange {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px auto;
}

.btn-w-percent .btn.btn-primary {
    color: #FFF;
    background-color: #0A3D7E;
    border-color: #0A3D7E;
}

.btn-w-percent .btn.btn-primary:hover {
    background-color: #1D6FB8;
    border-color: #1D6FB8;
}

.btn-w-percent-orange .btn.btn-primary {
    color: #FFF;
    background-color: #F60;
    border-color: #F60;
}

.btn-w-percent-orange .btn.btn-primary:hover {
    background-color: #D65600;
    border-color: #D65600;
}

.form-search-terminal .chosen-container,
.form-data-terminal .chosen-container {

    width: 100% !important;

}

.item-terminal label,

.item-accesorios label {

    font-weight: 400;

    font-size: 13px;

}





.carousel-otrossites {

    margin-bottom: 80px;

}

.carousel-otrossites .carousel-indicators {

    bottom: auto;

    top: -40px;

}

.carousel-otrossites .carousel-inner {

    margin-top: 60px;

}

.carousel-otrossites .item a {

    color: #666;

    font-size: 20px;

    display: block;

    padding: 0 20%;

    display: block;

    text-align: center;

    position: relative;

}

.carousel-otrossites .item span {

    min-height: 40px;

    vertical-align: middle;

    text-align: center;

    float: none;

    margin: 0 auto;

}

.carousel-otrossites .item a p {

    margin-top: 10px;

}

.carousel-otrossites .item a:hover {

    text-decoration: none;

    opacity: .8;

}



.slider-planes {

    margin-bottom: 40px;

}

.slider-planes .actions {

    text-align: center;

}

.radio-row {

    margin: 40px 0;

}

.radio-row:before {

    height: 10px;

    background-color: #ACBFD4;

    display: block;

    border-radius: 5px;

    top: 27px;

    position: relative;

    z-index: 1;

}

.range-radio .prettyradio {

    text-align: center;

    position: relative;

    z-index: 2;

}

.range-radio .prettyradio>a {

    width: 44px;

    height: 44px;

    border: 6px solid #ACBFD4;

    background-color: #fff;

    float: none;

    margin: 0 auto;

}

.range-radio .prettyradio>a.checked:after {

    width: 26px;

    height: 26px;

    left: 0;

    top: 3px;

}

.range-radio .prettyradio label {

    float: none;

    width: 100%;

    text-align: center;

    margin: 10px 0 0 0;

    font-size: 25px;

    font-weight: bold;

    color: #000;

}

.shortcuts {

    padding: 20px 0;

}

.shortcuts .nav {

    margin-top: 50px;

    margin-bottom: 50px;

}

.shortcuts .shortcut {

    margin-bottom: 20px;

}

.big-banner {

    border-bottom: 10px solid #F2F7F9;

    margin-bottom: 80px;

    padding-bottom: 80px;

}

.proximamente-equipo-ficha {
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    height: 100px;
    width: 100px;
    line-height: 60px;
    z-index: 1000;
    bottom: -25px;
    left: 0px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 13px;
    line-height: 15px
}

.proximamente-equipo-ficha-acces {
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    height: 100px;
    width: 100px;
    line-height: 60px;
    z-index: 1000;
    bottom: 18px;
    left: 0px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 13px;
    line-height: 15px
}

.big-banner.bottom-0 {

    margin-bottom: 0;

    border-width: 5px;

}

.big-banner.lay-bottom {

    margin-bottom: 0px;

}

section:last-child .big-banner {

    /* margin-bottom: 0;*/

}

.big-banner.no-border,

.section-divider.no-border {

    border-bottom: none;

    padding-bottom: 0;

}

.big-banner p {

    margin: 20px 0;

}

.list-bullets li {

    margin-bottom: 20px;

}

.big-banner ul.list-bullets,

.big-banner div.list-bullets ul {

    padding-left: 20px;

}

.big-banner ul.list-bullets li,

.big-banner div.list-bullets ul li {

    margin-bottom: 0;

}

.list-bullets-content {

    padding-left: 0;

    list-style: none;

    margin: 30px 0;

    font-size: 16px;

}

.list-bullets-content>li {

    margin-bottom: 5px;

    padding-left: 10px;

    position: relative;

}

.list-bullets-content>li:after {

    content: '\2022';

    display: block;

    float: left;

    font-size: 30px;

    left: -4px;

    line-height: 0.6;

    position: absolute;

    top: 0;

}

.list-bullets-content ul {

    list-style: disc;

    font-size: 95%;

    padding-left: 1em;

}

.list-bullets-content strong {

    font-weight: 600;

}

.intro.list-bullets-content li {

    text-indent: 20px;

    margin-bottom: 10px;

    padding-left: 0;

}

.intro.list-bullets-content li:after {

    top: 5px;

    left: -15px
}

.nav ul li.shortcut .inner {

    padding: 40px 20px;

    border: 1px solid #E4EEF2;

    background-color: #fff;

    display: block;

    cursor: pointer;

}

.shortcuts .nav ul {

    margin-bottom: 0px;

}

.shortcut a:hover {

    opacity: 0.8;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

}

.shortcut img {

    height: 53px;

}

.shortcut i {

    font-size: 53px;

    max-height: 53px;

}

.shortcut p {

    margin-bottom: 0;
    margin-top: 10px;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 85px;
    overflow: hidden;
}

.shortcut.frg1 p {
    font-size: 16px;
    height: 45px;
    overflow: hidden;
}

.shortcut i+p {

    margin-top: 8px;

}

.btn-quest {

    width: 22px;

    height: 22px;

    background-color: #46B8F1;

    font-weight: 600;

    font-size: 14px;

    display: inline-block;

    color: #fff;

    text-align: center;

    line-height: 22px;

    margin-left: 5px;

    border: none;

}

.prettycheckbox+.btn-quest {

    position: relative;

    top: -8px
}

.target-form {

    position: relative;

}

.bg_blue {

    background-color: #02B0EF;

}

.bg_blue.top-arrow {
    padding-top: 40px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 50px;
    overflow: hidden;
}

.bg_blue h1,

.inner.sugerencias h1,

.bg_blue h1 small,

.inner.sugerencias h1 small {

    color: #fff;

}

.bg_blue.top-arrow h1 {

    margin-top: 0;

    margin-bottom: 40px;

}

.bg_blue.top-arrow:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    height: 0;
    left: 50%;
    margin-left: -640px;
    border-right: 640px solid #02B0EF;
    border-left: 640px solid #02B0EF;
    border-bottom: none;
}

.bg_blue.top-arrow .btn-close-modal {

    top: -36px;

    font-size: 37px;

}

.search-form-holder {

    background-color: #f2f7f9;

    padding: 10px 20px 20px;

}

.iframe.search-form-holder button {

    margin-top: 28px;

}

.label-top {

    margin-bottom: 15px;

    display: inline-block;

}

.mediumtext,
.mediumtext label {

    font-weight: 400;

}

.table-planes {

    position: relative;

}

.btn-close {

    border: none;

    background-color: transparent;

    width: 32px;

    height: 32px;

    text-align: center;

    line-height: 32px;

    font-size: 20px;

    position: absolute;

    top: 15px;

    right: 15px;

    padding: 0;

    background-repeat: no-repeat;

}

.btn-close:hover {

    background-position: 0 -39px;

}

/*Tablas de planes*/

.list-plans .item {

    margin-bottom: 40px;

    background-color: #fff;

}

.list-plans .item:last-child {

    margin-bottom: 0;

}

.list-plans .item h2 {

    font-weight: 400;

}

.list-plans .item h4 {
    margin-bottom: 40px;
}

.list-plans .item.center h2,
.list-plans .item.center h4 {
    text-align: center;
}

.list-plans .item .content {

    padding: 30px 0;

    margin-top: 25px;

    border-top: 2px solid #F2F7F9;

    border-bottom: 2px solid #F2F7F9;

    display: table;

    width: 100%;
}

#boxOpenTerms {
    padding: 10px 16px;
}



.list-plans .item .content .column {

    display: table-cell;

    min-width: 15%;

    text-align: center;

    font-size: 14px;

    color: #666;

    border-right: 2px solid #F2F7F9;

    padding: 5px;

    line-height: 1.2;

    vertical-align: top;

    position: relative;
}

/*.list-plans .item .content .column.central {
    vertical-align: middle;
}*/
.list-plans .item .content .column.central:last-child {
    border-right: none;
}

.box-up-colored {
    padding: 3px 25px;
    margin-bottom: -25px;
}

.box-up-colored.tall {
    padding: 3px 25px 20px 25px;
}

/*  promotion colors gama colores */
.box-up-colored.green {
    background: #52CAB5;
    border-bottom: 5px solid #990099;
}

.list-plans .item .content.green {
    border-color: #52CAB5;
    border-style: solid;
    border-width: 0 3px 3px 3px;
}

.international-plans .list-plans .item .content.green {
    border-right: 2px solid #52CAB5;
}

.box-up-colored.blue {
    background: #02B0EF;
    border-bottom: 5px solid #990099;
}

.list-plans .item .content.blue {
    border-color: #02B0EF;
    border-style: solid;
    border-width: 0 3px 3px 3px;
}

.international-plans .list-plans .item .content.blue {
    border-right: 2px solid #02B0EF;
}

.box-up-colored.orange {
    background: #F60;
    border-bottom: 5px solid #990099;
}

.list-plans .item .content.orange {
    border-color: #F60;
    border-style: solid;
    border-width: 0 3px 3px 3px;
}

.international-plans .list-plans .item .content.orange {
    border-right: 2px solid #F60;
}

.box-up-colored.violet {
    background: #990099;
    border-bottom: 5px solid #52CAB5;
}

.list-plans .item .content.violet {
    border-color: #990099;
    border-style: solid;
    border-width: 0 3px 3px 3px;
}

.international-plans .list-plans .item .content.violet {
    border-right: 2px solid #990099;
}

.box-up-colored.magenta {
    background: #E22285;
    border-bottom: 5px solid #52CAB5;
}

.list-plans .item .content.magenta {
    border-color: #E22285;
    border-style: solid;
    border-width: 0 3px 3px 3px;
}

.international-plans .list-plans .item .content.magenta {
    border-right: 2px solid #E22285;
}

/*  */
.box-up-colored span {
    margin-left: 40px;
    color: #fff;
    font-size: 18px;
}

.list-plans .item .content .column:first-child {
    padding-left: 0;
    width: 38%;
}

#tarifas2 .list-plans .item .content .column:first-child {
    padding-left: 5px;
    width: 28%;
}



.list-plans .item .content .column.double {

    min-width: 20%;

    padding: 0 40px;

    max-width: 150px;

}



.list-plans .item .content .column.double.valign {



    vertical-align: middle;

}

.list-plans .item .content .column.valign {

    vert-align: middle;

}

.list-plans .item .content .column.double p {

    margin-bottom: 0;

}

.list-plans .item .content .column strong {

    color: #062C5F;

    display: block;

    font-family: telcelbold;

    margin: 5px 0;

    line-height: 29px;

    height: 34px;

    vertical-align: baseline;
}

.list-plans .item .content .column strong span.number.ad1dd,
.list-plans .item .content .column span.text.coberture.ad1dd {
    font-family: "Source Sans Pro";
    color: #000;
    display: block;
    margin: 5px 0;
    line-height: 29px;
    height: 34px;
    vertical-align: baseline;
}

.list-plans .item .content .column span.text.coberture.ad1dd {
    display: table;
    font-size: 20px;
    line-height: 22px;
    font-family: telcelbold;
    white-space: normal;
    margin: 0 auto;
}

.list-plans .item .content .column .icon-TickNeg {

    font-size: 38px;

}

.list-plans .item .content .column .icon-Close {
    font-size: 38px;
}

.list-plans .item .content .column strong span.text {

    font-size: 24px;

    text-wrap: none;

    white-space: nowrap;
}

.list-plans .item .content .column span.text.coberture,
.list-plans .item h4 {
    font-size: 20px;
    white-space: normal;
    line-height: 20px;
    color: #062C5F;
    display: table;
    /*font-family: telcelbold;*/
    margin: 5px 0px;
    height: 34px;
    vertical-align: baseline;
    margin: 0 auto;
}

.list-plans .item .content .column strong span.number {
    font-size: 26px;
}

.list-plans .item .content .row-xs {

    display: table-cell;

}

.list-plans .item .content>.row-xs:last-child>.table-sm {

    position: relative;

}

.list-plans .item .content .column.price {

    font-family: telcelregular;

    font-size: 36px;

    color: #062C5F;

    border-right: none;
    width: 50%;
    vertical-align: middle;

    position: relative;
}

.list-plans .item .content .column.price small {
    font-size: 14px;
}

.list-plans .item .content .column.price small {
    font-size: 14px;
}

.list-plans .item .sugested small {
    font-size: 14px !important;
}

.list-plans .item .content .column.price min {
    font-size: 14px;
    display: block;
    text-align: center;
    color: #666;
    font-family: "Source Sans Pro"
}

.box-itinerario {
    display: block;
    margin-bottom: 20px;
}

.box-itinerario p {
    font-size: 22px;
    font-weight: 600;
    margin: 7px 0px;
    color: #000;
}

.item-subtotal {
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    border-top: 2px solid #DBE5E7;
    border-bottom: 2px solid #DBE5E7;
    width: 100%;
    float: left;
}

.item-subtotal .item-As1 {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 19px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
}

.item-subtotal .item-As2 {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

.item-subtotal .item-As3 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.list-plans .item .content .column.action {

    border-right: none;

    vertical-align: bottom;

    position: relative;

}

.list-plans .item .content .column.action {
    text-align: center;
}

.list-plans .item .content .column.action .btn {

    position: relative;

    top: 5px
}

.list-plans .item .content .column.action .prettycheckbox {

    text-align: center;

    margin: 5px 20px 0 auto;

}

.list-plans .item .content .column.action .prettylinks {

    text-align: center;

    margin: 10px 0px 0px auto;

}

.list-plans .item .content .column.action .prettylinks.bfont a {

    font-size: 16px;
}

.list-plans .item .content .column.action .prettycheckbox label {
    margin-top: 9px;
}

.list-plans .item .content .table-sm {

    display: table;

    width: 100%;

}

.list-plans .inner {

    background-color: #fff;

}

.bg-green .inner {

    background-color: #52CAB5;

}

.bg-green .inner h1 {

    margin-bottom: 0;

}

.list-plans .inner {

    padding: 20px 0;

}

.bg_blue .list-plans .inner,

.inner.sugerencias {

    padding: 20px 20px 15px 20px;

}

.box-plans-padding-blue {

    padding: 20px 20px 40px 20px;

}

.box-plans-padding-grey {

    padding: 20px;

}

.list-plans .inner.sugerencias {

    background-color: #062c5f;

    margin-top: 30px;

}

.extended-ficha-equipo .lg-tabs {

    margin-top: 60px;

}

.opcion-compra .list-plans {

    margin-top: 30px;

}

.list-plans .inner.sugerencias h1 {

    margin-bottom: 10px;

}

.list-plans .inner.sugerencias .item .content,

.opcion-compra .list-plans .item .content,

.international-plans .list-plans .item .content {

    padding: 0;

}

.international-plans .list-plans .item .content .table-sm {

    padding-top: 20px
}

.opcion-compra .list-plans .item .content,

.international-plans .list-plans .item .content {

    border-right: 2px solid #f2f7f9;

}

.list-plans .inner.sugerencias .item .row-xs {

    padding: 15px 0;

}



.opcion-compra .list-plans .item .row-xs,

.international-plans .list-plans .item .row-xs {

    padding: 25px 0;

    border-left: 2px solid #f2f7f9;

}

.list-plans .item.selected .content {

    border-right: 2px solid #f2f7f9;

    -moz-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;



}

.international-plans .list-plans .item.selected .content {

    border: 2px solid #02B0EF;

    border-left: none;

}

.list-plans .item.selected .row-xs:first-child {

    border-left: 2px solid #02B0EF;

    -moz-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}

.list-plans .inner.sugerencias .item .row-xs:first-child,

.opcion-compra .list-plans .item .row-xs:first-child,

.international-plans .list-plans .item .row-xs:first-child {

    background-color: #f2f7f9;

    padding: 0;

}

.international-plans .list-plans .item {

    margin-bottom: 90px;

}

.international-plans .list-plans .item:last-child {

    margin-bottom: 40px;

}

.list-plans .inner.sugerencias .content .column {

    border-right: 2px solid #c4d2e0;

}

.list-plans .inner.sugerencias .content .column.price {

    border-right: none;

}

.list-plans .item .row-xs:first-child small {

    font-size: 50%;

}

.list-plans .item .column.price .small {

    font-size: 14px;

    font-family: 'Source Sans Pro';

}

.list-plans .item .column.price .small.blue {

    color: #02B0EF;

}

.opcion-compra .list-plans .content .column,

.international-plans .list-plans .content .column {

    border-right: 2px solid #cfd3d4;
    /*vertical-align: middle;*/
}

.list-plans .inner.sugerencias .content .column:last-child,

.opcion-compra .list-plans .content .column:last-child,

.international-plans .list-plans .content .column:last-child {

    border-right: none;

}

.list-plans .content .column .has-pretty-child {

    min-width: 150px;

    text-align: center;

    padding: 0;

}

.list-plans.sugested-plan .item {

    background-color: transparent;

}

.list-plans.sugested-plan .item .content {

    border: 0;

}

.list-plans.sugested-plan .item .content .table-sm {

    padding: 20px 0;

}

.list-plans.sugested-plan .item .content .row-xs:first-child {

    background-color: #02b0ef;

}

.list-plans.sugested-plan .item .content .row-xs:last-child {

    background-color: #fff;

}

.list-plans.sugested-plan .item .content .column {

    border-right: 2px solid #81D8F7;

    color: #fff;

    margin: 15px 0;

}

.list-plans.sugested-plan .item .content .column.price {

    border-right: medium none;

    color: #000000;

}

.list-plans.sugested-plan .item .content .column.price .h5,

.planes-padre .list-plans .item .content .column.price .h5 {

    margin: 0;

    line-height: 1;

    text-indent: -53%;

    display: block;

    text-align: center;

    font-family: telcelregular;

}



.planes-padre .list-plans .item .content .column.price .h5 {

    margin-top: -20px;

    font-size: 15px;



}

.list-plans.sugested-plan .item .content .column.price .h5 {

    /*display: none;*/

}

.list-plans.sugested-plan .item .content .column:last-child {

    border-right: none;

}

.opcion-compra .list-plans .item .content .column.action .btn {

    top: 0px
}

.opcion-compra .list-plans h4 {

    margin-bottom: 20px;

}

.list-plans .inner.sugerencias h2 {

    color: #fff;

}

.list-plans p+.item {

    margin-top: 60px;

}

/*PLasn Labels*/

.marked {

    position: absolute;

    left: 50%;

    margin-left: -60px;

    position: absolute;

    top: -25px;

}

.planes-padre .marked {

    top: -40px;

}

.international-plans .marked {

    top: -70px
}

.marked.recommended,

.marked.recommended>div,

.marked.sugested,

.marked.sugested>div {

    background-color: #990099;

    padding: 7px 19px;

    font-size: 14px;

    color: #fff;

    font-weight: 600;
    min-width: 90px;
}

.marked.sugested {
    top: -73px !important;
}

.marked.sugested>div {

    background-color: #02b0ef;

}



.marked.sugested,

.marked.recommended {

    background-color: #ccc;

    padding: 0 5px 0 5px;

}

.marked.sugested>div,

.marked.recommended>div {

    position: relative;

    top: -5px;

}

.marked>div:after,

.marked:after {

    content: '';

    width: 0;

    height: 0;

    display: block;

    border-bottom: none;

    border-top: 9px solid #990099;
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
    bottom: -9px;

    position: absolute;

    left: 50%;
    margin-left: -45px;
    z-index: 1;

}

.marked.sugested>div:after {

    border-top: 9px solid #02b0ef;

}

.marked:after {

    z-index: 0;

    border-top: 9px solid #ccc;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    bottom: -9px;
    margin-left: -50px;
}

.marked .telcelbold {

    font-size: 25px;

    color: #fff;

    line-height: .95;

}

.marked .telcelbold small {

    font-size: 15px;

    opacity: .5;

    display: block;

}

/*Footer*/

.main-footer {

    padding: 20px 0;

}

.navbar-footer .navbar-brand {

    margin-right: 20px;

}

.footer .navbar-btn {

    margin-top: 20px;

}

.navbar-social {

    margin: 15px 0;

}

.navbar-social .nav>li {

    float: left;

    margin-right: 10px;

}

.navbar-social .nav>li:last-child {

    margin-right: 0px;

}

.navbar-social .nav>li:first-child span {

    display: block;

    color: #9da7a9;

    margin-top: 8px;

    font-size: 16px;

}

.navbar-social .nav>li>a {

    padding: 0;

    overflow: hidden;

    height: 40px;

}

.navbar-social .nav>li>a:hover,

.navbar-social .nav>li>a:focus {

    background-color: transparent;

    opacity: .8;

}

.navbar-social .nav>li>a i {

    color: #6c787a;

    color: rgba(255, 255, 255, .2);

    overflow: hidden;

    font-size: 40px;

    padding: 0;

    text-align: center;

}

.navbar-social .nav>li>a i.icon-HolaTelcel {

    font-size: 120px;

    line-height: 42px;

}



.side-promo h3:first-child {

    margin-top: 0;

    margin-bottom: 0;

}

.side-promo h3+ul {

    margin-top: 15px;

}

.side-promo h3 strong {

    display: block;

}

.side-promo {

    padding-top: 20px;

}

.side-promo .item-terminal img {

    max-width: 100%;

}

.side-promo .item-terminal .actions,

.side-promo .item-accesorios .actions {

    display: none;

}

.side-promo .item-terminal,

.side-promo .item-accesorios {

    height: 100%;

    margin-top: 20px;

}

/*

.side-promo .item-terminal > .row > div[class^="col-"],

.side-promo .item-accesorios > .row > div[class^="col-"]{

    float: none;

    text-align: center;

    margin: 0 auto;

    top: -15px;

    width: 100%;

}*/

.side-promo .item-terminal+.text-center,

.side-promo .item-accesorios+.text-center {

    position: relative;

}



.side-promo .item-terminal .img,

.side-promo .item-accesorios .img {

    -ms-transform: scale(.8);
    /* IE 9 */

    -webkit-transform: scale(.8);
    /* Chrome, Safari, Opera */

    transform: scale(.8);

}

.side-promo .item-terminal .ref,

.side-promo .item-terminal .extra,

.side-promo .item-accesorios .ref,

.side-promo .item-accesorios .extras {

    display: none;

}

.side-promo .item-terminal h5,

.side-promo .item-terminal h4,

.side-promo .item-accesorios h5,

.side-promo .item-accesorios h4 {

    margin-top: 0px;

    min-height: 0;

}

.side-promo .item-terminal h5,

.side-promo .item-accesorios h5 {

    display: none;

}

.side-promo .item-terminal .img,

.side-promo .item-accesorios .img {

    top: -20px
}



.side-promo .item-terminal .extras,

.side-promo .item-accesorios .extras {

    margin-bottom: 0;

}

.item-terminal .col-md-7 a:hover {

    text-decoration: none;

}

/*MOdal Clientes*/



.modal-content {

    border: 6px solid #02B0EF;

}

.modal-header {

    border-bottom: none;

    padding: 30px 50px 20px 50px;

}

.modal-header h2 {

    margin: 20px auto;

    max-width: 550px;

}

.modal-header h2 small {

    font-size: 22px;

    font-weight: 400;

    color: #000;

    margin-top: 10px;

}

.modal-dialog .separator-vertical {

    top: 0;

    width: 8px;

    height: 100%;

    position: absolute;

    background-color: #FFF;

}

.modal-dialog.modal-lg .separator-vertical {
    right: 50%;
}

.btn.btn-close-modal {

    border: none;

    position: absolute;

    right: 10px;

    top: 10px;

    color: #e9ecef;

    padding: 0;

    line-height: 1;

    font-size: 40px;

    background-color: transparent;
}

.btn.btn-close-modal.faq {
    color: #C4D2E0;
}

.btn.btn-close-modal:hover,

.btn.btn-close-modal:focus {

    background-color: transparent;

    opacity: .8;

    box-shadow: none;

    border: none;

    outline: none;

}

.modal-md .btn.btn-close-modal {

    font-size: 30px;

}

.modal-body {

    background-color: #F2F7F9;

    padding: 30px 0;

}

.modal-body input.form-control,

.modal-body .form-group {

    width: 100%;

    text-align: left;

}

.modal-segmentacion .modal-body p {

    font-size: 15px;

    color: #666;

}

.modal-body .btn {

    min-width: 200px;

}

.modal-footer {

    border-top: none;

    padding-top: 10px;

    padding-bottom: 10px;

    margin-top: 0;

}

/*Modal ayuda*/

.modal-info .modal-content {

    border: 6px solid #c4d2e0;

    padding: 20px 33px;

}

.modal-plan .modal-info .modal-content {

    padding: 20px 30px;

}

.modal-plan .modal-info .modal-content .btn.btn-close-modal {

    top: 10px;

    right: 10px;

}

.list-info-modal {

    font-size: 12px;

}

.list-info-modal .h5 {

    font-size: 14px;

    color: #465559;

    font-weight: 400;

    margin: 0;

}

.list-info-modal p {

    margin: 0;

    color: #7e888a;

}

.list-info-modal strong {

    color: #465559;

}

.list-info-modal li {

    margin-bottom: 15px;

    padding-bottom: 15px;

    border-bottom: 2px solid #E6EEF2;

}

.list-info-modal li:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;

}

/*Modal PLanes*/

.modal-xlg {

    max-width: 1000px;

    width: 100%;

}

.modal-plan .btn-close-modal {

    right: 20px;

    top: 20px;

}

.modal-plan .icon-TelcelLogo {

    color: #fff;

    display: inline-block;

    overflow: hidden;

    font-size: 250px;

    line-height: 50px;

    max-height: 50px;

}

/*Modal Gansdores*/
.modal-xs {
    max-width: 700px;
    width: 100%;
}

.modal-dialog.modal-xs.bb3fade {
    margin-top: 0px !important;
}

.modal-dialog.modal-xs.bb4fade {
    /*     width: 560px; */
    margin: 0 auto;
}

/*.modal:nth-of-type(even) {

    z-index: 10042 !important;

}

.modal-backdrop.in:nth-of-type(even) {

    z-index: 10041 !important;

}*/

.modal-plan .content {

    padding: 10px 20px 20px 20px;

}



.modal-plan {

    background-color: #02B0EF;

    padding: 10px;

    color: #000;

    border: 0;

}

.modal-plan .text-medium {

    font-size: 16px;

}

/**/

/*Login box*/

.dropdown-menu.login-box {

    background-color: #ACBFD4;

    padding: 3px;

    z-index: 3000;

    min-width: 320px;

    max-width: 500px;

    margin-top: 16px;

}

.login-box .arrow-menu {

    left: 90%;

    top: -17px;

}

.login-box.box-pedido .arrow-menu {

    left: 25%;

}

.login-box .login-title {

    background-color: #02B0EF;

    display: inline-block;

    padding: 15px;

    font-size: 14px;

    color: #fff;

    font-weight: 600;

}

.login-box .login-title a {

    color: #fff;

}

.login-box .login-title.active {

    background-color: #fff;

    color: #000;

}

.login-box .login-title.active a {

    color: #000;

    background-color: transparent;

}

.login-box .inner {

    background-color: #F2F7F9;

    padding: 15px 15px;

    border-top: 2px solid #fff;

}

.login-box .form-group {

    margin-bottom: 9px;

}

.login-box .form-inline .form-group {

    margin-bottom: 0;

}

.login-box input {

    font-size: 13px;

}

.login-box .footer {

    background-color: #fff;

    font-size: 14px;

}

.login-box .footer .login-options {

    padding: 15px;

}

.login-box .footer li>span {

    color: #000;

    font-weight: 600;

}

.login-box .footer .paneles {

    background-color: #f2f7f9;

    padding: 15px;

    display: none;

}

.login-box .footer .paneles h5 {

    font-weight: 600;

    color: #000;

    margin-top: 0;

    margin-bottom: 5px;

}

.login-box .footer .paneles p {

    font-size: 13px;

    color: #7a8689;

}

.login-box .actions {

    padding: 15px;

}

.recovery-confirmation {

    position: relative;

    padding-left: 60px;

}

.recovery-confirmation i {

    font-size: 50px;

    color: #fff;

    position: absolute;

    left: 0;

    top: 5px;

    border-radius: 100px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: block;

    text-indent: -4px;

    background-color: #02B0EF;

}

.carrito .inner {

    position: relative;

}

.carrito .totales {

    background-color: #fff;

    border-bottom: 1px solid #DBE5E7;

    border-top: 1px solid #DBE5E7;

    padding: 10px;

    font-size: 15px;

}

.cesta-vacia {

    font-style: italic;

    display: none;

}

/*Comparador*/

.small-tooltip {

    width: 200px;

    height: auto;

    border: 3px solid #0a3d79;

    background-color: #fff;

    padding-left: 50px;

    padding: 5px 5px 5px 50px;

    position: relative;

    z-index: 2;

    margin-left: -100px;

}

.small-tooltip.error {

    padding-left: 5px;

}

.small-tooltip div:first-child {

    left: 0px;

    position: absolute;

}

.small-tooltip img {

    max-width: 30px !important;

    margin-left: 10px;

}

.small-tooltip p {

    color: #000;

    font-size: 12px;

    font-weight: 600;

    line-height: normal;

}

.small-tooltip p span {

    color: #666666;

    font-size: 11px;

    font-weight: 600;

    display: block;

}

.bar-comparador {

    top: 0;

    width: 100%;

    background-color: #e4eef2;

    padding: 5px 0;

    z-index: 1001;

    overflow: hidden;

    display: none;

    -webkit-transition: top 0.5s ease-in-out;

    transition: top 0.5s ease-in-out;

    margin-bottom: -10px
}

.navbar-static-top .bar-comparador {

    margin-bottom: -16px;

}

.navbar-static-top.afixed .bar-comparador {

    margin-bottom: -10px
}

.bar-comparador .container-fluid {

    position: relative;

}

.bar-comparador h3 {

    font-size: 18px;

    text-align: right;

    float: left;

    margin-right: 30px;

    margin-top: 8px;

}

.bar-comparador h3 small {

    display: block;

}

.bar-comparador ul {

    display: inline-block;

    height: 60px;

    margin-right: 40px;

    margin-bottom: 0;

}

.bar-comparador ul li {

    background-color: #fff;

    padding: 5px;

    width: 60px;

    height: 60px;

    text-align: center;

    overflow: hidden;

    margin-left: 3px;

    position: relative;

}

.bar-comparador ul li.empty {

    background-color: #f2f7f9;

}

.bar-comparador ul li.full {}


.bar-comparador ul li img {

    max-width: 23px;

    max-height: 50px;

}

.bar-comparador ul li a {

    position: absolute;

    top: 0px;
    left: 0px;

    /*right: 3px;

    display: none;*/
    width: 100%;
    height: 100%;
    text-decoration: none;

    color: #80d7f7;

}

.bar-comparador ul li a:hover {

    display: block;
    border: 2px solid #39B3D7;

}

.bar-comparador ul li a:hover:before {
    content: "x";
    position: absolute;
    bottom: 0px;
    right: 3px;
    bottom: -5px;
    color: #39B3D7;
    font-size: 24px;
    font-weight: bold;
}

.bar-comparador .btn-close {

    color: #80d7f7;

    font-size: 40px;

    cursor: pointer;

    margin-top: -2px;

}

/*Fin comparador*/

/*Home highlighted*/

.highlighted-blue .inner,

.content-promo-color .inner {

    padding: 30px;

    text-align: center;

}

.highlighted-blue h2,

.content-promo-color h2 {

    color: #fff;

}

.bg-light-grey>.container-fluid,

.bg-light-grey>.inner,

.bg_light-grey_header>.container-fluid,

.bg_light-grey_header>.inner {

    padding-top: 30px;

    padding-bottom: 30px;

}

.bg-light-grey.angle-holder>.container-fluid,

.bg-light-grey.angle-holder>.inner,

.bg_light-grey_header.angle-holder>.container-fluid,

.bg_light-grey_header.angle-holder>.inner {

    padding-top: 0px;

    padding-bottom: 0px;

}

.bg-light-grey.small-form-holder>.inner,

.bg_light-grey_header.small-form-holder>.inner {

    padding: 20px;

}

.bg-light-grey>.inner h1:first-child,

.bg-light-grey>.inner h2:first-child,

.bg-light-grey>.inner h3:first-child,

.bg_light-grey_header>.inner h1:first-child,

.bg_light-grey_header>.inner h2:first-child,

.bg_light-grey_header>.inner h3:first-child {

    margin-top: 0;

}

/*Simple highlighted*/



.highlighted-block {

    padding: 60px 40px;

    margin-bottom: 30px;

    text-align: center;

}

.highlighted-block.lay-bottom {

    margin-bottom: 0;

}

.highlighted-block h1:first-child {

    margin-top: 0;

}

.highlighted-block p {

    font-size: 18px;

    opacity: .9;

}

.highlighted-block p strong {

    font-weight: 600;

}

.highlighted-block,

.highlighted-block h1,

.highlighted-block .list-features .feature,

.highlighted-block .list-features .feature i,
a.link-pdf-down,
a.link-pdf-down:hover {

    color: #fff;

}

a.link-pdf-down {
    text-decoration: underline;
}

a.link-pdf-down:hover {
    text-decoration: none;
}

.highlighted-block.bg-light-grey,

.highlighted-block.bg-light-grey h1 {

    color: #062c5f;

}

.highlighted-block.bg-light-grey .list-features .feature,

.highlighted-block.bg-light-grey .list-features .feature i,

.highlighted-block.bg-light-grey p {

    color: #666;

}

.highlighted-block .list-features .feature p {

    font-size: 15px;

    opacity: 1;

}

[class*="sprite-"] {

    background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/sprites.png);

    background-repeat: no-repeat;

    display: inline-block;

}

.sprite-hearth {

    background-position: 0 0;

    width: 158px;

    height: 109px;

    line-height: 90px;

    font-size: 60px;

    color: #02b0ef;

}

/*Endo Home Highligted*/

/*Hero equipos*/

.section-divider {

    border-bottom: 10px solid #f2f7f9;

    padding-bottom: 30px;

    margin-bottom: 30px;

}

.section-divider.sticked-bottom {

    padding-bottom: 0;

}

.section-divider.lay-bottom {

    margin-bottom: 0;

}

.hero h1:first-child {

    margin-top: 0;

}

.hero h1 small {

    display: block;

    color: #000;

    font-weight: 100;

    font-size: 30px;

    margin-top: 10px;

}



/*Equipos, tel�fonos*/

.busqueda-equipos .header,

.busqueda-equipos .filtros-extended,

.filtros-busqueda .header,

.filtros-busqueda .filtros-extended {

    background-color: #F2F7F9;
    padding: 20px 0;

}

.filtros-busqueda .filtros-extended {

    min-height: 90px;

}

.nav-filtros>li>a {

    border-radius: 3px;

    font-size: 14px;

}

.nav-filtros>li>a:hover,

.nav-filtros>li>a:focus,

.bar-filtros li>a:hover,

.bar-filtros li>a:focus,

.bar-filtros li>button:hover,

.bar-filtros li>button:focus {

    background-color: transparent;

    text-decoration: underline;

}

.nav-filtros>li>a:focus,

.bar-filtros li>a:focus,

.bar-filtros li>button:focus {

    text-decoration: none;

}

.bar-filtros li>button {

    background-color: transparent;

    border: none;

    padding: 10px 15px;

    color: #02b0ef;

}

.bar-filtros li>button:focus {

    text-decoration: none;

}

.nav-filtros>li.active>a,

.nav-filtros>li.active>a:hover,

.nav-filtros>li.active>a:focus {

    background-color: #0A3D79;

}

.bar-filtros i {

    font-size: 16px;

}

.bar-filtros .collapsed i:before {

    content: '\f025';

}

.bar-filtros i:before {

    content: '\f024';

}

.bar-filtros .form-group {

    margin-bottom: 0;

}

.bar-filtros .filters-form label {

    padding-top: 9px;

    font-size: 14px;

}

.busqueda-equipos .resultado {}

h1+.busqueda-equipos .resultados {

    margin-top: 40px;

}

.container-resultados .resultados.inner {

    margin-right: -11px;

    margin-bottom: 40px;

}

.container-resultados .resultado .item-terminal,
.container-resultados .resultado .item-accesorios {
    padding: 0 30px;
    background-color: #fff;
    padding-bottom: 30px;
    margin-top: 40px;
}



.container-resultados .resultado .item-accesorios {

    min-height: 285px;

}

.container-resultados .resultado .banner {
    padding: 0 30px;
    background-color: #fff;
    /*margin-top: 40px;*/
}

.container-resultados .resultado .banner img {

    max-height: 100%;
    padding-top: 80px;

}

.container-resultados .footer {

    margin-bottom: 40px;

}

.busqueda-equipos .filtros-extended,

.filtros-busqueda .filtros-extended {

    position: relative;

    overflow: hidden;

}

.busqueda-equipos .filtros-extended h4,

.filtros-busqueda .filtros-extended h4 {

    font-size: 14px;

    color: #666;

    font-weight: 600;

    margin-top: 10px;

}

.busqueda-equipos .filtros-extended h4:first-child,

.filtros-busqueda .filtros-extended h4:first-child {

    margin-top: 0;

}

.busqueda-equipos .filtros-extended label,

.filtros-busqueda .filtros-extended label {

    color: #999;

    font-size: 13px;

    font-weight: 600;

    position: relative;

    top: 2px;

}

.busqueda-equipos .filtros-extended .checkbox,

.filtros-busqueda .filtros-extended .checkbox {

    padding-left: 0;

}

.arrow-slideUp {

    border-radius: 100px;

    width: 55px;

    height: 55px;

    background-color: #02B0EF;

    display: block;

    border: none;

    color: #fff;

    margin: 0 auto -48px auto;

    font-size: 25px;

    outline: none;

}

.filtros-busqueda .arrow-slideUp {

    margin-top: 20px;

}

.filtros-busqueda.filtros-ayuda .arrow-slideUp {

    position: absolute;

    left: 50%;

    margin-left: -23px;

    margin-top: 8px;

    position: absolute;

    clip: rect(0px, 55px, 27px, 0px);

    clip-path: inset(0px, 55px, 27px, 0px);

}

.filtros-busqueda.filtros-ayuda .filtros-extended {

    overflow: visible;

}

.arrow-slideUp:active,

.arrow-slideUp:focus,

.arrow-slideUp:hover {

    border: none;

    outline: none;

}

.arrow-slideUp i {

    margin-top: -23px;

    display: block;

}

.container-resultados {

    position: relative;

    overflow: hidden;

}

.rating {
    margin: 5px 0 25px;
}

.rating i {

    color: #FF5B00;

}

.rating i.empty {

    color: #ffbd99;

}

.line-horizontal {

    height: 0;

    display: block;

    border-bottom: 1px solid #e4eef2;

}

.ficha-equipo {

    margin-bottom: 70px;

}

.ficha-equipo h1 {

    font-size: 36px;

    font-weight: 600;

    color: #0A3D79;

}

.ficha-equipo h1 small {

    display: block;

    font-size: 16px;

}

.ficha-equipo h1:first-child {

    margin-top: 0px;

    margin-bottom: 0px;

}

.ficha-equipo h2 {

    font-size: 17px;

    font-weight: 400;

    color: #0A3D79;

}

.ficha-equipo .rating {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 20px;

}

.ficha-equipo .btn-md {

    padding: 9px 9px;

    margin-top: 26px;

    line-height: 21px;

}

.ficha-equipo .price>strong {

    font-size: 37px;

    font-weight: 600;

    color: #000;

    line-height: normal;

}

.ficha-equipo .price small {

    font-size: 11px;

    color: #666;

}

.ficha-equipo .price .details {

    font-size: 13px;

    color: #666;

}

.ficha-equipo .price .details strong {

    font-size: 15px;

    font-weight: 600;

}

.ficha-equipo .additions {

    font-size: 15px;

    font-weight: 600;

    color: #666;

}

.ficha-equipo .additions strong {

    color: #000;

    font-weight: 600;

}

.ficha-equipo .list-accesibility {

    margin-left: -15px;

}

.call-to-action-buy {

    background-color: #F2F7F9;

    padding: 20px;

}

.call-to-action-buy p {

    display: inline;

    width: 80%;

    margin-bottom: 0;

}

.call-to-action-buy strong {

    font-weight: 600;

    display: block;

}

.call-to-action-buy .btn-sm {

    padding: 0;

}

.call-to-action-buy .btn-md {

    margin-top: -20px;

}

.highlighted {

    color: #f60;

}

.highlighted i {

    font-size: 20px
}

.opcion-compra {

    padding-bottom: 70px;

    margin-bottom: 70px;

    border-bottom: 8px solid #f2f7f9;

}

.opcion-compra:last-child {

    padding-bottom: 0px;

    border-bottom: none;

}

.super-tabs-panels .tab-pane>h3.iconic,

h3.iconic {

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    margin: 40px 0 10px 0;

}

h3.iconic i {

    color: #c7cccd;

    font-size: 45px;

    margin-right: 10px;

    position: relative;

    top: 6px
}

.extended-ficha-equipo h4 {

    font-size: 30px;

    margin-bottom: 40px;

}

h4 small {

    display: block;

    font-weight: 400;

    margin-top: 5px;

    color: #666;

}

.opcion-compra .amigo-kit {

    border: 2px solid #f2f7f9;

}

.opcion-compra .amigo-kit .img {

    background-color: #f2f7f9;

    padding-top: 10px;

    padding-bottom: 10px;

}

.opcion-compra .amigo-kit .price {

    padding-top: 37px;

    padding-bottom: 37px;

    color: #000;

}

.opcion-compra .amigo-kit .price strong {

    font-size: 37px;

    font-weight: 600;

}

.opcion-compra .amigo-kit .price small {

    font-size: 13px;

}

.opcion-compra .amigo-kit .form {

    padding-top: 17px;

    padding-bottom: 20px;

}

.opcion-compra .amigo-kit .form .btn {

    margin-top: 26px;

}



.small-band {

    padding: 10px 0 0 0;

    background-color: #F2F7F9;

}

.small-band .btn {

    margin-top: 6px;

    margin-bottom: 10px
}

.small-band img {

    margin-top: 7px;

    margin-bottom: 10px;

}

.extended-ficha-equipo .section-divider {

    border-bottom-width: 8px;

}

.extended-ficha-equipo .tab-pane>*:first-child {

    margin-top: 40px;

    margin-bottom: 40px;

}

.especificaciones h3:first-child {

    margin-top: 35px;

}

.especificaciones h3 {

    font-size: 30px;

    margin-bottom: 20px;

    font-weight: 400;

}

.especificaciones h3 small {

    font-size: 24px;

    color: #666;

    display: block;

}

.especificaciones ul {

    padding-left: 20px;

    color: #666;

    font-size: 16px;

}

.especificaciones .dl-horizontal {

    margin-top: 10px;

    font-size: 15px;

}

.especificaciones .dl-horizontal dt {

    width: 200px;

    font-weight: 400;

    text-align: left;

    float: left;

}

.especificaciones .dl-horizontal dd {

    margin-left: 220px;

}

.measures-holder {

    text-align: center;

}

.measures-terminal {

    position: relative;

    display: inline-block;

    margin-top: 20px;

}

.measures-terminal img {

    max-width: 100%;

    max-height: auto;

}

/*.measures-terminal:before{

    content: attr(data-width);

    display: block;

    border-bottom: 1px solid #999;

    height: auto;

    width: 100%;

    color: #999;

    position: absolute;

    top: -40px;

    font-size: 12px;

}

.measures-terminal.frontal:after{

    border-left: 1px solid #999;

    color: #999;

    content: attr(data-height);

    font-size: 12px;

    height: 100%;

    padding-left: 5px;

    padding-top: 100%;

    position: absolute;

    right: -50px;

    top: 0px;

    width: auto;

}*/

.addons-ficha {

    border-top: 8px solid #F2F7F9;

    padding-top: 20px;

    margin-bottom: 30px;

}

.ficha-extended-especs .inner {

    padding-left: 70px;

    position: relative;

    margin-bottom: 50px;

}

.ficha-extended-especs li:nth-child(2n+1) {

    clear: both;

}

.ficha-extended-especs .inner h4 {

    font-size: 16px;

    font-weight: 600;

    margin: 0 0 0 0;

}

.ficha-extended-especs .inner i,

.ficha-extended-especs .inner .img {

    left: 0px;

    position: absolute;

    font-size: 50px;

    color: #c7cccd;

    width: 55px;

    display: inline-block;

    margin-right: 0.3em;

    min-height: 50px;

    float: left;

}

.ficha-extended-especs .inner .img img {

    position: absolute;

    top: 5px;

}

.ficha-extended-especs .inner ul {

    color: #666;

    font-size: 14px;

}

.ficha-extended-accordions {

    margin-bottom: 70px;

}

/* Estilo para que solo muestre 6 elementos en los devicefeatures */
.max-6-elements>li:nth-of-type(1n+7) {

    display: none;

}

.panel-default.panel {

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.panel-default>.panel-heading {

    border-top: 2px solid #f2f7f9;

    border-right: none;

    border-left: none;

    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.panel-default>.panel-heading a,

.panel-default>.panel-heading a.collapsed {

    display: block;

    position: relative;

    cursor: pointer;
    padding: 17px 30px 17px 0;
}

.panel-default>.panel-heading a:after,

.panel-default>.panel-heading a.collapsed:after {

    display: inline-block;

    font-family: TelcelFont;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    float: right;

    margin-top: -18px;

    position: absolute;

    right: -8px;

    top: 50%;

    font-size: 34px;

    color: #4FB2EB;

}

.panel-default>.panel-heading a:not(#othersCharsAccordion):not(#netAvailableAccordion):after {
    content: "\f104";
}

.panel-default>.panel-heading a.collapsed:not(#othersCharsAccordion):not(#netAvailableAccordion):after {
    content: "\f105";
}

.panel-default>.panel-heading.link a:after {
    content: "\f103";
}

.panel-default>.panel-heading.link a.collapsed:after {
    content: "\f107";
}

.panel-default:last-child>.panel-heading,

.parbase:last-child>.panel-default>.panel-heading {

    border-bottom: 2px solid #f2f7f9;

}

.parbase>.panel-default>.panel-heading {

    border-bottom: none;

}

.panel-default>.panel-heading+.panel-collapse .panel-body {

    border-top: 2px solid #f2f7f9;

}

.panel-group {

    margin-top: 40px;

}

.tab-pane .panel-group {

    margin-bottom: 40px;

}

.panel-heading .panel-title {

    font-size: 18px;

    font-weight: 600;
    /*margin: 7px 0;*/
    color: #000;
    margin-bottom: 0;
}

.panel-group.panel-blue-title .panel-body {

    padding: 15px 0;

}

.panel-group .panel-body .panel-group {

    padding: 15px 15px;

}

.panel-group .panel-body .panel-group .panel-default:last-child>.panel-heading {

    border-bottom: none;

}

.panel-group.panel-blue-title .panel-heading.active {

    border-bottom-color: transparent;

}

.panel-group.panel-blue-title>.panel>.panel-title {

    font-size: 28px;

    font-weight: 400;

    margin: 7px 0;

    color: #02B0EF;

    line-height: 1.1;

}

.panel-blue-title .panel-default>.panel-heading+.panel-collapse .panel-body {

    border-top: none;

}

.panel-group.panel-blue-title .panel-heading:hover,

.panel-group.panel-blue-title .panel-heading.active {

    background-color: transparent;

}

.panel-default .table-panel.panel-body {

    background-color: #f2f7f9;

}

.panel-default .normal-panel.panel-body {

    padding-bottom: 40px
}

.panel-default .panel-body>ul,

.panel-default .panel-body ul.bold {

    font-weight: 600;

    font-size: 16px;

}

.panel-default>.panel-heading+.panel-collapse .panel-body.table-panel {

    padding: 20px 0 0 0;

    border-top: none;

    background-color: transparent;

}

.panel-group .panel+.panel {

    margin-top: 0;

}

.panel-heading:hover,

.panel-heading.active {

    background-color: #F2F7F9;

}

.panel-heading p {

    font-size: 15px;

    color: #9EA5A9;

    font-weight: 100;

    margin-right: 40px;

}

.panel-heading a:hover,

.panel-heading a:focus {

    text-decoration: none;

}

.panel-heading .list-inline {

    margin-top: 0;

}



.panel-heading .list-inline li {

    font-size: 12px;

}

.panel-heading .list-inline li[class*="icon-"] {

    color: #000;

}

.panel-heading .list-inline li[class*="icon-"]:before {

    color: #acbfd4;

}

.panel-icons {

    margin-bottom: 40px;

}

.panel-icons>.accordionPar>.parbase>.panel>.panel-heading,

.panel-icons>.parsys>.parbase>.panel>.panel-heading,

.panel-icons>.panel>.panel-heading {

    padding-left: 60px;

}

.panel-icons .panel-heading i {

    margin-left: -50px;

    float: left;

    font-size: 34px;

}

.panel-icons.panel-blue .panel-heading i,

.icon_blue i {

    color: #6C9AEF;

}

.panel-green.panel-icons .panel-heading i,

.icon_green i {

    color: #52CAB5;

}

.panel-purple.panel-icons .panel-heading i,

.icon_purple i {

    color: #7e7eec;

}

h2[class^="icon_"] i,

h3[class^="icon_"] i {

    position: relative;

    top: 8px;

}

.panel-body h2[class^="icon_"] i,

.panel-body h3[class^="icon_"] i {

    font-size: 40px;

}

.panel-body h3[class^="icon_"]+div {

    padding-left: 50px
}

.panel-body .list-bullets>li {

    margin-bottom: 5px;

}

.panel-body h3:first-child {

    margin-top: 0;

}

.panel-body.table-panel .table-bordered td {

    background-color: #fff;

}

#collapse-1 .panel-body.table-panel .table-bordered td,
#collapse-2 .panel-body.table-panel .table-bordered td {

    background-color: #fff;

    text-align: left;
}

.panel-body.panel-external {

    padding: 30px 0;

}

.table-bordered>tbody>tr>th {

    border-bottom-color: #fff;

    background-color: #f2f7f9;

}


.table-bordered>tbody>tr:last-child>th {

    border-bottom-color: #e9ecef;
    ;
}

.line-asTe {
    position: relative;
}

.line-asTe a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px;
}

.thumbnails h3 {

    text-align: center;

    font-size: 18px;

    font-weight: 400;

}

.thumbnails button {

    padding: 0 !important;

}

.thumbnails a h3,

.thumbnails button h3 {

    color: #01B0EE;

}

.thumbnails a .thumbnail,

.thumbnails button .thumbnail {

    padding: 6px;

    -webkit-transition: none;

    transition: none;

    text-align: center;

    position: relative;

}

.thumbnails a:hover .thumbnail,

.thumbnails .opened a .thumbnail,

.thumbnails button:hover .thumbnail,

.thumbnails .opened button .thumbnail {

    padding: 4px;

    border: 3px solid #01b0ee;

}

.thumbnails a .thumbnail:after,

.thumbnails button .thumbnail:after {

    border-radius: 100px;

    border: 4px solid #666;

    border: 4px solid rgba(51, 51, 51, .25);

    display: block;

    width: 46px;

    height: 46px;

    background-color: #fff;

    font-family: TelcelFont;

    font-style: normal;

    font-weight: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f107";

    font-size: 21px;

    text-align: center;

    line-height: 40px;

    color: #f60;

    text-indent: 3px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -23px;

    margin-top: -23px;

}

.thumbnails a:hover .thumbnail:after,

.thumbnails button:hover .thumbnail:after {

    text-decoration: none;

}

.tab-ayuda h2 {

    font-size: 40px;

}

.guias,

.guias>h2 {

    margin-bottom: 40px;

}

.list-guias .icon-Guide {

    font-size: 50px;

    color: #E4EEF2;

}

.list-guias .media-body {

    position: relative;

}

.list-guias .media-body h3 {

    font-weight: 400;

    line-height: normal;

    margin-top: -5px;

    margin-bottom: 0;

}

.list-guias .media-body p {

    font-size: 18px;

    color: #666;

    float: left;

    margin-right: 190px;

}

.media-body a {

    position: absolute;

    top: 0;

    right: 0;

}

.row.thumbnails {

    position: relative;

}

.expanded {

    position: relative;

    display: none;

}

.expanded .inner {

    background-color: #f2f7f9;

    padding: 30px 20px;

    text-align: left;

}

.expanded .arrow {

    position: absolute;

    top: -18px;

    border: 20px solid transparent;

    border-bottom: 20px solid #f2f7f9;

    border-top: none;

    width: 0;

    height: 0;

    display: block;

}

.thumbnails .expanded h3 {

    text-align: left;

    margin-top: 0;

    font-size: 40px;

    color: #000;

    font-weight: 100;

    line-height: normal;

}

.thumbnails .expanded h3 small {

    display: block;

    font-size: 18px;

    color: #999;

}

.thumbnails .expanded p {

    font-weight: 16px;

    color: #333;

    margin: 20px 0 20px 0;

}

.thumbnails .expanded h4 {

    font-size: 14px;

    font-weight: 600;

    color: #666;

    margin-bottom: 20px;

}

.thumbnails .expanded .navbar-social i {

    color: #01B0EE;

    width: 30px;

    height: 30px;

    display: block;

    font-size: 30px;

    text-align: center;

    line-height: 30px;

}

.thumbnails .expanded .navbar-social .nav>li {

    margin-right: 10px;

}

.thumbnails .expanded .close {

    position: absolute;

    top: 10px;

    right: 25px;

    color: #01B0EE;

    font-size: 28px;

}

.embed-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

    height: auto;

}

.embed-container iframe,

.embed-container object,

.embed-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.list-share li {

    padding: 0;

}

.breadcrumb+.list-share {

    margin-top: 15px;

}

.list-share li .label {

    position: relative;

    top: -7px;

    color: #ACBFD4;

    font-size: 12px;

    font-weight: 400;

    display: block;

}

.list-share li+li.label {

    margin-left: 10px;

}

.list-share a i {

    font-weight: 100;

    color: #ACBFD4;

    font-size: 25px;

    height: 25px;

    line-height: 25px;

    overflow: hidden;

    padding: 0;

    text-align: center;

    width: 25px;

}

.list-share a:hover {

    text-decoration: none;

    opacity: .8;

}

.list-share .print a i {

    color: #ACBFD4;

    background-color: transparent;

    font-size: 24px;

}

/*Fin*/

.footer-nav>nav>.clearfix {

    padding-bottom: 20px;

    margin-bottom: 15px;

    border-bottom: 1px solid #6c787a;

}

.footer-nav .nav-main.nav>li>a {

    color: #fff;

    padding: 20px 8px;

    font-size: 14px;

}

.footer-nav .nav-main.nav>li>a:hover {
    background-color: transparent;
    opacity: .8;
}

@media (max-width: 768px) {
    .footer-nav .nav-main.nav>li>a {
        font-size: 12px;
    }
}

.footer-nav .navbar-form {
    width: 210px;
}

.footer-nav .input-group .form-control,

.sidr form .input-group .form-control {

    background-color: #475659;

    border-color: #6c787a;

    color: #7F898B;

    border-right: none;

}

.footer .nav>li>a.xs-link {

    color: #ccc;

}

.footer .nav>li>a.xs-link:hover,

.footer .nav>li>a.xs-link:focus {

    background-color: transparent;

    text-decoration: underline;

}

.footer .visible-xs>ul {

    padding: 0 30px;

}

.sidr form .input-group .form-control {

    margin-bottom: 0;

    background-color: #fff;

}

.footer-nav .form-control:focus {

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(120, 120, 120, 0.6);

    border-color: #6c787a;

}

.footer-nav .btn-primary,

.sidr form .btn-primary {

    background-color: transparent;

    color: #7F898B;

    border-color: #6c787a;

    border-left: none;

    height: 35px;

}

.footer-nav .btn-primary:hover,

.sidr form .btn-primary:hover {

    opacity: .8;

}

.footer .metanav {

    padding-top: 10px;

    font-size: 13px;

    margin-bottom: 50px;

}

.footer .metanav,
.footer .metanav a {

    color: #465359;

}



.login-box .inner {

    min-width: 350px;

}

/*Tiny accordion with links*/

.list-arrow-circle {

    margin: 0 auto;

    text-align: left;

}

.text-center .list-arrow-circle {

    display: inline-block;

}

.list-arrow-circle li {

    border-bottom: 1px solid #D9E2E5;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.list-arrow-circle li:before,

.tiny-accordion>a:after {

    font-family: 'TelcelFont';

    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;

    display: inline-block;

}

.list-arrow-circle li:before {

    content: '\f109';

    font-size: 22px;

    color: #02B0EF;

    position: relative;

    top: 5px
}

.list-arrow-circle li:last-child {

    border-bottom: none;

}

.list-arrow-circle li a {

    padding: 10px 5px;

}

.tiny-accordion>a {

    display: inline-block;

    margin-bottom: 10px;

    position: relative;

    padding: 0 40px;

}

.tiny-accordion>a:focus {

    text-decoration: none;

}

.tiny-accordion>a:after {

    content: '\f024';

    position: absolute;

    right: 0;

    top: 50%;

    font-size: 26px;

    margin-top: -7px;

    color: #e9ecef;

}

.tiny-accordion>a.collapsed:after {

    content: '\f025';

}



.pagination>li>a>i {

    font-size: 25px;

    line-height: 25px;

    display: block;

    margin-top: 2px;

}

.super-tabs-holder,

.tabs-lg-holder {

    background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/bg_supertabs.png);

    background-repeat: repeat-x;

    background-position: bottom left;

    margin-top: 60px;

}

.tabs-in-panel .tabs-lg-holder {

    background-image: none;

    border-bottom: 3px solid #E4EEF2;

}

.tabs-in-panel .tabs-lg-holder>.container-fluid {

    margin-bottom: -3px
}

.home .super-tabs-holder {

    margin-top: 80px;

}

.nav-super-tabs li,

.nav-tabs-lg li {

    padding-right: 3px;

}

.nav-tabs-lg li {

    padding-left: 0;

}

.nav-super-tabs li:last-child,

.nav-tabs-lg li:last-child {

    padding-left: 0;

    padding-right: 0;



}

.nav-super-tabs li a,

.nav-tabs-lg li a {

    padding: 10px;

    text-align: center;

    padding-top: 15px;

    border: 5px solid #009ED6;

    border-top: none;

    background-color: #02b0ef;

}

.nav-tabs-lg li a {

    padding-top: 10px;

    border: none;

    border-bottom: 3px solid #009ED6;

    height: 80px;

    position: relative;

    display: block;

}



.tabs-in-panel .nav-tabs-lg li a {

    padding: 5px;

    padding-top: 10px;

    border: 3px solid #abb5ce;

    border-bottom: 3px solid #abb5ce;

    border-top: none;

    background-color: #b5c4d8;

    height: 45px;

}

.nav-tabs-lg li a h2 {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    margin: 0;

    line-height: normal;

}

.nav-super-tabs li:last-child a,

.nav-tabs-lg li:last-child a {

    border-right: none;

    padding-right: 15px;

}

.nav-super-tabs li:first-child a,

.nav-tabs-lg li:first-child a {

    border-left: none;
    padding-left: 15px;
}

.nav-super-tabs li a:hover,
.nav-super-tabs li a:focus,

.nav-tabs-lg li a:hover,
.nav-tabs-lg li a:focus {

    background-color: #37B7F5;

}

.nav-super-tabs li.active a,

.nav-super-tabs li.r-tabs-state-active a,

.nav-tabs-lg li.active a,

.nav-tabs-lg li.r-tabs-state-active a {

    border: 5px solid #E4EEF2;

    background-color: #fff;

    border-bottom: none;

    padding: 10px 10px 15px 10px;

}



.tabs-in-panel .nav-super-tabs li.active a,

.tabs-in-panel .nav-super-tabs li.r-tabs-state-active a,

.tabs-in-panel .nav-tabs-lg li.active a,

.tabs-in-panel .nav-tabs-lg li.r-tabs-state-active a {

    border: 3px solid #E4EEF2;

    padding: 10px 10px 15px 10px;

}



.nav-tabs-lg li.active a,

.nav-tabs-lg li.r-tabs-state-active a {

    padding: 5px 10px 13px 10px;

}

.tabs-in-panel .nav-tabs-lg li.active a,

.tabs-in-panel .nav-tabs-lg li.r-tabs-state-active a {

    padding: 12px 10px 11px 10px;

    border-bottom: none;

}

.nav-super-tabs li h2,

.nav-tabs-lg li h2 {

    font-weight: 600;

    color: #fff;

    margin-bottom: 0;

}

.nav-tabs-lg li h2 {

    font-size: 18px;

    margin-top: 10px;

    margin-bottom: 10px;

}

.tabs-in-panel .nav-tabs-lg li h2 {

    font-size: 16px;

}

.nav-super-tabs li h2 small {

    color: #b4e7fa;

    margin-top: 5px;

    color: rgba(255, 255, 255, .7);

}

.nav-super-tabs li.active h2,

.nav-super-tabs li.r-tabs-state-active h2 {

    color: #02B0EF;

}

.nav-tabs-lg li.active h2,

.nav-tabs-lg li.r-tabs-state-active h2 {

    color: #000;

}

.nav-super-tabs li.active h2 small,

.nav-super-tabs li.r-tabs-state-active h2 small {

    color: #666
}

.nav-super-tabs li .tagline {

    color: #fff;

    font-size: 16px;

}

.nav-super-tabs li.active .tagline,

.nav-super-tabs li.r-tabs-state-active .tagline {

    color: #000;

}

.nav-super-tabs li .tagline strong {

    font-weight: 600;

    font-size: 35px;

}

.super-tabs-panels .tab-pane>h3 {

    margin-top: 80px;

    font-size: 30px;

}

.tabs-in-panel .tab-pane>h3 {

    margin-top: 20px;

    margin-bottom: 20px !important;

    font-size: 24px;

    font-weight: 400;

}

.special-tabs-holder {

    background-color: #e4eef2;

    padding: 0;

    text-align: center;

    margin-bottom: 50px;

}

.nav-special-tabs>li>a {

    padding: 20px 0;

    display: block;

}



.nav.nav-special-tabs>li>a:hover,

.nav.nav-special-tabs>li>a:focus {

    opacity: .6;

    background-color: transparent;

}

.nav-special-tabs>li>a,

.nav-special-tabs>li>a>* {

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.nav-special-tabs>li>a>h2,

.nav-special-tabs>li>a>i {

    color: #95a2a5;

}

.nav-special-tabs>li.active>a>h2,

.nav-special-tabs>li.active>a>i {

    color: #ff5b00;

}

.nav-special-tabs>li.active>a>h2 small {

    color: #465459;

}

.nav-special-tabs>li>a>i {

    font-size: 36px;

}

.nav-special-tabs>li>a>h2 {

    font-size: 24px;

    margin-top: 0;

    font-weight: 600;

}

.nav-special-tabs.six-row>li>a>h2 {

    font-size: 20px;
    height: 35px;
}

.nav-special-tabs.six-row>li>a.just-tabs {
    padding-bottom: 20px;
    min-height: 155px;
}

.nav-special-tabs>li>a>h2 small {

    font-size: 70%;

    font-weight: 300;

    max-width: 260px;

    margin: 0 auto;

}

.nav-special-tabs>li.active:after {

    font-family: 'TelcelFont';

    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;

    content: '\f10b';

    font-size: 72px;

    position: absolute;

    bottom: -44px;

    left: 50%;

    margin-left: -36px;

    display: block;

    color: #e4eef2;

}

.lg-tabs .tab-pane h1:first-of-type,

.lg-tabs .tab-pane h2.content-title:first-of-type {

    margin-top: 40px;
}

.lg-tabs .tab-pane {
    min-height: 300px
}



.lg-tabs {

    margin-bottom: 30px;

}

.tabsToselect-xs {

    text-align: center;

    height: 50px
}

.tabs-in-panel .tabsToselect-xs {

    height: 45px
}

.tabsToselect-xs>ul.open {
    overflow: visible;
    height: auto;
    border: 1px solid #B8B8B8;
    margin-top: -2px;
    padding-top: 2px;
    border-top: none;
    z-index: 1050;
}

.tabsToselect-xs>ul.open li {

    margin: 0;

    display: block;

    float: none;

    width: 100%;

    padding-right: 0;

    border-bottom: 1px solid #fff
}

.tabsToselect-xs>ul.open li:last-child {

    border-bottom: none;

}

.tabsToselect-xs>ul.open li a,

.tabsToselect-xs>ul.open li button {

    border: none;

    border-bottom: 1px solid #b8b8b8;

    border-radius: 0;

    text-align: left;

}

.tabsToselect-xs>ul.open li a:last-child,

.tabsToselect-xs>ul.open li button:last-child {

    border: none;

    border-bottom: none;

}

.nav-pills-open {

    border: 1px solid #b8b8b8;

    border-radius: 4px;

    font-size: 20px;

    font-weight: 100;

    padding: 10px;

    text-align: left;

    background-color: #ffffff;

}

.nav-pills-open i {

    font-size: 30px;

}

.nav-pills-open.active i {

    font-size: 30px;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    transform: rotate(180deg);

}

/*Features list*/

h1+.list-features {

    margin-top: 40px;

}

.list-features .feature {

    padding: 20px 20px 40px 80px;

    font-size: 15px;

    color: #666;

    text-align: left;

}

.list-features .feature i {

    font-size: 52px;

    float: left;

    margin-left: -70px;

    color: #27B1E9;

}

.list-features .feature strong {

    font-weight: 600;

}

/*PLans*/

.mainoffer-plans {

    margin-bottom: 50px;

}

.mainoffer-plans h2 {

    margin-bottom: 0;

    color: #062c5f;

}

.section-divider .circles {

    margin-bottom: 0;

}

.circles {

    margin-bottom: 50px;

    text-align: center;

}

.circles a:hover {

    opacity: .7;

}

.circles.packages {

    margin-bottom: 0;

    margin-top: 40px;

}

.circles .img-circle {

    margin: 20px;

    border: 4px solid #02B0EF;

    text-align: center;

    width: 140px;

    height: 140px;

    display: inline-block;

}

.circles .img-circle .h1 {

    margin-bottom: 0px;

    color: #062c5f;

    font-size: 50px
}

.circles .img-circle .h2 {

    font-size: 38px;

    margin-top: 35px;

    margin-bottom: 4px;

    color: #062c5f;

}

.circles .img-circle i {

    font-size: 70px;

    display: block;

    margin-top: 15px;

    color: #062c5f;

    line-height: 70px;

}

.circles a.img-circle:hover {

    text-decoration: none;

}

.circles.notext .img-circle i {

    font-size: 110px;

    line-height: 100px;

}

.cirlces-icon-large.circles .img-circle i {

    position: relative;

    top: 4px;

    font-size: 90px;

    line-height: 90px;

}

.circles .img-circle span {

    font-size: 16px;

    font-weight: 400;

    color: #666;

}

.circles h3 {

    margin-top: 0;

    font-size: 18px;

    font-weight: 400;

    color: #666;

}

.circles h3 small,

.circles h3 span.small {

    font-size: 18px;

    font-weight: 400;

}

.circles h3 strong {

    font-weight: 600;

    display: block;

}

.mainoffer-plans .call-to-action label,

.mainoffer-plans .call-to-action small {

    color: #000;

    font-size: 30px;

    font-weight: 400;

    margin-bottom: 0;

}

.mainoffer-plans .call-to-action .price {

    color: #000;

    font-size: 40px;

    margin-bottom: 20px;

}

.mainoffer-plans .call-to-action .price strong {

    font-weight: 600;

}

/*Angels in planes*/

.angle-holder {

    overflow: hidden;

    padding-top: 0;

    position: relative;

    z-index: 2;

    width: 100%;

    padding-bottom: 90px;

    min-height: 270px;

}

.angle-holder.angle-holder-lg {

    padding-top: 20px;
}

.overflow-inherit {
    overflow: inherit;
}

.angle {

    width: 120%;

    position: absolute;

    left: -10%;

    bottom: -50px;

}

.angle:before,

.angle:after {

    height: 120px;

    display: block;

    transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -webkit-transform: rotate(-5deg);

    float: left;

    width: 50%;

    content: '';

    margin-left: 0;

}

.angle:before {

    transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    -moz-transform: rotate(5deg);

    -webkit-transform: rotate(5deg);

    margin-left: 0;

    margin-right: 0;

}

.angle-white:after,

.angle-white:before {

    background-color: #ffffff;

}

.angle-grey {

    bottom: -30px;

}

.angle-grey:after,

.angle-grey:before {

    background-color: #e4eef2;

    height: 100px;

}

/*Angle with SVG*/

.angle-holder-svg a.btn-xlg {

    font-size: 24px
}

.angle-holder-svg h1+a.btn-xlg {

    padding-top: 0;

}

.angle-svg {

    margin-top: -1px;

    position: relative;

    z-index: 2;

}

.angle-holder-svg {

    position: relative;

    z-index: 2;

}

.bg_blue_header h1,

.bg_blue_header .telcelbold,

.bg_blue_header .telcellight,

.bg_green_header h1,

.bg_green_header .telcelbold,

.bg_green_header .telcellight {

    color: #fff;

}



.bg_light-grey_header h1,

.bg_light-grey_header .telcelbold,

.bg_light-grey_header .telcellight,

.bg_light-grey_header p {

    color: #465559;

}

.bg_blue_header p,

.bg_green_header p {

    color: #fff;

    color: rgba(255, 255, 255, .8)
}

.single-form-holder {

    margin-bottom: 60px;

}

.rich-header {

    text-align: center;

    min-height: 270px;

}

.rich-header p {

    font-size: 20px;

}

.rich-header p strong {

    font-weight: 600;

}

.list-special-plans .item {

    margin-bottom: 50px;

}

.list-special-plans .item h2 {

    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
    color: #0A3D7E;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #e3e3e3
}

.list-special-plans .item>.row {
    display: flex;
    justify-content: space-evenly
}

.list-special-plans .item p {

    color: #000;

}

@media (max-width: 767px) {
    .list-special-plans .item>.row {
        display: block
    }
}

.list-special-plans .item>.row>div {
    width: 100%;
    margin: 0
}

@media (min-width: 768px) {
    .list-special-plans .item>.row>div:nth-child(1) {
        padding-right: 0
    }
}

.list-special-plans .item>.row>div:nth-child(1) .text-large {
    padding: 24px 30px 24px 8px;
    color: #222;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.25
}

@media (max-width: 767px) {
    .list-special-plans .item>.row>div:nth-child(1) .text-large {
        padding: 16px 0
    }
}

.list-special-plans .item>.row>div:nth-child(2) {
    max-width: 255px
}

@media (min-width: 768px) {
    .list-special-plans .item>.row>div:nth-child(2) {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .list-special-plans .item>.row>div:nth-child(2) {
        max-width: none
    }
}

.list-special-plans .item>.row>div.price-holder>.row {
    background-color: #f2f7f9;
    padding: 16px;
    text-align: center;
    height: 100%;
    margin: 0
}

@media (max-width: 767px) {
    .list-special-plans .item>.row>div.price-holder>.row {
        padding-top: 8px
    }

    .list-special-plans .item>.row>div.price-holder>.row>div {
        width: 100%
    }
}

.list-special-plans .item>.row>div.price-holder>.row .price>label {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.25;
    color: #222;
    display: block;
    margin-bottom: 4px
}

@media (max-width: 767px) {
    .list-special-plans .item>.row>div.price-holder>.row .price>label {
        display: inline-block
    }
}

.list-special-plans .item>.row>div.price-holder>.row .price>span {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.13;
    color: #222
}

.list-special-plans .item>.row>div.price-holder>.row .price>small {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.22;
    color: #222
}

.list-special-plans .item>.row>div.price-holder>.row .btn-primary {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 8px 24px;
    text-decoration: none !important;
    min-height: 24px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    margin: 16px auto 0;
    max-width: 163px
}

@media (max-width: 767px) {
    .list-special-plans .item>.row>div.price-holder>.row .btn-primary {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto 20px
    }
}

.list-special-plans .item>.row>div.price-holder>.row .btn-primary:hover {
    text-decoration: none !important;
    background-color: #8221ab;
    border: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3
}

.list-special-plans .item>.row>div.price-holder>.row .btn-primary:focus {
    color: #fff
}

.list-special-plans .item>.row>div.price-holder>.row .btn-primary:hover {
    color: #fff
}

.list-special-plans .item>.row>div.price-holder>.row .btn-primary:active {
    color: #fff
}

@media (max-width: 767px) {
    .list-special-plans .item>.row>div.price-holder>.row .btn-primary {
        margin-top: 12px;
        margin-bottom: 0;
        max-width: none
    }
}

.list-special-plans .item .price {

    color: #000;

    margin-bottom: 10px;

}



.list-special-plans .item .price-holder {

    text-align: center;

}

.list-special-plans .item .price span {

    font-weight: 400;

    line-height: normal;

    font-size: 50px;

}

.list-special-plans .item .price label,

.list-special-plans .item .price small {

    font-size: 25px;

    font-weight: 400;

    margin-bottom: 0;

}





.bg_dark_blue {

    background-color: #062C5F;

}

.bg_dark_blue h1,

.bg_dark_blue h2,

.bg_dark_blue p,
.bg_dark_blue span {

    color: #fff;

}

.bg_dark_blue span a {
    color: #39B3D7;
}

.modal-plan .modal-content {

    padding: 0;

}

.modal-plan .bg_dark_blue {

    padding: 10px;
}

.modal-dialog.bb3fade .bg_dark_blue {
    padding: 20px 40px;
}

.modal-plan .bg_dark_blue .logo {

    text-align: left;

}

.modal-plan .bg_dark_blue .logo .btn {

    float: right;
}

.modal-plan .bg_dark_blue .logo.modal-win {
    text-align: center;
}

.modal-plan .bg_dark_blue .logo.modal-win .icon-TelcelLogo {
    font-size: 150px;
}

h2.price {

    font-weight: 400;

}

.modal-plan h1,

.modal-plan h2.price {

    font-size: 48px;
}

.modal-plan h1.winners {
    font-size: 20px;
    text-align: center;
}

.modal-plan h2.photo-winners {
    font-size: 18px;
    text-align: center;
}

.modal-plan span.cac-text {
    font-size: 18px;
}

.modal-plan span.cac-text a {
    text-decoration: underline;
}

.modal-plan span.cac-text a:hover {
    text-decoration: none;
}

h2.price small {

    display: inline;

    color: #fff;

}

.modal-plan .content {

    background-color: #fff;

    overflow: hidden;

}

.modal-plan .icon-Print {

    font-size: 25px;

    margin-right: 10px;

    position: relative;

    top: 5px
}

.modal-plan .content h2 {

    font-weight: 400;

    border-bottom: 2px solid #DBE5E7;

    padding-bottom: 20px;

    margin: 40px 0 20px 0
}

.control-label-lg {

    font-size: 30px;

    color: #fff;

    font-weight: normal;

}

.form-horizontal .control-label-lg {

    margin-top: 0;

    padding-top: 0;

    text-align: center;

    float: none;

}

/**/

/*Module price (using fonts sizes in

em as its used in different places with

different font sizes)*/

.module-price {

    color: #000;

    text-align: center;

    display: inline-block;

}

.module-price small {

    display: block;

    font-size: 1.6em;

    font-weight: 400;

}

.module-price .price {

    font-size: 7em;

    line-height: .8;

    font-weight: 400;

}

.nota-oferta {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 400;
    min-height: 50px;
}

.mas-audifonos {
    color: #A500B0;
    font-size: 16px;
    min-height: 50px;
    padding: 0px;
}

.module-price .nota {

    font-size: 1.3em;

    font-weight: 400;

    margin-top: 15px;

}

.module-price .nota strong {

    font-size: 1.2em;

}

.form-order-plans .ammount {

    font-size: 50px;

    font-weight: 600;

    line-height: 40px;

    margin-right: 20px;

    position: relative;

    top: 12px;
}

.form-order-plans .ammount-sub {
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
    margin-right: 20px;
}

/*Special grid*/

.bordered-grid-holder {

    overflow: hidden;

    position: relative;

    margin-top: 40px;

    margin-bottom: 40px;

}

.bordered-grid {

    margin-bottom: 40px;

    margin-right: -11px;

    position: relative;

}

.bordered-grid .item {

    border-bottom: 10px solid #f2f7f9;

    border-right: 10px solid #f2f7f9;

}

.bordered-grid .banner {

    padding: 20px 0;

    margin: 0 -10px;

}

.bordered-grid.no-border-bottom:after {

    background: none repeat scroll 0 0 #fff;

    bottom: 0;

    content: "";

    display: block;

    height: 10px;

    left: -10px;

    position: absolute;

    width: 110%;

    margin-right: -10px;

}



.bordered-grid-primary {

    list-style: none;

    padding-left: 0;

    border-top: 1px solid #DBE5E7;

    border-left: 1px solid #DBE5E7;

    margin: 20px 0 20px 0;

}

.bordered-grid-primary li {

    border-right: 1px solid #DBE5E7;

    border-bottom: 1px solid #DBE5E7;
}

.bordered-grid-primary.define-faq li {
    height: 165px;
    overflow: hidden;
}

.bordered-grid-primary>li>a {

    display: block;

    padding: 40px 20px;

    text-align: center;

    vertical-align: middle;

    color: #01B0EE;

}



.bordered-grid-primary>li>a>i {

    font-size: 50px;

}

.bordered-grid-primary>li>a>p {

    font-size: 20px;

    margin-bottom: 0;
}

.bordered-grid-primary.define-faq li>a>p {
    overflow: hidden;
    height: 60px;
}

/*Recargas*/



.inline-login .recover-pass {

    display: block;

    margin-top: 5px;

}

.inline-login {

    background-color: #E4EEF2;

    padding: 34px 34px 26px 34px;

    text-align: left;

    position: relative;

}

.inline-login .form-group {

    margin-bottom: 0;

}

.inline-login .btn {

    margin-top: 2px;

}

.btn-close-widget {

    background-color: transparent;

    border: none;

    color: #73cff0;

    font-size: 24px;

    line-height: 1;

    padding: 0;

    position: absolute;

    right: 5px;

    top: 5px;

}

.user-loged {

    padding: 5px 20px 10px 20px;

    margin-top: 20px;

    background-color: #E4EEF2;

}

.user-loged small {

    display: inline;

    font-size: 70%;

}



/*Travelling to M�xico*/

.country-selection,

.city-selection {

    text-align: center;

    margin-bottom: 60px;

}

.country-selection .chosen-container,

.city-selection .chosen-container {

    text-align: left;

}

.map-background {

    background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/map-background.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    height: 305px;

    padding: 70px 0;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.map-regions-background {

    background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/map-regions-background.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    height: 330px;

    padding: 80px 0;

    margin-top: 20px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.banners-holder {

    margin-bottom: 60px;

}

/*Arrow boxes*/



.arrow-boxes-holder>div {

    margin-bottom: 40px;

}

.box-arrow {

    text-align: center;

    overflow: hidden;

    position: relative;

}

.box-arrow h2 {

    font-family: telcelbold;

    font-size: 38px;

    color: #fff;

    text-align: center;

    display: block;

    vertical-align: middle;

    overflow: hidden;

    padding: 20px 10px 20px;

    position: relative;

    z-index: 1;

    line-height: 1;

    margin: 0 0 -1px 0;

}

.box-arrow.box-arrow-md h2 {

    font-size: 50px
}

.box-arrow h2 span {

    display: block;

    margin: 10px 0;
    height: 95px;
}

.box-arrow h2 small {

    font-family: "Source Sans Pro";

    font-size: 17px;

    color: #fff;

    opacity: .8;

    display: block;

    font-weight: 400;

}



.box-arrow.box-arrow-md h2 small {
    font-size: 18px;
    line-height: 1.2;

}

.box-arrow .svg-angle-box {

    background-color: #fff;

    width: 100%;

    height: auto;

    display: block;

}

.box-arrow.yellow .svg-angle-box path {

    fill: #ffcc00
}

.box-arrow.blue .svg-angle-box path {

    fill: #1d6fb8
}

.box-arrow.magenta .svg-angle-box path {

    fill: #e22285
}

.box-arrow.green .svg-angle-box path {
    fill: #52CAB5
}

.box-arrow.purple .svg-angle-box path {
    fill: #7e7eec
}

.box-arrow .angle:after {

    transform: rotate(-7deg);

    height: 160px;

}

.box-arrow .angle:before {

    transform: rotate(7deg);

    height: 160px;

}

.box-arrow .angle {

    z-index: 2;

    bottom: auto;

    top: 12px;

}

.box-arrow .content {

    padding: 83px 20px 0 20px;

    border: 4px solid #E4EEF2;

    border-top: none;

    overflow: hidden;

    position: relative;

    z-index: 0;

    margin-top: -60px;

}

.box-arrow .content .inner {

    border-bottom: 20px solid #fff;

    z-index: 3;

    position: relative;

}

.box-arrow.yellow h2,

.box-arrow.yellow .angle-white.angle {

    background-color: #fc0;

}

.box-arrow.blue h2,

.box-arrow.blue .angle-white.angle {

    background-color: #1D6FB8;

}

.box-arrow.magenta h2,

.box-arrow.magenta .angle-white.angle {

    background-color: #E22285;

}

.box-arrow.photo h2,

.box-arrow.photo .angle-white.angle {

    background-color: transparent;
}

.box-arrow.green h2,
.box-arrow.green .angle-white.angle {
    background-color: #52CAB5;
}

.box-arrow.purple h2,
.box-arrow.purple .angle-white.angle {
    background-color: #7e7eec;
}

.box-arrow.photo .angle {

    top: auto;

    bottom: 60px;

}

.box-arrow.photo h2 {

    padding: 0
}

.box-arrow.photo h2 img {

    width: 100%;

}

.box-arrow.photo .angle-white.angle:after,

.box-arrow.photo .angle-white.angle:before {

    height: 60px;

}

.box-arrow.photo .content {

    z-index: 2;

}

.legal-block {

    margin-top: 40px;

    padding-top: 30px;

    border-top: 10px solid #f2f7f9;

    color: #999;

    font-size: 13px;
}

.footer-asd1 {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 10px solid #f2f7f9;
}

.legal-block.cleared {

    margin-top: 30px;

    padding-top: 0;

    border-top: none;

    margin-bottom: 40px;

}

.legal-block.pre {

    border-top: 2px solid #EDF2F3;

    font-size: 14px;

}

.legal-block .legal-title {

    font-size: 14px;

    font-weight: 600;

    color: #666;

}

.legal-block .list-notes {

    padding-left: 20px;

}

.legal-block .list-notes li {}

.legal-block.adf1a {
    float: left;
    width: 100%;
}

.content-simple {

    margin: 40px auto;

}





.rich-banner-holder-t1 {

    margin-top: 50px;

    margin-bottom: 60px;

}

.rich-banner-t1 {

    padding: 25px;

}

.rich-banner-t1 p:last-child {

    margin-bottom: 0;

}

.rich-banner-t1 .overflow-image {

    bottom: -57px;

    left: 0;

    position: absolute;

}

.ico-xxxlg i {

    font-size: 55px;

}

h1.ico-xxxlg i {

    position: relative;

    top: 10px;

}

button.ico-xxxlg:hover {

    text-decoration: none;

}

.sidebar h2 {

    font-size: 24px;

}

.sidebar h2:first-child {

    margin-top: 0;

}



.radio-tabs {

    border: 1px solid #E9ECEF
}

.radio-tabs .header {

    background-color: #f2f7f9;

    padding: 20px 20px 15px 20px;

    border-bottom: 1px solid #E9ECEF
}

.radio-tabs .tab-pane {

    padding: 20px;

}

.radio-tabs .tab-pane .line-horizontal {

    border-bottom-color: #E9ECEF;

    margin: 20px -20px;

}

.bg-telcel-repeat {

    background-color: #F2F7F9;

    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/images/bg_telcel_repeated.png");

    background-repeat: no-repeat;

    padding-bottom: 500px;

    margin-bottom: -500px;
}

.bg-telcel-repeat-2 {
    background-color: #F2F7F9;
    background-image: url("../../../etc/designs/telcel/telcelcom/clientlibs/img/images/bg_telcel_repeated.png");
    background-repeat: no-repeat;
}

.sidebanner .inner {

    padding: 20px;

}

.sidebanner .inner h3 {

    font-weight: 600;

}

.panel-group.glosario {

    margin-bottom: 40px;

}

.bordered-box {

    border: 8px solid #F2F7F9;

    padding: 40px;

}

.bordered-box h4,

.bordered-box .h4 {

    font-weight: 600;

}

.bordered-box h2:first-child {

    margin-top: 0;

}

label.h4,

.label.h4,

.h4,

.sub-form label,

.sub-form .h4 {

    font-weight: 600;

    margin-bottom: 5px;

    display: block;

    overflow: hidden;

}

.h4 small {

    display: block;

    margin-bottom: 10px;

    font-size: 13px;

}

.help-block {

    font-size: 13px;

}

.sub-form {

    background-color: #F2F7F9;

    padding: 20px;

    margin: 40px 0;

}



.vertical-divider {

    overflow: hidden;

}

.vertical-divider>div[class^="col-"] {

    text-align: center;

    padding-bottom: 100px;

    margin-bottom: -100px;

    border-left: 3px solid #F2F7F9;

    border-right: 3px solid #F2F7F9;

}

.vertical-divider div[class^="col-"]:first-child {

    border-left: none;

}

.vertical-divider div[class^="col-"]:last-child {

    border-right: none;

}

.vertical-divider h2 {

    margin-top: 0;

}

.vertical-divider p {

    padding: 0 30px;

}

.price-simple {

    color: #000;

    font-size: 36px;

    font-weight: 600;

}

.price-simple small {

    font-size: 14px;

}

.ico-circle-large.prettyradio a {

    border-radius: 50%;

    width: 130px;

    height: 130px;

    border: 4px solid #02B0EF;

    font-size: 90px;

    line-height: 130px;

    color: #0A3D7E;

    float: none;

}

.ico-circle-large.prettyradio>a.checked:after {

    display: none;

}

.ico-circle-large.prettyradio>a.checked {

    border-color: #FF5B00;

}

.ico-circle-large.prettyradio>a.checked>i {

    color: #FF5B00;

}

.ico-circle-large.prettyradio a:hover,

.ico-circle-large.prettyradio a:focus,

.ico-circle-large.prettyradio a.checked:hover {

    text-decoration: none;

}

.ico-circle-large.prettyradio label {

    display: block;

    float: none;

    font-size: 18px;

    font-weight: 600;

    margin-top: 20px;

    overflow: hidden;

}

.form-internet .section:first-child {

    margin-top: 0;

}

.form-internet .section {

    margin: 50px 0;

}

.form-internet .section.dispositivos {

    padding-bottom: 50px;

    border-bottom: 2px solid #F2F7F9;

}

.form-internet h1 {

    margin-bottom: 40px;

}

.form-internet .form-group+.form-group .prettycheckbox {

    margin-top: 8px;

}

.bg-green.cleared .inner {

    padding: 20px 20px 25px;

}

h1+a.pull-right {

    margin-top: 12px
}

.sliders-holder {

    margin: 20px 20px 40px 20px;

    padding: 0 0 40px 0
}

.sliders-holder>.row {

    padding-bottom: 60px;

}

.sliders-holder i {

    font-size: 50px;

}

.sliders-holder .h4 {

    margin-top: 0;

    min-height: 68px;

}

.sliders-holder .h4 small {

    font-size: 15px;

}

.sliders-holder>.row>[class^="col-"] {

    margin-top: 50px;

}

.sliders-holder input {

    /*display: none;*/

}

.sliders-holder .scale,

.sliders-holder .scale-2 {

    position: relative;

    width: 98%;

    max-width: 98%;

    box-sizing: border-box;

    height: 20px;

    margin-top: 10px;

}



.sliders-holder .scale-2 {

    width: 100%;

    max-width: 100%;

}

.sliders-holder .scale .step,

.sliders-holder .scale-2>[class^="col-"] {

    color: #9EA5A9;

    font-weight: 400;

    font-size: 13px;

}

.sliders-holder .scale .step {

    position: absolute;

}

.sliders-holder .scale>[class^="col-"] {

    color: #9EA5A9;

    font-weight: 400;

    font-size: 13px;

}

.sliders-holder .scale-2>[class^="col-"]:first-child {

    padding-left: 0;

}

.sliders-holder .scale-2>[class^="col-"]:last-child {

    padding-right: 0;

}

.sliders-holder .scale .step:last-child {

    left: auto !important;

    right: -10px;

}

.recomended-terminales.inner {

    background-color: #fff;

    padding: 20px;

}

.recomended-terminales .btn-link {

    color: #02b0ef;

}

.recomended-terminales h1 {

    color: #000;

}

.row.directivos {

    padding-bottom: 30px;

    margin-bottom: 30px;

    border-bottom: 2px solid #f2f7f9;

}

.row.directivos:last-child {

    border-bottom: none;

    padding-bottom: inherit;

}

.directivos h3 {

    font-weight: 400;

    margin-bottom: 30px;

}

.directivos h3 small {

    font-weight: 600;

    font-size: 18px;

    color: #000;

    display: block;

    margin-top: 10px;

}



.carousel-noticias {

    margin-top: 20px;

    margin-bottom: 80px;

}

.list-news {

    list-style: none;

    padding: 0;

    margin: 40px 0;

}

.list-news li {

    margin-bottom: 30px;

    border-bottom: 2px solid #F2F7F9;

    padding-bottom: 30px;

}



.noticia-carousel h3,

.list-news h3 {

    font-weight: 400;

    margin-top: 0;
}

#carrusel-noticias h3,
.list-news h3 {
    font-weight: 400;
    margin-top: 0;
}

.noticia-carousel .categoria,

.list-news .categoria,

.list-news .date {

    font-size: 18px;

    color: #666;

    margin-bottom: 30px;

}

.list-news .categoria {

    margin-bottom: 0;

}

.list-news .date {

    margin-bottom: 20px;

}

.noticia-carousel p.text-large,

.list-news p.text-large {

    color: #333;

}

.header-news {

    margin-top: 40px;

    margin-bottom: 40px;

    border-bottom: 3px solid #F2F7F9;

}

.noticia {

    margin-bottom: 80px;

}

.noticia h1 {

    margin-top: 0;

    margin-bottom: 30px;

}

.noticia .intro {

    margin-bottom: 40px;

}

.sidebar .block {

    margin-bottom: 30px;

}

.mini-banners {

    margin-top: 60px;

}

.mini-banners .inner {

    border: 4px solid #E4EEF2;

    padding: 20px 20px 30px 20px;

}

.mini-banners .inner h3 {

    margin-top: 0;

}

.mini-banners .inner img {

    position: relative;

    bottom: -30px;

    margin-top: -40px;

}

.mini-banners .inner>.row {

    position: relative;

}

.mini-banners .inner .btn-holder {

    padding-left: 10px;

    bottom: 0px;
    position: absolute;

}

/*lists*/

.list-disc {

    list-style: disc;

    padding-left: 1em;

}

.list-disc>li>ul {

    margin: 5px 0;

}

ul.list-notes,

.panel-default .panel-body ul.list-notes {

    font-size: 13px;

    color: #999;

    font-weight: normal
}

.table-plan-details+.list-notes {

    padding-left: 60px;

}

.list-icon-small {

    font-size: 12px;

}

.list-icon-small li {

    padding-left: 25px;

    color: #7a8689;

    display: block;

    position: relative;

    margin-bottom: 10px;

}

.list-icon-small li:last-child {

    margin-bottom: 0;

}

.list-icon-small li i {

    position: absolute;

    left: 0px;

    display: inline-block;

    color: #ACBFD4;

    font-size: 18px;

}

.list-compra li {

    padding-left: 60px;

    margin-bottom: 15px;

    position: relative;

}

.list-compra li img {

    float: left;

    margin-left: -60px;

    max-width: 50px;

}

.list-compra li a {

    font-size: 30px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    right: 0;

    opacity: 0;

    -webkit-transition: opacity 0.5s ease-in-out;

    transition: opacity 0.5s ease-in-out;

}

.mobi .list-compra li a {

    opacity: 1;

}

.list-compra li a:hover {

    text-decoration: none;

}

.list-compra li .title {

    font-size: 17px;

    font-weight: 600;

    color: #000;

}

.list-compra li .terminal-name {

    font-size: 15px;

    color: #666;

}

.list-compra li .terminal-name small {

    display: block;

    color: #999;

}

.list-compra li .price {

    font-size: 18px;

    color: #000;

}

.list-compra li:hover a {

    opacity: 1;

}

.list-filters {

    padding: 20px 10px;

    margin-top: 10px;

    margin-bottom: -10px;

    overflow: hidden;

}

.list-filters li {

    color: #01b0ee;

    font-size: 14px;

    display: inline-block;

    height: 20px;

    overflow: hidden;

    margin-right: 10px;

}

.list-filters li:last-child {

    margin-right: 0;

}

.list-filters li i {

    cursor: pointer;

    margin-right: 5px;

    position: relative;

    top: 2px;

}

.list-accesibility li {

    font-family: "Source Sans Pro";

    color: #ACBFD4;

    font-size: 12px;
    line-height: 15px;
    padding-left: 0px;
    padding-right: 2px;
}

.list-accesibility li i {

    font-size: 25px;

    color: #52CAB5;

    position: relative;

    top: 7px;

    cursor: help;

}

.list-accesibility li:before {

    font-family: TelcelFont;

    display: inline-block;

    margin: 0 5px 0 0;

    position: relative;

    top: 1px;

}

.list-checked,

.list-checked ul {

    list-style: none;

    padding-left: 0 !important;

}

.list-checked li {

    font-size: 14px;

    padding-left: 10px;

    display: block;

    position: relative;

    margin-bottom: 10px;

}

.list-checked li:before {

    left: -10px;

    display: inline-block;

    font-family: TelcelFont;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: '\f010';

    position: relative;

    color: #E4EEF2;

    font-size: 16px;

}

.list-checked strong {

    font-weight: 600;

}

.list-checked.md li {

    font-size: 16px;

    padding-left: 30px;

}

.list-checked.lg li {

    font-size: 18px;

    padding-left: 36px;

}

.list-checked.lg li strong {

    font-weight: 600;

}

.list-checked.md li:before {

    font-size: 24px;

    top: 5px;

    color: #C7CCCD;

    margin-left: -30px;

}

.list-checked.lg li:before {

    font-size: 36px;

    top: 15px;

    color: #C7CCCD;

    margin-left: -36px;

}

.list-promociones-mosaico {
    color: #000;
    list-style: none;
    padding-left: 0;
}

ul.list-promociones-mosaico li {
    overflow: hidden;
}

.list-promociones-mosaico .item .inner {
    text-align: center;
    padding: 20px 20px 20px 20px;
}

.list-promociones-mosaico h4 {
    font-weight: 600;
    font-size: 18px;
    min-height: 45px;
}

.list-promociones-mosaico .text-medium {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
    min-height: 69px;
}

.list-promociones-mosaico.fix-detail .text-medium {
    height: 100px;
    overflow: hidden;
}

.list-promociones-mosaico.fix-detail .note {
    height: 38px;
    overflow: hidden;
}

.list-promociones-mosaico.fix-detail .list-inline {
    height: 65px;
    overflow: hidden;
}

.list-promociones-mosaico .note {
    margin-top: 10px;
    color: #666;
    font-size: 13px;
}

.list-promociones-mosaico .item .lazyLoad {
    min-width: 100%;
    max-height: 165px;
}

.list-promociones-mosaico .item .lazyLoad.heightFix {
    height: 165px;
}


.list-promociones {

    color: #000;

    list-style: none;

    padding-left: 0;
}

ul.list-promociones li {
    overflow: hidden;
}

.list-promociones .item {
    /*height: 590px !important;*/
}

.list-promociones .item .inner {

    text-align: center;

    padding: 20px 20px 20px 20px;

}

.list-promociones h4 {

    font-weight: 600;

    font-size: 18px;
    min-height: 45px;
}

.list-promociones .text-medium {

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 15px;

    min-height: 69px;

}

.list-promociones.fix-detail .text-medium {
    height: 100px;
    overflow: hidden;
}

.list-promociones.fix-detail .note {
    height: 38px;
    overflow: hidden;
}

.list-promociones.fix-detail .list-inline {
    height: 65px;
    overflow: hidden;
}

.list-promociones .note {

    margin-top: 10px;

    color: #666;

    font-size: 13px;

}

.list-promociones .item .lazyLoad {
    min-width: 100%;
    max-height: 165px;
}

.list-promociones .item .lazyLoad.heightFix {
    height: 165px;
}

.list-centered {

    text-align: center;

}

.list-centered li {

    display: inline-block;

    float: none;

    text-align: left;

}

.list-circle-number {

    list-style: none;

    padding-left: 0;

}

.list-circle-number>li,

.list-circle-number>ul>li,

.list-circle-steps li {

    font-size: 16px;

    color: #999;

}

.big-banner ul.list-circle-number {

    padding-left: 0px;

}

.list-circle-steps li {

    margin-right: 40px;

}

.list-circle-number>li,

.list-circle-number>ul>li,

.list-circle-number>div>li,

.list-circle-number>ul>div>li {

    padding-left: 75px;

    min-height: 70px;

    margin-bottom: 15px;

    vertical-align: middle;

    font-weight: 100;

}

.list-circle-number>li .h4,

.list-circle-number>div>li .h4,

.list-circle-number>ul>li .h4,

.list-circle-number>ul>div>li .h4 {

    font-size: 18px;

    font-weight: 600;

    position: relative;

    top: 13px;

    margin-bottom: 20px;

}

.list-circle-steps li:last-child {

    margin-right: 0;

}

.list-circle-steps li.active,

.list-circle-number>div>li,

.list-circle-number>li,

.list-circle-number>ul>div>li,

.list-circle-number>ul>li {

    color: #000;

}

.list-circle-steps {

    margin: 40px 0;

}

.list-circle-number>li>span,

.list-circle-steps span,

span.circle-num {

    border-radius: 50%;

    display: inline-block;

    width: 44px;

    height: 44px;

    background-color: #E4EEF2;

    color: #fff;

    font-size: 24px;

    text-align: center;

    line-height: 40px;

    margin-right: 15px;

    position: relative;

    top: 2px
}

.list-circle-number>li>span,

.list-circle-steps li.active span,

span.circle-num {

    color: #000;

    border: 4px solid #ACBFD4;

    width: 52px;

    height: 52px;

    background-color: transparent;

}

span.circle-num {

    margin-right: 0;

}

.list-circle-number>li>span {

    margin-left: -75px;

    float: left;

    font-weight: 600;

}

.formA1-b .h4 {
    font-size: 18px;
}

/*************************************************/



.rounded-numbers-list {}

.rounded-number-item {

    min-height: 52px;

    padding: 1px 0 1px 75px;

    margin-bottom: 20px;

    position: relative;

}

.rounded-number {

    color: #000;

    width: 52px;

    height: 52px;

    font-size: 24px;

    font-weight: 600;

    line-height: 44px;
    /* 52 (height) - 8 (border) */

    text-align: center;

    border-radius: 50%;

    border: 4px solid #ACBFD4;

    background-color: transparent;

    position: absolute;

    left: 0;

    top: 0;
}

.buzonA1 h3 {
    margin-top: 0px;
    margin-bottom: 30px;
}



/*************************************************/



.list-address {

    list-style: none;

    padding: 0;

}

.list-address li {

    margin-bottom: 15px;

}

.list-address li:last-child {

    margin-bottom: 0px;

}

.list-nav li a,

.list-nav li button.button-unstyled {

    padding-right: 15px;

    border-right: 1px solid #ccc;

    line-height: .9;

    padding-left: 0;

}

.list-nav li+li a,

.list-nav li+li button.button-unstyled {

    padding-left: 5px;

}

.list-nav li:last-child a,

.list-nav li:last-child button.button-unstyled {

    padding-right: 0;

    border-right: none;

}

.list-nav li.active a,

.list-nav li.active button.button-unstyled {

    color: #ccc;

}

.list-ganadores {

    margin: 40px 0 60px 0;

}

.list-ganadores li {

    margin-bottom: 75px;

}

.list-ganadores li:last-child,
.list-ganadores .winners-list li,
.list-ganadores .items-list li {
    margin-bottom: 0;
}

.promo-content a.btn-simple i,
.list-ganadores .items-list li i {
    margin-right: 6px;
}

.list-ganadores .winners-list li b,
.list-ganadores .items-list li.list {
    width: 49%;
    display: inline-block;
}

.list-ganadores .winners-list li small,
.list-ganadores .items-list li.photo {
    font-size: 16px;
    width: 49%;
    display: inline-block;
}

.list-ganadores .items-list li.list,
.list-ganadores .items-list li.photo {
    margin-top: 15px;
}

.list-ganadores li .promo-img {
    padding-right: 0;
}

.list-ganadores li .promo-img span {
    width: 100%;
    text-align: center;
    font-size: 14px;
    display: block;
}

.list-ganadores li .promo-content {
    padding-left: 0;
}

.list-ganadores li .promo-content .inner {
    padding: 40px 30px 10px 30px;
}

.list-ganadores .promo-content h2 {
    font-size: 24px;
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
}

.list-ganadores .promo-content h2 small {
    font-size: 16px;
    margin-bottom: 10px;
}

.list-ganadores .promo-content .name {
    color: #000;
    font-size: 16px;
    margin-top: 5px;
}

.list-ganadores .promo-content .marked>div {
    font-size: 14px;
    text-align: center;

}

/*.modal-plan h2.photo-winners {
    font-size: 18px;
}
.list-ganadores li:last-child, .list-ganadores .winners-list li, .list-ganadores .items-list li{
    margin-bottom: 0;
}
.promo-content a.btn-simple i, .list-ganadores .items-list li i {
    margin-right: 6px;
}
.list-ganadores .winners-list li b {
    width: 50%;
    display: inline-block;
}
.list-ganadores .winners-list li small {
    font-size: 16px;
    width: 50%;
    display: inline-block;
}
.list-ganadores li .promo-img{
    padding-right: 0;
}*/

.link-list-primary {

    list-style: none;

    padding: 0;

}

.link-list-primary li {

    padding: 10px 0;

    border-bottom: 1px solid #E6EAF7;

}

.link-list-primary li:last-child {

    border-bottom: none;

}



.list-icon-large {

    font-size: 12px;

    margin: 20px 0 0 0
}

.list-icon-large>li {

    padding-left: 55px;

    display: block;

    position: relative;

    margin-bottom: 10px;

}

.list-icon-large>li:last-child {

    margin-bottom: 0;

}

.list-icon-large>li>i {

    position: absolute;

    left: 0px;

    display: inline-block;

    font-size: 38px;

    width: 44px;

    height: 44px;

    line-height: 44px;

    border-radius: 50%;

    text-align: center;

}

.icon_green.list-icon-large>li i {

    color: #fff;

    background-color: #52CAB5;

}

.icon_green.list-icon-large>li li,

.icon_green.list-icon-large>li p {

    font-size: 14px;

    color: #666 !important;

    margin-bottom: 0px;

}

.list-circle-number ul,

.list-circle-number li ul,

.list-circle-number>li ul,

.list-circle-number>div>li ul {

    margin-top: 10px !important;

    list-style: outside none disc;

    padding-left: 1em;

    font-size: 14px;

}

.list-circle-number>ul {

    list-style: none;

    padding-left: 0;

}

.list-result-row li {

    border-bottom: 2px solid #F2F7F9;

    padding-bottom: 30px;

    margin-bottom: 30px;

    overflow: hidden;

    padding-left: 10px;

    padding-right: 10px;

}

.list-result-row li:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;

}

.list-result-row li .body {

    margin: 0 -10px;

}

.list-result-row li .img+.body {

    margin: 0 0;

}

.list-result-row li h3 {

    font-weight: 400;

    margin-top: 0;

}

.list-result-row li h3 small {

    font-weight: 600;

    font-size: 14px;

    margin-bottom: 5px;

}

.list-result-row li img {

    text-align: center;

}

.list-tagcloud {

    background-color: #f2f7f9;

    padding: 40px
}

.list-tagcloud li {

    display: inline;

}

.list-tagcloud .fs-1 {

    font-size: 1em;

}

.list-tagcloud .fs-2 {

    font-size: 1.1em;

}

.list-tagcloud .fs-3 {

    font-size: 1.2em;

}

.list-tagcloud .fs-4 {

    font-size: 1.3em;

}

.list-tagcloud .fs-5 {

    font-size: 1.4em;

}

.list-tagcloud .fs-6 {

    font-size: 1.5em;

}

.list-tagcloud .fs-7 {

    font-size: 1.6em;

}

.list-tagcloud .fs-8 {

    font-size: 1.7em;

}

.list-tagcloud .fs-9 {

    font-size: 1.9em;

}

.list-help-blocks {

    margin-bottom: 0;

}

.list-help-blocks li {

    border: 3px solid #F2F7F9;

    padding: 20px;

    margin-bottom: 20px;

}

.list-help-blocks li:last-child {

    margin-bottom: 0;

}

.list-help-blocks li h3 {

    font-weight: 600;

    margin-top: 0;

}

.list-help-blocks li h3 small {

    font-weight: 300;

    font-size: 22px;

    margin-bottom: 10px;

}

.panel-default .panel-body>ul.list-glosario {

    font-weight: 100;

}

ul.list-glosario>li {

    margin-bottom: 30px;

}

ul.list-glosario .h4 {

    font-weight: 600;

}

ul.list-glosario button.button-unstyled {

    display: block;

}

ul.list-glosario .expanded {

    margin-top: 20px;

    margin-bottom: 30px;

}

ul.list-glosario .expanded .inner {

    background-color: #f2f7f9;

    padding: 30px;

}

ul.list-glosario .expanded .inner h3 {

    margin-top: 0;

    border-bottom: 1px solid #E9ECEF;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

ul.list-glosario .expanded .inner .close {

    margin-top: 5px;

}

.list-materias>li {

    margin-bottom: 20px;

}

.list-claro {

    background-color: #fff;

    padding: 25px;

    margin: 30px 0;

}

.list-claro ul {

    text-align: center;

    margin-bottom: 0;

}

.list-claro ul li {

    padding: 10px 0
}

.list-claroservices {

    margin-top: 20px;

    margin-top: 20px;

}

.list-claroservices li {

    text-align: center;

    padding-top: 10px;

    padding-bottom: 10px;



}

.list-claroservices li img {

    display: block;

    margin: 0 auto 5px auto;

}

.list-terminales.row {

    margin-left: 0;

    margin-right: 0;

}

.list-terminales .ref {

    display: none;

}

.list-terminales .rating {

    margin-bottom: 5px;

}

.list-terminales .extras {

    display: none;

}

.list-terminales .actions .red {

    display: none;

}

.list-terminales .img-terminal {

    max-width: 100%;

}

/*	TMTTO2016-266	*/
.item-terminal .item-terminal-proximamente {
    position: absolute;
    background-color: #FF6600;
    color: white;
    height: 25px;
    width: 95px;
    line-height: 25px;
    z-index: 1000;
    top: 10px;
    letter-spacing: 1px;
    font-size: 11px;

    -ms-transform: rotate(-25deg);
    /* IE 9 */
    -webkit-transform: rotate(-25deg);
    /* Safari */
    transform: rotate(-25deg);
    /* Standard syntax */

}

.item-terminal .item-terminal-hotsale {

    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    /*height: 60px;
  width: 60px;*/
    line-height: 60px;
    z-index: 1000;
    top: -10px;
    right: 0px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 13px;
    line-height: 15px;

}

.item-terminal .item-terminal-preventa {

    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    /*height: 60px;
  width: 60px;*/
    line-height: 60px;
    z-index: 1000;
    top: -7px;
    right: 40px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 0px;
    line-height: 15px;

}

.item-terminal .item-terminal-preventa2 {

    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    /*height: 60px;
  width: 60px;*/
    line-height: 60px;
    z-index: 1000;
    /*   top: -10px; */
    right: 14px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 13px;
    line-height: 15px;

}

.item-terminal-lanzamiento {
    position: absolute;
    background-color: #A500B0;
    color: white;
    height: 25px;
    width: 95px;
    line-height: 25px;
    z-index: 1000;
    top: 10px;
    letter-spacing: 1px;
    font-size: 11px;

    -ms-transform: rotate(-25deg);
    /* IE 9 */
    -webkit-transform: rotate(-25deg);
    /* Safari */
    transform: rotate(-25deg);
    /* Standard syntax */
}

/*	FIN TMTTO2016-266	*/


.list-terminales .icon-Wheelchair {

    display: none;

}

.list-blue-link,

.list-blue-link ul {

    list-style: none;

    padding-left: 0;

    font-size: 18px;

}

h2 img.inline {

    position: relative;

    top: -5px;

}

.list-history li {

    padding-bottom: 30px;

    margin-bottom: 30px;

    border-bottom: 2px solid #f2f7f9;

}

.list-history li:last-child {

    border-bottom: none;

    padding-bottom: 0;

}

.list-files {

    list-style: none;

    padding: 0;

    margin: 40px 0;

    border-bottom: 10px solid #F2F7F9;

}

.list-files li {

    border-bottom: 2px solid #F2F7F9;

    margin-bottom: 10px;

    padding-bottom: 20px;

}

.list-files li:last-child {

    border-bottom: none;

    margin-bottom: 0;

}

.list-files [class^="icon-"] {

    font-size: 34px;

    position: relative;

    top: 8px;

}

.list-files h3 {

    font-weight: 600;

    display: inline-block;

    font-size: 18px;

    margin: 10px 0;

}

.list-files .btn {

    float: right;

    font-weight: 600;

    position: relative;

    top: 11px;

}

.list-sidebar {

    list-style: none;

    padding: 0;

}

.list-sidebar li {

    padding-left: 47px;

    margin-bottom: 10px;

    font-size: 15px;

}

.list-sidebar li i {

    float: left;

    display: inline-block;

    font-size: 30px;

    margin-left: -47px;

}

.list-sidebar li a {

    display: inline-block;

}

.list-sidebar li h4 {

    margin-top: 0;

    font-weight: 600;

    margin-bottom: 0;

    font-size: 17px;

}

/*Custom Forms*/

form .label {

    display: inline-block;

    font-weight: bold;

    margin-bottom: 3px;

    color: #666666;

    font-size: 15px;

}

form .fix-top {

    margin-top: 26px;

}

.credit-card-data {

    padding: 30px 50px;

    margin-top: 30px;

    position: relative;

}

.credit-card-data.preloaded {

    background-color: #E4EEF2;

}

.credit-card-data.preloaded:after {

    border: 20px solid #E4EEF2;

    border-top: none;

    border-right-color: transparent;

    border-left-color: transparent;

    position: absolute;

    top: -20px;

    left: 50%;

    margin-left: -20px;

    content: '';

    display: block;

}

.preloaded .hidden-preloaded {

    display: none;

}

.hidden-not-preloaded {

    display: none;

}

.preloaded .hidden-not-preloaded {

    display: block;

}

form .note {

    font-size: 13px;

    color: #999;

}

form .note span {

    display: block;

}

.form-confirmation h3,

.form-confirmation h4 {

    font-weight: 600;

}

.form-confirmation h4 {

    border-bottom: 5px solid #F2F7F9;

    padding-bottom: 20px;

    margin-bottom: 40px;

    margin-top: 30px;

}

.form-confirmation h4 {

    font-weight: 600;

}

.form-confirmation dl {

    display: inline-block;

    margin-bottom: 20px;

    width: 471px;

}

.form-confirmation .dl-horizontal dt {

    width: 240px;

    font-size: 16px;

    color: #666;

    line-height: 2;

}

.form-confirmation .dl-horizontal dd {

    margin-left: 260px;

    font-size: 16px;

    color: #000;

    text-align: left;

    line-height: 2;

}

.form-confirmation .checkbox-confirmation {

    margin-top: 40px;

}

.form-confirmation .checkbox-confirmation .prettycheckbox {

    float: left;

    margin-left: -40px;

}

.lg-tabs .tab-pane .bg-green h1:first-child,

.bg-green h1:first-child,

.bg-green .h1:first-child,

.bg-green h2:first-child,

.bg-green .h2:first-child,

.bg-green h3:first-child,

.bg-green .h3:first-child {

    margin-top: 0;

}

.form-last-step {

    padding: 30px;

}

.form-normal {

    margin: 30px 0;

}

.form-normal .form-group {

    margin-bottom: 20px;

}

.form-normal .label,

.form-normal label {

    padding: 0;

    margin-bottom: 15px;

}

.form-normal .prettyradio label {

    top: 2px;

    position: relative;

    margin-bottom: 0;

}

.form-normal .prettyradio label small {

    font-weight: 400;

}

.form-normal .radio-group {

    margin-top: 15px;

    margin-bottom: 20px;

}

.form-normal .col-sm-6+.col-sm-6 .radio-group {

    margin-bottom: 0;

}

.button-to-left {

    position: absolute;

    left: 0;

    font-weight: 600;

}

.form-action-basic {

    text-align: center;

    border-top: 10px solid #f2f7f9;

    margin-top: 40px;

    padding-top: 40px;

    position: relative;
}

.form-control.middle {
    width: 50%;
}

.middle2 {
    padding-left: 0px;
}

.rightItem {
    text-align: right;
    padding-right: 20px !important;
}

.validateD {
    float: left;
    width: 100%;
}

/*Map*/

.map-holder {

    margin-top: -58px;

    height: 450px;

    overflow: hidden;

}

.image-holder {
    margin-top: -58px;
    height: 450px;
    overflow: hidden;
    position: relative;
    /*    background-image: url('clientlib-base/img/images/fondo_mapa.jpg');*/
}

.formOverMap {

    background-color: #475659;

    /*margin-left: -16.5%;*/

    padding: 40px 35px;

    position: absolute;

    top: 20%;

    z-index: 10;

    margin-left: 0;

}

.formOverMap a.trigger {
    display: none;
}

.formOverMap.compact .controls {
    display: none;
}

.formOverMap.compact {
    padding: 0;
}

.formOverMap.compact a.trigger {
    display: block;
    font-size: 45px;
    text-align: center;
}

.formOverMap.compact a.trigger:hover {
    text-decoration: none;
}

.map-holder {
    position: relative;
}



/*BOF Comparador*/

.compare-table {

    color: #000;

}

.compare-table strong {

    font-weight: 600;

}

.compare-table .wrapper-change {

    padding: 0 15px;

}

.compare-table .wrapper-change li {

    margin-bottom: 15px;

}

.compare-table .wrapper-change .chosen-container {

    width: 100% !important;

}

.compare-table .wrapper-change .img-responsive {

    margin: 30px auto 0;

}

.compare-table .wrapper-change .title {

    color: #666;

}

.compare-table .phone-mini td,

.compare-table .phone-mini th {

    border-left: 6px solid #fff;

    border-right: 6px solid #fff;

}

.compare-table .phone-mini td {

    border-top-width: 0;

}

.compare-table .phone-mini th {

    border-bottom-width: 0;

}

.compare-table .phone-mini-wrapper {

    padding: 6px;

    font-weight: normal;

}

.compare-table .phone-mini-wrapper .wrapper-img {

    min-height: 56px;

    padding: 10px 0;

    background-color: #fff;

}

.compare-table .phone-mini-wrapper .wrapper-img img {

    margin: 0 auto;

    max-width: 22px;

}

.compare-table .phone-mini-wrapper .model {

    color: #fff;

    font-weight: bold;

}

.compare-table .phone-mini-wrapper .options>a {

    font-size: 13px;

    display: block;

}

.compare-table .phone-mini-wrapper .options>a:first-child {

    margin-right: 10px;

}

.compare-table .phone-mini-wrapper:last-child {

    border-right: 6px solid #0A3D7E;

}

.compare-table .phone-mini-wrapper.d2s:last-child {
    border-right: 6px solid #1D6FB8;
}

.compare-table .phone-mini-wrapper:last-child.phone-empty {

    border-color: #ADBFD5;

}

.compare-table>thead>tr>th:nth-child(odd),

.compare-table>tfoot>tr>td:nth-child(odd) {

    background-color: #1D6FB8;

}

.compare-table>thead>tr>th:nth-child(even),

.compare-table>tfoot>tr>td:nth-child(even) {

    background-color: #0A3D7E;

}

.compare-table-mobile .table-responsive {

    margin-bottom: 0;

}

.compare-table-mobile .compare-table>tbody>tr:nth-child(odd)>td.phone-mini {

    background-color: #0A3D7E;

}

.compare-table-mobile .compare-table>tbody>tr:nth-child(even)>td.phone-mini {

    background-color: #1D6FB8;

}

.compare-table-mobile .phone-mini {

    color: #fff;

    font-weight: bold;

    padding: 10px 20px;

    height: 70px;
}

.compare-table-mobile .phone-mini.nd1s {
    padding-left: 0px;
}

.compare-table-mobile .phone-mini a {

    font-size: 13px;

}

.compare-table-mobile .phone-mini .model {

    color: #fff;

    margin-bottom: 5px;

    font-weight: bold;

    font-size: 16px;

}

.compare-table-mobile .phone-mini .price {

    margin-left: 180px;

    margin-top: -5px;

    font-size: 18px;

}

.compare-table-mobile .phone-empty.phone-mini {

    border-bottom: 5px solid #fff;

    background-color: #ADBFD5 !important;

}

.compare-table-mobile .phone-empty>.wrapper-data,

.compare-table-mobile .phone-empty>td {

    display: none;

}

.compare-table>thead>tr>th:first-child,

.compare-table>tfoot>tr>td:first-child {

    font-size: 21px;

    line-height: 23px;

    font-weight: 300;

    padding: 10px;

    vertical-align: middle;

    background-color: #F2F7FA;

    border-left: 6px solid #F2F7FA;

}

.compare-table>thead>tr>th:first-child {

    padding-top: 6px;

}

.compare-table>tfoot>tr>td:first-child {

    padding-bottom: 6px;

}

.compare-table>tbody>tr>td {

    width: 25%;

    border-style: solid;

    border-width: 3px 6px;
    border-color: #F2F7FA !important;
    vertical-align: top;

    padding: 10px;

}

.compare-table>tbody>tr>td ul {

    margin-bottom: 0;

}



.compare-table>tbody>tr>td.phone-empty {

    border-top-width: 0;

    border-bottom-width: 0;

}

.compare-table>tbody>tr>td.phone-empty>.wrapper-data {

    display: none;

}

.compare-table>tbody>tr:first-child>td {

    border-top-width: 0;

}

.compare-table>tbody>tr:last-child>td {

    border-bottom-width: 0;

}

.compare-table>tbody>tr.false-border>td {

    height: 6px;

    padding: 0px;

    background-color: #F2F7FA;

}

.compare-table>thead>tr>th.phone-empty,

.compare-table>tfoot>tr>td.phone-empty {

    background-color: #ADBFD5;

}

.compare-table>thead>tr>th.phone-empty>.wrapper-data,

.compare-table>tfoot>tr>td.phone-empty>.wrapper-data {

    display: none;

}

.compare-table .cell-empty {

    background-color: #F2F7FA;

}

.compare-table .phone-image {

    min-height: 215px;

}

.compare-table .phone-image>img {

    margin: 10px auto;

}

.compare-table .phone-brand {

    color: #666666;

    font-size: 12px;

}

.compare-table .phone-model {

    color: #0A3D79;

    font-size: 15px;

}

.compare-table .phone-price {

    font-size: 19px;
    height: 25px;
    display: block;
}

.compare-table .phone-description {

    font-size: 13px;

}

.compare-table .phone-share {

    color: #ADBFD5;

    font-size: 12px;

    margin: 15px 0;

}

.compare-table .phone-share .table {

    margin-bottom: 0;

}

.compare-table .phone-share .table tr>td {

    border: 0;

    padding: 0;

    vertical-align: middle;

}

.compare-table .phone-share .table tr>td>a {

    color: #ADBFD5;

    font-size: 28px;

}

.compare-table .phone-share .table tr>td>a:hover,

.compare-table .phone-share .table tr>td>a:focus {

    text-decoration: none;

}

.compare-table .rating {

    font-size: 17px;

    margin-bottom: 5px;

}

.compare-table .rating>i {

    margin: 0 2px;

}

.compare-table .btn.btn-contact {

    margin: 20px 0;

    padding: 5px 15px;

}

.compare-table .text-uppercase {

    text-transform: uppercase;

}

/*EOF Comparador*/

/*BOF Checkout y carrito*/



.checkout-header {

    margin-bottom: 20px;

}

.checkout-header .logo {

    background-image: url('../../../etc/designs/telcel/telcelcom/clientlibs/img/brand/logo_sprite.png');

    background-position: 0px 0px;

    display: inline-block;

    text-indent: -9999px;

    margin-top: 40px;

    width: 166px;

    height: 32px;

}

.checkout-header ul {

    margin-bottom: 0;

}

.checkout-header ul .feature {

    color: #0A3D7E;

    font-size: 12px;

    font-weight: 600;

    margin-top: 48px;

    text-transform: uppercase;

}

.checkout-header ul .feature.with-icon {

    position: relative;

    padding-left: 30px;

}

.checkout-header ul .feature.with-icon i {

    left: 0;

    top: -6px;

    font-size: 26px;

    position: absolute;

}

.checkout-counter {

    padding-bottom: 25px;

    border-bottom: 1px solid #F2F7F9;

}

.checkout-counter>.wrapper-lines-circles {

    position: relative;

}

.checkout-counter>.wrapper-lines-circles>.lines {

    top: 21px;

    width: 100%;

    position: absolute;

    padding: 0 10px;

}

.checkout-counter>.wrapper-lines-circles>.lines .line {

    border-radius: 8px;

    border: 4px solid #e9ecef;

}

.checkout-counter>.wrapper-lines-circles>.circles {

    margin: 0;

    padding: 0;

}

.checkout-counter>.wrapper-lines-circles>.circles .wrapper-circle {

    width: 46px;

    height: 46px;

    margin: 0 auto;

    display: table;

    color: #acbfd4;

    border-radius: 50px;

    border: 6px solid #e9ecef;

    background-color: #fff;

}

.checkout-counter>.wrapper-lines-circles>.circles .wrapper-circle>.circle {

    width: 100%;

    height: 100%;

    font-weight: bold;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

}

.checkout-counter .description {

    color: #acbfd4;

    margin-top: 5px;

    text-align: center;

}

.checkout-counter .active {

    font-weight: bold;

    color: #000000 !important;

    border-color: #52cab5 !important;

}

.checkout-title h1 {

    margin: 0;

}

.checkout-title .btn {

    margin-top: 4px;

}

.checkout-product {

    border: 1px solid #e9ecef;

}

.checkout-product .header {

    padding: 18px 25px;

    background-color: #F2F7F9;

    border-bottom: 1px solid #e9ecef;

}

.checkout-product .header h3 {

    margin: 0;

}

.checkout-product .header .delete {

    display: block;

    padding-top: 7px;

    float: right;

}

.checkout-product .header .delete>i,
.item-subtotal i {
    margin-right: 5px;

}

.checkout-product .content {

    padding-top: 20px;

    padding-bottom: 20px;

}

.checkout-product .wrapper-image {

    padding: 20px 15px 0px 50px;

}

.checkout-product .wrapper-detail {

    margin-top: 20px;

    padding-left: 25px;

}

.checkout-product .wrapper-price {

    margin-top: 20px;

    padding-left: 25px;

}

.checkout-product .title {

    color: #0a3d7e;

    font-size: 25px;

    font-weight: bold;

    line-height: 36px;

    margin-bottom: 20px;

    min-height: 68px;

}

.checkout-product .title>small {

    color: #849ebe;

    font-size: 65%;

    font-weight: bold;

}

.checkout-product .title>small.kit {

    color: #3B6498;

}

.checkout-product .price {

    font-size: 20px;

    line-height: 50px;

}

.checkout-product .total {

    padding-left: 25px;

}

.checkout-product .price,

.checkout-product .total {

    font-weight: bold;

}

.checkout-product .price small,

.checkout-product .total small {

    color: #000;

    font-size: 15px;

}

.checkout-product .title,

.checkout-product .price,

.checkout-product .total {

    margin-top: 5px;

}

.checkout-product label {

    display: block;

    margin-bottom: 0;

}

.checkout-invoice {

    border-top: 8px solid #e9ecef;

    border-bottom: 1px solid #e9ecef;

}

.checkout-invoice h2 {

    margin: 10px 0px 15px;

    font-weight: 400;

}

.checkout-invoice h2 strong {

    font-weight: 600;

}

.checkout-invoice h4 {

    font-size: 18px;

    margin: 14px 0px;

    font-weight: 400;

}

.checkout-invoice h4>strong {

    font-size: 20px;

    font-weight: 600;

}

.checkout-invoice .wrapper-amount {

    border-bottom: 1px solid #e9ecef;

}

.checkout-your-cart {

    border: 4px solid #e9ecef;

}

.checkout-your-cart .header {

    padding: 18px 25px;

    background-color: #F2F7F9;

}

.checkout-your-cart .header .title {

    margin: 0;

}

.checkout-your-cart .header .edit {

    display: block;

    padding-top: 8px;

    text-align: right;

    font-size: 14px;

}

.checkout-your-cart .header .edit>i {

    margin-right: 5px;

}

.checkout-your-cart .wrapper-product {

    padding-top: 20px;

    padding-bottom: 20px;

    border-top: 1px solid #e9ecef;

}

.checkout-your-cart .wrapper-product .title {

    color: #0a3d7e;

    font-size: 16px;

    font-weight: bold;

    line-height: 32px;

    min-height: 68px;

    margin-top: 5px;

}

.checkout-your-cart .wrapper-product .title>small {

    color: #666666;

    font-size: 75%;

    font-weight: bold;

}

.checkout-your-cart .wrapper-product .price {

    font-size: 18px;

    margin-bottom: 0;

}

.checkout-your-cart .wrapper-product .price strong {

    font-weight: 600;

}

.checkout-your-cart .wrapper-image {

    padding: 0px 0px 0px 20px;

}

.checkout-your-cart .wrapper-amount {

    padding-left: 15px;

    padding-right: 15px;

    border-top: 1px solid #e9ecef;

}

.checkout-your-cart .wrapper-amount h5 {

    font-size: 14px;

    font-weight: 400;

}

.checkout-your-cart .wrapper-total {

    padding: 5px 15px;

    border-top: 1px solid #e9ecef;

}

.checkout-your-cart strong {

    font-weight: 600;

}

.checkout-info {

    border: 1px solid #e9ecef;

}

.checkout-info .header {

    padding: 18px 25px;

    background-color: #F2F7F9;

}

.checkout-info .header .title {

    margin: 0;

}

.checkout-info .wrapper-data {

    padding: 15px;

    border-top: 1px solid #e9ecef;

}

.checkout-info .wrapper-data .call-us,

.checkout-info .wrapper-data .chat {

    font-weight: 600;

    padding-left: 50px;

    position: relative;

}

.checkout-info .wrapper-data .call-us i,

.checkout-info .wrapper-data .chat i {

    top: 0px;

    left: 0px;

    font-size: 40px;

    position: absolute;

}

.checkout-info .wrapper-data .call-us small,

.checkout-info .wrapper-data .chat small {

    font-weight: 600;

}

.checkout-info .wrapper-data .call-us {

    color: #52CAB5;

}

.checkout-info .wrapper-data .chat {

    color: #02B0EF;

}

.checkout-info .wrapper-data .title {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 15px;
}

.checkout-info .wrapper-data .thawte,
.checkout-info .wrapper-data .norton {
    margin-top: 5px;
    font-size: 12px;
}

.checkout-info .wrapper-data .norton {
    color: #999999;
}

.checkout-info .wrapper-data .norton>img {
    margin-top: -5px;
    margin-right: 10px;

}

.checkout-info .wrapper-data .thawte>img {
    margin-top: -5px;
    margin-bottom: 10px;
}

.checkout-form .title-content small {
    font-size: 15px;
    font-weight: 500;
}

.checkout-form .wrapper-total {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
}

.checkout-form .wrapper-total h2 {
    margin: 15px 0;
}

.checkout-form .panel {
    border: 1px solid #e9ecef;
}

.checkout-form .panel-group {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 0;
}

.checkout-form .panel .panel-heading {
    padding-top: 13px;
    background-color: #F2F7F9;
}

.checkout-form .panel .panel-heading .prettyradio {
    margin-top: 5px;
}

.checkout-form .panel .panel-heading a.collapsed:after {
    content: none;
}

.checkout-form .panel .panel-heading label {
    color: #666;
    margin-bottom: 0;
}

.checkout-form .panel .panel-heading .panel-title {
    color: #666;
    font-size: 16px;
    margin: 5px 0;
}

.checkout-form .panel .panel-heading .list-cards {
    height: 34px;
}

.checkout-form .panel .panel-body {
    padding: 20px;
}

.checkout-features .left .wrapper-features {
    border: 6px solid #F2F7F9;
    font-weight: 600;
    font-size: 15px;
}

.checkout-features .left .wrapper-features i {
    color: #52CAB5;
}

.checkout-features .right .wrapper-features {
    border: 6px solid #F2F7F9;
}

.checkout-features .header {
    background-color: #F2F7F9;
}

.checkout-features .header h3 {
    margin: 0;
    padding: 15px 25px;
    font-weight: 500;
}

.checkout-features .wrapper-features {
    padding: 20px 10px;
}

.checkout-features .wrapper-features .feature {
    min-height: 55px;
    position: relative;
    padding-left: 54px;
}

.checkout-features .wrapper-features .feature a {
    font-size: 18px;
}

.checkout-features .wrapper-features .feature i {
    top: -4.75px;
    left: 9px;
    font-size: 36px;
    position: absolute;
}

.checkout-detail .header {
    background-color: #F2F7F9;
    border: 1px solid #e9ecef;
    border-bottom: 0;
}

.checkout-detail .header .title {
    margin: 0;
    line-height: 36px;
    margin: 17px 20px;
}

.checkout-detail .header .col-center .title {
    font-size: 18px;
}

.checkout-detail .header .col-center .title.authorized {
    color: #1AB7CA;
}

.checkout-detail .header .col-center .title.inprocess {
    color: #E22285;
}

.checkout-detail .header .col-center .title.canceled {
    color: #FF6600;
}

.checkout-detail .header .col-right .title {
    font-size: 14px;
}

.checkout-detail .content {
    border: 1px solid #e9ecef;
}

.checkout-detail .content .wrapper-amount {
    color: #000;
    font-size: 14px;
    padding: 13px 0 13px 10px;
    border-bottom: 1px solid #e9ecef;
}

.checkout-detail .content .wrapper-total {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 18px 0 18px 10px;
}

.checkout-detail .content .amount {
    font-weight: 600;
    text-align: right;
    padding-right: 20px;
}

.checkout-detail .wrapper-data-client {
    padding: 20px 10px 20px 20px;
}

.checkout-detail .wrapper-data-client .title {
    color: #000;
    font-weight: 600;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e9ecef;
}

.checkout-detail .wrapper-data-client .info {
    font-size: 14px;
    line-height: 22px;
}

.checkout-detail .wrapper-product {
    margin-left: -10px;
    padding-top: 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid #e9ecef;
}

.checkout-detail .wrapper-product .wrapper-image {
    width: 80px;
    padding: 0px 20px;
}

.checkout-detail .wrapper-product .wrapper-image>img {
    margin: 0 auto;
}

.checkout-detail .wrapper-product .title {
    color: #0a3d7e;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}

.checkout-detail .wrapper-product .title>small {
    color: #666666;
    font-size: 75%;
    font-weight: bold;
}

.checkout-detail .wrapper-product .price {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    padding-right: 20px;
}

.checkout-detail .comment {
    font-size: 14px;
    padding-top: 13px;
    padding-left: 10px;
}

.checkout-detail .header .col-center,
.checkout-detail .content .col-right {
    border-left: 1px solid #e9ecef;
}

.checkout-contact-phone {
    color: #52CAB5;
    font-size: 40px;
    font-weight: 400;
}

.checkout-contact-phone i {
    color: #fff;
    padding: 14px;
    font-size: 36px;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #52CAB5;
}

.checkout-deposit-data-box {
    padding: 50px 60px;
    background-color: #F2F7F9;
}

.checkout-deposit-data-box h4 {
    font-size: 18px;
    font-weight: 400;
}

.checkout-deposit-data-box h4 strong {
    font-weight: 600;
}

.checkout-deposit-data-message {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.checkout-deposit-data-message strong {
    font-weight: 600;
}

.checkout-print .left,
.checkout-print .right {
    min-height: 292px;
    border: 7px solid #F2F7F9;
}

.checkout-print .left {
    border-right-width: 5px;
}

.checkout-print .right {
    border-left-width: 5px;
}

.checkout-print .wrapper-barcode {
    padding: 35px;
}

.checkout-print .wrapper-barcode>h4 {
    font-size: 18px;
    font-weight: 400;
}

.checkout-print .wrapper-barcode>h4>strong {
    font-weight: 600;
}

.checkout-print .wrapper-barcode>img {
    margin-top: 35px;
}

.checkout-print .wrapper-logo {
    width: 100%;
    height: 278px;
    display: table;
}

.checkout-print .wrapper-logo>.wrapper {
    display: table-cell;
    vertical-align: middle;
}

.checkout-print .wrapper-logo>.wrapper>img {
    margin: 0 auto;
}

.checkout-list-numbers h4 {
    margin: 30px 0;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding: 12px 52px 12px;
}

.checkout-list-numbers h4 .number {
    width: 50px;
    height: 50px;
    top: 0;
    left: -16.5px;
    position: absolute;
    border: 4px solid #acbfd4;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 42px;
}

.checkout-list-numbers h4.btn-right {
    padding-top: 0;
    padding-bottom: 0;
}

.checkout-list-numbers h4.btn-right .btn {
    padding: 12px 36px;
    margin-left: 20px;
}

.checkout-form-search {
    padding: 18px 10px 3px;
    background-color: #E4EEF2;
}

.checkout-form-search .input-search input {
    width: 100%;
}

.checkout-form-search .btn {
    border-width: 3px;
}

.checkout-my-orders div>.wrapper-product:last-child {
    border-bottom: 0;
}

.checkout .bg_green_header {
    min-height: inherit;
}

.checkout .bg_green_header h1 {
    min-height: 70px;
    line-height: 1.1;
    margin: 5px 0 10px;
}

.checkout-norton {
    color: #999999;
    font-size: 12px;
}

.checkout-norton>img {
    margin-right: 10px;
}

#ajax-form-target .tdp,
#formContainer .tdp {
    margin-bottom: 40px;
}

.text-light {
    font-weight: 300;
}

.text-normal {
    font-weight: 400;
}

.text-bold {
    font-weight: 600;
}

.text-uppercase {
    text-transform: uppercase;
}

.btn-print {
    position: relative;
    padding-right: 30px;
}

.btn-print i {
    top: 4px;
    right: 0;
    font-size: 25px;
    position: absolute;
}

.btn-print.btn-lg i {
    top: 10px;
}

/*
    Cards
*/
.card {
    background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/icons/checkout-cards.png);
    background-repeat: no-repeat;
    display: block;
}

.card.card-american {
    background-position: -5px -5px;
    width: 52px;
    height: 33px;
}

.card.card-american-xs {
    background-position: -5px -48px;
    width: 45px;
    height: 28px;
}

.card.card-maestro {
    background-position: -5px -86px;
    width: 52px;
    height: 34px;
}

.card.card-maestro-xs {
    background-position: -5px -130px;
    width: 45px;
    height: 28px;
}

.card.card-mastercard {
    background-position: -5px -168px;
    width: 52px;
    height: 34px;
}

.card.card-mastercard-xs {
    background-position: -5px -212px;
    width: 44px;
    height: 28px;
}

.card.card-visa {
    background-position: -5px -250px;
    width: 52px;
    height: 34px;
}

.card.card-visa-xs {
    background-position: -5px -294px;
    width: 44px;
    height: 28px;
}

.card.card-visaelectron {
    background-position: -5px -332px;
    width: 52px;
    height: 33px;
}

.card.card-visaelectron-xs {
    background-position: -5px -375px;
    width: 45px;
    height: 29px;
}

.list-cards {
    margin-bottom: 0;
}

.list-cards>li {
    padding-left: 0;
    padding-right: 6px;
}

.list-cards>li:last-child {
    padding-right: 0;
}

.show-collapsed {
    display: none;
}

.collapsed .show-collapsed {
    display: block;
}

.collapsed .hidden-collapsed {
    display: none;
}

.display-text .show-collapsed {
    display: block;
}

.hidden-collapsed,
.show-collapsed {
    margin: 0 0 10px 0;
}

.hidden-collapsed {
    display: none;
}

.opened .show-collapsed {
    display: none;
}

.opened .hidden-collapsed {
    display: block;
}

.text-description {

    position: relative;

    height: 120px;

    overflow: hidden;

}

.shadowed-bottom {

    bottom: 0;

    -webkit-box-shadow: inset 1px -23px 21px -3px rgba(255, 255, 255, 1);

    -moz-box-shadow: inset 1px -23px 21px -3px rgba(255, 255, 255, 1);

    box-shadow: inset 1px -23px 21px -3px rgba(255, 255, 255, 1);

    content: "";

    display: block;

    height: 30px;

    position: absolute;

    width: 100%;

    z-index: 1;

    -webkit-transition: height .2s;

    -moz-transition: height .2s;

    -o-transition: height .2s;

    transition: height .2s;

}

.visible .shadowed-bottom {

    height: 0;



}

/* table tipo thead */



.tabla-tipo>thead>tr>th {

    color: #000;

    text-align: center;

    padding: 15px 20px;

    vertical-align: middle;

    background-color: #E4EEF2;

    border-left: 1px solid #FFF;

    border-right: 1px solid #FFF;

}

.tabla-tipo>thead>tr>th:first-child {

    border-left: 0;

    text-align: left;

}

.tabla-tipo>thead>tr>th:last-child {

    border-right: 0;

}

.tabla-tipo>thead>tr>th small {

    color: #A2A4A5;

    display: block;

    font-size: 90%;

    font-weight: normal;

}



/* table tipo tbody */



.tabla-tipo>tbody>tr>td {

    color: #000;

    font-weight: bold;

    text-align: center;

    padding: 25px 20px;

    vertical-align: middle;

    border: 1px solid #E9ECEF;

}

.tabla-tipo>tbody>tr>td:first-child {

    border: 0;

    text-align: left;

    background-color: #F2F7F9;

    border-bottom: 1px solid #FFF;

    border-right: 1px solid #FFF;

}

.tabla-tipo>tbody>tr>td:first-child~td {

    border-left: 1px solid #FFF;

}

.tabla-tipo>tbody>tr:last-child>td:first-child {

    border-bottom: 0;

}

/*

    Chat

*/

#chatEmpresas {

    right: 0;

    bottom: 0;

    width: 380px;

    z-index: 9001;

    position: fixed;

    padding: 11px 5px 10px 15px;

    background-color: #375977;

}

#chatEmpresas .visible-open {

    margin: 0;

    height: 0;

    opacity: 0;

    overflow: hidden;

    visibility: hidden;

}

#chatEmpresas>header {

    cursor: default;

}

#chatEmpresas>header .pull-left {

    margin-right: 5px;

}

#chatEmpresas>header .pull-left>.media-object {

    color: #FFF;

    font-size: 29px;

}

#chatEmpresas>header .pull-right {

    margin-left: 0;

}

#chatEmpresas>header .pull-right>.media-object {

    color: #8EB7DC;

    font-size: 29px;

}

#chatEmpresas>header .media-heading {

    margin: 0;

    color: #FFF;

    line-height: 1;

    font-weight: bold;

}

#chatEmpresas>header .media-body>.subtitle {

    margin: 0;

    line-height: 1;

    color: #8EB7DC;

    font-size: 14px;

    font-weight: bold;

}



/*

    Chat Open

*/

#chatEmpresas.open {

    width: 460px;

    padding: 15px;

}

#chatEmpresas.open .visible-open {

    opacity: 1;

    margin: auto;

    height: auto;

    visibility: visible;

}

#chatEmpresas.open .visible-close {

    margin: 0;

    height: 0;

    opacity: 0;

    visibility: hidden;

}

#chatEmpresas.open>header .pull-right>.media-object {

    margin: 5px;

    font-size: 20px;

}

#chatEmpresas.open>.phrase {

    color: #FFF;

    margin: 15px 0;

    font-size: 14px;

    font-weight: bold;

    font-style: italic;

    line-height: 1.2;

}

#chatEmpresas .chosen-container .chosen-results {

    max-height: 120px;

}

#accordion-chatEmpresas {

    margin: 0;

}

#accordion-chatEmpresas .panel-heading {

    border-top: 0;

    border-bottom: 1px solid #D1C5E9;

}

#accordion-chatEmpresas .panel-heading:last-child {

    border: 0;

}

#accordion-chatEmpresas .panel-heading .panel-title {

    margin: 5px 0;

    font-size: 15px;

}

#accordion-chatEmpresas .panel-heading i {

    font-size: 30px;

    margin-top: -5px;

}

/*

    Chat

*/

#chat {

    right: 0;

    bottom: 0;

    width: 380px;

    z-index: 10001;

    position: fixed;

    padding: 11px 5px 10px 15px;

    background-color: #1D6FB8;

}

#chat .visible-open {

    margin: 0;

    height: 0;

    opacity: 0;

    overflow: hidden;

    visibility: hidden;

}

#chat>header {

    cursor: default;

}

#chat>header .pull-left {

    margin-right: 5px;

}

#chat>header .pull-left>.media-object {

    color: #FFF;

    font-size: 29px;

}

#chat>header .pull-right {

    margin-left: 0;

}

#chat>header .pull-right>.media-object {

    color: #8EB7DC;

    font-size: 29px;

}

#chat>header .media-heading {

    margin: 0;

    color: #FFF;

    line-height: 1;

    font-weight: bold;

}

#chat>header .media-body>.subtitle {

    margin: 0;

    line-height: 1;

    color: #8EB7DC;

    font-size: 14px;

    font-weight: bold;

}



/*

    Chat Open

*/

#chat.open {

    width: 460px;

    padding: 15px;

}

#chat.open .visible-open {

    opacity: 1;

    margin: auto;

    height: auto;

    visibility: visible;

}

#chat.open .visible-close {

    margin: 0;

    height: 0;

    opacity: 0;

    visibility: hidden;

}

#chat.open>header .pull-right>.media-object {

    margin: 5px;

    font-size: 20px;

}

#chat.open>.phrase {

    color: #FFF;

    margin: 15px 0;

    font-size: 14px;

    font-weight: bold;

    font-style: italic;

    line-height: 1.2;

}

#chat .chosen-container .chosen-results {

    max-height: 120px;

}

#accordion-chat {

    margin: 0;

}

#accordion-chat .panel-heading {

    border-top: 0;

    border-bottom: 1px solid #D1C5E9;

}

#accordion-chat .panel-heading:last-child {

    border: 0;

}

#accordion-chat .panel-heading .panel-title {

    margin: 5px 0;

    font-size: 15px;

}

#accordion-chat .panel-heading i {

    font-size: 30px;

    margin-top: -5px;

}

.error-500 img {

    margin: 0 auto;

}

.error-500 h1 {

    color: #0A3D7E;

    font-size: 54px;

    font-family: telcelbold;

}

.margin-0 {

    margin: 0 !important;

}

.text-white {

    color: #FFF !important;

}

.text-underline {

    text-decoration: underline !important;

}

.carousel-ofertas {

    padding: 60px 0;

    background-color: #E4EEF2;

}

.carousel-ofertas .simple-carousel {

    position: relative;

}

.carousel-ofertas .wrapper-close {

    top: -65px;

    right: 0px;

    position: absolute;

    z-index: 2;

}

.carousel-ofertas .wrapper-close>a {

    display: block;

    font-weight: 600;

    position: relative;

    padding: 5px 35px 5px 0;

}

.carousel-ofertas .wrapper-close>a>i {

    top: 0;

    right: 0;

    font-size: 30px;

    position: absolute;

}

.carousel-ofertas .item {

    color: #000000;

    max-width: 460px;

    background-color: #FFFFFF;

    margin: 0 auto;

}

.carousel-ofertas .owl-pagination {

    top: -65px !important;

}

.carousel-ofertas .owl-pagination .owl-page {

    background-color: #02B0EF;

}

.carousel-ofertas .wrapper-text {

    padding: 20px;

    min-height: 202px;

}

.carousel-ofertas .wrapper-text .title {

    margin-top: 0;

    line-height: 1;

    font-size: 22px;

    font-weight: 400;

}

.carousel-ofertas .wrapper-text a {

    font-weight: bold;
}

#menu_flotante a {
    color: #999;
    display: block;
}

#menu_flotante .chat-titulo {
    font-size: 14px !important;
}

.b-l {
    border-left: 1px solid #CCCCCC;
}

.border-radius-top-left {
    border-top-left-radius: 10px;
}

.border-radius-bottom-left {
    border-bottom-left-radius: 10px;
}

@media (max-width: 767px) {
    #menu_flotante {
        display: none !important;
    }
}

#menu_flotante .imagen-flotante img {
    padding-top: 23px;
}

#menu_flotante .chat-flotante .imagen-flotante img {
    padding-top: 3px;
}

.border-chat-flotante {
    border-left: solid 2px #6b819d;
    border-top: solid 2px #6b819d;
    border-bottom: solid 2px #6b819d;
}

.border-chat-flotante-top {
    border-top: solid 2px #6b819d;
}

.border-chat-flotante-bottom {
    border-bottom: solid 2px #6b819d;
}

.border-chat-flotante-left {
    border-left: solid 2px #6b819d;
}

.texto-chat-flotante {
    color: #4482e0;
    font-size: 12px;
}

.redes-sociales-flotante {
    position: fixed;
    right: -9px;
    z-index: 3001;
    background-color: #F5F5F5;
    font-size: 12px;
    display: block;
}

.facebook-flotante {
    top: 210px;
}

.twitter-flotante {
    top: 248px;
}

.youtube-flotante {
    top: 286px;
}

.mitelcel-flotante {
    top: 324px;
}

.chat-flotante {
    display: block;
    top: 365px;
    right: -185px;
    z-index: 3000;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .chat-flotante {
        top: 60px;
    }
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .chat-flotante {
        top: 60px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
    .chat-flotante {
        top: 60px;
    }
}

@media only screen and (min-device-height: 360px) and (min-device-width: 760px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 4) {
    .chat-flotante {
        top: 60px;
    }
}

.w-30 {
    width: 30px;
}

.w-230 {
    width: 230px;
}

.f-r {
    float: right;
}

.f-l {
    float: left;
}

.w-48 {
    width: 56px;
    padding: 8px;
}

.f-z-12 {
    font-size: 12px;
}

.bloqImg-phone,
.bloqTxt-phone {
    text-align: left;
}

.bloqTxt-phone h2 {
    color: #02B0EF;
    font-size: 27px;
}

.bloqTxt-phone h3 {
    color: #000;
    font-size: 24px;
}

.cont-detail-items {
    display: block;
    margin: 30px 0px;
}

.cont-detail-items .line-basic {
    margin: 15px 0px;
    overflow: hidden;
}

.cont-detail-items .line-basic b,
.cont-detail-items .line-basic a {
    color: #02B0EF;
    font-weight: 600;
}

.cont-detail-items .line-basic .destaqued,
.cont-detail-items .line-basic .destaqued-off {
    color: #000;
    font-size: 24px;
    display: block;
    margin: 20px 0px;
    width: 100%;
}

.cont-detail-items .line-basic .destaqued-off {
    color: #666;
}

.cont-detail-items .line-basic .destaqued m {
    font-weight: 600;
}

/* Message Error */
.msg-success,
.msg-warning,
.msg-infoalert,
.msg-infocheck,
.msg-infotxt {
    display: block;
    min-height: 80px;
    margin: 20px 0px;
    overflow: hidden;
    padding: 15px 30px;
}

.msg-success span.txt,
.msg-warning span.txt {
    font-size: 18px;
    margin: 1.5% 0px;
}

.msg-infoalert span.txtmin,
.msg-infocheck span.txtmin,
.msg-infotxt span.txtmin {
    margin: 1.5% 0px;
}

.msg-success {
    background: #52CAB5;
    color: #fff;
}

.msg-warning {
    background: #e41785;
    color: #fff;
}

/*.h-100-p{
    height: 100% !important;
}

.msg-warning p{
    padding-left: 20px;
}*/

.msg-infoalert,
.msg-infocheck,
.msg-infotxt {
    background: #f2f7f9;
    color: #000;
}

.msg-infocheck a.btn.btn-contact,
.msg-infotxt a.btn.btn-contact {
    text-transform: uppercase;
}

.msg-success i,
.msg-warning i,
.msg-infoalert i,
.msg-infocheck i,
.msg-infotxt i {
    font-size: 48px;
}

.msg-infoalert i {
    color: #e41785;
}

.msg-infocheck i {
    color: #52CAB5;
}

/* Form Error */

.has-error .help-block,

.has-error .control-label,

.has-error .radio,

.has-error .checkbox,

.has-error .radio-inline,

.has-error .checkbox-inline {

    color: #A24190;

}

.has-error .form-control,

.has-error .chosen-container-single .chosen-single {

    border-color: #A1418F;

    background-color: #FAD8F4;
}

.xk-domesticplandetails .icon-TelcelLogo {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    font-size: 250px;
    line-height: 50px;
    max-height: 50px;
}

.xk-domesticplandetails .logo {
    text-align: left;
}

/*EOF Checkout y carrito*/

/*Media*/

@media (min-width: 992px) {
    body {

        /*margin-top: 113px;*/

    }

    .breadcrumb {

        float: left;

    }

    .breadcrumb>li.bredcrumb-back {

        display: none;

    }

    .navbar-search {

        max-width: 200px;

    }

    .navbar-brand {


        /*    background-position: 0 0;

            width: 166px;

            height: 32px;

            margin: 20px 10px;*/

    }

    .nav-worlds {

        display: block;

    }

    .nav-top .nav-tabs.nav-user {

        margin-top: -6px;



    }

    .navbar>.container .navbar-brand,

    .navbar>.container-fluid .navbar-brand {

        margin-left: 0px;

    }

    .navbar-nav.nav-main {

        margin-top: 7px;

    }

    .footer .navbar-nav.nav-main {

        margin-top: -7px;

    }





    .slider-planes .actions {

        text-align: left;

    }

    .list-plans .item .content .row-xs {

        display: table-cell;

        vertical-align: middle;
    }

    .list-plans .item .content .row-xs:first-child {
        width: 60%;
    }

    .list-plans .item .content .row-xs:last-child {
        width: 40%;
    }

    .list-plans .item .content .row-xs.c8:first-child {
        width: 70%;
    }

    .list-plans .item .content .row-xs.c8:last-child {
        width: 30%;
    }

    .list-plans.sugested-plan .item .content .row-xs:last-child {

        width: 40%;

    }

    .list-plans.sugested-plan .item .content .row-xs:first-child {

        width: 60%;

    }

    .up_button {

        width: 64px;

        height: 64px;

        font-size: 50px;

        right: 50px;

        bottom: 80px;

        line-height: 20px;

        padding-top: 6px;

    }

    .up_button i[class*="icon-"] {

        line-height: 20px;

        top: 0;

    }

    .up_button span {

        font-size: 12px;

        position: relative;

        top: 0;

        display: block;

    }



    .nav-main-bar {

        position: absolute;
        z-index: 2002;
        display: inline-block;

        float: none;

        margin-top: 15px;

        -moz-transition: margin 0.2s ease-in-out;

        -webkit-transition: margin 0.2s ease-in-out;

        transition: margin 0.2s ease-in-out;

    }

    .footer .nav-main-bar {

        position: relative;

    }

    .navbar-nav.nav-main>li {

        position: static;

    }

    .navbar-nav.nav-main>li>a {

        font-size: 18px;

        color: #2B5464;
    }

    .mundo .navbar-nav.nav-main>li>a {
        font-size: 15px;
    }

    .mundo .nav-main-bar {
        /*margin-top: 5px;*/
    }

    .navbar-nav.nav-main>li.active>a {

        font-weight: 600;

        color: #0A3D79;

    }

    .main-submenu {

        border: none;

        background-color: transparent;

        width: 100%;

        padding: 0;

        min-height: 276px;

        -moz-box-shadow: none;

        -webkit-box-shadow: none;

        box-shadow: none;

        position: fixed;

        top: 130px
    }

    .main-submenu>.menus {

        margin: 0 10px;

        border: 4px solid #ACBFD4;

        border-radius: 3px;

        background-color: #fff;

        min-height: 400px;

        position: relative;

        width: 600px;

        margin: 0 auto;

        overflow-y: scroll;
    }

    .main-submenu.levels-1>.menus {

        max-width: 500px;
    }

    .main-submenu.levels-1 .level-1 {
        width: 50%;
    }

    .main-submenu.levels-2>.menus {



        max-width: 750px;
    }

    .main-submenu.levels-2 .level-1 {
        width: 33.33333333333333%;
    }

    .arrow-menu {

        border-bottom: 20px solid #ACBFD4;

        border-right: 20px solid transparent;

        border-left: 20px solid transparent;

        border-top: none;

        content: '';

        display: inline-block;

        width: 0;

        height: 0;

        position: absolute;

        top: -20px;

        left: 25%
    }

    #mundo-trabaja .arrow-menu {
        margin-left: -14px;
    }

    .main-submenu .level-1 {

        background-color: #e1e8ef;

        display: inline-block;

        min-height: 400px;

        position: relative;

        z-index: 4;

        width: 25%;

    }

    .main-submenu.levels-3 .level-1 {

        width: 50%;

    }

    .main-submenu.levels-2 .level-1 {

        width: 33.33333333333333%;

    }

    .main-submenu ul.level-1:after {

        background-color: #e1e8ef;

    }

    .main-submenu .level-1>li>ul:after,

    .main-submenu .level-1:after {

        background-color: #e1e8ef;

        bottom: 0;

        top: 0;

        left: 0;

        right: 0;

        width: 100%;

        content: '';

        z-index: 3;

        position: absolute;

        display: block;

    }

    .main-submenu .level-1>li a {

        padding: 13px 10px;

        color: #fff;

        display: block;

        font-size: 14px;

        line-height: 25px;

        font-weight: 600;

        display: block;

        -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

        -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

        transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    }

    .main-submenu .level-1>li>a {

        background-color: #ACBFD4;

        border-bottom: 1px solid #fff;

        position: relative;

        z-index: 4;
        white-space: nowrap;

    }

    .main-submenu .level-1>li>a:hover,

    .main-submenu .level-1>li:hover a,

    .main-submenu .level-1>li.active>a {

        color: #2B5264;

        background-color: #fff;

    }

    .main-submenu .level-1>li>a>img,

    .main-submenu .level-1>li>a>i {

        margin-right: 5px;

        margin-top: -2px;

        font-size: 25px;

        line-height: 24px;

    }

    .main-submenu .level-1>li>a>i {

        width: 25px;

        text-align: center;

        margin-top: 0;

        position: relative;

        top: 3px
    }

    .main-submenu .level-1>li:last-child>a {

        border-bottom: none;

    }

    .main-submenu ul.level-1>li {}

    .main-submenu ul.level-1>li ul {

        margin-left: -200%;

        overflow: hidden;

        position: absolute;

        top: 0;

        width: 100%;

        left: 100%;

        -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

        z-index: 2;

    }

    .main-submenu ul.level-1>li>ul {

        height: 100%;

    }

    .main-submenu ul .holder {}

    .main-submenu ul.level-1>li>ul:after {

        z-index: 2;

        background-color: #fff;

        position: absolute;

        height: 100%;

        border-right: 2px solid #E4EEF2;

        width: 100%;

    }

    .main-submenu ul.level-1>li>ul>li:before {

        position: absolute;

        display: block;

        height: 100%;

        width: 2px;

        content: '';

        z-index: 4;

        background-color: #E4EEF2;

        top: 0;

        right: 0;

    }

    .main-submenu ul.level-1>li>ul>li>a {

        border-right: 2px solid #E4EEF2;

    }

    .main-submenu ul.level-1>li>ul>li>ul {

        background-color: #fff;

    }

    .main-submenu ul li:hover>ul,

    .main-submenu ul li.active>ul {

        margin-left: 0;

        overflow: visible;

        z-index: 1;

    }

    .main-submenu ul.level-1>li>ul {

        width: 200%;

    }

    .main-submenu ul.level-1>li>ul>li {

        width: 100%;

    }

    .main-submenu ul.level-1>li>ul>li>ul {

        width: 49%;
    }

    .main-submenu ul.level-1>li>ul.level-2,

    .main-submenu ul.level-1>li>ul.level-3 {

        z-index: 2;

    }

    .main-submenu ul.level-1>li>ul.level-2>li a {

        z-index: 3;

        background-color: #fff;

        white-space: nowrap;

    }

    .main-submenu ul.level-1>li>ul.level-2>li>a:after {

        content: '';

        display: block;

        width: 15px;

        height: 50px;

        position: absolute;

        left: -15px;

        top: 0;

        z-index: 4;

        background-color: #fff;

    }

    .main-submenu ul.level-1>li>ul.level-3>li {

        z-index: 2;

    }

    .main-submenu ul.level-1>li:hover>ul,

    .main-submenu ul.level-1>li.active>ul {

        overflow-y: scroll;

        margin-left: 0;

    }

    .main-submenu ul.level-1>li>ul>li:hover>ul,

    .main-submenu ul.level-1>li>ul>li.active>ul {

        overflow: hidden;

        margin-left: -50%;

        z-index: 2;

        min-height: 260px;

    }

    .main-submenu ul.level-1>li>ul>li:hover>ul ul,

    .main-submenu ul.level-1>li>ul>li.active>ul ul {
        overflow: hidden;
        margin-left: -50%;
        min-height: 260px;
    }

    .main-submenu ul.level-1>li ul a {

        position: relative;

        z-index: 2;

        background-color: #fff;

        color: #2B5264;

        font-size: 13px;

        margin: 0 0 0 3px;

        padding: 8px 0 8px 0px;

        border-bottom: 1px solid #E1E8EF;



    }

    .main-submenu ul.level-1>li>ul>li:hover>a,

    .main-submenu ul.level-1>li>ul>li.active>a {

        background-color: #E4EEF2;

        margin: 0 0 0 -20px;

        padding: 8px 0 8px 25px;

    }

    .main-submenu ul.level-1>li>ul>li>ul {

        z-index: 1;

    }

    .main-submenu ul.level-1>li>ul>li>ul a {

        padding: 9px 0px;

    }

    .main-submenu ul.level-1>li>ul>li>ul a,

    .main-submenu ul.level-1>li>ul.level-2 li:last-child a {

        border-bottom: none;

    }

    .main-submenu ul.level-1>li>ul.level-2 a>i,

    .main-submenu ul.level-1>li>ul.level-2 a:before {

        color: #02B0EF;

        margin-right: 5px;

    }

    .main-submenu ul.level-1>li>ul.level-2 a:before {

        /*width: 5px;*/

        height: 12px;

        overflow: hidden;

        position: relative;

        display: inline-block;

        font-family: 'TelcelFont';

        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;

        content: "\f107";

        top: 1px;

        top: 0\0/;
        /*Specific for IE9*/

        [;
        top: 0;
        ];
        /*Specific for Safari Win*/

    }

    /*This hack is necessary to achieve the correct position of the caret in WebKit*/

    @media screen and (-webkit-min-device-pixel-ratio:0) {

        .main-submenu ul.level-1>li>ul.level-2 a:before {

            top: 0;

        }

    }

    .has-submenu {

        cursor: pointer;

    }

    .main-submenu ul.level-1>li>ul.level-2 a:hover:before {

        text-decoration: none;

    }

    .main-submenu .side-area {

        /*border-left: 3px solid #E4EEF2;*/

        padding: 0 5px 20px 27px;

        min-height: 260px;

        width: 25%;

    }

    .main-submenu.levels-3 .side-area {

        width: 50%;

    }

    .main-submenu.levels-2 .side-area {

        width: 33.33333333333333%;

        left: -2px;

        z-index: 4;
    }

    .main-submenu.levels-1 .side-area {
        width: 50%;
        left: -2px;
        z-index: 4;
    }

    .main-submenu .side-area .inner {

        position: relative;

    }

    .main-submenu .side-promo {

        position: absolute;

        top: 0;

        left: 0;

        background-color: #fff;

        width: 100%;

    }

    .main-submenu .ps-container .ps-scrollbar-y-rail {

        z-index: 10000;

        cursor: pointer;

        opacity: .5;
        background-color: #eee;

    }

    .main-submenu ul.level-2.ps-container>.ps-scrollbar-y-rail {

        right: 50.7%;

    }

    .login-box .inner {

        min-width: 467px;

        min-height: 169px;

    }

    .bar-comparador {

        height: 70px;

    }



    .bar-comparador .btn {

        margin-top: -55px;

    }

    .hero.img-right>.row>div[class^="col-"],
    .big-banner.img-right>.container-fluid>.row>div[class^="col-"] {
        float: right;
    }

    .hero {

        padding-top: 10px;

    }

    .nav-shortcuts {

        z-index: 21;

        margin-top: 0;

        float: right;

        position: absolute;

        right: 0;

        background-color: #606b75;

        background-color: rgba(96, 107, 117, .85);

        -webkit-transition: height 0.5s ease-in-out;

        -moz-transition: height 0.5s ease-in-out;

        transition: height 0.5s ease-in-out;

    }

    .nav-shortcuts>li>a {

        padding: 10px 15px;

        color: #fff;

        font-weight: 400;

        font-size: 13px;

        border: 1px solid #676767;

        border-bottom: none;

        display: block;

        background-color: #000;

        background-color: rgba(0, 0, 0, .5);

        min-width: 170px;
    }

    .nav-shortcuts>li>a:hover {
        text-decoration: underline;
    }

    .nav-shortcuts>li:last-child>a {

        border-bottom: 1px solid #676767;

    }

    .nav-shortcuts>li>a i {

        margin-right: 5px;

        font-size: 22px;

        position: relative;

        top: 2px;

        margin-bottom: -2px;

    }



    .form-search-terminal .form-group {

        margin-right: 20px;

        width: 168px;

        text-align: left;

    }

    /*.form-search-terminal.d1sfix{
        background-color: transparent;
        padding: 5px 0px;
        margin: 0 0 0 0 !important;
    }

    .form-search-terminal.d1sfix .form-group.col-md-12 {
        margin-right: 0px;
        width: 100% !important;
    }
    .form-search-terminal.d1sfix.nd1s {
        padding-left: 0px;
    }*/

    .form-search-terminal.w-percent .form-group.col-md-4 {
        margin-right: 0px;
        width: 33.3333% !important;
    }

    .form-search-terminal.w-percent .form-group.col-md-6 {
        margin-right: 0px;
        width: 50% !important;
    }



    .modal-body .btn+.btn {

        margin-left: 30px;

    }



    .sliderHome {

        overflow: hidden;

    }

    .resultado .item-terminal .item-link,

    .resultado .item-accesorios .item-link {

        display: none;

    }



    .bar-filtros .filters-form {

        min-width: 300px;

    }



    .tab-ayuda .thumbnails>li:nth-child(4n+1) {

        clear: both;

    }

    .breadcrumb+.list-share {

        margin-top: -8px;

    }

    .rich-header p {

        padding: 0 85px;

    }



    .modal-plan .content {

        padding: 10px 40px 40px 40px;

    }



    .table-plan-details i.icon-TickNeg {

        padding: 0 65px 0 25px;

    }

    .modal-plan .bg_dark_blue .logo {

        text-align: left;

    }

    .modal-plan .bg_dark_blue .logo .btn {

        float: right;

    }

    .list-plans.sugested-plan .action .btn {

        margin-right: 20px;

    }



    .lg-tabs {

        margin-bottom: 60px;

    }



    .country-selection h2.h3 {

        padding: 0 200px;
        margin-bottom: 40px;

    }

    .bordered-grid.one-row .item {

        border-bottom: none;

    }

    .bordered-grid.one-row .item .inner {

        padding-bottom: 0
    }



    .formOverMap {

        margin-left: -16.66666667%;

        left: 50%;

    }

    .list-features .feature:nth-child(3n+1) {

        clear: both;

    }

    /*BOF Comparador*/

    .compare-table .phone-mini-wrapper .model {

        /* margin-bottom: 15px; */
        height: 45px;

    }

    .compare-table>thead>tr>th:first-child,

    .compare-table>tfoot>tr>td:first-child {

        padding: 0px 30px;

    }

    .compare-table>tbody>tr>td {

        padding: 10px 15px;

    }

    .compare-table .phone-mini-wrapper .options>a {

        display: inline-block;

    }

    /*EOF Comparador*/

    /*BOF Checkout*/

    .checkout-product .wrapper-price {

        margin-left: 50px;

    }

    .checkout-form .panel .panel-body {

        padding: 20px 60px;

    }

    /*BOF Comparador*/

    .lg-tabs {
        margin-bottom: 60px;
    }

    .characteristic-buy-phone .options-buy li>a {
        min-height: 330px;
    }
}

@media (max-width: 991px) {
    .contenedor-resultado-roaming {
        padding: 10px;
    }

    .text-medium-left {
        text-align: left !important;
    }

    .carousel-container {
        position: fixed;
        height: 90px;
        top: 96px;
        z-index: 1999;
        background-color: #e4eef2;
    }


    .carousel-menu-responsive {
        display: block;
        overflow-x: scroll;
        height: 90px;
        text-align: center;
        float: left;
    }

    .carousel-menu-responsive::-webkit-scrollbar {
        width: 0 !important
    }

    .carousel-menu-responsive {
        overflow: -moz-scrollbars-none !important;
    }

    .carousel-menu-responsive {
        -ms-overflow-style: none !important;
    }


    .inner-carousel {
        display: block;
        height: 100%;
        margin: 0 auto;
    }

    .carousel-menu-responsive a {
        width: 130px;
        height: 80px;
        display: block;
        float: left;
        padding: 15px;
    }

    .carousel-menu-responsive a:hover {
        text-decoration: none;
    }

    .carousel-menu-responsive .active {
        color: #ff5b00 !important;
    }

    .carousel-menu-responsive .active h2 {
        color: #ff5b00 !important;
    }

    .carousel-menu-responsive h2 {
        font-size: 12px;
        color: #95a2a5;
        margin: 0px !important;
    }

    .carousel-menu-responsive i {
        font-size: 22px;
    }

    .arrow-container-left i {
        font-size: 28px;
    }

    .arrow-container-right i {
        font-size: 28px;
    }

    .arrow-container-left {
        text-align: center;
        float: left;
        width: 20px;
        padding-top: 30px;
    }

    .arrow-container-right {
        text-align: center;
        float: right;
        width: 20px;
        padding-top: 30px;
        margin-right: 15px;
    }

    .shortcut p {
        text-align: left;
        width: 70%;
    }

    h1,

    .h1 {

        font-size: 30px;

    }

    h2,

    .h2 {

        font-size: 24px;

    }

    h3,

    .h3 {

        font-size: 20px;

    }

    h4,

    .h4 {

        font-size: 18px;

    }

    h5,

    .h5 {

        font-size: 15px;

    }

    h6,

    .h6 {

        font-size: 13px;

    }

    .hidden-xsm {

        display: none !important;

    }

    .text-center-sm {

        text-align: center;

    }

    .text-right-sm {

        text-align: right;

    }

    .carousel-terminales .hidden-xsm-if {

        display: none !important;

    }

    .breadcrumb {
        height: 30px;
        padding-left: 0;
        float: left;
    }

    .breadcrumb>li {
        display: none;
    }

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

    .breadcrumb>li.bredcrumb-back,

    .breadcrumb>li.active {

        display: inline-block;

        height: 30px;

        line-height: 30px;

        position: relative;

        top: 0px
    }

    .breadcrumb>li.bredcrumb-back {

        font-size: 30px;

    }

    .breadcrumb>li.active {

        top: -10px
    }

    .breadcrumb>li+li:before {

        display: none;

    }

    .navbar-toggle {
        margin-right: 5px !important;
    }

    .navbar-toggle {

        display: block;
        padding: 5px 0px 10px 10px;
    }

    .navbar-left.navbar-header {

        height: 35px;
        width: 125px;
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {

        margin-left: 0;

        max-height: 22px;

    }

    .navbar>.container .navbar-brand img,
    .navbar>.container-fluid .navbar-brand img {
        height: 17px;
    }

    .sidr .navbar-nav {

        float: none
    }

    .sidr .nav-tabs li {
        float: none;
    }

    .sidr .navbar-nav>li {

        float: none;

    }

    .sidr .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        box-shadow: none;

    }

    .sidr .navbar-nav .open .dropdown-menu>li>a,

    .sidr .navbar-nav .open .dropdown-menu .dropdown-header {

        padding: 5px 15px 5px 25px;

    }

    .sidr .navbar-nav .open .dropdown-menu>li>a {

        line-height: 21px;

    }

    .sidr .navbar-nav .open .dropdown-menu>li>a:hover,

    .sidr .navbar-nav .open .dropdown-menu>li>a:focus {

        background-image: none;

    }

    body>header>.header {

        min-height: 36px;

        height: 36px;

        -moz-box-sizing: content-box;

        -webkit-box-sizing: content-box;

        box-sizing: content-box;

        border-bottom: 5px solid #f5f5f5;

    }

    .nav-top {

        float: right;

        padding-top: 0;

    }

    .navbar.navbar-static-top {
        margin-right: 460px;
        padding: 0;
        min-height: 40px;
    }

    .navbar-brand {
        margin: 6px 0;
        padding: 0;

    }

    .navbar-search {

        margin: 0 -10px;

        position: relative;

        top: -51px;

        right: 1px;

        float: right;

    }

    .navbar-search .navbar-form {

        margin: 0;

        padding: 0;

    }

    .navbar-collapse {

        background: #fff;

        position: relative;

        z-index: 1100;

        top: -2px;

        -moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);

        -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);

        box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);

    }

    .navbar-form {

        width: auto;

        position: relative;

        z-index: 1003;

    }

    .navbar-form .input-group {

        width: 0px;

        position: absolute;

        right: 0;

        top: 10px;

        -webkit-transition: all 0.2s ease-in-out;

        transition: all 0.2s ease-in-out;

    }

    .navbar-form .input-group input {

        padding-left: 0;

        padding-right: 0;

        border-color: transparent;

        -webkit-transition: all 0.2s ease-in-out;

        transition: all 0.2s ease-in-out;

    }

    .navbar-form .btn {

        padding-top: 7px;

    }

    .navbar-form .input-group input {

        height: 36px;

    }

    .navbar-form:hover .input-group {

        width: 190px;

    }

    .navbar-form:hover .input-group input {

        padding-left: 12px;

        padding-right: 12px;

        border-color: #dbe5e7
    }

    .login-box .inner {

        min-width: 300px;

    }

    .dropdown-menu.login-box {

        max-width: 328px;

        left: auto;

        right: 0;

    }

    .clear-row-xs {

        margin-left: 0;

        clear: both;

        display: block;

    }

    .carousel-terminales {

        text-align: center;

    }

    .item-terminal a.red,

    .item-terminal .prettycheckbox label,

    .item-accesorios a.red,

    .item-accesorios .prettycheckbox label {

        font-size: 12px;

    }

    .item-terminal .price,

    .item-accesorios .price {

        font-size: 18px;

    }

    .metanav {

        text-align: center;

    }

    .footer {

        text-align: center;

    }

    .footer .navbar-brand {

        float: none;

    }

    .footer .navbar-social .nav>li {

        /*         float: none; */

        display: inline-block;

    }

    /*     .footer .navbar-social li:first-child{ */

    /*         display: none; */

    /*     } */

    .footer .btn-contact {

        background-color: #1d6fb8;

        border-color: #1d6fb8;

    }

    .footer .btn-contact:hover,

    .footer .btn-contact:focus {

        background-color: #0a3d7e;

        border-color: #0a3d7e;

    }

    .metanav .navbar-right {}

    .top-push-xs {
        margin-top: 40px;
    }

    .top-push-xs.super {
        margin-top: 60px;
    }

    .top-push-xs.half {
        margin-top: 20px;
    }

    .top-push-xs.quarter {
        margin-top: 10px;
    }

    .top-push-xs.mini {
        margin-top: 5px;
    }

    .list-plans .item .content {

        display: block;

    }



    .list-plans .item .content {

        padding: 0;

        border: 2px solid #f2f7f9;

    }

    .list-plans .item .content .row-xs {

        display: table;

        text-align: center;

        width: 100%;

        clear: both;

    }



    .list-plans .item .content .row-xs:last-child {

        border-top: 2px solid #f2f7f9;

    }

    .list-plans .item .content .table-sm {

        padding: 20px 0;

    }

    .list-plans .item .content .row-xs>.table-sm>.column {

        text-align: center;

        min-width: 20%;

        font-size: 12px;

    }

    .list-plans .item .content .row-xs>.table-sm>.column.price,

    .list-plans .item .content .row-xs>.table-sm>.column.action {

        width: 50%;

    }

    .list-plans .item .content .row-xs>.table-sm>.column.action .inner {

        padding: 0px;

    }

    .list-plans .item .content .row-xs>.table-sm>.column:last-child {

        border-right: none;

    }

    .list-plans .item .content .column.action {

        text-align: center;

        vertical-align: middle;

    }

    .list-plans .item .content .column.action .btn {

        margin-right: 5px;

    }

    .list-plans .item .content .column.action .prettycheckbox {

        top: 10px;

        position: relative;



    }

    /*.list-plans .item .content .column strong,*/

    .list-plans .item .content .row-xs>.table-sm>.column.price {

        font-size: 40px;

    }

    .list-plans.sugested-plan .item .content .column.price .h5,

    .planes-padre .list-plans .item .content .column.price .h5 {

        text-indent: 0;

        margin-top: 10px;

    }

    .list-plans.sugested-plan .item .content .column.price .h5 {

        margin-top: 25px;

    }

    .marked {

        top: -12px;

        margin-left: -70px;

    }

    .marked>div {

        padding: 5px 14px;

    }

    .marked>div:after,
    .marked:after {
        border-right-width: 47px;
        border-left-width: 47px;
        margin-left: -50px;
    }

    .marked.recommended,
    .marked.recommended>div {

        font-size: 12px;

    }

    .thumbnails h3 {

        font-size: 14px;

    }

    .thumbnails .expanded .close {

        font-size: 20px;

        right: 15px;

        top: 5px;

    }

    .tab-ayuda .thumbnails>li:nth-child(3n+1) {


        clear: both;

    }

    /*ShortCuts*/

    .nav-shortcuts {

        display: table;

        width: 100%;

        margin-bottom: 0;

    }

    .nav-shortcuts li {

        display: table-cell;

        width: 1%;

        float: none;

        border-bottom: 1px solid #E6EEF2;

        border-top: 1px solid #E6EEF2;

        border-left: 1px solid #E6EEF2;

        padding: 15px 0;

        text-align: center;

        width: 33.333333333333333333333333%;

        background-color: #fff;

    }

    .nav-shortcuts.cols-2 li {

        width: 50%;

    }

    .nav-shortcuts.cols-4 {

        position: relative;

    }

    .nav-shortcuts.cols-4 li {

        width: 50%;

        float: left;

        display: block;

    }

    .nav-shortcuts.cols-4 li:nth-child(3) {

        clear: both;

        top: 100%;

    }

    .nav-shortcuts li {

        display: table-cell;

        width: 1%;

        float: none;

        border-bottom: 1px solid #E6EEF2;

        border-top: 1px solid #E6EEF2;

        border-left: 1px solid #E6EEF2;

        padding: 15px 0;

        text-align: center;

        width: 25%;

        background-color: #fff;

    }

    .nav-shortcuts li a {

        font-size: 13px;

        color: #000;

        font-weight: 600;

        display: block;

    }

    .nav-shortcuts li a:hover {

        text-decoration: none;

        opacity: .8;

    }

    .nav-shortcuts li i {

        display: block;

        font-size: 36px;

        color: #01B0EE;

        margin-bottom: 10px;

    }

    .nav-shortcuts li:first-child {

        border-left: none;

    }

    .super-tabs-panels .simple-carousel {

        margin-top: 40px;

        margin-bottom: 40px;

    }

    .shortcuts .nav {

        margin-bottom: 10px;

        margin-top: 20px;

    }

    .shortcuts .shortcut {

        margin-bottom: 10px;

    }

    .nav ul li.shortcut .inner {

        display: block;

        overflow: hidden;

        padding: 20px;

    }

    .nav ul li.shortcut i,

    .shortcut p {

        float: left;

    }

    .nav ul li.shortcut i {

        margin-right: 15px;

    }



    .shortcut i+p {

        margin-top: 15px;

    }

    .nav-top>.container-fluid {

        padding: 0;

    }

    .nav-top .nav-tabs.nav-user {

        float: left;

    }

    .nav-location.nav {

        margin: 0 0 0 0;

        padding: 6px;

        float: left;

        background-color: #fff;



    }

    .nav-location>li {

        padding-left: 0;
        padding-right: 5px;
        float: left;

    }

    .nav-location.nav>li>a {

        padding: 0 2px;

    }

    .nav-location.nav>li>a i {

        font-size: 20px;

        margin-top: 3px;

    }

    .navbar-nav .open .dropdown-menu.select-location {

        position: absolute;

        background-color: #fff;

        left: -5px;

        margin-top: 7px
    }

    .home .super-tabs-holder,
    .tabs-lg-holder {

        margin-top: 0;

    }

    .footer .navbar-collapse {

        background-color: transparent;

        box-shadow: none;

    }

    /*Grid adjustmenet to keep same module in different positions*/

    /*.container-resultados .resultado .item-terminal .col-md-5.img{

        width: 41.6667%;

        float: left;

    }

    .container-resultados .resultado .item-terminal .col-md-7{

        width: 58.3333%;

        float: left;

    }*/

    .container-resultados .resultado .item-accesorios .col-md-6 {

        width: 50%;

        float: left;

    }

    .container-resultados .resultado .item-terminal img.label-teminal {

        left: 50%;

        margin-left: -72px;

    }

    .container-resultados .resultado .item-terminal .item-link,

    .container-resultados .resultado .item-accesorios .item-link {

        font-size: 50px;

        margin-top: -20px;

        position: absolute;

        right: 20px;

        top: 50%;

    }

    .container-resultados .resultado .item-terminal .item-link:hover,

    .container-resultados .resultado .item-accesorios .item-link:hover {

        text-decoration: none;

    }

    .container-resultados .footer .pull-right,

    .container-resultados .footer .pull-left {

        float: none !important;

    }

    .nav-filtros.nav>li>a {

        padding: 10px 10px;

    }

    .bar-filtros .navbar-collapse {

        background-color: transparent;

        box-shadow: none;

    }

    .thumbnails .expanded h3 {

        margin-top: 20px;

    }

    .special-tabs-holder {

        margin-bottom: 0 !important;

    }



    .formOverMap {
        margin-left: -16.66666667%;
        left: 50%;

    }

    .list-features .feature:nth-child(2n+1) {

        clear: both;

    }

    .list-plans .marked {

        margin-top: 15px;

    }

    .text-medium-left {
        text-align: left !important;
    }

    /* TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 991px) */
    .roaming-marca-o-envia-sms-mexico-item-icon {
        width: 100%;
    }

    .roaming-marca-o-envia-sms-mexico-item-descripcion h1 {
        text-align: center !important;
    }

    .roaming-marca-o-envia-sms-mexico-item-descripcion {
        width: 100%;
        text-align: center !important;
    }

    .resultado-roaming-item-leyenda {
        padding-top: 10px;
    }

    .resultado-roaming-item-descripcion p {
        font-size: 13px !important;
    }

    .codigo-area {
        font-size: 34px !important;
    }

    .suma-simbolo {
        border: 3px solid #F2F7F9;
        background-color: white;
        border-radius: 100%;
        width: 50px;
        height: 50px;
        display: block;
        z-index: 1000;
        padding-top: 12px;
        text-align: center;
        position: absolute;
        top: 50px;
        right: -25px;
    }

    .suma-simbolo i {
        font-size: 25px;
    }

    /* FIN - TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 991px)*/

    /* ecommerce devices (max-width: 991px)*/
    .item-terminal-accesibility {
        height: 32px;
        display: block;
    }

    #deviceItems .item-terminal-description {
        height: 480px !important;
    }

    .item-terminal-description {
        height: 415px;
    }

    .owl-item .item-terminal-description {
        height: inherit;
    }

    .item-terminal .icon-Wheelchair {
        margin: 0 auto;
        text-align: center;
    }

    .resultados.smartphone-view .resultado .item-terminal {
        min-height: 700px;
    }

    .owl-item .item-terminal-description {
        height: inherit;
    }

    .detalle-planes-tablas .item .content .row-xs {
        display: table-cell;
    }

    .item-terminal .img,
    .item-accesorios .img {
        min-height: 220px;
    }

    .detalle-planes-tablas .marked {
        left: 98%;
        top: -60px;
        border-right-width: 70px;
        border-left-width: 70px;
        margin-left: -70px;
    }

    .list-plans .item .content .table-sm {
        padding: 10px;
    }

    .detalle-planes-tablas .list-plans .normal .content .column:last-child {
        border-right: 2px solid #F2F7F9;
    }

    .detalle-planes-tablas .destacada .row-xs .price {
        border-right: none !important;
    }

    /* FIN - ecommerce devices (max-width: 991px)*/
}

@media (min-width: 769px) {

    .centrar-en-movil {
        margin: 0 auto;
    }

    .list-promociones.fix-detail .text-medium {
        height: 100px;
    }

    .modal-sm {

        width: 490px;

    }

    .bar-filtros .filters-form {

        min-width: 205px;

    }

    .list-special-plans .item .price label {

        display: block;

    }

    .opcion-compra .list-plans .item .content .column.action .btn,

    .international-plans .list-plans .item .content .column.action .btn {

        margin-right: 20px;

    }



    .radio-group .radio-inline:first-child {

        padding-left: 0;

    }

    .list-ganadores .promo-content .marked {

        margin-left: 0;

        left: 30px;

    }



    .list-materias>li:nth-child(3n+1) {

        clear: both;

    }



    ul.row .col-sm-4:nth-child(3n+1) {

        clear: both
    }

    .list-terminales .item-link {

        display: none !important;

    }

    .list-bullets-content>li.col-sm-6:nth-child(2n+1) {

        clear: both;

    }

    /*BOF Comparador*/

    .compare-table>tbody>tr:not(:first-child)>td:first-child {

        padding-left: 20px;

    }

    .compare-table>tbody>tr:not(:first-child)>td:not(:first-child) {

        font-size: 14px;

    }

    .compare-table>tbody>tr>td>.wrapper-data.center {
        text-align: center;
    }

    .compare-table {

        margin-top: 60px;

        margin-bottom: 60px;

    }

    .compare-table.chip {
        width: 100%;
    }

    .compare-table>tbody>tr>td.ns1 {
        position: relative;
    }

    .compare-table>tbody>tr>td ul.ns2 {
        position: relative;
        overflow: hidden;
        margin-bottom: 50px;
    }

    .compare-table .phone-share.ns3 {
        position: absolute;
        bottom: 0px;
        width: 90%;
    }

    /*BOF Comparador planes*/
    .compare-table.plans>tbody>tr:not(:first-child)>td:first-child {
        position: relative;
        padding-right: 25px;
    }

    .compare-table.plans .img-circle {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    /*EOF Comparador*/

    /*BOF Checkout*/

    .checkout-header ul .feature {

        margin-left: 40px;

    }

    .checkout-header ul .feature:first-child {

        margin-left: 0;

    }

    .checkout-product .wrapper-price {

        border-left: 1px solid #e9ecef;

        border-right: 1px solid #e9ecef;

    }

    .checkout-product .wrapper-price {

        border-left: 1px solid #e9ecef;

        border-right: 1px solid #e9ecef;

    }

    .checkout-product .wrapper-detail,

    .checkout-product .wrapper-price {

        margin-top: 0;

        min-height: 188px;

    }

    .checkout-features .left {

        padding-right: 0;

    }

    .checkout-features .left .header {

        border-right: 3px solid #fff;

    }

    .checkout-features .left .wrapper-features {

        border-right-width: 3px;

        border-top-width: 0;

    }

    .checkout-features .right {

        padding-left: 0;

    }

    .checkout-features .right .header {

        border-left: 3px solid #fff;

    }

    .checkout-features .right .wrapper-features {

        border-left-width: 3px;

        border-top-width: 0;

    }

    .checkout-detail .header .col-center .title {

        margin-left: 10px;

    }

    .checkout-detail .header .col-right .title {

        text-align: right;

    }

    .checkout-detail .content .wrapper-amount {

        padding: 13px 0;

    }

    .checkout-detail .content .wrapper-total {

        padding: 18px 0;

    }

    .checkout-form-search {

        padding: 18px 30px;

    }

    /*EOF Checkout*/

    /*Old Browsers advice*/

    .oldBrowser {

        padding: 20px 0;

        position: fixed;

        z-index: 10000;

        width: 100%;

    }

    .oldBrowser i {

        font-size: 48px;

        float: left;

        display: inline-block;

        margin-right: 15px;

    }

    .oldBrowser strong {

        font-weight: 600;

        display: inline-block;

    }

    .oldBrowser p {

        font-size: 14px;

        margin-bottom: 0;

    }

    .oldBrowser .inner {

        float: left;

        display: inline-block;

        margin-right: 20px;

    }

    .top-pull-sm-1 {

        margin-top: -5px;

    }

}

@media (max-width: 479px) {

    .movi .main-slider .slider-text,
    .mobi .main-slider .slider-text {
        bottom: 10px !important;
    }

    .main-slider .slider-text>.slider-btn {
        margin-top: 10px !important;
    }

    .carousel-equipo.simple-carousel .owl-buttons {
        display: none;
    }

    .main-slider .title-plans,
    .main-slider .phrase-mexico {
        font-size: 30px !important;
    }

    /* Ficha equipos */
    .characteristic-buy-phone .options-buy li>a .f-z-17 {
        font-size: 15px !important;
    }

    .characteristic-buy-phone .options-buy li>a .f-z-22 {
        font-size: 18px !important;
    }

    .characteristic-buy-phone .options-buy li>a p {
        font-size: 13px;
    }

    .cont-btn-action-buy {
        width: 100% !important;
    }

    /* FIN Ficha equipos */
}

@media (max-width: 768px) {

    /*
    Tabla estilo 1
  */
    .tabla-estilo-1 .tabla-estilo-1-columna {
        font-size: 20px;
    }

    .main-slider .phrase-mexico {}

    .movi .main-slider .slider-text,
    .mobi .main-slider .slider-text {
        /* bottom: 55px !important; */
    }

    .main-slider .title-plans {
        margin: 5px 0px 0px 18px;
    }

    .tabla-estilo-1 .tabla-estilo-1-columna .destacado {
        font-size: 40px;
    }

    /*
    Fin Tabla estilo 1
  */

    .tabla-estilo-1 .tabla-estilo-1-columna {
        width: 25%;
        height: 150px;
    }

    .tabla-estilo-1 .tabla-estilo-1-columna .destacado {
        font-size: 27px !important;
    }

    .resultado-roaming-item-descripcion:first-child {
        padding-top: 45px;
    }

    .resultado-roaming-item-leyenda {
        padding-top: 30px;
    }

    .legend-tp {
        float: none;
        font-size: 12px;
        text-align: center;
        color: #999999;
        line-height: 10px;
    }

    .tab-content {
        text-align: left;
    }

    .table-responsive td {
        white-space: normal !important;
    }

    .table-responsive th {
        white-space: normal !important;
    }

    .text-small-left {
        text-align: left !important;
    }

    .img-center-xs {
        margin: 0 auto;
    }

    .main-slider .phrase-mexico .text-white {
        margin-bottom: 0px;
    }

    .f-z-25-sm {
        font-size: 25px !important;
    }

    .f-z-30-sm {
        font-size: 30px !important;
    }

    .img-responsive-inherit {
        width: inherit !important;
    }

    .carousel-container {
        /*top: 46px !important;*/
    }

    .centrar-en-movil {
        margin: 0 auto;
        text-align: center;
    }

    .tabsToselect-xs>ul.open {
        overflow: visible;
        height: auto;
        border: 1px solid #B8B8B8;
        margin-top: -2px;
        padding-top: 2px;
        border-top: none;
        z-index: 1998 !important;
    }

    .table-responsive {
        z-index: 800 !important;
    }

    .table-simple.table {
        margin-top: 0px;
    }

    .list-promociones.fix-detail .text-medium {
        height: 100px;
    }

    .list-promociones.fix-detail h4 {
        min-height: 45px;
    }

    .video-modal {
        width: 500px !important;
    }


    .list-plans .item .content .column:first-child {

        padding-left: 5px;
        width: 55%;
    }

    #tarifas2 .list-plans .item .content .column:first-child {
        padding-left: 5px;
        width: 28%;
    }

    .list-plans .item .content .column:last-child {

        padding-right: 5px;

    }

    .list-plans .item .content .row-xs>.table-sm>.column {

        font-size: 11px;

    }

    .list-plans .item .content .column strong span.text {

        font-size: 18px;

    }

    .list-plans .item .content .column strong span.number {

        font-size: 20px;

    }

    .list-plans .item .content .column .icon-TickNeg {

        font-size: 22px;

    }

    .list-plans .item .content .column strong {

        height: 34px;

        line-height: 29px;
    }

    /* Message Error */
    .msg-success,
    .msg-warning,
    .msg-infoalert,
    .msg-infocheck,
    .msg-infotxt {
        height: auto;
        padding: 15px 10px;
    }

    .msg-success span,
    .msg-warning span,
    .msg-infoalert span,
    .msg-infocheck span,
    .msg-infotxt span {
        float: left;
    }

    .msg-success span.txt,
    .msg-warning span.txt {
        width: 80%;
        margin: 0px;
    }

    .msg-infocheck .buttonPdf,
    .msg-infotxt .buttonPdf {
        width: 100%;
        text-align: center;
        margin-top: 5px;
        display: block;
    }

    /* Item Slider */



    .item-slider .list-plans .item .content .row-xs>.table-sm>.column {

        height: auto;

        font-size: 20px;

        line-height: 1.2;

    }

    .item-slider .list-plans .item .content .column strong {

        height: auto;

        line-height: 1.2;

    }

    .item-slider .list-plans .item .content .column .icon-TickNeg {

        font-size: 50px;

    }

    .item-slider .list-plans .item .content .column strong span.number {

        font-size: 48px;

    }

    .item-slider .list-plans .item .content .column strong span.text {

        font-size: 36px;

    }



    .text-center-xs {

        text-align: center;

    }

    .text-right-xs {

        text-align: right;

    }



    .header.header-main {

        height: 46px;

        min-height: 46px;

    }

    .navbar.navbar-static-top {

        margin-right: 170px;

    }

    .nav-location.nav {

        margin-top: -2px;
        padding: 8px 0px 8px 8px;
    }

    .nav-location.nav>li>a i,

    .nav-top .nav-tabs.nav-user>li>a:before {

        font-size: 24px;

    }

    .nav-top .nav-tabs.nav-user {

        margin-top: 0;
        margin-left: -5px;

    }

    .nav-top .nav-tabs.nav-user>li {

        margin-bottom: 0;

    }

    .nav-top .nav-tabs.nav-user>li>a {

        padding: 9px;

        max-height: 48px;

    }

    .nav-top .nav-tabs.nav-user>li>a i {

        font-size: 24px;

    }

    .dropdown-menu.login-box {

        margin-top: 44px;

    }

    .list-plans .item .content .column.action .prettycheckbox {

        top: 13px
    }



    .section-divider {

        padding-bottom: 40px;

        margin-bottom: 40px;

    }

    .section-divider.sticked-bottom {

        padding-bottom: 0;

    }

    .big-banner {

        margin-bottom: 40px;

        padding-bottom: 40px;

    }

    .equipos .hero {

        text-align: center;

    }

    .equipos .hero a.btn {

        margin: 40px 0;

    }

    .busqueda-equipos .filtros-extended .checkbox,

    .filtros-busqueda .filtros-extended .checkbox {

        float: left;

        width: 50%;

    }

    .busqueda-equipos .filtros-extended .checkbox+.checkbox,

    .filtros-busqueda .filtros-extended .checkbox+.checkbox {

        margin-top: 10px;

    }

    .busqueda-equipos .filtros-extended .checkbox:nth-child(2n+1),

    .filtros-busqueda .filtros-extended .checkbox:nth-child(2n+1) {

        clear: both;

    }

    .busqueda-equipos .filtros-extended .arrow-slideUp,

    .filtros-busqueda .filtros-extended .arrow-slideUp {

        margin-top: 40px;

    }

    .busqueda-equipos .filtros-extended h4,

    .filtros-busqueda .filtros-extended h4 {

        margin-top: 15px;

    }

    .carousel-otrossites {

        margin-bottom: 40px;

    }

    .metanav .navbar-right,

    .metanav .navbar-left {

        float: none;

    }

    .footer .metanav {

        background-color: #475659;

        margin-bottom: 0;

    }

    .footer .container-fluid {}



    #chat.open.chat-mobile {

        display: block;

        position: relative;

        width: 100%;

        max-width: 100%;

    }

    .main-footer {

        padding: 0;

    }

    .footer-nav>nav>.clearfix {

        border-bottom: 1px solid #6c787a;

        margin-bottom: 15px;

        padding-bottom: 10px;

        margin-left: -10px;

        margin-right: -10px;

    }

    .footer .navbar-social {

        margin-top: 20px;

        margin-bottom: 0;

    }

    .metanav .navbar-left {

        margin-bottom: 10px;

    }

    .footer .metanav {

        color: #6c787a;

        color: rgba(255, 255, 255, 0.2);
        ;

    }

    .footer .metanav a {

        color: #fff;

    }

    .container-resultados .resultado .item-terminal,

    .container-resultados .resultado .item-accesorios {

        min-height: 0;

    }

    .table-rd {

        display: table;

        width: 100%;

    }

    .bar-filtros {

        display: table-row;

    }

    .table-cell-rd {

        display: table-cell !important;

        vertical-align: top;

    }

    .bar-filtros .table-cell-rd {

        width: 33.33333333333333333%;

    }

    .bar-filtros .navbar-toggle {

        padding: 10px 0;

        margin: 0;

        float: left;

    }

    .nav-filtros {

        width: 290%;

        box-shadow: none;

        background-color: transparent;

        position: relative;

        top: 20px;

    }

    .buscador-generar-contenedor .nav-filtros {
        width: 100%;
    }

    .nav-filtros li {

        display: block;

        float: none;

    }

    .busqueda-equipos .header,
    .busqueda-equipos .filtros-extended,

    .filtros-busqueda .header,
    .filtros-busqueda .filtros-extended {

        margin-top: 0;

    }

    .slider-text {

        /*display: none;*/

    }



    .nav-location.navbar-nav .open .dropdown-menu {

        left: -50px;

    }

    .tabsToselect-xs-holder .tabs-lg-holder {
        background-image: none;
        border-top: 4px solid #f2f7f9;
        padding: 10px 0 20px 0;

    }

    .tabsToselect-xs .nav-pills-open {

        width: 100%;

        z-index: 100;

        display: inline-block;

    }

    .tabsToselect-xs>ul {

        background-color: #fff;

        border-radius: 0 0 4px 4px;

        height: 0;

        overflow: hidden;

        position: relative;

        width: 100%;
        z-index: 1050;
        display: inline-block;

    }

    .tabsToselect-xs>ul>li>a {

        background-color: #F2F7F9;

        color: #37b7f5;

    }

    .tabsToselect-xs>ul>li>a>h2 {

        color: #37b7f5;

    }

    .tabsToselect-xs>ul>li>a:hover>h2 {

        color: #fff;

    }

    .tabsToselect-xs>ul>li.active>a:hover>h2 {

        color: #000;

    }

    .list-special-plans .item .price-holder {

        margin-top: 20px;

    }

    .list-special-plans .item .price span {

        font-size: 30px;

    }

    .list-special-plans .item {

        margin-bottom: 60px;

    }

    .list-special-plans .item .price label,

    .list-special-plans .item .price small {

        font-size: 20px;

    }

    .ficha-equipo h1:first-child {

        margin-top: 40px;

    }

    .ficha-equipo .rating {

        right: 10px;

    }

    .modal-dialog {

        margin: 0 auto;

    }

    .bordered-grid {

        margin-right: 0;

    }

    .bordered-grid .item {

        border-right: none;

    }

    /*Special grid*/

    .grid-like-table {

        margin: 30px 0;

    }

    .grid-like-table .col-sm.row-xs {

        width: 100%;

        display: block;

        border: 10px solid #f2f7f9;

        border-bottom: none;

        padding: 30px;

        float: none;

        margin-bottom: 0;

        padding-bottom: 30px;

    }

    .grid-like-table .col-sm.col-sm:nth-child(2n) {

        border-left: 10px solid #f2f7f9;

    }

    .grid-like-table .col-sm.col-sm:nth-child(2n-1) {

        border-right: 10px solid #f2f7f9;

    }

    .radio-inline+.radio-inline,
    .checkbox-inline+.checkbox-inline {

        margin-left: 0;

    }



    .list-ganadores li .promo-img {

        margin-bottom: 40px;

    }



    .formOverMap {
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
    }

    .list-materias>li:nth-child(2n+1) {

        clear: both;

    }

    /*BOF Comparador*/

    .compare-table>tbody>tr>td {

        padding: 10px;

        font-size: 13px;

        width: 200px;

        min-width: 200px;

        max-width: 200px;

        white-space: normal;
        border-width: 3px 6px;
        border-color: #F2F7FA !important;
    }

    .compare-table>tbody>tr>td.phone-img {

        width: 80px;

        max-width: 80px;

        min-width: inherit;

        border-right: 0;

    }

    .compare-table>tbody>tr>td.phone-img~td {

        border-left: 0;

    }

    .compare-table>tbody>tr>td.phone-img img {

        min-width: 60px;

    }

    .compare-table>tbody>tr>td.phone-description {

        width: 175px;

        max-width: 175px;

        min-width: 175px;

    }

    .compare-table>tbody>tr>td.half {

        width: 100px;

        max-width: 100px;

        min-width: 100px;

    }

    /*EOF Comparador*/

    /*BOF Checkout*/

    .checkout-detail .wrapper-data-client {

        border-bottom: 1px solid #e9ecef;

    }

    .checkout-detail .comment {

        padding-bottom: 13px;

        border-bottom: 1px solid #e9ecef;

    }

    .btn-print {

        display: none;

    }

    .btn-lg {

        font-size: 16px;

    }

    /*EOF Checkout*/

    .sidebar {

        margin-top: 30px;

        padding-top: 30px;

        border: 2px solid #F2F7F9;

    }

    .js-form-tramites .col-sm-4 {

        margin-bottom: 20px;

    }



    .list-logos {

        text-align: center
    }

    .list-logos li {

        margin-bottom: 20px;

    }



    .modal-body .btn+.btn {

        margin-top: 20px;

        clear: both;

    }

    .radio-row:before {

        top: 27px;

    }

    .range-radio .prettyradio label {

        font-size: 15px;

    }

    /*Big Banner Valigned*/

    .big-banner .valign {

        text-align: center;

    }

    .big-banner .valigned {

        position: relative;

        top: 0;

        transform: none;

        -moz-transform: none;

        -webkit-transform: none;

    }

    .arrow-boxes-holder>div:last-child {

        margin-bottom: 0;

    }

    .form-search-terminal.w-percent>div,
    .form-data-terminal.w-a1>div,
    .form-normal.w-percent .b1 {
        z-index: 1030;
    }

    .form-search-terminal.w-percent>div+div,
    .form-data-terminal.w-a2>div,
    .form-normal.w-percent .b2 {
        z-index: 1020;
    }

    .form-search-terminal.w-percent>div+div+div,
    .form-data-terminal.w-a2>div+div,
    .form-normal.w-percent .b3 {
        z-index: 1010;
    }

    .zindex-1046 {
        z-index: 1046;
    }

    .zindex-1 .form-group.b1 {
        z-index: 1045;
    }

    .zindex-1 .form-group.b2 {
        z-index: 1044;
    }

    .zindex-1 .form-group.b3 {
        z-index: 1043;
    }

    .row-5-cols .col-sm-2 {
        width: 33%;
    }


    .table-responsive {
        white-space: nowrap;
    }

    /*
    .table-responsive:before {
        font-family: "TelcelFont";
        content: "\f108";
        color: #02B0EF;
        position: absolute;
        top: 5%;
        left: 10px;
        font-size: 60px;
        opacity: 0.3;
    }
    .table-responsive:after {
        font-family: "TelcelFont";
        content: "\f109";
        color: #02B0EF;
        position: absolute;
        top: 5%;
        right: 10px;
        font-size: 60px;
        opacity: 0.3;
    }


    .table-responsive:hover::before, .table-responsive:hover::after {
        display: block;
    }
    */


    .addsearch1 {
        display: inline-block;
        width: 74%;
        float: left;
    }

    .addsearch2 {
        width: 27%;
        display: inline-block;
        margin-left: -13px;
        float: left;
    }

    .addsearch2 .btn {
        padding: 12px 5px;
    }

    .addsearch1 input {
        font-size: 15px;
    }

    .top-push.nn1 {
        margin-top: 0px !important;
    }

    .text-small-left {
        text-align: left !important;
    }

    .titleListCenter {
        text-align: center;
    }

    /* TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 768px) */
    .contenedor-resultado-roaming {
        border-right: none !important;
        border-bottom: solid 4px #e4eef2;
    }

    .codigo-area {
        padding-top: 20px;
    }

    .roaming-marca-o-envia-sms-mexico-item {
        width: 33% !important;
    }

    .agregar-mas-paises {
        margin-left: 0px !important;
        width: 100%;
    }

    .agregar-mas-paises a {
        text-align: center;
        width: 100%;
        float: none !important;
        padding-top: 20px !important;
    }

    .tc-container .service {
        text-align: center !important;
    }

    .legend-tp {
        float: none;
        font-size: 12px;
        text-align: center;
        color: #999999;
        line-height: 10px;
    }

    .tab-content-blocks {
        text-align: left;
    }

    .table-responsive td {
        white-space: normal !important;
    }

    .table-responsive th {
        white-space: normal !important;
    }

    /* FIN - TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 768px) */

    /* ecommerce devices (max-width: 768px) */
    .item-terminal-accesibility {
        height: 32px;
        display: block;
    }

    /*.item-terminal-description{
    	height: inherit !important;
  	}

  	.resultados.smartphone-view .resultado .item-terminal{
    	min-height: inherit !important;
  	}*/

    .item-terminal .actions {
        margin-bottom: 10px !important;
    }

    .resultados.smartphone-view .resultado .prettycheckbox {
        position: relative !important;
        right: -10px !important;
        top: 0px !important;
    }

    .n-p-t-xs {
        padding-top: 0px !important
    }

    .n-m-t-xs {
        margin-top: 0px !important
    }

    .n-m-t-xs-40 {
        margin-top: 40px !important
    }

    .columna-xs-6 {
        width: 50%;
        float: left
    }

    .m-h-80-xs {
        min-height: 80px !important
    }

    .m-h-90-xs {
        min-height: 90px !important
    }

    .m-h-100-xs {
        min-height: 100px !important
    }

    .m-h-120-xs {
        min-height: 120px !important
    }

    .m-h-130-xs {
        min-height: 130px !important
    }

    .exclusivo-internet {
        float: none !important;
        margin: 0 auto;
        width: 120px;
        text-align: center
    }

    .characteristic-buy-phone .options-buy li>a {
        min-height: 370px;
    }

    /* FIN - ecommerce devices (max-width: 768px) */
}

@media (max-width: 768px) {

    .etiqueta-pais {
        width: 30%;
    }

    .customSelect {
        font-size: 16px;
    }

    .main-slider .slider-text>.slider-title {
        font-size: 50px !important;
    }

    .list-plans .item .content .column:first-child {
        width: auto !important;
    }

    .movi .main-slider .slider-text,
    .mobi .main-slider .slider-text {
        bottom: 10px !important;
    }

    .main-slider .title-plans {
        margin: 5px 0px 0px 18px;
    }

    /*.nav-location.navbar-nav .open .dropdown-menu{
        left: 0;
        top: 40px;
        position: fixed;
        max-width: 100%;
        background: aliceblue;
    }*/

    .legend-tp {
        float: none;
        font-size: 12px;
        text-align: center;
        color: #999999;
        line-height: 10px;
    }

    .table-responsive td {
        white-space: normal !important;
    }

    .table-responsive th {
        white-space: normal !important;
    }

    .text-small-left {
        text-align: left !important;
    }
}

@media (max-width: 1024px) {
    .carousel-ofertas .icon-SliderLeft {
        font-size: 60px;
    }

    .carousel-ofertas .icon-SliderRight {
        font-size: 60px;
    }

    .carousel-ofertas .owl-prev {
        left: -33px !important;
    }
}

.tabla-estilo-1-columna-nota {
    font-size: 13px;
}

@media (max-width: 480px) {
    .container-resultados .resultado .banner {
        min-height: 180px;
    }

    .resultados.smartphone-view .resultado {
        border-bottom: 10px solid #f2f7f9;
    }

    .tabla-estilo-1 .tabla-estilo-1-columna {
        width: 25%;
        height: 165px;
        padding: 0px;
    }

    .tabla-estilo-1-columna-nota {
        font-size: 20px;
    }

    .tabla-estilo-1 .tabla-estilo-1-columna .destacado {
        font-size: 23px !important;
    }

    .main-slider .phrase-mexico {
        margin-bottom: 0px !important;
    }

    .list-plans .item .content .table-sm {
        padding: 10px 0;
    }

    .tabla-estilo-1 .tabla-estilo-1-columna {
        width: 25%;
        height: 165px;
    }

    .tabla-estilo-1 .tabla-estilo-1-columna .destacado {
        font-size: 23px !important;
    }

    .main-slider .phrase-mexico {
        margin-bottom: 0px !important;
    }

    .legend-tp {
        float: none;
        font-size: 12px;
        text-align: center;
        color: #999999;
        line-height: 10px;
    }

    #naviera_contenedor {
        padding-left: 50px;
    }

    #transporte_contenedor {
        padding-left: 50px;
    }

    .itinerario_paises_select {
        width: 80%;
        margin-bottom: 5px;
    }

    .itinerario_ship_select {
        width: 80%;
        margin-bottom: 5px;
    }

    .cruise_select {
        width: 80%;
        margin-bottom: 5px;
    }

    .ciudad-select {
        width: 80%;
    }


    .list-plans .item .content .row-xs>.table-sm>.column {
        font-size: 15px;
    }

    .list-plans .item .content .column strong span.number {
        font-size: 16px;
    }

    .main-slider .phrase-mexico .text-white {
        /*         margin-bottom: -75px !important; */
    }

    .main-slider .title-plans {
        margin: 30px 0px 0px 18px !important;
    }

    .responsive-with-adjustment {
        width: 85% !important;
        float: right !important;
    }

    .text-extra-small-left {
        text-align: left !important;
    }

    .p-t-15-xs {
        padding-top: 15px !important;
    }

    .f-z-20-xs {
        font-size: 20px !important;
    }

    .f-z-25-xs {
        font-size: 25px !important;
    }

    .f-z-30-xs {
        font-size: 30px !important;
    }

    .w-140-xs {
        width: 140px !important;
    }

    .w-225-xs {
        width: 225px !important;
    }

    .carousel-container {
        height: 90px;
        /*top: 46px !important;*/
        position: fixed;
        z-index: 1999;
        background-color: #e4eef2;
    }

    .carousel-menu-responsive {
        display: block;
        overflow-x: scroll;
        overflow: -moz-scrollbars-none;
        height: 90px;
        text-align: center;
        float: left;
    }

    .inner-carousel {
        display: block;
        height: 100%;
        margin: 0 auto;
    }

    .carousel-menu-responsive a {
        width: 130px;
        height: 80px;
        display: block;
        float: left;
        padding: 15px;
    }

    .carousel-menu-responsive a:hover {
        text-decoration: none;
    }

    .carousel-menu-responsive .active {
        color: #ff5b00 !important;
    }

    .carousel-menu-responsive .active h2 {
        color: #ff5b00 !important;
    }

    .carousel-menu-responsive h2 {
        font-size: 12px;
        color: #95a2a5;
        margin: 0px !important;
    }

    .carousel-menu-responsive i {
        font-size: 22px;
    }

    .arrow-container-left i {
        font-size: 40px;
    }

    .arrow-container-right i {
        font-size: 40px;
    }

    .arrow-container-left {
        text-align: center;
        float: left;
        width: 35px;
        padding-top: 25px;
    }

    .arrow-container-right {
        text-align: center;
        float: right;
        width: 35px;
        padding-top: 25px;
    }

    .resultado-ajax-contenedor .box-min div {
        height: 190px !important;
    }

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


    .contenedor-col-imagen-texto {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .contenedor-col-imagen-texto .primero {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .container .segundo {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .customSelect {
        font-size: 16px;
    }


    .nuevo .img .label {
        left: 0px !important;
    }

    .ganadores-promo-anterior .btn {
        white-space: normal;
        float: none !important;
    }

    .ganadores-promo-anterior ul {
        float: none !important;
    }

    /*Especific grid for extra small devices*/

    .shortcut p {
        text-align: left;
    }

    .sidr ul li {
        float: none;
    }

    .table-simple .service {
        padding-left: 0px !important;
    }


    .list-promociones.fix-detail .text-medium {
        height: 100px;
    }

    .list-promociones.fix-detail h4 {
        min-height: 45px;
    }

    .video-modal {
        width: 400px !important;
    }



    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {

        width: 100%;

        float: none;

    }

    .col-xxs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xxs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xxs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xxs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xxs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xxs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xxs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xxs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xxs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xxs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xxs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xxs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {

        position: relative;

        min-height: 1px;

        padding-left: 10px;

        padding-right: 10px;

    }

    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11,
    .col-xxs-12 {

        float: left;

    }

    .col-xxs-12 {

        width: 100%;

    }

    .col-xxs-11 {

        width: 91.66666666666666%;

    }

    .col-xxs-10 {

        width: 83.33333333333334%;

    }

    .col-xxs-9 {

        width: 75%;

    }

    .col-xxs-8 {

        width: 66.66666666666666%;

    }

    .col-xxs-7 {

        width: 58.333333333333336%;

    }

    .col-xxs-6 {

        width: 50%;

    }

    .col-xxs-5 {

        width: 41.66666666666667%;

    }

    .col-xxs-4 {

        width: 33.33333333333333%;

    }

    .col-xxs-3 {

        width: 25%;

    }

    .col-xxs-2 {

        width: 16.666666666666664%;

    }

    .col-xxs-1 {

        width: 8.333333333333332%;

    }

    .col-xxs-pull-12 {

        right: 100%;

    }

    .col-xxs-pull-11 {

        right: 91.66666666666666%;

    }

    .col-xxs-pull-10 {

        right: 83.33333333333334%;

    }

    .col-xxs-pull-9 {

        right: 75%;

    }

    .col-xxs-pull-8 {

        right: 66.66666666666666%;

    }

    .col-xxs-pull-7 {

        right: 58.333333333333336%;

    }

    .col-xxs-pull-6 {

        right: 50%;

    }

    .col-xxs-pull-5 {

        right: 41.66666666666667%;

    }

    .col-xxs-pull-4 {

        right: 33.33333333333333%;

    }

    .col-xxs-pull-3 {

        right: 25%;

    }

    .col-xxs-pull-2 {

        right: 16.666666666666664%;

    }

    .col-xxs-pull-1 {

        right: 8.333333333333332%;

    }

    .col-xxs-pull-0 {

        right: 0;

    }

    .col-xxs-push-12 {

        left: 100%;

    }

    .col-xxs-push-11 {

        left: 91.66666666666666%;

    }

    .col-xxs-push-10 {

        left: 83.33333333333334%;

    }

    .col-xxs-push-9 {

        left: 75%;

    }

    .col-xxs-push-8 {

        left: 66.66666666666666%;

    }

    .col-xxs-push-7 {

        left: 58.333333333333336%;

    }

    .col-xxs-push-6 {

        left: 50%;

    }

    .col-xxs-push-5 {

        left: 41.66666666666667%;

    }

    .col-xxs-push-4 {

        left: 33.33333333333333%;

    }

    .col-xxs-push-3 {

        left: 25%;

    }

    .col-xxs-push-2 {

        left: 16.666666666666664%;

    }

    .col-xxs-push-1 {

        left: 8.333333333333332%;

    }

    .col-xxs-push-0 {

        left: 0;

    }

    .col-xxs-offset-12 {

        margin-left: 100%;

    }

    .col-xxs-offset-11 {

        margin-left: 91.66666666666666%;

    }

    .col-xxs-offset-10 {

        margin-left: 83.33333333333334%;

    }

    .col-xxs-offset-9 {

        margin-left: 75%;

    }

    .col-xxs-offset-8 {

        margin-left: 66.66666666666666%;

    }

    .col-xxs-offset-7 {

        margin-left: 58.333333333333336%;

    }

    .col-xxs-offset-6 {

        margin-left: 50%;

    }

    .col-xxs-offset-5 {

        margin-left: 41.66666666666667%;

    }

    .col-xxs-offset-4 {

        margin-left: 33.33333333333333%;

    }

    .col-xxs-offset-3 {

        margin-left: 25%;

    }

    .col-xxs-offset-2 {

        margin-left: 16.666666666666664%;

    }

    .col-xxs-offset-1 {

        margin-left: 8.333333333333332%;

    }

    .col-xxs-offset-0 {

        margin-left: 0;

    }

    [class*="col-xs-offset"] {

        margin-left: 0;

    }

    .top-push-xxs {
        margin-top: 40px;
    }

    .top-push-xxs.super {
        margin-top: 60px;
    }

    .top-push-xxs.half {
        margin-top: 20px;
    }

    .top-push-xxs.quarter {
        margin-top: 10px;
    }

    .top-push-xxs.mini {
        margin-top: 5px;
    }

    .text-center-xxs {

        text-align: center;

    }

    .text-right-xxs {

        text-align: right;

    }

    .clear-row-xxs {

        clear: both;

        margin-left: 0;

        display: block;

    }

    .modal-segmentacion .modal-title,

    .modal-segmentacion h2.modal-title small {

        font-size: 18px
    }



    .modal-segmentacion .modal-header {

        padding: 30px 20px 10px;

    }

    .login-box .inner {

        min-width: 300px;

    }

    .login-box .login-title {

        padding: 15px 14px;

    }

    .login-box .list-icon-small {

        display: none;

    }

    .navbar-social .nav>li {

        margin-right: 5px;

    }

    .navbar-social .nav>li:last-child {

        margin-right: 0px;

    }

    .navbar-social .nav>li>a i {

        font-size: 38px;

    }

    .container-resultados .resultado .item-terminal,

    .container-resultados .resultado .item-accesorios {

        padding: 0 15px 30px 0;

    }

    .container-resultados .resultados.inner {

        margin-right: 0;

    }

    .container-resultados .resultado {

        border-right: none;

    }

    .container-resultados .resultado .item-terminal img.label-teminal {

        margin-left: -62px;

    }

    .container-resultados .resultado .item-terminal .item-link,

    .container-resultados .resultado .item-accesorios .item-link {

        font-size: 40px;

        margin-top: -16px;

        position: absolute;

        right: 10px;

        top: 50%;

    }

    .container-resultados .footer .btn-lg {

        font-size: 16px;

    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {

        padding: 10px 14px;



    }

    .footer .pagination-lg>li>a,

    .footer .pull-left {

        font-size: 17px;

    }

    .footer .pagination-lg>li>a>i {

        font-size: 23px;

        line-height: 23px;

        margin-top: 1px;

    }

    .guias .media-body {

        text-align: center;

    }

    .guias .media-body .btn.pull-right {

        float: left !important;

        margin-top: 10px;

    }

    .guias .media-body p,
    .guias .media-body h3 {

        margin-right: 0;

        text-align: left;

    }

    .media-body a {

        position: relative;

    }

    .angle {

        bottom: -60px;

    }

    .angle-holder {

        padding-bottom: 70px;

        overflow: hidden;

    }

    .side-link {

        display: block;

        margin-left: 0;

    }

    .list-plans .item .content {

        padding-top: 0px;

    }

    .list-plans .item .content .column strong,

    .list-plans .item .content .row-xs>.table-sm>.column.price {

        font-size: 26px;

    }



    .list-plans .item .content .row-xs>.table-sm>.column {

        font-size: 10px;

    }

    .list-plans .item .content .column strong span.text {

        font-size: 12px;

    }

    .list-plans .item .content .column strong span.number {

        font-size: 14px;

    }

    .list-plans .item .content .column .icon-TickNeg {

        font-size: 18px;

    }

    .list-plans .item .content .column strong {

        height: 20px;

        line-height: 19px;

    }

    .list-special-plans .item .price span {

        font-size: 50px;

    }

    .list-special-plans .item .price label,

    .list-special-plans .item .price small {

        font-size: 25px;

    }

    .table-simple.table>thead>tr>th,

    .table-simple.table>tbody>tr>th,

    .table-simple.table>tfoot>tr>th,

    .table-simple.table>thead>tr>td,

    .table-simple.table>tbody>tr>td,

    .table-simple.table>tfoot>tr>td {

        padding: 6px;

    }



    .modal-plan .icon-TelcelLogo {

        font-size: 170px;

        line-height: 30px;

        max-height: 30px;

    }

    .modal-plan h1 {

        font-size: 24px;

    }

    .modal-plan h2.price {
        font-size: 38px;

    }

    .modal-plan .bg_dark_blue .logo {

        text-align: center;

        float: none
    }

    .modal-plan .bg_dark_blue .logo .btn {

        float: none;

    }



    .modal-plan .bg_dark_blue .form-horizontal .btn {

        float: none !important;

        margin-top: 20px;

    }

    h2.price small {

        display: block;

    }

    .list-plans .item .content .row-xs>.table-sm>.column.price,

    .list-plans .item .content .row-xs>.table-sm>.column.action {

        display: block;

        position: relative;

        width: 100%;

    }

    .opcion-compra .list-plans .item .content .column.action .btn {

        top: 10px;

    }

    .simple-carousel .owl-carousel .item-terminal {

        padding-left: 0;

    }

    .highlighted-block {

        padding: 20px;

    }

    .formOverMap {

        left: 8.333333333333332%;

        margin-left: 0;

    }

    .vertical-divider-xs>div[class^="col-"] {

        border-right: none;

        border-left: none;

    }

    .ico-circle-large.prettyradio {

        margin-bottom: 25px;

    }



    .list-plans .item .content .column.double {

        min-width: 20%;

        padding: 0 10px;

        vertical-align: middle;

    }

    .hidden-xxs {

        display: none !important;

    }

    .list-claroservices {

        text-align: center;

    }

    .list-claroservices li {

        min-width: 106px;

    }

    /*.radio-row:after{

        top: -55px

    }*/

    .range-radio .prettyradio label {

        font-size: 12px;

    }

    .range-radio .prettyradio label span {

        display: none;

    }

    .box-plans-padding-blue {

        padding: 10px !important;

    }

    .box-plans-padding-grey {

        padding: 10px;

    }

    .list-plans .marked {

        margin-top: 15px;

    }

    .pull-left-xxs-4 {

        margin-left: -20px;

    }

    .pull-right-xxs-4 {

        margin-right: -20px;

    }

    .bg_blue .list-plans .inner,

    .inner.sugerencias {

        padding: 20px;

    }

    .modal-plan .content {

        padding: 10px 10px 20px 10px;
    }

    .row-5-cols .col-xs-6 {
        width: 100%;
    }

    .list-ganadores .winners-list li b,
    .list-ganadores .items-list li.list {
        width: 100%;
        display: block;
    }

    .list-ganadores .winners-list li small,
    .list-ganadores .items-list li.photo {
        width: 100%;
        display: inline-block;
    }

    .list-ganadores .winners-list li {
        margin-bottom: 15px;
    }

    .list-ganadores .items-list li.photo {
        margin-top: 0px;
    }

    .list-ganadores li .promo-img {
        padding-right: 10px;
    }

    .list-ganadores .marked {
        top: -260px;
    }

    .list-ganadores li .promo-content .inner {
        padding-top: 0px;
        margin-top: -20px;
    }

    .list-plans .item .content .row-xs.c8 .table-sm .column {
        width: 100%;
        display: inline-block;
        overflow: hidden;
        border-right: none;
    }

    .modal-dialog.modal-xs.bb4fade {
        max-width: 560px;
        width: 100%;
    }

    .box-up-colored span,
    .box-up-colored img {
        display: block;
        text-align: center;
        margin: 0px auto;
    }

    .box-up-colored.tall.green img {
        display: none;
    }

    .marked.sugested,
    .marked.recommended,
    .marked.sugested>div,
    .marked.recommended>div {
        min-width: 55px;
    }

    .marked.sugested>div,
    .marked.recommended>div {
        padding: 3px 12px;
    }



    .marked .telcelbold {
        font-size: 20px;
    }

    .marked {
        margin-left: -40px;
    }

    .marked>div::after,
    .marked::after {
        border-right-width: 38px;
        border-left-width: 38px;
        margin-left: -38px;
    }

    .marked .telcelbold small {
        font-size: 13px !important;
        font-weight: normal;
    }

    .international-plans .marked {
        top: -75px;
    }

    .text-extra-small-left {
        text-align: left !important;
    }

    /* TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 480px) */
    #paises_contenedor .chosen-container {
        width: 90% !important;
    }

    #buscar-roaming {
        white-space: normal !important;
    }

    .mapas-coberturas {
        padding: 0 20px 0 1px;
    }

    .mapas-coberturas .gallery .thumbs {
        padding: 0 20px;
        margin-left: 10px;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-prev {
        text-indent: 0px;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-next {
        text-indent: 0px;
    }

    .mapas-coberturas .gallery .thumbs .owl-item {
        width: 75px !important;
        margin-top: 10px;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-prev {
        left: -23px;
        margin-top: 0px;
    }

    .mapas-coberturas .gallery .owl-controls .owl-buttons div.owl-next {
        margin-top: 0px;
    }

    .legend-tp {
        float: none;
        font-size: 12px;
        text-align: center;
        color: #999999;
        line-height: 10px;
    }

    #naviera_contenedor {
        padding-left: 50px;
    }

    #transporte_contenedor {
        padding-left: 50px;
    }

    .itinerario_paises_select {
        width: 80%;
        margin-bottom: 5px;
    }

    .itinerario_naviera_select {
        width: 80%;
        margin-bottom: 5px;
    }

    .ciudad-select {
        width: 80%;
    }

    .list-plans .item .content .row-xs>.table-sm>.column {
        font-size: 15px;
    }

    .list-plans .item .content .column strong span.number {
        font-size: 16px;
    }

    .responsive-with-adjustment {
        width: 85% !important;
        float: right !important;
    }

    .text-extra-small-left {
        text-align: left !important;
    }

    h1 {
        font-size: 22px;
    }

    /* FIN - TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 480px) */

    /* ecommerce devices (max-width: 480px)*/
    .item-terminal-offers {
        min-height: inherit !important;
    }

    .item-terminal-accesibility {
        height: 32px;
        display: block;
    }

    .resultados.smartphone-view .resultado .item-terminal {
        min-height: inherit !important;
    }

    .item-terminal-accesibility {
        height: inherit !important;
    }

    .item-terminal .actions {
        margin-bottom: 10px !important;
    }

    .resultados.smartphone-view .resultado .prettycheckbox {
        position: relative !important;
        right: -10px;
        top: 0px;
    }

    .meses-sin-intereses h4 {
        font-size: 20px !important;
    }

    .meses-sin-intereses-etiqueta {
        float: none;
        width: 100%;
    }

    .meses-sin-intereses-tarjetas {
        width: 50%;
    }

    .meses-sin-intereses-derecho {
        border-left: 2px #0A3D79 solid;
    }

    /* FIN - ecommerce devices (max-width: 480px)*/

}

@media (max-width: 360px) {

    .video-modal {
        width: 400px !important;
    }


    .table-simple.table {
        margin-top: 0px;
    }

    .form-action-basic .button-to-left.ssd1 {
        position: relative;
    }

    .btn-primary.ssd2 {
        margin-left: 30%;
    }

    .form-control.middle {
        width: 100%;
    }

    .checkout-form .panel .panel-heading .list-cards>li {
        padding: 0;
    }

    .checkout-form .panel .panel-heading .list-cards {
        margin-left: 24px;
    }

    .owl-wrapper .owl-item img {
        margin: 0 auto;
    }

    ul.text-medium {
        margin-top: 30px;
    }

    .compare-table .wrapper-data.min-mobile-option {
        width: 340px;
    }

    .compare-table .wrapper-data.min-mobile-option.nd2s {
        width: 320px;
    }

    .form-order-plans .total-ammount {
        width: 100%;
    }

    .form-order-plans .total-ammount span,
    .form-order-plans .total-ammount button {
        width: 49%;
        display: inline-block;
        margin-right: 0px;
    }

    .form-order-plans .total-ammount span {
        font-size: 35px;
    }

    .form-order-plans .total-ammount button {
        padding: 10px 25px;
    }

    .msg-success span.txt,
    .msg-warning span.txt,
    .msg-infoalert span.txtmin,
    .msg-infocheck span.txtuni,
    .msg-infotxt span.txtmin {
        width: 75%;
    }

    .hiddenMarked {
        display: none;
    }

}


/*
    Utilidades Grid
*/
.p-10 {
    padding: 10px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.inline {
    display: inline;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-15 {
    padding-right: 15px !important;
}



/*
    Fin de utilidades grid
*/

.ayuda-desbloqueo {
    font-size: 32px;
    padding: 10px;
}

.mensaje-contenedor {}

span.mensaje-exito {
    font-size: 0.8em;
    font-weight: bold;
    color: #999;
}


span.mensaje-falla {
    font-size: 0.8em;
    font-weight: bold;
    color: #999;
}


.bg-light-grey2 {
    background-color: #f2f7f9;
    padding: 20px;
    border: 1px solid #d9d9d9;
    float: left;
}

.bg-light-grey3 {
    background-color: #f2f7f9;
    height: 150px;
    border: 1px solid #d9d9d9;
}



.result-desbloq {}


.resultado-ajax-contenedor {
    border-right: none;
    padding-bottom: 20px;
}

.resultado-ajax-contenedor .box-min div {
    border: 1px solid #bfbfbf;
    background: #fff;
    padding: 10px 10px 0px 10px;
    height: 120px;
}


.resultado-ajax-contenedor .box-min .col-1 {
    text-align: center;
    border-right: none;
    padding-bottom: 5px;
}

.resultado-ajax-contenedor .box-min .col-1 i {
    font-size: 90px;
    color: #000;
}



.border-right-force-light-grey {
    border-right: 1px solid #bfbfbf !important;
}

.brand-logo-support img {
    height: 100px;
}

.a-h {
    height: auto !important;
}

.p-20 {
    padding: 20px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-b-10 {
    margin-bottom: 10px;
}


.m-b-20 {
    margin-bottom: 20px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.border-grey-4 {
    border: 4px solid #E4EEF2;
}

.select_movil {
    width: 100%;
}

.zindex1000 .chosen-container .chosen-drop {
    z-index: 2000 !important;
}

.zindex100 {
    z-index: 100 !important;
}

.sin-zindex .chosen-container {
    z-index: none;
}

.scroll-horizontal {
    overflow-x: scroll;
}


.nowrap {
    white-space: nowrap;

}

.scroll-horizontal {
    overflow-x: scroll;
}


.fineprint {
    font-size: 13px;
    color: #999;
}

.fineprint h4 {
    font-size: 16px;
    color: #999;
    font-weight: bold;
}

.fineprint li {
    padding: 3px;
}

.txt-20pt {
    font-size: 28px;
}

.lista-con-vistos span {
    padding: 10px;
}

.lista-con-vistos ul li {
    list-style: none;
    font-size: 30px;
    color: #999;
    padding: 5px;
}

.modal-backdrop {
    z-index: 3000 !important;
}

.modal {
    z-index: 9001 !important;
}

.uppercase {
    text-transform: uppercase;
}


.navbar-social-modal h4 {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin-bottom: 20px;
}

.navbar-social-modal {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
}


.navbar-social-modal i {
    color: #01B0EE;
    display: block;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
}


.navbar-social-modal .nav>li {
    float: left;
    margin-right: 10px;
}

.navbar-social-modal .nav>li>a {
    padding: 0px;
    overflow: hidden;
    height: 40px;
}

.video-modal {
    width: 900px;
}

.banner_idiomas {
    /*background-image: url('clientlib-base/img/images/visita_mexico.jpg');*/
    background-size: cover;
    height: 450px;
}

.m-h-50 {
    min-height: 50px !important;
}

.m-h-60 {
    min-height: 60px !important;
}

.m-h-80 {
    min-height: 80px !important;
}

.m-h-100 {
    min-height: 100px !important;
}

.m-h-190 {
    min-height: 190px !important;
}

.m-h-200 {
    min-height: 200px !important;
}

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

.m-h-400 {
    min-height: 400px !important;
}

.m-t-15 {
    margin-top: 15px;
}

/*
.border-inner-blue{
    border: 4px solid #E4EEF2;
    padding: 0px;
}

.border-inner-blue .box-arrow .content{ border: none; }



#angle-photo{
    position: absolute;
}

.box-arrow.photo .angle{
    bottom: -12px;
}

*/

.box-arrow-header {
    height: 260px !important;
    position: relative;
    overflow: hidden;
    font-size: 100%;
}

.box-arrow-header small {
    height: 105px !important;
    width: 100%;
    overflow: hidden;
    white-space: normal;
    font-size: 1.2vmin;
}

.box-arrow-header.auto {
    height: 184px !important;
}

.box-arrow-header.auto small {
    height: auto !important;
}

.box-arrow.photo img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.box-arrow.photo .angle {
    bottom: 85px;
}

.content-box-link {
    height: 30px;
    display: block;
}

.navbar-static-top {
    z-index: 2000;
}

.nav-main-bar.afixed {
    z-index: 2001;
}


.modal-dialog-center {
    margin-top: 25%;
}

.separador-superior {
    border-top: 10px solid #f2f7f9;
}

.ch-level-1 .chosen-container {
    z-index: 1002;
}

.ch-level-2 .chosen-container {
    z-index: 1001;
}

.ch-level-3 .chosen-container {
    z-index: 1000;
}

.buscador-noticias input {
    width: 100% !important;
}


.ayuda-desbloqueo:hover {
    text-decoration: none;
}


@media (min-width: 768px) {
    .buscador-noticias .form-inline .form-control {
        width: 100%;
    }

    .resultado-ajax-contenedor .form-inline .form-group {
        vertical-align: top !important;
    }

    .resultado-ajax-contenedor .form-inline .help-block {
        width: 200px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

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

    .contenedor-col-imagen-texto {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .contenedor-col-imagen-texto .primero {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .container .segundo {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .footer .navbar-social .nav>li {
        float: none;
    }

    .footer .navbar-social .nav>li:first-child {
        display: none;
    }

    .columna-xs-6 {
        width: 50%;
        float: left;
    }

    .roaming-marca-o-envia-sms-mexico-item {
        width: 100%;
    }

    .etiqueta-pais {
        width: 100%;
        text-align: center;
    }

    .lista-paises {
        width: 100%;
        text-align: center;
    }

    .customSelect {
        margin-bottom: 5px;
    }

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

    .contenedor-col-imagen-texto {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .contenedor-col-imagen-texto .primero {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .container .segundo {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .text-left-xs {
        text-align: left !important;
    }

    /* TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 767px) */
    .suma-simbolo {
        border: 3px solid #F2F7F9;
        background-color: white;
        border-radius: 100%;
        width: 50px;
        height: 50px;
        display: block;
        z-index: 1000;
        padding-top: 12px;
        text-align: center;
        position: absolute;
        top: 125px;
        right: 0px;
        left: 0px;
        margin: 0 auto;
    }

    .suma-simbolo i {
        font-size: 25px;
    }

    .customSelect {
        margin-bottom: 5px;
    }

    .eliminar_transporte span {
        display: none;
    }

    .eliminar_transporte {
        right: 0px;
    }

    #paises_contenedor {
        padding-left: 0px;
        clear: both;
    }

    #paises_contenedor .form-group {
        margin: 0px 0px 0px 2px !important;
    }

    #paises_contenedor .form-group select {
        width: 90% !important;
        margin-bottom: 5px;
    }

    .btn-celeste {
        width: 100%;
        text-align: center;
    }

    .control-paises {
        width: 100%;
        float: none;
        clear: both;
        padding: 4px;
    }

    .agregar-mas-paises {
        margin-left: 0px !important;
        width: 100%;
    }

    .agregar-mas-paises a {
        text-align: center;
        width: 100%;
        float: none !important;
        height: 50px;
        line-height: 25px;
    }

    #paises_contenedor .chosen-container {
        width: 95% !important;
    }

    .columna-xs-12 {
        width: 100%;
        float: left;
    }

    /* FIN - TMTTO2016-269 Ya estoy en el extranjero. Mejoras (max-width: 767px) */

    /* ecommerce devices (max-width: 767px)*/
    .item-terminal-accesibility {
        height: 32px;
        display: block;
    }

    /* FIN - ecommerce devices (max-width: 767px)*/

    /* Ficha equipos (max-width: 767px)*/
    .detail-options-buy .cont-calculator-buy>div:nth-child(2) .what-calculated:after {
        top: 0;
        margin-top: -24px;
        left: 50%;
        margin-left: -26px;
    }

    .carousel-equipo.owl-carousel .owl-item img {
        margin: 0 auto;
    }

    /* FIN Ficha equipos (max-width: 767px)*/
}

@media (min-width: 992px) and (max-width: 1060px) {

    li.personas>div.m-l-185-sm {
        margin-left: 185px !important;
    }

    li.empresas>div.m-l-185-sm {
        margin-left: 115px !important;
    }

    .ganadores-promo-anterior .btn {
        white-space: normal;
        float: none !important;
    }

    .ganadores-promo-anterior ul {
        float: none !important;
    }

    .navbar-search {
        position: relative;
        z-index: 2003;
    }

    .navbar-form .input-group>.form-control {
        padding-left: 0;
        padding-right: 0;
        -moz-transition: width 0.2s ease-in-out;
        -webkit-transition: width 0.2s ease-in-out;
        transition: width 0.2s ease-in-out;
        border: 1px solid #dbe5e7;
        position: relative;
        z-index: 2003;
    }

    .navbar-form:hover .input-group>.form-control {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        border-width: 1px;

        /*max-width: 120px;*/
    }
}

@media (min-width: 767px) and (max-width: 769px) {
    .parsys.body_accordion .hidden-xs {
        display: block !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .form-control.middle {
        width: 100%;
    }

    .btn-primary.ssd2 {
        margin-left: 35%;
    }
}

/*Xumak's fixes*/

.modal-print-content .xk-domesticplandetails-footer-print {
    padding: 40px;
}

.xk-domesticplandetails .logo .btn {
    float: right;
}

.xk-domesticplandetails .logo .icon-Print {
    font-size: 25px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.modal-print-content .pull-right {
    display: none;
}

.xk-video {
    max-width: 100%;
    max-height: 100%;
}

.big-banner.img-right>.container-fluid>.row>div[class^="col-"] {
    float: right;
}

.xk-pointofsaleonus {
    margin-top: 30px;
}

/*#videotutorialsContent .expanded h3 {
    height:150px;
}

#videotutorialsContent .expanded .xk-description {
    height:100px;
}*/

#videotutorialsContent .opened {
    height: auto !important;
}

.buscador-noticias input {
    width: 100% !important;
}



.generictabcontainer-xs {
    min-height: 300px;
}

.sociallist-xk {
    padding-left: 0px !important;
}

.sociallisticon-xk {
    margin-left: 0px !important;
}


/*estilo para fix de lista de pasos con imagen 19/OCT/2015*/
.text-center {
    text-align: center;
}


/*ESTILOS MUNDO TELCEL*/
.mundo .navbar-nav.nav-main>li>a {
    font-size: 15px;
}

.xk-show-after-load {
    display: none;
}


/*FIX JIRA 400*/
.btn-icono {
    white-space: inherit;
    position: relative;
    text-align: left;
}

/* Alert procedure finder*/
.bg-alert {
    background: #e41785;
    color: #FFF;
}

.xk-modalsectores-header .xk-modalsectores-icon {

    display: inline-block;

    overflow: hidden;

    font-size: 180px;

    line-height: 50px;

    max-height: 50px;

}

.xk-modalsectores-header .icon-TelcelLogo {
    color: #0A3D7E;
}

.f-z-22 {
    font-size: 22px !important;
}

.blanco {
    color: #FFFFFF;
}

.n-m {
    margin: 0px !important;
}

.movi .main-slider .slider-text,
.mobi .main-slider .slider-text {
    width: 100%;
    margin: 0 auto !important;
    text-align: center !important;
    top: auto !important;
    -webkit-transform: translateY(0px) !important;
    -moz-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}

.por-defecto {
    background-color: #f5f5f5;
}

.overflow-hidden {
    overflow: hidden !important;
    -ms-overflow-style: none;
}

/* Portrait tablets and small desktops */
@media (max-width: 991px) and (min-width: 768px) {
    .text-left-sm {
        text-align: left !important;
    }
}

/* TMTTO2016-269 Ya estoy en el extranjero. Mejoras */
.titulo-como-marcar-pais {
    font-weight: bold;
}

.resultado-roaming-item-descripcion {
    padding: 20px 0 0 0;
}

.roaming-marca-o-envia-sms-mexico-item {
    float: left;
    text-align: center;
    width: 32%;
}

.roaming-marca-o-envia-sms-mexico h1 {
    text-align: center;
}

.roaming-marca-o-envia-sms-mexico-item-icon {
    float: left;
    padding: 20px;
    text-align: center;
}

.roaming-marca-o-envia-sms-mexico-item-icon i {
    font-size: 60px;
    color: #02B0EF;
}

.roaming-marca-o-envia-sms-mexico-item-descripcion {
    float: left;
    text-align: left;
    color: #666;
    padding: 15px;
}

.roaming-marca-o-envia-sms-mexico-item-descripcion h1 {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
    color: #666;
}

.roaming-marca-o-envia-sms-mexico-item-descripcion h2 {
    color: #999;
    font-size: 18px;
    font-weight: 200;
    margin: 0px;
    padding: 3px 0;
}

.roaming-marca-o-envia-sms-mexico-item-descripcion p {
    color: #999;
    font-size: 16px;
    font-weight: 100;
}

.roaming-marcacion-fineprint {
    font-size: 12px;
    text-align: center;
    color: #999;
    margin-top: 20px;
    float: none;
    clear: both;
}

.roaming-marcacion-fineprint p:first-child {
    margin: 0px;
    padding: 0px;
}

.contenedor-marcacion-roaming {
    position: relative;
    clear: both;
    float: none;
}

.contenedor-pais-codigo-roaming {
    background-color: #e4eef2;
    float: left;
    text-align: center;
    padding: 30px;
    min-height: 150px;
}

.contenedor-pais-codigo-roaming .pais-codigo-roaming {
    font-family: telcelregular;
    color: #0a3d7e;
    font-size: 48px;
    font-weight: bolder;
}

.codigo-area {
    font-size: 48px !important;
    padding: 10px 0 0 0;
}

.contenedor-pais-codigo-roaming .pais-codigo-roaming span {
    font-size: 26px;
}

.pais-legenda-marcar-roaming {
    color: #0a3d7e;
    padding-bottom: 20px;
    font-size: 16px;
}

.contenedor-resultado-roaming {
    text-align: center;
    padding: 25px;
    min-height: 150px;
    border-right: solid 4px #e4eef2;
    float: left;
}

.resultado-roaming-item-leyenda {
    color: #666;
    font-size: 16px;
}

.resultado-roaming-item-descripcion {
    color: #0a3d7e;
    font-size: 22px;
}

.resultado-roaming-item-descripcion p {
    font-family: telcellight;
    color: #0a3d7e;
    font-size: 16px;
}

.seleccionar-vuelo-icono {
    padding-top: 40px;
}

.seleccionar-vuelo-contenedor {
    margin-top: 40px;
}

.seleccionar-vuelo-contenido label {
    margin-top: 20px;
}

.seleccionar-vuelo-contenido .chosen-container {
    margin-top: 5px;
}

.agregar-mas-paises .btn {
    padding: 0px;
}

.agregar-mas-paises .right {
    float: right;
}

.control-paises {
    width: 30%;
    float: left;
    padding-left: 1%;
}

.lista-paises .chosen-container {
    padding-bottom: 5px;
}

.lista-paises-pais {}

.form-inline .form-control .customSelect {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}


.seleccionar-pais-contenedor {
    background-color: #e4eef2;
    min-height: 80px;
    display: block;
    padding: 20px;
}

.mapas-coberturas {
    text-align: center;
    margin: 0 auto;
    padding: 2%;
}

.tc-container .owl-pagination .owl-page {
    background-color: #999999;
}

.tc-container .owl-pagination .owl-page.active {
    background-color: #0a3d7e;
}

.modal-dialog.modal-xs.bb4fade {
    margin: 0 auto;
}

.tc-div {
    text-align: center;
}

.legend-tp {
    float: left;
}

.table-card {
    font-size: 18px;
    border: solid 1px #ddd;
    margin: 0 auto;
}

.table-card a {
    width: 100%;
    display: block;
    height: 60px;
    line-height: 40px;
}

.table-card td {
    text-align: center;
    color: black;
    font-weight: 600;
    padding: 15px;
    line-height: 38px;
    border: none;
    border-bottom: solid 1px #ddd;
}

.table-card i {
    font-size: 32px;
    color: rgb(206, 216, 229);
    cursor: pointer;
    display: block;
}

#seleccionar-marca-modelo {
    padding: 20px;
    background-color: #e4eef2;
    height: 100%;
}

#seleccionar-marca-modelo table {
    background-color: white !important;
}

#paises_contenedor .chosen-container {
    float: left;
}

#paises_contenedor .form-group {
    position: relative;
    min-height: 30px;
    display: block;
    margin: 0 0 0 15px;
    clear: both;
}


#naviera_contenedor .chosen-container {
    float: left;
}

#naviera_contenedor .form-group {
    position: relative;
    min-height: 50px;
    display: block;
}

#transporte_contenedor .chosen-container {
    float: left;
}

#transporte_contenedor .form-group {
    position: relative;
    min-height: 50px;
    display: block;
}


#modalModeloEquipo ol li {
    padding: 10px;
    font-size: 16px;
    white-space: initial;
}

#modalModeloEquipo h1 {
    white-space: pre-line;
}

#modalModeloEquipo strong {
    font-weight: bold;
    color: black;
}

#modalModeloEquipo .panel-title a {
    color: black;
}

#modalModeloEquipo a {
    color: #666;
}

#modalModeloEquipo a i {
    color: #02B0EF;
}

#modalModeloEquipo .icon-OsMac {
    color: #999999;
}

#modalModeloEquipo .icon-Blackberry {
    color: #000000;
}

#modalModeloEquipo .icon-Android {
    color: #a4c639;
}

#modalModeloEquipo .modal-content {
    max-width: 600px !important;
}

.roaming-tabs .small {
    margin-bottom: 0px;
    color: white;
}

.roaming-tabs .active .small {
    color: black;
}

.roaming-tabs li a h2 {
    font-size: 13px;
    top: 37%;
}

.roaming-tabs li.active a,
.nav-tabs-lg li.r-tabs-state-active a {
    margin: 0px;
}

.border-no-padding {
    border: 1px solid #F5F5F5;
}

.gray {
    color: gray;
}

.form-group .chosen-container {
    margin-right: 10px;
}

.marked.sugested {
    top: -76px !important;
}

.marked {
    /*top: -73px;*/
}

.box-up-colored.green {
    height: 100px;
    color: white;
}

.box-up-colored.tall {
    padding: 3px 25px 20px 5px;
}

.list-plans .item .content .column span.text.coberture,
.list-plans .item h4 {
    font-size: 15px;
}

.list-plans .item .content .column.price {
    font-size: 30px;
}

.list-plans .item .no-border-top {
    border-top: 0px !important;
}

.list-plans .item .content.green {
    border-width: 3px;
}

.list-plans .item {
    margin-bottom: 60px;
}

.cobertura-en-destino a {}

.modal-plan .bg_dark_blue {
    padding: 10px;
}

.zona-titulo-contenedor {
    background-color: #F5F5F5;
    padding: 5px;
}

.zona-titulo-contenedor>div {
    font-size: 16px;
    font-weight: bold;
}

.zona-titulo-contenedor>div>div {
    font-size: 12px;
    font-weight: bold;
}

#contenedor-seleccion {
    border: solid 1px #F5F5F5;
}

.nombre_paquete {
    font-size: 20px;
    font-weight: bold;
}

.precio_paquete {
    font-size: 16px;
    font-weight: bold;
}

#total-suma {
    font-size: 28px;
    font-weight: bold;
}

#total-seleccion {
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 25px;
}

.msg-success span.txt,
.msg-warning span.txt {
    font-size: 15px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.position_fixed_desktop {
    position: fixed;
    top: 100px;
    right: 50px;
}

.table-plan-details th {
    text-align: center !important;
}

.table-plan-details td {
    text-align: center !important;
}

.gallery .thumbs .item {
    width: 100% !important;
    margin-top: 10px;
}

.cobertura-en-destino a {
    white-space: normal !important;
}

.negro {
    color: #000000;
}

/* FIN - TMTTO2016-269 Ya estoy en el extranjero. Mejoras */

.b-t {
    border-top: 3px solid #F2F7F9;
}

.fondo-azul {
    background-color: #27B1E9;
}

.h-c-b:hover {
    color: white;
}

/* ecommerce devices */
.resultados.smartphone-view .resultado .prettycheckbox {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    top: 7px;
    right: -30px;
    clear: both;
    float: none;
    display: block;
    width: 100px;
    height: 35px;
}

.owl-carousel .prettycheckbox {
    right: 6px !important;
    position: relative !important;
    margin-bottom: 10px !important;
}

.owl-carousel .item-terminal .actions {
    margin-top: 0px;
}

.owl-carousel .item-terminal h4 small,
.item-accesorios h4 small {
    font-size: 60%;
}

.item-terminal h4 .ref,
.item-accesorios h4 .ref {
    font-size: 14px;
    display: block;
}

.owl-carousel .item-terminal-offers {
    min-height: 270px;
}


.item-terminal-offers-one-price {
    min-height: 100px;
}

.item-terminal-offers-one-price .offer {
    height: 100px !important;
}

.ecommerce-decimal {
    /* position: absolute; */
    font-size: 14px !important;
}

.carousel-home-equipos .item-terminal-offers-home-carrusel {
    min-height: 160px;
}

.resultados.smartphone-view .resultado .prettycheckbox {
    top: -5px !important;
}

/* 92_equipos_telefonia_simple.html */
.container-resultados .resultado .item-terminal-simple,
.container-resultados .resultado .item-accesorios {
    min-height: 290px !important;
}

/* 92_equipos_telefonia_simple.html */

.container-resultados .resultado .banner img {
    padding-top: 65px !important;
}

/* 92_equipos_telefonia_simple.html */
.container-resultados .resultado .banner-simple img {
    padding-top: 0px !important;
}

.container-resultados .resultado .banner-simple {
    min-height: 290px !important;
    padding-bottom: 0px !important;
}

/* 92_equipos_telefonia_simple.html */

.item-terminal h4,
.item-accesorios h4 {
    min-height: 100px !important;
}

/*
  94_home.html carrusel
*/
.carousel-home-equipos .item-terminal-offers-home-carrusel {
    min-height: 185px;
}

/*
  94_home_simple.html
*/
.carousel-home-equipos .item-terminal-offers-home-carrusel-simple {
    min-height: 105px;
}

.carousel-home-equipos .item-terminal-offers-home-carrusel .promocion-valida {
    font-size: 12px;
}

.carousel-home-equipos .item-terminal-offers-home-carrusel h5 {
    margin-top: 0px;
}

.promocion-titulo {
    color: #A500B0 !important;
    font-size: 17px !important;
}

.promocion-precio {
    font-weight: 600;
    color: #0A3D79 !important;
}

.promocion-precio-anterior {
    text-decoration: line-through;
    font-size: 16px !important;
    color: #666666;
}

.meses-sin-intereses-contenedor {
    background-color: #e4eef2;
}

.meses-circulo {
    float: none;
    clear: both;
    display: inline-block;
    margin-top: 10px;
}

.mes-circulo {
    float: left;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #0A3D79;
    color: #e4eef2;
    margin-right: 10px;
    line-height: 40px;
    text-align: center;
    font-family: telcelregular;
    font-size: 24px;
}

.m-s-i-inline {
    clear: both;
    float: none;
}

.m-s-i-m-f-33 {
    margin-left: 33%;
}

.m-s-i-inline-titulo {
    color: #0A3D79;
    font-size: 24px;
    font-family: telcelregular;
    width: 42%;
    float: left;
    text-align: right;
    padding-top: 12px;
    padding-right: 15px;
}

.m-s-i-inline-subtitulo {
    color: #0A3D79;
    font-size: 24px;
    font-family: telcellight;
    width: 40%;
    float: left;
    text-align: left;
    padding-top: 12px;
}

.m-s-i-inline .meses-circulo {
    float: left;
    clear: none;
    width: 15%;
    text-align: left;
    display: flex;
    justify-content: center;
}

.l-h-35 {
    line-height: 35px !important;
}

/* FIN ecommerce devices */

/* Ficha equipos */
.n-m-t {
    margin-top: 0px !important;
}

.n-m-b {
    margin-bottom: 0px !important;
}

.p-t-8 {
    padding-top: 8px;
}

.p-t-4 {
    padding-top: 4px;
}

.ficha-equipo #product-slider img {
    width: auto;
    max-height: 469px;
}

.ficha-equipo .rating.down {
    position: relative;
    top: auto;
    right: auto;
}

/* .characteristic-buy-phone, .characteristic-phone{ */
/* 	padding-left: 0 !important; */
/* 	padding-right: 0 !important; */
/* } */
.characteristic-phone.disabled,
.characteristic-buy-phone.disabled {
    opacity: 0.5;
}

.characteristic-buy-phone .options-buy {
    padding: 0 !important;
    display: inline-block;
    width: 100%;
}

.characteristic-buy-phone .options-buy {
    margin-bottom: 0px;
}

.characteristic-buy-phone .options-buy li {
    list-style: none;

}

.characteristic-buy-phone .options-buy li>a {
    text-decoration: none;
    width: 32%;
    /* min-height: 330px; */
    float: left;
    display: block;
    background-color: #f2f7f9;
    padding: 5px;
    margin-right: 1.33%;
    margin-bottom: 5px;
}

.characteristic-buy-phone.disabled .options-buy li>a {
    cursor: not-allowed;
    pointer-events: none;
}

.characteristic-buy-phone.disabled .options-buy li>a:hover {
    text-decoration: none;
}

.characteristic-buy-phone.trained p {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.characteristic-buy-phone .options-buy li>a p {
    margin-bottom: 5px;
    color: #666666;
}

.characteristic-buy-phone .options-buy .description-buy {
    border-top: 1px solid #e9ecef;
    padding-top: 5px;
}

.medios-de-pago ul {
    padding: 0;
    margin: 0;
}

.medios-de-pago li {
    list-style: none;
    display: inline-block;
}

.cont-btn-action-buy {
    width: 50%;
    float: right;
}

.cont-btn-action-buy.active {
    width: 100%;
}

.marked.recommended>div small {
    color: #ffffff;
}

.detail-options-buy .cont-calculator-buy {
    border: 5px solid #02b0ef;
    padding: 0;
    margin-bottom: 80px;
}

.detail-options-buy .cont-calculator-buy>div {
    padding: 0;
}

.detail-options-buy .cont-calculator-buy>div>div {
    min-height: 85px;
    width: 100%;
    padding: 0 15px;
}

.detail-options-buy .cont-calculator-buy>div>div p {
    padding: 14.5px 0;
    margin-bottom: 0;
}

.detail-options-buy .cont-calculator-buy>div .pay-calculated {
    max-width: 210px;
    margin: 0 auto;
    height: 130px;
    padding: 15px 0;

}

.detail-options-buy .cont-calculator-buy>div .pay-calculated p {
    padding: 0;
    float: left;
    width: 100%;
    margin-bottom: 5px;

}

.detail-options-buy .cont-calculator-buy>div .pay-calculated .final-pay {
    border-top: 2px solid #f2f7f9;
}

.detail-options-buy .cont-calculator-buy>div .pay-calculated p strong {
    display: block;
}

.detail-options-buy .cont-calculator-buy>div .pay-calculated p strong:nth-child(1) {
    float: left;
}

.detail-options-buy .cont-calculator-buy>div .pay-calculated p strong:nth-child(2) {
    float: right;
}

.detail-options-buy .cont-calculator-buy>div .what-calculated {
    background-color: #f2f7f9;
    color: #0a3d7e;
    position: relative;
}

.detail-options-buy .cont-calculator-buy>div .cont-pay {
    background-color: #00aff2;
    color: #ffffff;
}

.detail-options-buy .cont-calculator-buy>div:nth-child(2)>div:nth-child(3) {
    border-left: 3px solid #02b0ef;
}

.detail-options-buy .ficha-equipo-btn-buy.active {
    font-size: 0;
    background-color: #02b0ef;
}

.detail-options-buy .ficha-equipo-btn-buy.active:before {
    content: 'Quitar paquete';
    font-size: 16px;

}

.detail-options-buy .cont-calculator-buy>div:nth-child(2) .what-calculated:after {
    content: "\e904";
    font-family: 'TelcelFont' !important;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    font-size: 40px;
    left: -26px;
}

.resultados.smartphone-view.col-centered {
    margin-left: auto;
    background-color: transparent;
}

.resultados.smartphone-view.col-centered .resultado {
    border-color: transparent;
}

.resultados.smartphone-view {
    background: #f2f7f9;
    margin-left: -11px;
}

.resultados.smartphone-view .resultado {
    position: relative;
    /*
  border-bottom: 10px solid #f2f7f9;
  margin-bottom: 10px;
  */
}

.resultados.smartphone-view .resultado .item-terminal {
    margin-top: 0;
    padding-top: 18px;
}

.resultados.smartphone-view .resultado .item-terminal .price {
    color: #0A3D79;
}

.resultados.smartphone-view .resultado .item-terminal .extras {
    font-size: 10px;
    font-weight: lighter;
    margin: 2px 0 10px 0;
}

.resultados.smartphone-view .resultado .item-terminal .offer .extras {
    margin-bottom: 5px;
    font-size: 12px;
}

.resultados.smartphone-view .resultado .item-terminal h4 small {
    font-weight: 100;

}

.resultados.smartphone-view .resultado .item-terminal h4 strong {
    font-size: 20px;
}

.resultados.smartphone-view .resultado .item-terminal h4 .ref {
    color: #02b0ef;
    font-size: 14px;
}

.resultados.smartphone-view .resultado .item-terminal h5 {
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 400;
}

.descripcion-promo {
    font-weight: 400;
    font-size: 13px;
    padding: 10px 0px;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.resultados.smartphone-view .resultado .item-terminal .rating {
    border-bottom: 1px solid #F2F7F9;
}

/*

.container-resultados .resultados.inner.resume{}
.container-resultados .resultados.inner.resume .resume-container{
    overflow:hidden;
    padding:10px;
}
*/

.container-resultados .resultado {
    border-bottom: 10px solid #f2f7f9;
    padding-right: 0px !important;
}

.container-resultados .resultado.devicesAmigo {
    border-right: 10px solid #f2f7f9;
    padding-right: 10px !important;
}

.container-resultados .resultados.inner.deviceList {
    margin-right: -2px;
    margin-bottom: 40px;
}

.container-resultados .resultados.inner.resume .resume-container h2.content-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #666;
    padding-bottom: 10px;
}

h2.content-title.selected-plan {
    text-align: center;
    color: #124482;
    font-size: 20px;
    font-weight: 600;
}

.container-resultados .resultados.inner.resume .resume-container h3.content-title {
    text-align: center;
    color: #B752BA;
    font-size: 18px;
}

.plan-info {
    overflow: hidden;
}

.plan-info .info-block {
    background: #fff;
    text-align: center;
    font-size: 14px;
    float: left;
    width: 48%;
    height: 130px;
    margin: 1%;
}

.main-slider .item-slider.special-slide>.wrapper-content>.content .plan-info .info-block {
    height: 130px !important;
}

.plan-info span {
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 22px;
    padding-top: 30px;
}

.container-resultados .resultados.inner.resume .resume-container h2.content-title a,
.container-resultados .resultados.inner.resume .resume-container a {
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -2px;
    text-align: right;
}

.container-resultados .resultados.inner.resume .resume-container .plan-price-content span {
    display: block;
    text-align: center;
    font-size: 13px;
}

.container-resultados .resultados.inner.resume .resume-container .plan-price {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

.container-resultados .resultado .item-terminal,
.container-resultados .resultado .item-accesorios {
    padding: 0 30px;
    background-color: #fff;
    padding-bottom: 10px;
    margin-top: 40px;
}

.container-resultados .resultados-amigo-kit .resultado .item-terminal,
.container-resultados .resultado .item-accesorios {
    min-height: 330px !important;
}

.container-resultados .resultado .item-terminal img {}

.container-resultados .resultado .item-terminal .info {}

.container-resultados .resultado .item-terminal .info i.icon-Question:before {
    color: #009ED6;
    opacity: 0.7;
}

.container-resultados .resultado .item-terminal input.offerRadio {
    display: inline-block;
    position: relative;
    top: -3px;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list {
    list-style: none;
    border: 2px solid #C6CCCD;
    padding: 12px 5px;
    max-width: 50px;
    text-align: center;
    color: #C6CCCD;
    margin: 0 5px 0 0;
    min-width: 60px;
    height: 40px;
    margin-bottom: 5px;
    line-height: 13px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    /*IE7*/
    *zoom: 1;
    /*IE7*/
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list:hover {
    color: #000 !important;
    border: 2px solid #000000;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.black:hover {
    color: #FFFFFF !important;
    border: 2px solid #000000;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.double {
    padding: 5px;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.selected {
    color: #000 !important;
    border: 2px solid #666666;
    opacity: 1;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.black.selected {
    color: #FFFFFF !important;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list:hover {
    cursor: pointer;
    opacity: 1;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.silver {
    background: #dedee0;
    color: #9c9c9c;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.black {
    background: #000;
    color: #9c9c9c;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.white {
    background: #fff;
    color: #9c9c9c;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.gold {
    background: #f6dec6;
    color: #9c9c9c;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.space-gray {
    background: #c8c9ce;
    color: #9c9c9c;
}

.container-resultados .resultado .item-terminal .options-resume-list .option-list.pose-gold {
    background: #f6cfca;
    color: #9c9c9c;
}

.container-resultados .resultado .item-terminal .allactions {
    padding-top: 10.5px;
}

.container-resultados .resultado .item-terminal .allactions .actions {
    overflow: hidden;
}

.container-resultados .resultado .item-terminal .allactions .actions .btn-primary {
    display: block;
    text-align: center;
    max-width: 170px;
    margin: 10px auto;
    font-size: 15px;
}

.characteristic-buy-phone.trained .options-buy li.disabled>a.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.characteristic-buy-phone.trained .options-buy li.disabled>a.disabled:hover {
    background-color: #f2f7f9;
    border: none;
}

.characteristic-buy-phone.trained .options-buy li>a .description-promotion {
    display: block;
}

.characteristic-buy-phone.trained .options-buy li>a .availability {
    display: block;
}

.characteristic-buy-phone.trained .options-buy li>a .availability i {
    display: inline-block;
    vertical-align: middle;
}

.characteristic-buy-phone.trained .options-buy li>a.available .availability i {
    font-size: 18px;
}

.characteristic-buy-phone.trained .options-buy li>a.not-available {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5;
}

.characteristic-buy-phone.trained .options-buy li>a .availability p {
    display: inline-block;
    vertical-align: center;
}

.characteristic-buy-phone.trained .options-buy li>a.available .availability {
    color: green;
}

.characteristic-buy-amigo {
    padding: 0 !important;
    /* display: none; */
}

.characteristic-buy-amigo .options-buy {
    padding: 0 !important;
    display: inline-block;
    width: 100%;
}

.characteristic-buy-amigo .options-buy li {
    list-style: none;

}

.characteristic-buy-amigo .options-buy li .option-buy-box {
    text-decoration: none;
    width: 48.6%;
    min-height: 120px;
    float: left;
    display: block;
    background-color: #f2f7f9;
    padding: 15px 15px 10px 15px;
    margin-right: 1.33%;
    margin-bottom: 5px;
}

.characteristic-buy-amigo .options-buy li .option-buy-box:hover {
    background-color: white;
    border: 2px solid #666666;
}

.characteristic-buy-amigo .options-buy li .option-buy-box.active {
    background-color: white;
    border: 2px solid #666666;
}

.characteristic-buy-amigo .options-buy li .option-buy-box p {
    margin-bottom: 5px;
    color: #666666;
}

.characteristic-buy-amigo .options-buy li .option-buy-box .title {
    margin-bottom: 15px;
}

.characteristic-buy-amigo-option {
    background-color: #f2f7f9;
    padding: 15px;
    margin-right: 1.33%;
    margin-bottom: 5px;
}

.options-buy .option-buy {
    text-decoration: none;
    width: 48.6%;
    min-height: 120px;
    float: left;
    display: block;
    background-color: #f2f7f9;
    padding: 15px;
    margin-right: 1.33%;
    margin-bottom: 5px;
    border: 2px solid transparent;
}

.d-s-gris,
.characteristic-buy-phone.trained .options-buy li>a.active,
.options-buy .option-buy.active {
    box-shadow: 2px 3px 0px #CECFCF
}

.exclusivo-internet {
    float: right;
    color: #f60
}

.exclusivo-internet .exclusivo-internet-badge {
    background-color: #f60;
    width: 14px;
    height: 14px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: none;
    float: left;
    margin: 2px 5px 0 0
}

.exclusivo-internet .exclusivo-internet-descripcion {
    font-size: 13px;
    float: right
}

/* .ficha-tecnica-seleccionar-color{ */
/* 	padding:0px */
/* } */
/* .ficha-tecnica-seleccionar-color li{ */
/* 	list-style:none; */
/* 	float:left; */
/* 	padding:0 10px 0 0 */
/* } */
/* .ficha-tecnica-seleccionar-color li a{ */
/* 	width:22px; */
/* 	height:22px; */
/* 	display:block; */
/* 	-moz-border-radius:50px; */
/* 	-webkit-border-radius:50px; */
/* 	border-radius:50px; */
/* 	border:2px #C5C8C5 solid */
/* } */
/* .ficha-tecnica-seleccionar-color li a:hover{ */
/* 	border:3px #02b0ef solid */
/* } */
/* .ficha-tecnica-seleccionar-color li .active{ */
/* 	border:3px #02b0ef solid */
/* } */
/* .ficha-tecnica-seleccionar-color-etiqueta{ */
/* 	color:#062C5F; */
/* 	font-size:16px; */
/* 	font-weight:bold */
/* } */
/* .ficha-tecnica-seleccionar-color-etiqueta span{ */
/* 	color:#000; */
/* 	font-weight:normal */
/* } */
/* .ficha-tecnica-pasos{ */
/* 	margin-top:25px; */
/* } */
/* .ficha-tecnica-pasos .ficha-tecnica-paso{ */
/* 	color:#062C5F; */
/* 	width:40px; */
/* 	height:40px; */
/* 	display:block; */
/* 	-moz-border-radius:50px; */
/* 	-webkit-border-radius:50px; */
/* 	border-radius:50px; */
/* 	border:3px solid #062C5F; */
/* 	line-height:30px; */
/* 	font-size:22px; */
/* 	text-align:center; */
/* 	float:left; */
/* 	margin-right:10px */
/* } */
/* .ficha-tecnica-pasos .ficha-tecnica-paso-descripcion{ */
/* 	padding-top:5px; */
/* 	padding-left:25px; */
/* 	display:block; */
/* 	color:#062C5F; */
/* 	font-size:16px */
/* } */
/* .ficha-tecnica-seleccionar-capacidad{ */
/* 	margin:0px; */
/* 	padding:0px */
/* } */
/* .ficha-tecnica-seleccionar-capacidad li{ */
/* 	float:left; */
/* 	list-style:none; */
/* 	margin-right:10px */
/* } */
/* .ficha-tecnica-seleccionar-capacidad li a{ */
/* 	color:#666 */
/* } */
/* .ficha-tecnica-seleccionar-capacidad li a:hover{ */
/* 	text-decoration:none; */
/* 	color:#02b0ef */
/* } */
/* .ficha-tecnica-seleccionar-capacidad li .active{ */
/* 	color:#02b0ef; */
/* 	font-weight:bold; */
/* 	text-decoration:none */
/* } */
/* .ficha-tecnica-seleccionar-capacidad-etiqueta{ */
/* 	color:#062C5F; */
/* 	font-size:16px; */
/* 	font-weight:bold */
/* } */
/* .ficha-tecnica-seleccionar-capacidad-etiqueta span{ */
/* 	color:#000; */
/* 	font-weight:normal */
/* } */
.fake-radio {
    text-align: center;
    margin: 5px auto;
    width: 25px;
    height: 25px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px #C5C8C5 solid;
    background-color: white
}

.fake-radio .fake-radio-top {
    padding-bottom: 20px
}

.fake-radio.active {
    background-color: #062C5F
}

.characteristic-buy-phone .options-buy li>a {
    text-decoration: none;
    width: 32%;
    float: left;
    display: block;
    background-color: #F2F7F9;
    padding: 5px;
    margin-right: 1.33%;
    margin-bottom: 5px
}

.characteristic-buy-phone.trained .options-buy li>a.active {
    background-color: #D6F4FC;
    border: none
}

.characteristic-buy-phone.trained .options-buy li>a.hover {
    border: none
}

.characteristic-buy-phone .options-buy li .tittle-description-buy {
    padding-top: 5px
}

.characteristic-buy-phone.trained .options-buy li>a:hover {
    background-color: #D6F4FC
}

.options-buy .option-buy:hover {
    cursor: pointer
}

.options-buy .option-buy.active {
    background-color: #D6F4FC
}

.cont-btn-action-buy {
    float: right;
    width: 60%
}

.ficha-equipo .carousel-equipo.simple-carousel .owl-buttons>div.owl-prev {
    left: 20px
}

/*
# *** START:  Equipo no disponible
*/
.mensaje-no-disponible h1 {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold;
    padding: 0px;
    margin: 0px
}

.mensaje-no-disponible p {
    color: #062C5F;
    font-size: 15px;
    font-weight: regular;
    padding: 10px 0px
}

.mensaje-no-disponible .mensaje-no-disponible-email {
    overflow: hidden
}

.mensaje-no-disponible .mensaje-no-disponible-email input {
    float: left;
    border: solid 1px #DEE2E6;
    height: 37px;
    width: 50%;
    padding: 10px
}

@media (max-width: 767px) {
    .mensaje-no-disponible .mensaje-no-disponible-email input {
        width: 40%;
        font-size: 10px
    }
}

.mensaje-no-disponible .mensaje-no-disponible-email a {
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 38%;
    text-align: center;
    background-color: #062C5F;
    color: #FFFFFF;
    margin-left: 10px;
    font-size: 13px
}

@media (max-width: 767px) {
    .mensaje-no-disponible .mensaje-no-disponible-email a {
        width: 50%;
        font-size: 10px
    }
}

.mensaje-no-disponible .mensaje-no-disponible-email a:hover {
    text-decoration: none;
    background-color: #0b4da7
}

.mensaje-no-disponible .mensaje-no-disponible-mensaje {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 0 0
}

/*
# *** END:    Equipo no disponible
*/
.meses-sin-intereses {
    border-bottom: 1px #062C5F solid;
}

.meses-sin-intereses-ficha-tecnica {
    background-color: #F2F7F9;
    margin-bottom: 20px;
}

.n-b-b {
    border-bottom: 0px !important;
}

.meses-sin-intereses-etiqueta {
    text-align: right;
    width: 60%;
    float: left;
}

.meses-sin-intereses-etiqueta p {
    font-family: sans-serif !important;
    color: #062C5F !important;
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0px !important;
    font-size: 14px !important;
}

.meses-sin-intereses-tarjetas {
    text-align: left;
    width: 40%;
    float: left;
}

.meses-sin-intereses h4 {
    color: #0A3D79;
    font-size: 24px;
    font-family: telcelregular;
    margin: 5px 0;
}

.meses-sin-intereses-nota p {
    font-family: sans-serif;
    font-size: 13px;
    color: #666;
    text-align: center;
}

.n-b-b {
    border-bottom: 0px !important;
}

.meses-sin-intereses .card {
    margin-left: 5px;
}

.meses-sin-intereses .card.card-mastercard {
    width: 40px;
    height: 28px;
    background-position: -10px -170px;
}

.meses-sin-intereses .card.card-visa {
    width: 40px;
    height: 28px;
    background-position: -10px -252px;
}

.meses-sin-intereses {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px white solid;
}

.meses-sin-intereses .section {
    color: #0A3D79;
    font-size: 24px;
    font-family: telcelregular;
    margin: 5px 0;
}

.meses-sin-intereses h4 {
    color: #0A3D79;
    font-size: 24px;
    font-family: telcelregular;
    margin: 5px 0;
}

.telcel-light {
    font-family: telcellight;
}

.meses-sin-intereses h3 {
    color: #0A3D79;
    font-size: 26px;
    font-family: telcellight;
    margin: 5px 0;
}

.meses-sin-intereses-izquierdo {
    float: left;
    width: 29%;
}

.meses-sin-intereses-derecho {
    float: right;
    width: 68%;
    border-left: 4px #0A3D79 solid;
    padding-left: 2%;
}

.meses-sin-intereses-derecho h4 {
    text-align: left;
}

.meses-sin-intereses-nota {
    width: 100%;
    text-align: left;
    clear: both;
}

/* FIN Ficha equipos */

/*solucion matona para esconder icono de avion (para claro shop) TEMPORAL*/
i.icon-TravelAbroad.f-z-20 {
    display: none;
}

@media (max-width: 768px) {

    /*.footer .metanav{
		color:rgba(255,255,255,0.8);
		padding-bottom:20px
	}*/
    .footer .metanav {
        color: #6c787a;
        color: rgba(255, 255, 255, 0.2);
    }
}

/* Inicio estilos cintillo mese sin intereses jira TEC-61 */
.comp-meses-sin-intereses .tarjetas-de-credito-logos img {
    width: 45px;
    height: 23px;
    margin: 0 3px 0 0
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .tarjetas-de-credito-logos img {
        width: 35px;
        height: 18px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-mes {
        margin-top: 3px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 18px;
        margin-right: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 {
    background-color: #F2F7F9;
    padding: 10px;
    box-shadow: 2px 3px 0px #CECFCF;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
    margin-right: 2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    font-family: telcelregular;
    line-height: 20px;
    font-size: 12px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
        font-size: 9px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 header {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .tarjetas-de-credito-logos img {
    width: 35px;
    height: 18px;
    margin: 0 3px 0 0
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .tarjetas-de-credito-logos img {
        width: 24px;
        height: 13px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 18px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 11px;
        line-height: 16px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px;
        font-size: 14px;
        line-height: 20px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section {
    font-size: 12px;
    margin: 5px 0px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section p {
    padding: 0px 5px 0 0;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link {
    width: 95px;
    height: 25px;
    display: block;
    float: left;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link {
        text-align: center;
        width: 65px;
        height: 25px;
        margin-left: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link img {
    width: 80px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer p {
    margin: 0px;
    padding: 3px 0 0 0;
    font-size: 12px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer p {
        font-size: 10px;
        padding: 5px 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 {
    background-color: #F2F7F9;
    padding: 10px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
    margin-right: 2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    font-family: telcelregular;
    line-height: 20px;
    font-size: 12px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
        font-size: 9px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .tarjetas-de-credito-logos img {
    width: 35px;
    height: 18px;
    margin: 0 3px 0 0
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .tarjetas-de-credito-logos img {
        width: 24px;
        height: 13px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-con-tarjetas p {
    padding: 0px 5px 0px 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-con-tarjetas p a {
    font-size: 12px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-con-tarjetas p a {
        font-size: 10px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 header {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 18px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 11px;
        line-height: 16px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px;
        font-size: 14px;
        line-height: 20px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section p {
    text-align: center;
    padding: 5px 5px 0 0;
    margin: 0px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link {
    width: 95px;
    height: 25px;
    display: block;
    float: left;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link {
        text-align: center;
        width: 65px;
        height: 25px;
        margin-left: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link img {
    width: 80px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer p {
    margin: 0px;
    padding: 3px 0 0 0;
    font-size: 12px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer p {
        font-size: 10px;
        padding: 5px 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-mes {
    margin-right: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
    font-family: telcelregular;
    line-height: 30px;
    font-size: 18px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-mes {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 header {
    margin: 10px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 22px;
    padding: 0px;
    margin: 0px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 16px;
        line-height: 25px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-envio-gratuito {
    border-top: 1px solid #DEE2E6;
    padding: 10px 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px 0px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-difiere-el-pago p {
        padding-top: 4px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .claro-shop-logo {
    height: 22px;
    width: 89px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .claro-shop-logo {
        height: 17px;
        width: 70px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section a.claro-shop-logo-link {
    width: 93px;
    height: 25px;
    display: block;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section a.claro-shop-logo-link {
        text-align: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section p {
    padding: 4px 5px 0 0;
    margin: 0px;
    font-size: 13px;
    color: #062C5F;
    float: left
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section p {
        padding: 0px
    }
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 footer {
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 footer p {
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
    margin-right: 2px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: left;
    font-family: telcelregular;
    line-height: 25px;
    font-size: 14px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
        font-size: 9px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .tarjetas-de-credito-logos img {
    width: 45px;
    height: 23px;
    margin: 0 3px 0 0
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .tarjetas-de-credito-logos img {
        width: 35px;
        height: 18px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
        margin-top: 3px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 18px;
        margin-right: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 header {
    margin: 20px 0px 0px 0px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 24px !important;
    padding: 10px 0 0 0 !important;
    margin-bottom: 0px !important
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 16px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section {
    text-align: center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section p {
    padding: 3px 3px 0 0;
    margin: 0px;
    font-size: 12px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 5px 0 0 0;
    text-align: center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-difiere-el-pago p {
    font-size: 12px;
    padding-top: 15px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-difiere-el-pago p {
        font-size: 10px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer {
    text-align: center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer p {
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a.claro-shop-logo-link {
    margin: 6px 0 0 4px;
    display: block;
    float: left;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a.claro-shop-logo-link {
        text-align: center;
        width: 65px;
        height: 25px;
        margin-left: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 {
    padding: 10px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-mes {
    margin: 0 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
    font-family: telcelregular;
    line-height: 30px;
    font-size: 22px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-mes {
        margin: 0 1px;
        font-size: 12px;
        line-height: 18px;
        width: 18px;
        height: 18px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 header {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 18px;
    padding: 3px 0px;
    margin: 0px 10px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px;
        font-size: 13px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px 0px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section p {
    padding: 5px 5px 0 0;
    margin: 0px;
    font-size: 12px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-envio-gratuito {
    color: #062C5F;
    font-size: 12px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 footer {
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 footer p {
    margin: 0px
}

.group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

* html .group {
    zoom: 1
}

*:first-child+html .group {
    zoom: 1
}

/*# sourceMappingURL=meses-sin-intereses.min.css.map */

/* Fin estilos cintillo*/

/*FICHA TECNICA*/
#ficha-tecnica-v6 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#ficha-tecnica-v6 .mensaje-color {
    clear: both;
    padding: 20px 0 0 0
}

#ficha-tecnica-v6 .mensaje-color p {
    font-size: 13px;
    color: #062C5F
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 table {
        margin: 25px auto
    }

    #ficha-tecnica-v6 table thead th {
        font-weight: bold;
        font-size: 16px
    }

    #ficha-tecnica-v6 table .tr-active {
        background-color: #D6F4FC
    }

    #ficha-tecnica-v6 table td:first-child {
        text-align: center
    }

    #ficha-tecnica-v6 table td {
        padding-left: 5px;
        padding-right: 10px;
        font-size: 20px;
        border: 0px;
    }

    #ficha-tecnica-v6 .valor-plan {
        font-size: 20px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

    #ficha-tecnica-v6 .incluido {
        font-size: 22px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        color: #02b0ef
    }
}

#ficha-tecnica-v6 .ficha-tecnica-mensaje-con-boton {
    background-color: #F2F7F9;
    padding: 20px;
    overflow: hidden
}

#ficha-tecnica-v6 .ficha-tecnica-mensaje-con-boton .ficha-tecnica-mensaje-con-boton-mensaje {
    float: left;
    width: 80%;
    font-size: 14px;
    padding-top: 6px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-tecnica-mensaje-con-boton .ficha-tecnica-mensaje-con-boton-mensaje {
        width: 100%;
        text-align: center
    }
}

#ficha-tecnica-v6 .ficha-tecnica-mensaje-con-boton .ficha-tecnica-mensaje-con-boton-boton {
    float: right;
    width: 20%;
    text-align: center
}

#ficha-tecnica-v6 .ficha-tecnica-mensaje-con-boton .ficha-tecnica-mensaje-con-boton-boton a {
    font-size: 14px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-tecnica-mensaje-con-boton .ficha-tecnica-mensaje-con-boton-boton {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
}

#ficha-tecnica-v6 #caracteristicas p {
    color: #999;
    font-size: 17px;
    margin-top: 40px
}

#ficha-tecnica-v6 .galeria-equipo {
    text-align: center
}

#ficha-tecnica-v6 .galeria-equipo h1 {
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px
}

#ficha-tecnica-v6 .galeria-equipo h2 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #062C5F;
    font-weight: bold
}

#ficha-tecnica-v6 .galeria-equipo h2 span {
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v6 .galeria-equipo .js-galeria-equipo .owl-controls .owl-prev {
    left: 0px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v6 .galeria-equipo .js-galeria-equipo .owl-controls .owl-next {
    right: -30px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li {
    width: 50%;
    text-align: center
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active {
    border-bottom: 6px solid #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:hover,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:focus,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a.active,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:visited {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: lighter;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:hover,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:focus,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a.active,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:visited {
    border: none
}

#ficha-tecnica-v6 .ficha-tecnica-pasos {
    margin-top: 25px;
    overflow: hidden
}

#ficha-tecnica-v6 .ficha-tecnica-pasos .ficha-tecnica-paso {
    color: #062C5F;
    width: 35px;
    height: 35px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #062C5F;
    line-height: 28px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-right: 10px
}

#ficha-tecnica-v6 .ficha-tecnica-pasos .ficha-tecnica-paso-descripcion {
    padding-top: 5px;
    padding-left: 28px;
    display: block;
    color: #062C5F;
    font-size: 18px
}

#ficha-tecnica-v6 .ficha-tecnica-color-y-capacidad {
    overflow: hidden;
    margin: 20px 0 0 0
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad {
    margin: 15px 0px;
    padding: 0px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad {
        height: 30px;
        margin: 5px 0px
    }
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li {
    float: left;
    list-style: none;
    margin-right: 10px
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li a {
    color: #666;
    border: 2px #999 solid;
    border-radius: 3px;
    padding: 5px 10px
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li a:hover {
    text-decoration: none;
    color: #02b0ef;
    font-weight: bold;
    border: 2px #02b0ef solid;
    background-color: #f1fbff
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li a {
        font-size: 10px
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li a {
        font-size: 10px
    }
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li .active {
    color: #02b0ef;
    font-weight: bold;
    text-decoration: none;
    border: 2px #02b0ef solid;
    background-color: #f1fbff;
    border-radius: 3px;
    padding: 5px;
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad-etiqueta span {
    color: #062C5F;
    font-weight: normal
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color {
    padding: 0px
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li {
    list-style: none;
    float: left
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li a {
    padding-top: 2px;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px #DEE2E6 solid
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li a:hover {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li a span {
    width: 22px;
    height: 22px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li .active {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li .ficha-tecnica-negro {
    background-color: #000
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li .ficha-tecnica-negro-brillante {
    background-color: #463834
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li .ficha-tecnica-naranja {
    background-color: #F59354
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li .ficha-tecnica-rosado {
    background-color: #FF9BFA
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li .ficha-tecnica-verde {
    background-color: #65C773
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li .ficha-tecnica-turquesa {
    background-color: #00F4C6
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color-etiqueta span {
    color: #062C5F;
    font-weight: normal
}

#ficha-tecnica-v6 .fake-radio-cont {
    padding: 0px;
    margin: 0px
}

#ficha-tecnica-v6 .fake-radio-cont li {
    padding: 10px;
    list-style: none;
    background-color: #F2F7F9;
    overflow: hidden
}

#ficha-tecnica-v6 .fake-radio-cont li:hover {
    background-color: #D6F4FC
}

#ficha-tecnica-v6 .fake-radio-cont li.active {
    background-color: #D6F4FC;
    box-shadow: 2px 3px 0px #CECFCF
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido {
    text-align: center
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido h3 {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido p {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #02b0ef;
    font-weight: bold
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido .nota {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px;
    font-weight: normal
}

#ficha-tecnica-v6 .fake-radio-cont li .en {
    padding: 15px 0 0 0;
    font-weight: bold;
    color: #062C5F;
    padding: 20px 0 0 14px;
    height: 40px;
    line-height: 18px;
    display: block;
    float: left
}

#ficha-tecnica-v6 .fake-radio-cont li .esquema-de-cobro-etiqueta {
    font-weight: bold;
    color: #062C5F;
    font-size: 20px;
    padding: 15px 0 0 14px;
    height: 40px;
    width: 190px;
    line-height: 22px;
    display: block;
    float: left
}

@media (max-width : 768px) {
    #ficha-tecnica-v6 .fake-radio-cont li .esquema-de-cobro-etiqueta {
        width: 164px;
        font-size: 18px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado {
    float: left;
    width: 48%
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado h3 {
    color: #999;
    font-weight: 500;
    font-size: 16px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado p {
    color: #000;
    font-size: 18px;
    text-decoration: line-through
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado p span {
    font-size: 14px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet {
    float: left;
    width: 48%
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet {
        width: auto
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet h3 {
    color: #909;
    font-size: 18px;
    font-weight: bold
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet h3 {
        font-size: 14px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet p {
    color: #000;
    font-size: 24px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet p span {
    font-size: 20px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet .iva-incluido {
    font-size: 12px;
    color: #999
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado {
    font-size: 15px;
    color: #666
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado span {
    font-size: 10px
}

.precio-tachado {
    text-decoration: line-through;
}

#ficha-tecnica-v6 .fake-radio-cont li .disponible {
    color: #2f9f8a;
    padding-top: 20px
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .disponible {
        padding-top: 25px
    }
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .disponible {
        padding-top: 10px;
        font-size: 13px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .plan-logo {
    margin-top: 7px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .plan-logo {
        width: 65%;
        margin-top: 10px;
        margin-left: 5px
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .plan-logo {
        width: 65%;
        padding-top: 10px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio-clickable-area {
    cursor: pointer;
    overflow: hidden
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio-original {
    visibility: hidden;
    position: absolute
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio {
    padding-top: 15px;
    text-align: center;
    margin: 15px auto;
    width: 30px;
    height: 30px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px #C5C8C5 solid;
    background-color: white;
    float: left;
    position: relative
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active {
    background-color: #062C5F;
    text-align: center;
    border-color: transparent
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active span {
    width: 6px;
    height: 6px;
    display: block;
    background-color: #D6F4FC;
    position: absolute;
    top: 10px;
    left: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio li a {
    overflow: hidden
}

#ficha-tecnica-v6 .amigo-kit-cont .esquema-de-cobro-descripcion {
    font-size: 14px;
    color: #666;
    padding: 13px 0 0 0
}

#ficha-tecnica-v6 .amigo-kit-cont .esquema-de-cobro-mas-informacion {
    color: #02b0ef;
    font-size: 16px;
    padding: 20px 0 0 0
}

#ficha-tecnica-v6 .amigo-kit-cont .amigo-kit-comprar {
    background-color: #f60;
    color: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 2px 3px 0px #b34700;
    font-size: 18px;
    height: 60px;
    line-height: 55px;
    width: 250px;
    display: block;
    margin: 20px auto;
    cursor: pointer
}

#ficha-tecnica-v6 .amigo-kit-cont .amigo-kit-comprar:hover {
    background-color: #d65600
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel {
    margin: 0px;
    padding: 0px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li {
    position: relative;
    overflow: inherit;
    list-style: none;
    background-color: #fff
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li {
        border-bottom: 1px solid #DEE2E6;
        margin-top: 30px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li.active {
    box-shadow: none
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:before {
    content: "Recomendado";
    background-color: #909;
    color: #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    left: -75px;
    top: 45px;
    text-align: center
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:before {
        width: 132px;
        height: 33px;
        top: 49px;
        left: -82px
    }
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:before {
        display: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:after {
    top: 47%;
    left: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #909;
    border-width: 10px 35px 0 35px;
    margin-left: -35px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:after {
        display: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .descripcion-plan {
    border-right: 1px #DEE2E6 solid;
    min-height: 102px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .descripcion-plan {
        border: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes {
    overflow: hidden;
    border-right: 1px #DEE2E6 solid;
    min-height: 102px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes {
        border: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes p {
    margin: 0px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes .comprar {
    background-color: #f60;
    color: #fff;
    font-size: 15px;
    border: none;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block;
    cursor: pointer;
    *cursor: hand;
    _cursor: hand;
}

.tb-acciones-multiples a {
    min-width: 100px;
}

.tb-tablas-comprimidas .tb-acciones {
    text-align: center !important;
}

.tb-acciones .btn-primary-outlined {
    margin: 10px 0;
}

.final {
    margin-top: 10px !important;
}

.btn-primary-outlined {
    color: #f60;
    background-color: #fff;
    border: solid 1px #f60;
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes .comprar {
        height: 45px;
        line-height: 45px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes .comprar:hover {
    text-decoration: none;
    background-color: #d65600
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes:last-child {
    border-right: none
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo {
    float: left;
    width: 60%
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo h1 {
    padding: 0px 0px 5px 0;
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    font-family: telcelregular;
    color: #062C5F
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 16px
    }
}

@media (max-width : 768px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 17px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .descripcion {
    font-size: 13px;
    padding-top: 5px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio {
    float: right;
    width: 39%;
    text-align: right;
    font-size: 18px;
    padding-top: 3px;
    font-weight: bold;
    color: #666;
    font-family: telcelregular
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio span {
    font-size: 13px;
    font-family: telcellight
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio span {
        position: absolute;
        top: -10px;
        right: 10px
    }
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio {
        padding-top: 2px;
        font-size: 14px
    }

    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio span {
        font-size: 12px;
        font-family: telcellight
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .ver-detalle {
    padding-top: 5px;
    font-size: 15px
}

@media (min-width : 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .ver-detalle {
        font-size: 14px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor {
    width: 75%;
    float: right
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor .precio-internet {
    color: #909;
    font-weight: bold
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor p {
    padding: 3px 0 0 0;
    margin: 0px;
    color: #666;
    font-size: 13px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 {
    padding: 0px;
    margin: 0px;
    color: #666;
    font-weight: bold;
    font-size: 22px
}

@media (max-width : 768px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 {
        font-size: 16px
    }

    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
        font-size: 14px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
    font-size: 18px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2.incluido {
    font-size: 22px;
    color: #02b0ef
}

#ficha-tecnica-v6 #ver-mas-planes {
    border-top: solid 1px #DEE2E6;
    border-bottom: solid 1px #DEE2E6;
    margin: 10px 0px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none
}

#ficha-tecnica-v6 #ver-mas-planes span {
    width: 140px;
    margin: 0 auto;
    display: block
}

#ficha-tecnica-v6 #ver-mas-planes i {
    font-size: 20px;
    float: right
}

#ficha-tecnica-v6 .mensaje-no-disponible {
    background-color: #F2F7F9;
    padding: 20px;
    margin: 20px 0 0 0
}

#ficha-tecnica-v6 .mensaje-no-disponible h1 {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold;
    padding: 0px;
    margin: 0px
}

#ficha-tecnica-v6 .mensaje-no-disponible p {
    color: #062C5F;
    font-size: 15px;
    font-weight: regular;
    padding: 10px 0px
}

#ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-email {
    overflow: hidden
}

#ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-email .help-block {
    clear: both;
    padding-top: 5px
}

#ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-email input {
    float: left;
    border: solid 1px #DEE2E6;
    height: 37px;
    width: 50%;
    padding: 10px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-email input {
        width: 40%;
        font-size: 10px
    }
}

#ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-email a {
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 38%;
    text-align: center;
    background-color: #062C5F;
    color: #fff;
    margin-left: 10px;
    font-size: 13px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-email a {
        font-size: 10px;
        width: 52%
    }
}

#ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-email a:hover {
    text-decoration: none;
    background-color: #0b4da7
}

#ficha-tecnica-v6 .mensaje-no-disponible .mensaje-no-disponible-mensaje {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 0 0
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .plan-telcel-cont .titulos-planes h3 {
        font-size: 12px
    }
}

.addons-ficha {
    border-top: 3px solid #F2F7F9
}

.simple-carousel .owl-pagination {
    top: -75px
}

.card.card-visa {
    width: 40px;
    height: 23px;
    background-position: -12px -255px;
    margin-right: 2px
}

.card.card-mastercard {
    width: 40px;
    height: 23px;
    background-position: -12px -175px
}

@media (max-width : 767px) {
    .comp-meses-sin-intereses-leyenda h1 {
        margin-top: 0px !important
    }
}

@media (max-width : 767px) {
    .comp-meses-sin-intereses-tarjetas h1 {
        margin-top: 0px !important
    }

    .comp-meses-sin-intereses-tarjetas ul li {
        margin-top: 0px !important
    }
}

.hotsale-equipo-ficha {
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    height: 100px;
    width: 100px;
    line-height: 60px;
    z-index: 1000;
    top: -25px;
    right: 0px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 13px;
    line-height: 15px;
}

.preventa-equipo-ficha {
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    height: 100px;
    width: 100px;
    line-height: 60px;
    z-index: 1000;
    top: -2px;
    right: 58px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 0px;
    line-height: 15px
}

#ficha-tecnica-v6 .galeria-equipo .item-terminal-proximamente {
    position: absolute;
    background-color: #FF6600;
    color: white;
    height: 25px;
    width: 95px;
    line-height: 25px;
    z-index: 1000;
    top: 19px;
    letter-spacing: 1px;
    font-size: 11px;

    -ms-transform: rotate(-25deg);
    /* IE 9 */
    -webkit-transform: rotate(-25deg);
    /* Safari */
    transform: rotate(-25deg);
    /* Standard syntax */

}

#ficha-tecnica-v6 .galeria-equipo .item-terminal-lanzamiento {
    position: absolute;
    background-color: #A500B0;
    color: white;
    height: 25px;
    width: 95px;
    line-height: 25px;
    z-index: 1000;
    top: 19px;
    letter-spacing: 1px;
    font-size: 11px;

    -ms-transform: rotate(-25deg);
    /* IE 9 */
    -webkit-transform: rotate(-25deg);
    /* Safari */
    transform: rotate(-25deg);
    /* Standard syntax */
}

.galeria-equipo h1 {
    margin-bottom: 10px !important
}

.galeria-equipo .galeria-equipo-audifonos {
    color: #909;
    font-family: telcelregular;
    font-size: 16px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 20px
}

.disponible-en-centros-de-atencion {
    background-color: #F2F7F9;
    padding: 5px
}

.disponible-en-centros-de-atencion p {
    color: #062C5F;
    font-size: 12px;
    font-weight: regular;
    padding-top: 5px
}

.disponible-en-centros-de-atencion a {
    margin-top: 5px
}

@media (max-width : 767px) {
    .disponible-en-centros-de-atencion {
        text-align: center
    }
}

.contenedor-especificaciones {
    margin-top: 80px
}

@media (max-width : 767px) {
    .contenedor-especificaciones {
        margin-top: 40px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio {
    margin: 25px auto
}

.precio-contado {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75px
}

#ficha-tecnica-v6 .fake-radio-cont li .esquema-de-cobro-etiqueta {
    padding: 22px 0 0 14px
}

#ficha-tecnica-v6 .fake-radio-cont li .disponible {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75px;
    padding-top: 0px
}

@media (max-width : 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .disponible {
        display: block;
        margin-top: 10px;
        min-height: 30px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .plan-logo {
    margin-top: 15px
}

#ficha-tecnica-v6 .fake-radio-cont li .en {
    padding: 30px 0 0 14px
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75px
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido .contraste-precios {
    display: flex;
    flex-direction: row;
    justify-content: center
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido h3 {
    color: #02b0ef !important;
    font-weight: 500;
    font-size: 16px
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido p {
    color: #000;
    font-size: 18px
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido .nota {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px;
    font-weight: normal
}

/*FIN FICHA TECNICA*/


/* mosaico equipo planes */


#seleccion-de-equipos-sidebar-planes {
    width: 18%;
    float: left;
    border-left: solid 1px #F2F7F9;
    border-right: solid 1px #F2F7F9
}

#seleccion-de-equipos-sidebar-planes a.seleccion-de-equipos-sidebar-acordeon {
    width: 100%;
    display: block;
    position: relative
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar-planes a.seleccion-de-equipos-sidebar-acordeon {
        font-size: 13px
    }
}

#seleccion-de-equipos-sidebar-planes a.seleccion-de-equipos-sidebar-acordeon:after {
    display: inline-block;
    font-family: TelcelFont;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    margin-top: -18px;
    right: -8px;
    top: 100%;
    font-size: 18px;
    color: #DEE2E6;
    content: "\f104";
    position: absolute
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar-planes a.seleccion-de-equipos-sidebar-acordeon:after {
        right: 10px;
        color: #062C5F
    }
}

#seleccion-de-equipos-sidebar-planes a.seleccion-de-equipos-sidebar-acordeon,
#seleccion-de-equipos-sidebar-planes a.collapsed:after {
    content: "\f105"
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar-planes {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: #F2F7F9;
        border-left: none;
        border-right: none;
        float: none;
        top: 0px;
        left: 0px;
        z-index: 10001;
        overflow-y: scroll;
        padding: 60px 0px
    }

    #seleccion-de-equipos-sidebar-planes .comp-meses-sin-intereses {
        display: none
    }

    #seleccion-de-equipos-sidebar-planes .btn {
        min-height: 35px;
        line-height: 35px;
        margin-top: 10px
    }
}



#seleccion-de-equipos-sidebar-planes .seleccion-de-equipos-lista-contenedor {
    border-bottom: solid 1px #F2F7F9;
    padding: 10px;
}

@media (max-width: 768px) {
    #seleccion-de-equipos-sidebar-planes .seleccion-de-equipos-lista-contenedor li {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar-planes .seleccion-de-equipos-lista-contenedor {
        padding-top: 65px;
        padding: 15px 0;
        width: 280px;
        margin: 15px auto;
        border: solid 1px #062C5F;
        border-bottom: solid 1px #062C5F;
        border-radius: 5px
    }

    #seleccion-de-equipos-sidebar-planes .seleccion-de-equipos-lista-contenedor ul {
        padding-bottom: 0px
    }

    #seleccion-de-equipos-sidebar-planes .seleccion-de-equipos-lista-contenedor ul li {
        font-size: 14px
    }
}

#seleccion-de-equipos-sidebar-planes #seleccion-de-equipos-sidebar-seleccionar-cerrar {
    background-color: #F2F7F9;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0px;
    text-align: center
}

#seleccion-de-equipos-sidebar-planes #seleccion-de-equipos-sidebar-seleccionar-cerrar h1 {
    font-size: 18px;
    color: #666
}

#seleccion-de-equipos-sidebar-planes #seleccion-de-equipos-sidebar-seleccionar-cerrar .seleccion-de-equipos-sidebar-seleccionar-cerrar-reiniciar {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #02b0ef;
    font-size: 12px;
    font-weight: 200
}

#seleccion-de-equipos-sidebar-planes #seleccion-de-equipos-sidebar-seleccionar-cerrar .seleccion-de-equipos-sidebar-seleccionar-cerrar-boton {
    position: absolute;
    top: 5px;
    right: 10px
}

#seleccion-de-equipos-sidebar-planes #seleccion-de-equipos-sidebar-seleccionar-filtro {
    background-color: #F2F7F9;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0px;
    text-align: center
}

@media (min-width: 768px) {
    #seleccion-de-equipos-sidebar-planes #seleccion-de-equipos-sidebar-seleccionar-filtro {
        display: none
    }
}

#seleccion-de-equipos-sidebar-planes .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
    margin: 5px 0 0 0 !important;
    padding: 0px !important;
    font-size: 18px !important
}

#seleccion-de-equipos-sidebar-planes .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-con-tarjetas p a {
    font-size: 11px;
    color: #02b0ef;
    padding: 0px
}

#seleccion-de-equipos-sidebar-planes .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-difiere-el-pago p {
    padding-top: 0px
}

#seleccion-de-equipos-sidebar-planes ul {
    padding: 0 0 10px 10px
}

#seleccion-de-equipos-sidebar-planes a {
    font-size: 16px;
    color: #666;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 0 10px
}

#seleccion-de-equipos-sidebar-planes a:hover,
#seleccion-de-equipos-sidebar-planes a:active {
    text-decoration: none
}

#seleccion-de-equipos-sidebar-planes #filtro-acordeon-precios ul li {
    font-size: 15px
}

#seleccion-de-equipos-sidebar-planes #filtro-acordeon-precios ul li a {
    font-size: 15px;
    color: #02b0ef;
    padding: 0px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar-planes {
        display: none;
    }
}



/*PLAN RENTA*/
#ficha-tecnica-v6 .mensaje-color {
    clear: both;
    padding: 20px 0 0 0
}

#ficha-tecnica-v6 .mensaje-color p {
    font-size: 13px;
    color: #062C5F
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 table {
        margin: 25px auto
    }

    #ficha-tecnica-v6 table thead th {
        font-weight: bold;
        font-size: 16px
    }

    #ficha-tecnica-v6 table .tr-active {
        background-color: #D6F4FC
    }

    #ficha-tecnica-v6 table td:first-child {
        text-align: center
    }

    #ficha-tecnica-v6 table td {
        padding-left: 5px;
        padding-right: 10px;
        font-size: 20px
    }

    #ficha-tecnica-v6 .valor-plan {
        font-size: 20px;
        font-weight: normal;
        margin: 0px;
        padding: 0px
    }

    #ficha-tecnica-v6 .incluido {
        font-size: 22px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        color: #02b0ef
    }
}

#ficha-tecnica-v6 #caracteristicas p {
    color: #999;
    font-size: 17px;
    margin-top: 40px
}

#ficha-tecnica-v6 .galeria-equipo {
    text-align: center
}

#ficha-tecnica-v6 .galeria-equipo h1 {
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px
}

#ficha-tecnica-v6 .galeria-equipo h2 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #062C5F;
    font-weight: bold
}

#ficha-tecnica-v6 .galeria-equipo h2 span {
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v6 .galeria-equipo .js-galeria-equipo .owl-controls .owl-prev {
    left: -10px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v6 .galeria-equipo .js-galeria-equipo .owl-controls .owl-next {
    right: -10px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li {
    width: 50%;
    text-align: center
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active {
    border-bottom: 6px solid #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:hover,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:focus,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a.active,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:visited {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: lighter;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:hover,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:focus,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a.active,
#ficha-tecnica-v6 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:visited {
    border: none
}

#ficha-tecnica-v6 .ficha-tecnica-pasos {
    margin-top: 25px;
    overflow: hidden
}

#ficha-tecnica-v6 .ficha-tecnica-pasos .ficha-tecnica-paso {
    color: #062C5F;
    width: 35px;
    height: 35px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #062C5F;
    line-height: 28px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-right: 10px
}

#ficha-tecnica-v6 .ficha-tecnica-pasos .ficha-tecnica-paso-descripcion {
    padding-top: 5px;
    padding-left: 28px;
    display: block;
    color: #062C5F;
    font-size: 18px
}

#ficha-tecnica-v6 .ficha-tecnica-color-y-capacidad {
    overflow: hidden;
    margin: 20px 0 0 0
}

#ficha-tecnica-v6 .fake-radio-cont {
    padding: 0px;
    margin: 0px
}

#ficha-tecnica-v6 .fake-radio-cont li {
    padding: 10px;
    list-style: none;
    background-color: #F2F7F9;
    overflow: hidden
}

#ficha-tecnica-v6 .fake-radio-cont li:hover {
    background-color: #D6F4FC
}

#ficha-tecnica-v6 .fake-radio-cont li.active {
    background-color: #D6F4FC;
    box-shadow: 2px 3px 0px #CECFCF
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido {
    text-align: center
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido h3 {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido p {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #02b0ef;
    font-weight: bold
}

#ficha-tecnica-v6 .fake-radio-cont li .equipo-incluido .nota {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px;
    font-weight: normal
}

#ficha-tecnica-v6 .fake-radio-cont li .en {
    padding: 15px 0 0 0;
    font-weight: bold;
    color: #062C5F;
    padding: 20px 0 0 14px;
    height: 40px;
    line-height: 18px;
    display: block;
    float: left
}

#ficha-tecnica-v6 .fake-radio-cont li .esquema-de-cobro-etiqueta {
    font-weight: bold;
    color: #062C5F;
    font-size: 20px;
    padding: 15px 0 0 14px;
    height: 40px;
    width: 190px;
    line-height: 22px;
    display: block;
    float: left
}

@media (max-width: 768px) {
    #ficha-tecnica-v6 .fake-radio-cont li .esquema-de-cobro-etiqueta {
        width: 164px;
        font-size: 18px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado {
    float: left;
    width: 48%
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado h3 {
    color: #999;
    font-weight: 500;
    font-size: 16px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado p {
    color: #000;
    font-size: 18px;
    text-decoration: line-through
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-contado p span {
    font-size: 14px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet {
    float: left;
    width: 48%
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet {
        width: auto
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet h3 {
    color: #909;
    font-size: 18px;
    font-weight: bold
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet h3 {
        font-size: 14px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet p {
    color: #000;
    font-size: 24px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet p span {
    font-size: 20px
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet .iva-incluido {
    font-size: 12px;
    color: #999
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado {
    font-size: 15px;
    color: #666
}

#ficha-tecnica-v6 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado span {
    font-size: 10px
}

#ficha-tecnica-v6 .fake-radio-cont li .disponible {
    color: #2f9f8a;
    padding-top: 20px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .disponible {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .disponible {
        padding-top: 10px;
        font-size: 13px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .plan-logo {
    margin-top: 7px
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .plan-logo {
        width: 65%;
        margin-top: 10px;
        margin-left: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .plan-logo {
        width: 65%;
        padding-top: 10px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio-clickable-area {
    cursor: pointer;
    overflow: hidden
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio-original {
    visibility: hidden;
    position: absolute
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio {
    padding-top: 15px;
    text-align: center;
    margin: 15px auto;
    width: 30px;
    height: 30px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px #C5C8C5 solid;
    background-color: white;
    float: left;
    position: relative
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active {
    background-color: #062C5F;
    text-align: center;
    border-color: transparent
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active span {
    width: 6px;
    height: 6px;
    display: block;
    background-color: #D6F4FC;
    position: absolute;
    top: 10px;
    left: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

#ficha-tecnica-v6 .fake-radio-cont li .fake-radio li a {
    overflow: hidden
}

#ficha-tecnica-v6 .amigo-kit-cont .esquema-de-cobro-descripcion {
    font-size: 14px;
    color: #666;
    padding: 13px 0 0 0
}

#ficha-tecnica-v6 .amigo-kit-cont .esquema-de-cobro-mas-informacion {
    color: #02b0ef;
    font-size: 16px;
    padding: 10px 0 0 0
}

#ficha-tecnica-v6 .amigo-kit-cont .amigo-kit-comprar {
    background-color: #f60;
    color: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 2px 3px 0px #b34700;
    font-size: 18px;
    height: 60px;
    line-height: 55px;
    width: 250px;
    display: block;
    margin: 20px auto;
    cursor: pointer
}

#ficha-tecnica-v6 .amigo-kit-cont .amigo-kit-comprar:hover {
    background-color: #d65600
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel {
    margin: 0px;
    padding: 0px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li {
    position: relative;
    overflow: inherit;
    list-style: none;
    background-color: #fff
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li {
        border-bottom: 1px solid #DEE2E6;
        margin-top: 30px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li.active {
    box-shadow: none
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:before {
    content: "Recomendado";
    background-color: #909;
    color: #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    left: -75px;
    top: 45px;
    text-align: center
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:before {
        width: 132px;
        height: 33px;
        top: 49px;
        left: -82px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:before {
        display: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:after {
    top: 47%;
    left: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #909;
    border-width: 10px 35px 0 35px;
    margin-left: -35px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li.recomendado:after {
        display: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .descripcion-plan {
    border-right: 1px #DEE2E6 solid;
    min-height: 102px
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .descripcion-plan {
        border: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes {
    overflow: hidden;
    border-right: 1px #DEE2E6 solid;
    min-height: 102px
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes {
        border: none
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes p {
    margin: 0px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes .comprar {
    background-color: #f60;
    color: #fff;
    font-size: 15px;
    border: none;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes .comprar {
        height: 45px;
        line-height: 45px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes .comprar:hover {
    text-decoration: none;
    background-color: #d65600
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-mes:last-child {
    border-right: none
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo {
    float: left;
    width: 60%
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo h1 {
    padding: 0px 0px 5px 0;
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    font-family: telcelregular;
    color: #062C5F
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 16px
    }
}

@media (max-width: 768px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 17px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .descripcion {
    font-size: 13px;
    padding-top: 5px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio {
    float: right;
    width: 39%;
    text-align: right;
    font-size: 18px;
    padding-top: 3px;
    font-weight: bold;
    color: #666;
    font-family: telcelregular
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio span {
    font-size: 13px;
    font-family: telcellight
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio span {
        position: absolute;
        top: -10px;
        right: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio {
        padding-top: 2px;
        font-size: 14px
    }

    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio span {
        font-size: 12px;
        font-family: telcellight
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .ver-detalle {
    padding-top: 5px;
    font-size: 15px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .ver-detalle {
        font-size: 14px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor {
    width: 75%;
    float: right
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor .precio-internet {
    color: #909;
    font-weight: bold
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor p {
    padding: 3px 0 0 0;
    margin: 0px;
    color: #666;
    font-size: 13px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 {
    padding: 0px;
    margin: 0px;
    color: #666;
    font-weight: bold;
    font-size: 22px
}

@media (max-width: 768px) {
    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 {
        font-size: 16px
    }

    #ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
        font-size: 14px
    }
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
    font-size: 18px
}

#ficha-tecnica-v6 .ficha-producto-planes-telcel li .precio-contenedor h2.incluido {
    font-size: 22px;
    color: #02b0ef
}

#ficha-tecnica-v6 #ver-mas-planes {
    border-top: solid 1px #DEE2E6;
    border-bottom: solid 1px #DEE2E6;
    margin: 10px 0px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none
}

#ficha-tecnica-v6 #ver-mas-planes span {
    width: 140px;
    margin: 0 auto;
    display: block
}

#ficha-tecnica-v6 #ver-mas-planes i {
    font-size: 20px;
    float: right
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .plan-telcel-cont .titulos-planes h3 {
        font-size: 12px
    }
}

.addons-ficha {
    border-top: 3px solid #F2F7F9
}

.simple-carousel .owl-pagination {
    top: -75px
}

.card.card-visa {
    width: 40px;
    height: 23px;
    background-position: -12px -255px;
    margin-right: 2px
}

.card.card-mastercard {
    width: 40px;
    height: 23px;
    background-position: -12px -175px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses-leyenda h1 {
        margin-top: 0px !important
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses-tarjetas h1 {
        margin-top: 0px !important
    }

    .comp-meses-sin-intereses-tarjetas ul li {
        margin-top: 0px !important
    }
}

@media (max-width: 767px) {
    .list-circle-steps {
        overflow: hidden
    }
}

#modal_caracteristicas_equipos .modal-content {
    padding: 15px !important
}


#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon {
    width: 100%;
    display: block;
    position: relative;
    min-height: 40px;
    padding-top: 10px;
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon {
        font-size: 13px
    }
}

#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon:after {
    display: inline-block;
    font-family: TelcelFont;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    margin-top: -29px;
    right: 3px;
    top: 100%;
    font-size: 18px;
    color: #DEE2E6;
    content: "\f104";
    position: absolute
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon:after {
        right: 10px;
        color: #062C5F
    }
}

#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon,
#seleccion-de-equipos-sidebar a.collapsed:after {
    content: "\f105"
}

@media (max-width: 767px) {
    #seleccion-de-equipos-sidebar {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: #F2F7F9;
        border-left: none;
        border-right: none;
        float: none;
        top: 0px;
        left: 0px;
        z-index: 10001;
        overflow-y: scroll;
        padding: 60px 0px
    }

    #seleccion-de-equipos-sidebar .comp-meses-sin-intereses {
        display: none
    }

    #seleccion-de-equipos-sidebar .btn {
        min-height: 35px;
        line-height: 35px;
        margin-top: 10px
    }
}




//slidebar



#seleccion-de-equipos-galeria-lista {
    margin: 0px;
    padding: 0px
}

#seleccion-de-equipos-galeria-lista>li {
    width: 50%;
    overflow: hidden;
    padding: 15px;
    float: left;
    border-right: solid 1px #F2F7F9;
    border-bottom: solid 1px #F2F7F9;
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li {
        width: 100%;
        float: none;
        margin: 0 auto;
        border-left: none
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto {
    float: left;
    width: 20%;
    position: relative;
    text-align: center
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto {
        width: 40%;
        margin: 0 auto;
        float: none
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha {
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    height: 100px;
    width: 80px;
    z-index: 1000;
    top: -25px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 13px;
    line-height: 15px;
    right: inherit
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha .item-terminal-lanzamiento {
    width: 75px;
    top: 30px;
    font-size: 9px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha .item-terminal-lanzamiento {
        width: 125px;
        top: 45px;
        font-size: 16px
    }
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha {
        width: 70px;
        height: 50px;
        left: -8px
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha {
        width: 100%;
        height: 100%
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha img {
    width: 75px
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha img {
        width: inherit
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .item-terminal-accesibility i {
    display: block;
    width: 18px;
    cursor: pointer;
    font-size: 22px;
    margin: 10px auto
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion {
    float: right;
    width: 80%;
    padding: inherit;
    position: relative
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion {
        width: 100%
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion ul {
    margin: 0px;
    padding: 0px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h1 {
    font-size: 14px;
    color: #999;
    font-weight: bold;
    margin: 0px;
    padding: 0px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h1 {
        text-align: center
    }

    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h3 {
        text-align: center;
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h2 {
    color: #999;
    font-size: 14px;
    margin: 0px;
    padding: 0px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h2 {
        text-align: center;
        padding: 0px
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-descripcion-titulo {
    min-height: 85px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-regalo {
    min-height: 22px;
    padding: 0px;
    margin: 0px;
    color: #909
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-regalo {
        font-size: 13px;
        text-align: center
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas {
    text-align: right;
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas {
        text-align: left;
        padding: 0px 0px 10px 10px
    }
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas {
        text-align: center
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas a {
    font-size: 13px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor {
    border-top: solid 1px #F2F7F9;
    margin-top: 15px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor h4 {
    font-size: 14px;
    font-weight: bold;
    color: #062C5F
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li {
    font-size: 17px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li div span.seleccion-equipo-plazo-diferencia-precio-anterior {
    text-decoration: line-through
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li div span.seleccion-equipo-plazo-diferencia-precio-actual {
    color: #909;
    font-weight: bold
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer {
    margin-top: 20px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota {
    width: 60%;
    float: left
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota {
        text-align: center;
        width: 100%;
        float: none
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota .seleccion-equipo-footer-nota-1 {
    font-size: 13px;
    color: #999;
    margin: 0px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota .seleccion-equipo-footer-nota-2 {
    font-size: 13px;
    color: #02b0ef
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton {
    width: 38%;
    float: right;
    margin-left: 2%;
    text-align: right
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton {
        width: 100%;
        text-align: center
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton a {
    width: 100%
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton p {
    color: #00ce83;
    font-weight: normal;
    padding-top: 5px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton p span img {
    width: 20px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton {
        text-align: center;
        width: 100%;
        margin-left: 0px;
        float: none
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h1 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #666;
    clear: both
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h2 {
    font-size: 18px;
    color: #666
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 18px;
    border-top: solid 1px #F2F7F9
}

@media (max-width: 767px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 {
        padding-top: 15px
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #nombre-del-plan-seleccionado {
    padding-left: 10px;
    font-family: telcelregular;
    font-size: 26px;
    color: #02b0ef;
    line-height: 50px
}

@media (max-width: 767px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #nombre-del-plan-seleccionado {
        display: block
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado {
    font-size: 20px;
    font-family: telcelregular;
    color: #062C5F
}

@media (max-width: 767px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado {
        display: block
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado span {
    font-size: 14px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado span a {
    color: #062C5F
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #cambiar-plan {
    color: #02b0ef;
    margin-left: 14px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline
}

@media (max-width: 768px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #cambiar-plan {
        margin-left: 0px;
        padding-bottom: 15px;
        display: block
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h5 {
    border-bottom: solid 1px #F2F7F9;
    font-family: 14px !important;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0 10px 0
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h5 span {
    font-weight: normal
}

#encontrar-mi-plan-planes-detalle h3 {
    margin-bottom: 0px;
    padding-bottom: 0px
}

#encontrar-mi-plan-planes {
    background-color: #02b0ef;
    padding: 10px
}

#encontrar-mi-plan-planes header {
    position: relative;
    min-height: 40px;
    text-align: center
}

#encontrar-mi-plan-planes header h1 {
    color: #fff;
    font-size: 28px
}

#encontrar-mi-plan-planes header h2 {
    background-color: #F2F7F9;
    padding: 20px;
    margin: 0px;
    font-size: 22px
}

#encontrar-mi-plan-planes header h2 strong {
    color: #02b0ef;
    font-weight: bold
}

#encontrar-mi-plan-planes header a {
    top: -30px
}

#encontrar-mi-plan-planes header a i {
    font-size: 22px
}

#encontrar-mi-plan-planes section {
    background-color: #fff;
    padding: 10px
}

@media (max-width: 767px) {
    .list-circle-steps {
        overflow: hidden
    }
}

#modal_caracteristicas_equipos .modal-content {
    padding: 15px !important
}

//slidebar





/*#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros{clear:both;float:none;min-height:83px;border-bottom:solid 1px #F2F7F9;padding:5px;}*/








#seleccion-de-equipos-sidebar-seleccionar-cerrar {
    background-color: #F2F7F9;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0px;
    text-align: center
}

#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar h1 {
    font-size: 18px;
    color: #666
}

#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar .seleccion-de-equipos-sidebar-seleccionar-cerrar-reiniciar {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #02b0ef;
    font-size: 12px;
    font-weight: 200
}

#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar .seleccion-de-equipos-sidebar-seleccionar-cerrar-boton {
    position: absolute;
    top: 5px;
    right: 10px
}

#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-filtro {
    background-color: #F2F7F9;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0px;
    text-align: center
}

@media (min-width: 768px) {
    #seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-filtro {
        display: none
    }
}

#seleccion-de-equipos-sidebar .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
    margin: 5px 0 0 0 !important;
    padding: 0px !important;
    font-size: 18px !important
}

#seleccion-de-equipos-sidebar .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-con-tarjetas p a {
    font-size: 11px;
    color: #02b0ef;
    padding: 0px
}

#seleccion-de-equipos-sidebar .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-difiere-el-pago p {
    padding-top: 0px
}

#seleccion-de-equipos-sidebar ul {
    padding: 0 0 10px 10px
}

#seleccion-de-equipos-sidebar a {
    font-size: 16px;
    color: #666;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 10px
}

#seleccion-de-equipos-sidebar a:hover,
#seleccion-de-equipos-sidebar a:active {
    text-decoration: none
}

#seleccion-de-equipos-sidebar #filtro-acordeon-precios ul li {
    font-size: 15px
}

#seleccion-de-equipos-sidebar #filtro-acordeon-precios ul li a {
    font-size: 15px;
    color: #02b0ef;
    padding: 0px
}


#seleccion-de-equipos-galeria-lista {
    margin: 0px;
    padding: 0px
}


#seleccion-de-equipos-galeria-lista>li {
    width: 50%;
    overflow: hidden;
    padding: 15px;
    float: left;
    border-right: solid 1px #F2F7F9;
    border-bottom: solid 1px #F2F7F9;
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li {
        width: 100%;
        float: none;
        margin: 0 auto;
        border-left: none
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto {
    float: left;
    width: 20%;
    position: relative;
    text-align: center
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto {
        width: 40%;
        margin: 0 auto;
        float: none
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha {
    text-align: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    color: white;
    height: 100px;
    width: 80px;
    z-index: 1000;
    top: -25px;
    letter-spacing: 1px;
    font-size: 12px;
    padding-top: 13px;
    line-height: 15px;
    right: inherit
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha .item-terminal-lanzamiento {
    width: 75px;
    top: 30px;
    font-size: 9px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha .item-terminal-lanzamiento {
        width: 125px;
        top: 45px;
        font-size: 16px
    }
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha {
        width: 70px;
        height: 50px;
        left: -8px
    }
}

@media (max-width: 768px) and (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha {
        width: 100%;
        height: 100%
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha img {
    width: 75px
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha img {
        width: inherit
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .item-terminal-accesibility i {
    display: block;
    width: 18px;
    cursor: pointer;
    font-size: 22px;
    margin: 10px auto
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion {
    float: right;
    width: 80%;
    padding: inherit;
    position: relative
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion {
        width: 100%
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion ul {
    margin: 0px;
    padding: 0px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h1 {
    font-size: 14px;
    color: #999;
    font-weight: bold;
    margin: 0px;
    padding: 0px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h1 {
        text-align: center
    }

    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h3 {
        text-align: center;
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h2 {
    color: #999;
    font-size: 14px;
    margin: 0px;
    padding: 0px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h2 {
        text-align: center;
        padding: 0px
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-descripcion-titulo {
    min-height: 85px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-regalo {
    min-height: 22px;
    padding: 0px;
    margin: 0px;
    color: #909
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-regalo {
        font-size: 13px;
        text-align: center
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas {
    text-align: right;
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas {
        text-align: left;
        padding: 0px 0px 10px 10px
    }
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas {
        text-align: center
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas a {
    font-size: 13px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor {
    border-top: solid 1px #F2F7F9;
    margin-top: 15px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor h4 {
    font-size: 14px;
    font-weight: bold;
    color: #062C5F
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li {
    font-size: 17px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li div span.seleccion-equipo-plazo-diferencia-precio-anterior {
    text-decoration: line-through
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li div span.seleccion-equipo-plazo-diferencia-precio-actual {
    color: #909;
    font-weight: bold
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer {
    margin-top: 20px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota {
    width: 60%;
    float: left
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota {
        text-align: center;
        width: 100%;
        float: none
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota .seleccion-equipo-footer-nota-1 {
    font-size: 13px;
    color: #999;
    margin: 0px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota .seleccion-equipo-footer-nota-2 {
    font-size: 13px;
    color: #02b0ef
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton {
    width: 38%;
    float: right;
    margin-left: 2%;
    text-align: right
}

@media (max-width: 768px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton {
        width: 100%;
        text-align: center
    }
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton a {
    width: 100%
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton p {
    color: #00ce83;
    font-weight: normal;
    padding-top: 5px
}

#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton p span img {
    width: 20px
}

@media (max-width: 767px) {
    #seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton {
        text-align: center;
        width: 100%;
        margin-left: 0px;
        float: none
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h1 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #666;
    clear: both
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h2 {
    font-size: 18px;
    color: #666
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 18px;
    border-top: solid 1px #F2F7F9
}

@media (max-width: 767px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 {
        padding-top: 15px
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #nombre-del-plan-seleccionado {
    padding-left: 10px;
    font-family: telcelregular;
    font-size: 26px;
    color: #02b0ef;
    line-height: 50px
}

@media (max-width: 767px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #nombre-del-plan-seleccionado {
        display: block
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado {
    font-size: 20px;
    font-family: telcelregular;
    color: #062C5F
}

@media (max-width: 767px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado {
        display: block
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado span {
    font-size: 14px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado span a {
    color: #062C5F
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #cambiar-plan {
    color: #02b0ef;
    margin-left: 14px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline
}

@media (max-width: 768px) {
    #contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #cambiar-plan {
        margin-left: 0px;
        padding-bottom: 15px;
        display: block
    }
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h5 {
    border-bottom: solid 1px #F2F7F9;
    font-family: 14px !important;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0 10px 0
}

#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h5 span {
    font-weight: normal
}

#encontrar-mi-plan-planes-detalle h3 {
    margin-bottom: 0px;
    padding-bottom: 0px
}

#encontrar-mi-plan-planes {
    background-color: #02b0ef;
    padding: 10px
}

#encontrar-mi-plan-planes header {
    position: relative;
    min-height: 40px;
    text-align: center
}

#encontrar-mi-plan-planes header h1 {
    color: #fff;
    font-size: 28px
}

#encontrar-mi-plan-planes header h2 {
    background-color: #F2F7F9;
    padding: 20px;
    margin: 0px;
    font-size: 22px
}

#encontrar-mi-plan-planes header h2 strong {
    color: #02b0ef;
    font-weight: bold
}

#encontrar-mi-plan-planes header a {
    top: -30px
}

#encontrar-mi-plan-planes header a i {
    font-size: 22px
}

#encontrar-mi-plan-planes section {
    background-color: #fff;
    padding: 10px
}

/* @media (max-width: 767px){.list-circle-steps{overflow:hidden}}#modal_caracteristicas_equipos .btn-close-modal{z-index:1000}#modal_caracteristicas_equipos .modal-content{padding:15px !important}#seleccion-de-equipos-sidebar{width:18%;float:left;position:relative;top:79px;border-left:solid 1px #F2F7F9;border-right:solid 1px #F2F7F9}#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon{width:100%;display:block;position:relative;min-height:40px;padding-top:10px}@media (max-width: 767px){#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon{font-size:13px}}#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon:after{display:inline-block;font-family:TelcelFont;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:right;margin-top:-29px;right:3px;top:100%;font-size:18px;color:#DEE2E6;content:"\f104";position:absolute}@media (max-width: 767px){#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon:after{right:10px;color:#062C5F}}#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon,#seleccion-de-equipos-sidebar a.collapsed:after{content:"\f105"}#seleccion-de-equipos-sidebar a.seleccion-de-equipos-sidebar-acordeon:hover{background-color:#F2F7F9}@media (max-width: 767px){#seleccion-de-equipos-sidebar{width:100%;height:100%;position:fixed;background-color:#F2F7F9;border-left:none;border-right:none;float:none;top:0px;left:0px;z-index:10001;overflow-y:scroll;padding:60px 0px}#seleccion-de-equipos-sidebar .comp-meses-sin-intereses{display:none}#seleccion-de-equipos-sidebar .btn{min-height:35px;line-height:35px;margin-top:10px}}#seleccion-de-equipos-galeria{width:82%;float:right}#seleccion-de-equipos-galeria .paginator-container{float:none;clear:both}@media (max-width: 768px){#seleccion-de-equipos-galeria{width:80%}}@media (max-width: 767px){#seleccion-de-equipos-galeria{width:100%;float:none}}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros{clear:both;float:none;min-height:83px;border-bottom:solid 1px #F2F7F9;padding:5px}@media (max-width: 767px){#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros{padding:5px}}@media (max-width: 1200px){#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros{min-height:90px}}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros ul{float:left}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros ul li{float:left;border:1px solid #062C5F;padding:5px 23px 5px 5px;border-radius:4px;margin-right:10px;color:#062C5F;position:relative}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros ul li .seleccion-filtro-eliminar{position:absolute;top:6px;right:2px;color:#062C5F}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros #boton_filtros_responsivo{border:1px solid #062C5F;border-radius:4px}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros #boton_filtros_responsivo a{color:#062C5F !important}@media (max-width: 767px){#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros #boton_filtros_responsivo{float:left;padding:5px}}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown{float:right;margin-right:12px;margin-top:10px}@media (max-width: 768px){#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown{margin-top:0px}}@media (max-width: 767px){#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown{margin-top:0px}}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown button{color:#062C5F;border:1px solid #062C5F;border-radius:4px}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown button:hover,#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown button:active{background-color:#D6F4FC;color:#02b0ef;border:1px solid #02b0ef}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown ul li{border:none;padding:3px}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown ul li a{color:#062C5F}@media (max-width: 767px){#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown{float:right;margin-right:0px}}#seleccion-de-equipos-galeria #seleccion-de-equipos-filtros .dropdown-menu{z-index:1001;left:-50px}#seleccion-de-equipos-sidebar .seleccion-de-equipos-lista-contenedor{border-bottom:solid 1px #F2F7F9}@media (max-width: 768px){#seleccion-de-equipos-sidebar .seleccion-de-equipos-lista-contenedor li{font-size:13px}}@media (max-width: 767px){#seleccion-de-equipos-sidebar .seleccion-de-equipos-lista-contenedor{padding-top:65px;padding:15px 0;width:280px;margin:15px auto;border:solid 1px #062C5F;border-bottom:solid 1px #062C5F;border-radius:5px}#seleccion-de-equipos-sidebar .seleccion-de-equipos-lista-contenedor ul{padding-bottom:0px}#seleccion-de-equipos-sidebar .seleccion-de-equipos-lista-contenedor ul li{font-size:14px}}#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar{background-color:#F2F7F9;width:100%;height:60px;position:fixed;top:0px;text-align:center}#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar h1{font-size:18px;color:#666}#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar .seleccion-de-equipos-sidebar-seleccionar-cerrar-reiniciar{position:absolute;top:5px;left:5px;color:#02b0ef;font-size:12px;font-weight:200}#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar .seleccion-de-equipos-sidebar-seleccionar-cerrar-boton{position:absolute;top:5px;right:10px}@media (min-width: 768px){#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-cerrar{display:none}}#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-filtro{background-color:#F2F7F9;width:100%;height:60px;position:fixed;bottom:0px;text-align:center}@media (min-width: 768px){#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-filtro{display:none}}#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-filtro{background-color:#F2F7F9;width:100%;height:60px;position:fixed;bottom:0px;text-align:center}@media (min-width: 768px){#seleccion-de-equipos-sidebar #seleccion-de-equipos-sidebar-seleccionar-filtro{display:none}}#seleccion-de-equipos-sidebar .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1{margin:5px 0 0 0 !important;padding:0px !important;font-size:18px !important}#seleccion-de-equipos-sidebar .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-con-tarjetas p a{font-size:11px;color:#02b0ef;padding:0px}#seleccion-de-equipos-sidebar .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-difiere-el-pago p{padding-top:0px}#seleccion-de-equipos-sidebar ul{padding:0 0 10px 10px}#seleccion-de-equipos-sidebar a{font-size:16px;color:#666;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;padding:0 10px}#seleccion-de-equipos-sidebar a:hover,#seleccion-de-equipos-sidebar a:active{text-decoration:none}@media (max-width: 768px){#seleccion-de-equipos-sidebar a{font-size:15px}}#seleccion-de-equipos-sidebar #filtro-acordeon-precios ul li{font-size:15px}#seleccion-de-equipos-sidebar #filtro-acordeon-precios ul li a{font-size:15px;color:#02b0ef;padding:0px}#seleccion-de-equipos-galeria-lista{margin:0px;padding:0px}#seleccion-de-equipos-galeria-lista>li{width:50%;overflow:hidden;padding:15px;float:left;border-right:solid 1px #F2F7F9;border-bottom:solid 1px #F2F7F9}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li{width:100%;float:none;margin:0 auto;border-left:none}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto{float:left;width:20%;position:relative;text-align:center}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto{width:40%;margin:0 auto;float:none}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha{text-align:center;position:absolute;margin-left:auto;margin-right:auto;color:white;height:100px;width:80px;z-index:1000;top:-25px;letter-spacing:1px;font-size:12px;padding-top:13px;line-height:15px;right:inherit}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha .item-terminal-lanzamiento{width:75px;top:30px;font-size:9px}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha .item-terminal-lanzamiento{width:125px;top:45px;font-size:16px}}@media (max-width: 768px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha{width:70px;height:50px;left:-8px}}@media (max-width: 768px) and (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha{width:100%;height:100%}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha img{width:75px}@media (max-width: 768px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .etiqueta-equipo-ficha img{width:inherit}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-foto .item-terminal-accesibility i{display:block;width:18px;cursor:pointer;font-size:22px;margin:10px auto}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion{float:right;width:80%;padding:inherit;position:relative}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion{width:100%}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion ul{margin:0px;padding:0px}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h1{color:#999;font-size:14px;margin:0px;padding:0px}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h1{text-align:center;padding:0px}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h2{font-size:17px;color:#1a1a1a;font-weight:bold;margin:0px;padding:0px}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h2{text-align:center}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h3{color:#02b0ef;font-size:14px;margin:0px;padding:0px}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion h3{text-align:center}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-descripcion-titulo{min-height:65px}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-regalo{min-height:22px;padding:0px;margin:0px;color:#909}@media (max-width: 768px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-regalo{min-height:45px}}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-regalo{font-size:13px;text-align:center}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas{text-align:right}@media (max-width: 768px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas{text-align:left;padding:0px 0px 10px 10px}}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas{text-align:center}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-de-equipos-caracteristicas a{font-size:13px}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor{border-top:solid 1px #F2F7F9;margin-top:15px}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor h4{font-size:15px;font-weight:bold;color:#062C5F}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li{font-size:17px}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li div span.seleccion-equipo-plazo-diferencia-precio-anterior{text-decoration:line-through}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li div span.seleccion-equipo-plazo-diferencia-precio-actual{color:#909;font-weight:bold}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-plazo-diferencia-descripcion ul li div span.seleccion-equipo-plazo-diferencia-precio-sin-descuento{color:#062C5F;font-weight:bold}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer{margin-top:20px;overflow:hidden;min-height:72px}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer{min-height:auto}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota{width:60%;float:left}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota{text-align:center;width:100%;float:none}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota .seleccion-equipo-footer-nota-1{font-size:13px;color:#999;margin:0px}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-nota .seleccion-equipo-footer-nota-2{font-size:13px;color:#02b0ef}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton{width:38%;float:right;margin-left:2%;text-align:right}@media (max-width: 768px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton{width:100%;text-align:center}}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton a{width:100%}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton p{color:#00ce83;font-weight:normal;padding-top:5px}#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton p span img{width:20px}@media (max-width: 767px){#seleccion-de-equipos-galeria-lista>li .seleccion-de-equipos-descripcion .seleccion-equipo-plazo-diferencia-contenedor .seleccion-equipo-footer .seleccion-equipo-footer-boton{text-align:center;width:100%;margin-left:0px;float:none}}.mensaje-no-disponible{background-color:#F2F7F9;padding:20px;margin:20px 0 0 0;position:absolute;top:45px;left:15px}.mensaje-no-disponible-contenedor{position:relative}.mensaje-no-disponible-contenedor button{font-size:16px;color:#666;position:absolute;right:-20px;top:-20px;background:transparent;border:none}.mensaje-no-disponible-contenedor button:hover{background:transparent}#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li{margin-top:5px;margin-right:5px !important}#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li a{padding:5px 5px;font-size:14px;display:block;float:left;width:60px;text-align:center}@media (max-width: 768px){#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li a{font-size:12px !important}}@media (max-width: 767px){#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color{display:flex;flex-direction:row;justify-content:center}}@media (max-width: 767px){#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad{display:flex;flex-direction:row;justify-content:center}}#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color li a{width:24px !important;height:24px !important;margin-top:10px}#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color-etiqueta{font-size:15px !important;min-height:45px;margin:0px}@media (max-width: 767px){#ficha-tecnica-v6 .ficha-tecnica-seleccionar-color-etiqueta{text-align:center}}#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad-etiqueta{font-size:16px !important;min-height:45px;margin:0px;text-align:right}@media (max-width: 768px){#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad-etiqueta{margin-top:20px;text-align:left}}@media (max-width: 767px){#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad-etiqueta{text-align:center}}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h1{font-size:24px;margin-top:10px;margin-bottom:0px;color:#666;clear:both}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h2{font-size:18px;color:#666}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3{margin:0px;padding:0px;font-weight:normal;font-size:18px;border-top:solid 1px #F2F7F9}@media (max-width: 767px){#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3{padding-top:15px}}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #nombre-del-plan-seleccionado{padding-left:10px;font-family:telcelregular;font-size:26px;color:#02b0ef;line-height:50px}@media (max-width: 767px){#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #nombre-del-plan-seleccionado{display:block}}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado{font-size:20px;font-family:telcelregular;color:#062C5F}@media (max-width: 767px){#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado{display:block}}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado span{font-size:14px;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #precio-del-plan-seleccionado span a{color:#062C5F}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #cambiar-plan{color:#02b0ef;margin-left:14px;font-size:13px;font-weight:bold;text-decoration:underline}@media (max-width: 768px){#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h3 #cambiar-plan{margin-left:0px;padding-bottom:15px;display:block}}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h5{border-bottom:solid 1px #F2F7F9;font-family:14px !important;font-weight:bold;margin:0px;padding:0px 0 10px 0}#contenedor-pasos-selecciona-plan-equipo #elige-equipo-h5 span{font-weight:normal}#encontrar-mi-plan-planes-detalle h3{margin-bottom:0px;padding-bottom:0px}#encontrar-mi-plan-planes{background-color:#02b0ef;padding:10px}#encontrar-mi-plan-planes header{position:relative;min-height:40px;text-align:center;overflow:hidden}#encontrar-mi-plan-planes header h1{color:#fff;font-size:28px}#encontrar-mi-plan-planes header h2{background-color:#F2F7F9;padding:20px;margin:0px;font-size:22px}#encontrar-mi-plan-planes header h2 strong{color:#02b0ef;font-weight:bold}#encontrar-mi-plan-planes header a{top:-10px}#encontrar-mi-plan-planes header a i{font-size:22px}#encontrar-mi-plan-planes header form{background-color:#F2F7F9}#encontrar-mi-plan-planes header form a{top:-10px}#encontrar-mi-plan-planes header form select{background-color:#fff;width:100%}#encontrar-mi-plan-planes section{background-color:#fff;padding:10px} */



#ficha-tecnica-v6 ul {
    list-style: none;
}

#seleccion-de-equipos-galeria-lista li .seleccion-de-equipos-descripcion h3 {
    color: #02b0ef;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.mensaje-no-disponible-contenedor h1 {
    color: #999 !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mensaje-no-disponible-contenedor button {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: -30px;
    top: -24px;
    background: transparent;
    border: none;
}

.mensaje-no-disponible-contenedor button:hover {
    background: transparent
}

.mensaje-no-disponible-contenedor p {
    color: #062C5F;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0;
}

#modal_caracteristicas_equipos .btn-close-modal {
    z-index: 1000;
}

/*FIN PLAN RENTA*/
/* Descubre tu plan idela */
#elige-equipo-h1 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #666;
    clear: both;
}

#elige-equipo-h2 {
    font-size: 18px;
    color: #666;
}

#elige-equipo-h3 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 18px;
    border-top: solid 1px #F2F7F9;
}

#elige-equipo-h3 #nombre-del-plan-seleccionado {
    padding-left: 10px;
    font-family: telcelregular;
    font-size: 26px;
    color: #02b0ef;
    line-height: 50px;
}

#elige-equipo-h3 #precio-del-plan-seleccionado {
    font-size: 20px;
    font-family: telcelregular;
    color: #062C5F;
}

#elige-equipo-h3 #precio-del-plan-seleccionado span {
    font-size: 14px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#elige-equipo-h3 #cambiar-plan {
    color: #02b0ef;
    margin-left: 14px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

#elige-equipo-h5 {
    border-bottom: solid 1px #F2F7F9;
    font-family: 14px !important;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0 10px 0;
}

#elige-equipo-h5 span {
    font-weight: normal;
}

/* galeria de Equipos */
span.seleccion-equipo-plazo-diferencia-precio-sin-descuento {
    color: #062C5F;
    font-weight: bold;
}

@media (max-width: 767px) {
    .seleccionar-color-etiqueta {
        text-align: center;
    }

    .seleccionar-capacidad-etiqueta {
        text-align: center;
    }

    .seleccionar-color {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .seleccionar-capacidad {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .planes-steps .list-circle-steps li {
        width: 28%;
        margin: 2%;
        /*float: left;*/
        text-align: center;
    }

    #precio-del-plan-seleccionado {
        display: block;
    }

    /*   .btn.btn-contact { */
    /*     color:#ffffff !important; */
    /*   } */
    #nombre-del-plan-seleccionado {
        display: block;
    }
}

#ficha-tecnica-v6 .seleccionar-color {
    padding: 0px
}

#ficha-tecnica-v6 .seleccionar-color li {
    list-style: none;
    float: left
}

#ficha-tecnica-v6 .seleccionar-color li a {
    padding-top: 2px;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px #DEE2E6 solid
}

#ficha-tecnica-v6 .seleccionar-color li a {
    width: 24px !important;
    height: 24px !important;
    margin-top: 10px
}

#ficha-tecnica-v6 .seleccionar-color li a:hover {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v6 .seleccionar-color li a span {
    width: 22px;
    height: 22px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center
}

#ficha-tecnica-v6 .seleccionar-color li .active {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v6 .seleccionar-color li .ficha-tecnica-negro {
    background-color: #000
}

#ficha-tecnica-v6 .seleccionar-color li .ficha-tecnica-negro-brillante {
    background-color: #463834
}

#ficha-tecnica-v6 .seleccionar-color li .ficha-tecnica-naranja {
    background-color: #F59354
}

#ficha-tecnica-v6 .seleccionar-color li .ficha-tecnica-rosado {
    background-color: #FF9BFA
}

#ficha-tecnica-v6 .seleccionar-color li .ficha-tecnica-verde {
    background-color: #65C773
}

#ficha-tecnica-v6 .seleccionar-color li .ficha-tecnica-turquesa {
    background-color: #00F4C6
}

#ficha-tecnica-v6 .seleccionar-color-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v6 .seleccionar-color-etiqueta {
    font-size: 15px !important;
    min-height: 45px;
    margin: 0px
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .seleccionar-color-etiqueta {
        text-align: center
    }
}

#ficha-tecnica-v6 .seleccionar-color-etiqueta span {
    color: #062C5F;
    font-weight: normal;
}

#ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
    font-size: 15px !important;
    color: #062C5F;
    font-weight: bold;
    min-height: 45px;
}

#ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
    font-size: 16px !important;
    min-height: 45px;
    margin: 0px;
    text-align: right
}

@media (max-width: 768px) {
    #ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
        margin-top: 20px;
        text-align: left
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
        text-align: center
    }
}

#ficha-tecnica-v6 .seleccionar-capacidad li {
    float: left;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px !important;

    min-height: 34px;
    font-size: 14px;
}

#ficha-tecnica-v6 .seleccionar-capacidad-planes li {
    margin-bottom: 0px !important
}

#ficha-tecnica-v6 .seleccionar-capacidad li {
    margin-top: 5px;
    margin-right: 5px !important
}

#ficha-tecnica-v6 .seleccionar-capacidad li .active {
    color: #02b0ef;
    font-weight: bold;
    text-decoration: none;
    border: 2px #02b0ef solid;
    background-color: #f1fbff;
    border-radius: 3px;
}

#ficha-tecnica-v6 .ficha-tecnica-seleccionar-capacidad li a {
    color: #666;
    border: 2px #999 solid;
    border-radius: 3px;
    padding: 5px 10px;
}

#ficha-tecnica-v6 .seleccionar-capacidad li a {
    color: #666;
    border: 2px #999 solid;
    border-radius: 3px;
    padding: 5px 10px;
}

#ficha-tecnica-v6 .seleccionar-capacidad li a {
    padding: 5px 5px;
    font-size: 14px;
    display: block;
    float: left;
    width: 66px;
    text-align: center
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .seleccionar-capacidad {
        display: flex;
        flex-direction: row;
        justify-content: center
    }
}

@media (max-width: 768px) {
    #ficha-tecnica-v6 .seleccionar-capacidad li a {
        font-size: 12px !important
    }
}

#ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v6 .seleccionar-capacidad-etiqueta span {
    color: #062C5F;
    font-weight: normal
}

#ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
    font-size: 16px !important;
    min-height: 45px;
    margin: 0px;
    text-align: right
}

@media (max-width: 768px) {
    #ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
        margin-top: 20px;
        text-align: left
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v6 .seleccionar-capacidad-etiqueta {
        text-align: center
    }
}

/*modal no disponible*/
.modal-no-disponible {
    background-color: #F2F7F9;
    padding: 20px;
    margin: 20px 0 0 0;
}

.modal-no-disponible-contenedor button {
    font-size: 16px;
    color: rgb(102, 102, 102);
    position: absolute;
    right: 10px;
    top: 0px;
    background: transparent;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.modal-no-disponible-contenedor p {
    color: #062C5F;
    font-size: 15px;
    font-weight: regular;
    padding: 10px 0px;
}

.modal-no-disponible-email.validation_email input {
    float: left;
    position: relative;
    border: solid 1px #DEE2E6;
    height: 37px;
    width: 50%;
    padding: 10px;
}

.modal-no-disponible-email a {
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 38%;
    text-align: center;
    background-color: #062C5F;
    color: #fff;
    margin-left: 10px;
    font-size: 13px;
}

.modal-no-disponible {
    position: absolute;
    top: 45px;
    left: 15px;
}

/*fin mensaje no disponible*/
.label-no-disponible {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #909;
    color: white;
    height: 25px;
    line-height: 25px;
    z-index: 1000;
    top: 50px;
    letter-spacing: 1px;
    -ms-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.label-no-disponible-vertical {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: gray;
    color: white;
    height: 25px;
    line-height: 25px;
    z-index: 1000;
    top: 50px;
    letter-spacing: 1px;
}

h1+h2 {
    margin-top: 0;
}

/* fin galeria de Equipos */

#modalSegmentacion {
    position: fixed;
}

/*FIN FICHA TECNICA*/

/* componente video reloaded */
.telcel_videos .big-banner {
    border-bottom: none;
    margin-bottom: 80px;
    padding-bottom: 80px
}

.telcel_videos .video_flexible {
    margin-top: 40px
}

.telcel_videos .text-medium {
    font-size: 17px !important;
    color: #000
}

.telcel_videos .valign {
    position: relative
}

.telcel_videos .valign .valigned {
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    -moz-transform: translateY(-51%);
    -webkit-transform: translateY(-51%);
    right: 0
}

.telcel_videos .valign .valigned.left {
    left: 0;
    right: auto
}

.telcel_videos .section-divider {
    border-bottom: 10px solid #f2f7f9;
    padding-bottom: 30px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .telcel_videos .big-banner .valigned {
        position: relative;
        top: 0;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }

    .telcel_videos .video_flexible {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
        margin-top: 0px
    }

    .telcel_videos .video_flexible iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .telcel_videos .big-banner .valigned {
        position: relative;
        top: 0;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }

    .telcel_videos .big-banner .valign {
        text-align: center
    }
}

/* FIN componente video reloaded */
/* FICHA TECNICA esquemas*/
#ficha-tecnica-v7 #caracteristicas i {
    color: #37B7F5;
}

#ficha-tecnica-v7 .ficha-tecnica-nota {
    color: #062C5F;
    font-size: 14px;
    margin-top: 22px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .centrado-responsivo {
        margin: 0 auto;
        text-align: center;
        float: none;
        overflow: hidden;
        width: fit-content
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .btn-block-xs {
        display: block;
        width: 65%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto
    }
}

#ficha-tecnica-v7 .mensaje-color {
    clear: both;
    padding: 20px 0 0 0
}

#ficha-tecnica-v7 .mensaje-color p {
    font-size: 13px;
    color: #062C5F
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 table {
        margin: 25px auto
    }

    #ficha-tecnica-v7 table thead th {
        font-weight: bold;
        font-size: 16px
    }

    #ficha-tecnica-v7 table .tr-active {
        background-color: #D6F4FC
    }

    #ficha-tecnica-v7 table td:first-child {
        text-align: center
    }

    #ficha-tecnica-v7 table td {
        padding-left: 5px;
        padding-right: 10px;
        font-size: 20px
    }

    #ficha-tecnica-v7 .valor-plan {
        font-size: 20px;
        font-weight: normal;
        margin: 0px;
        padding: 0px
    }

    #ficha-tecnica-v7 .incluido {
        font-size: 22px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        color: #02b0ef
    }
}

#ficha-tecnica-v7 #caracteristicas p {
    color: #999;
    font-size: 17px;
    margin-top: 40px
}

#ficha-tecnica-v7 .galeria-equipo {
    text-align: center
}

#ficha-tecnica-v7 .galeria-equipo h1 {
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    font-weight: bold
}

#ficha-tecnica-v7 .galeria-equipo h2,
#ficha-tecnica-v7 .galeria-equipo h3 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #062C5F;
    font-weight: bold
}

#ficha-tecnica-v7 .galeria-equipo h2 span,
#ficha-tecnica-v7 .galeria-equipo h3 span {
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v7 .galeria-equipo h3 {
    padding-bottom: 20px
}

#ficha-tecnica-v7 .galeria-equipo .js-galeria-equipo .owl-controls .owl-prev {
    left: -10px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v7 .galeria-equipo .js-galeria-equipo .owl-controls .owl-next {
    right: -10px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs {
    background-color: #F2F7F9;
    border-top: solid 2px #F2F7F9;
    border-right: solid 2px #F2F7F9;
    border-left: solid 2px #F2F7F9
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li {
    width: 50%;
    text-align: center
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active {
    border-bottom: 6px solid #062C5F;
    background-color: #fff
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:hover,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:focus,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a.active,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:visited {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: lighter;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:hover,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:focus,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a.active,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:visited {
    border: none
}

#ficha-tecnica-v7 .ficha-tecnica-pasos {
    margin-top: 25px;
    overflow: hidden
}

#ficha-tecnica-v7 .ficha-tecnica-pasos .ficha-tecnica-paso {
    color: #062C5F;
    width: 35px;
    height: 35px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #062C5F;
    line-height: 28px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-right: 10px
}

#ficha-tecnica-v7 .ficha-tecnica-pasos .ficha-tecnica-paso-descripcion {
    padding-top: 5px;
    padding-left: 28px;
    display: block;
    color: #062C5F;
    font-size: 18px
}

#ficha-tecnica-v7 .ficha-tecnica-color-y-capacidad {
    overflow: hidden;
    margin: 20px 0 0 0
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad {
    margin: 15px 0px;
    padding: 0px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad {
        height: 30px;
        margin: 5px 0px
    }
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li {
    float: left;
    list-style: none;
    margin-right: 10px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a {
    color: #666;
    border: 2px #999 solid;
    border-radius: 3px;
    padding: 5px 10px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a:hover {
    text-decoration: none;
    color: #02b0ef;
    font-weight: bold;
    border: 2px #02b0ef solid;
    background-color: #f1fbff
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a {
        font-size: 13px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a {
        font-size: 10px
    }
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li .active {
    color: #02b0ef;
    font-weight: bold;
    text-decoration: none;
    border: 2px #02b0ef solid;
    background-color: #f1fbff;
    border-radius: 3px;
    padding: 5px 10px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad-etiqueta span {
    color: #062C5F;
    font-weight: normal
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color {
    padding: 0px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li {
    list-style: none;
    float: left
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li a {
    padding-top: 2px;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px #DEE2E6 solid
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li a:hover {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li a span {
    width: 22px;
    height: 22px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .active {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-Negro {
    background-color: #000
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-Brillante {
    background-color: #463834
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-Naranja {
    background-color: #F59354
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-Rosado {
    background-color: #FF9BFA
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-Verde {
    background-color: #65C773
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-Turquesa {
    background-color: #00F4C6
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-Dorado {
    background-color: #00F4C6
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color-etiqueta span {
    color: #062C5F;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont {
    padding: 0px;
    margin: 0px
}

#ficha-tecnica-v7 .fake-radio-cont li {
    margin: 15px 0;
    padding: 10px 5px;
    list-style: none;
    background-color: #F2F7F9;
    overflow: hidden
}

#ficha-tecnica-v7 .fake-radio-cont li:hover {
    background-color: #D6F4FC
}

#ficha-tecnica-v7 .fake-radio-cont li.active {
    background-color: #D6F4FC;
    box-shadow: 2px 3px 0px #CECFCF
}

#ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion {
    margin-top: 5px
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion {
        margin-top: 15px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion-nombre {
    max-width: 170px;
    font-size: 20px;
    line-height: 25px;
    padding: 15px 9px;
    color: #999;
    font-weight: 600;
    float: left
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion-nombre {
        max-width: 160px;
        font-size: 18px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li.active .una-linea-descripcion-nombre {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion {
    margin-top: 5px;
    border-left: 1px solid #DEE2E6;
    border-right: 1px solid #DEE2E6;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion {
        border: none
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion>p,
#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion h3 {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    color: #999;
    font-weight: normal
}

@media (max-width: 768px) {

    #ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion>p,
    #ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion h3 {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion .tres-lineas-descripcion-precio span {
    font-weight: lighter
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion .tres-lineas-descripcion-precio .tres-lineas-descripcion-decimales {
    font-size: 10px;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion .tres-lineas-descripcion-meses span {
    font-weight: lighter
}

#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion>p,
#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion:hover>p,
#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion:hover h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal {
    margin-top: 10px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal>p,
#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal h3 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal p {
    font-size: 20px;
    text-decoration: line-through
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal p {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal p {
        font-size: 22px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo {
    margin-top: 5px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo>p,
#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo h3 {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo h3 {
    font-size: 18px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo p {
    font-size: 26px;
    font-weight: bold
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo p span {
    font-size: 18px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo p.nota {
    font-size: 14px;
    color: #666;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo h3 {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo p {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo p.nota {
    font-size: 14px;
    font-weight: normal;
    color: #666
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo:hover h3 {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo:hover p {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo:hover p.nota {
    font-size: 14px;
    font-weight: normal;
    color: #666
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento p {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento:hover h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento:hover p {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-simple {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-top: 15px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-simple a {
    color: #999
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-simple {
    color: #02b0ef
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-simple a {
    color: #02b0ef
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75px
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido h3 {
    color: #02b0ef;
    font-weight: 500;
    font-size: 16px
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido p {
    color: #000;
    font-size: 18px
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido .nota {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .en {
    padding: 30px 0 0 14px
        /*padding:15px 0 0 0;
    font-weight:bold;
    color:#062C5F;
    padding:20px 0 0 14px;
    height:40px;
    line-height:18px;
    display:block;
    float:left*/
}

#ficha-tecnica-v7 .fake-radio-cont li .esquema-de-cobro-etiqueta {
    padding: 22px 0 0 14px
        /*font-weight:bold;
    color:#062C5F;
    font-size:20px;
    padding:15px 0 0 14px;
    height:40px;
    width:190px;
    line-height:22px;
    display:block;
    float:left*/
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .esquema-de-cobro-etiqueta {
        width: 164px;
        font-size: 18px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado {
    float: left;
    width: 48%
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado h3 {
    color: #999;
    font-weight: 500;
    font-size: 16px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado p {
    color: #000;
    font-size: 18px;
    text-decoration: line-through
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado p span {
    font-size: 14px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet {
    float: left;
    width: 48%
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet {
        width: auto
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet h3 {
    color: #909;
    font-size: 18px;
    font-weight: bold
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet h3 {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet p {
    color: #000;
    font-size: 24px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet p span {
    font-size: 20px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet .iva-incluido {
    font-size: 12px;
    color: #999
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado {
    font-size: 15px;
    color: #666
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado span {
    font-size: 10px
}

#ficha-tecnica-v7 .fake-radio-cont li .disponible {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75px;
    padding-top: 0px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .disponible {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .disponible {
        display: block;
        margin-top: 10px;
        min-height: 30px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .plan-logo {
    margin-top: 15px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .plan-logo {
        width: 65%;
        margin-top: 10px;
        margin-left: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .plan-logo {
        width: 65%;
        padding-top: 10px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio-clickable-area {
    cursor: pointer;
    overflow: hidden
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio-original {
    visibility: hidden;
    position: absolute
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
    margin: 25px auto;
    /*padding-top:15px;
    text-align:center;
    margin:15px auto;
    width:25px;
    height:25px;
    display:block;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    border:2px #C5C8C5 solid;
    background-color:white;
    float:left;
    position:relative*/
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 768) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
        margin-top: 19px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active {
    background-color: #062C5F;
    text-align: center;
    border-color: transparent
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active span {
    width: 6px;
    height: 6px;
    display: block;
    background-color: #D6F4FC;
    position: absolute;
    top: 8px;
    left: 8px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio li a {
    overflow: hidden
}

#ficha-tecnica-v7 .fake-radio-cont-vertical .fake-radio {
    float: none !important;
    text-align: center
}

#ficha-tecnica-v7 .fake-radio-cont-vertical .precio-contenedor {
    position: relative;
    float: none !important;
    width: 100% !important;
    text-align: center
}

#ficha-tecnica-v7 .fake-radio-cont-vertical .fake-radio-cont-vertical-btn {
    padding-top: 60px
}

#ficha-tecnica-v7 .amigo-kit-cont .esquema-de-cobro-descripcion {
    font-size: 14px;
    color: #666;
    padding: 13px 0 0 0
}

#ficha-tecnica-v7 .amigo-kit-cont .esquema-de-cobro-mas-informacion {
    color: #02b0ef;
    font-size: 16px;
    padding: 10px 0 0 0
}

#ficha-tecnica-v7 .amigo-kit-cont .amigo-kit-comprar {
    background-color: #f60;
    color: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 2px 3px 0px #b34700;
    font-size: 18px;
    height: 60px;
    line-height: 55px;
    width: 250px;
    display: block;
    margin: 20px auto;
    cursor: pointer
}

#ficha-tecnica-v7 .amigo-kit-cont .amigo-kit-comprar:hover {
    background-color: #d65600
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel {
    margin: 0px;
    padding: 0px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li {
    position: relative;
    overflow: inherit;
    list-style: none;
    background-color: #fff
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li {
        border-bottom: 1px solid #DEE2E6;
        margin-top: 30px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li.active {
    box-shadow: none
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:before {
    content: "Recomendado";
    background-color: #909;
    color: #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    left: -75px;
    top: 40%;
    text-align: center
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:before {
        width: 132px;
        height: 33px;
        left: -82px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:before {
        display: none
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:after {
    top: 45%;
    left: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #909;
    border-width: 10px 35px 0 35px;
    margin-left: -35px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:after {
        display: none
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .descripcion-plan {
    border-right: 1px #DEE2E6 solid;
    min-height: 102px;
    padding: 15px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .descripcion-plan {
        border: none
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-nota.active {
    color: #062C5F
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-anterior {
    min-height: 25px;
    font-size: 15px !important;
    text-decoration: line-through
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-anterior span {
    position: absolute;
    font-size: 10px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes {
    overflow: hidden;
    border-right: 1px #DEE2E6 solid;
    min-height: 102px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes p {
    margin: 0px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes .comprar {
    background-color: #f60;
    color: #fff;
    font-size: 15px;
    border: none;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes .comprar {
        height: 45px;
        line-height: 45px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes .comprar:hover {
    text-decoration: none;
    background-color: #d65600f
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes:nth-last-child(2) {
    border-right: none
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
    font-family: telcelregular;
    color: #062C5F
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 16px
    }
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 17px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 22px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .descripcion {
    font-size: 13px;
    padding-top: 5px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio {
    font-size: 18px;
    padding-top: 3px;
    font-weight: bold;
    color: #000;
    font-family: telcelregular;
    position: relative
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio span {
    font-size: 13px;
    font-family: telcellight
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio .etiqueta-precio-mes {
    position: relative;
    font-size: 15px;
    top: 0px;
    right: 0px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio {
        padding-top: 2px;
        font-size: 14px
    }

    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio span {
        font-size: 12px;
        font-family: telcellight
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .ver-detalle {
    padding-top: 5px;
    font-size: 15px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .ver-detalle {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor {
    width: 75%;
    float: right
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor .precio-internet {
    color: #909;
    font-weight: bold
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor p {
    padding: 3px 0 0 0;
    margin: 0px;
    color: #666;
    font-size: 13px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 {
    padding: 0px;
    margin: 0px;
    color: #666;
    font-weight: bold;
    font-size: 22px
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 {
        font-size: 16px
    }

    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 {
        font-size: 22px
    }

    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
    font-size: 14px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2.incluido {
    font-size: 22px;
    color: #02b0ef
}

#ficha-tecnica-v7 .ver-mas-planes {
    border-top: solid 1px #DEE2E6;
    border-bottom: solid 1px #DEE2E6;
    margin: 10px 0px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none
}

#ficha-tecnica-v7 .ver-mas-planes span {
    width: 140px;
    margin: 0 auto;
    display: block
}

#ficha-tecnica-v7 .ver-mas-planes i {
    font-size: 20px;
    float: right
}

#ficha-tecnica-v7 .mensaje-no-disponible {
    background-color: #F2F7F9;
    padding: 20px;
    margin: 20px 0 0 0;
    clear: both
}

#ficha-tecnica-v7 .mensaje-no-disponible h1 {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold;
    padding: 0px;
    margin: 0px
}

#ficha-tecnica-v7 .mensaje-no-disponible p {
    color: #062C5F;
    font-size: 15px;
    font-weight: regular;
    padding: 10px 0px
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email {
    overflow: hidden
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email .help-block {
    clear: both;
    padding-top: 5px
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email input {
    float: left;
    border: solid 1px #DEE2E6;
    height: 37px;
    width: 50%;
    padding: 10px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email input {
        width: 100%;
        font-size: 15px
    }
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email a {
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 38%;
    text-align: center;
    background-color: #062C5F;
    color: #fff;
    margin-left: 10px;
    font-size: 13px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email a {
        margin-left: 0px;
        margin-top: 5px;
        font-size: 15px;
        width: 100%
    }
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email a:hover {
    text-decoration: none;
    background-color: #0b4da7
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-mensaje {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 0 0
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .plan-telcel-cont .titulos-planes h3 {
        font-size: 12px
    }
}

.addons-ficha {
    border-top: 3px solid #F2F7F9
}

.simple-carousel .owl-pagination {
    top: -75px
}

.card.card-visa {
    width: 40px;
    height: 23px;
    background-position: -12px -255px;
    margin-right: 2px
}

.card.card-mastercard {
    width: 40px;
    height: 23px;
    background-position: -12px -175px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses-leyenda h1 {
        margin-top: 0px !important
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses-tarjetas h1 {
        margin-top: 0px !important
    }

    .comp-meses-sin-intereses-tarjetas ul li {
        margin-top: 0px !important
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-tarjetas-separador {
    padding: 0 10px;
    float: none
}

@media (max-width: 767px) {
    .alert-box {
        width: 100%
    }
}

.alert-box .icon-box {
    padding-left: 20px;
    padding-top: 10px
}

@media (max-width: 767px) {
    .alert-box .icon-box {
        width: 100%
    }
}

.alert-box .icon-box .alert-icon {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px
}

.alert-box .alert-text {
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width: 767px) {
    .alert-box .alert-text {
        text-align: center
    }
}

.reset-margin-left {
    margin-left: 0px !important
}

.text-description-long {
    height: 120px;
    position: relative;
    overflow: hidden
}

.galeria-equipo .galeria-equipo-audifonos span {
    display: block
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido .contraste-precios {
    display: flex;
    flex-direction: row;
    justify-content: center
}

#amigoSinLimiteModal li,
#tarjetasParticipantes li {
    list-style: disc;
}

#amigoSinLimiteModal ul {
    list-style: initial;
}

#ficha-tecnica-v7 .ficha-tecnica-nota {
    color: #062C5F;
    font-size: 14px;
    margin-top: 22px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .centrado-responsivo {
        margin: 0 auto;
        text-align: center;
        float: none;
        overflow: hidden;
        width: fit-content
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .btn-block-xs {
        display: block;
        width: 65%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto
    }
}

#ficha-tecnica-v7 .mensaje-color {
    clear: both;
    padding: 20px 0 0 0
}

#ficha-tecnica-v7 .mensaje-color p {
    font-size: 13px;
    color: #062C5F
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 table {
        margin: 25px auto
    }

    #ficha-tecnica-v7 table thead th {
        font-weight: bold;
        font-size: 16px
    }

    #ficha-tecnica-v7 table .tr-active {
        background-color: #D6F4FC
    }

    #ficha-tecnica-v7 table td:first-child {
        text-align: center
    }

    #ficha-tecnica-v7 table td {
        padding-left: 5px;
        padding-right: 10px;
        font-size: 20px
    }

    #ficha-tecnica-v7 .valor-plan {
        font-size: 20px;
        font-weight: normal;
        margin: 0px;
        padding: 0px
    }

    #ficha-tecnica-v7 .incluido {
        font-size: 22px;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        color: #02b0ef
    }
}

#ficha-tecnica-v7 #caracteristicas p {
    color: #999;
    font-size: 17px;
    margin-top: 40px
}

#ficha-tecnica-v7 .galeria-equipo {
    text-align: center
}

#ficha-tecnica-v7 .galeria-equipo h1 {
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    font-weight: bold
}

#ficha-tecnica-v7 .galeria-equipo h2,
#ficha-tecnica-v7 .galeria-equipo h3 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #062C5F;
    font-weight: bold
}

#ficha-tecnica-v7 .galeria-equipo h2 span,
#ficha-tecnica-v7 .galeria-equipo h3 span {
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v7 .galeria-equipo h3 {
    padding-bottom: 20px
}

#ficha-tecnica-v7 .galeria-equipo .js-galeria-equipo .owl-controls .owl-prev {
    left: -10px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v7 .galeria-equipo .js-galeria-equipo .owl-controls .owl-next {
    right: -10px;
    font-size: 60px;
    margin-top: -50px
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs {
    background-color: #F2F7F9;
    border-top: solid 2px #F2F7F9;
    border-right: solid 2px #F2F7F9;
    border-left: solid 2px #F2F7F9
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li {
    width: 50%;
    text-align: center
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active {
    border-bottom: 6px solid #062C5F;
    background-color: #fff
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:hover,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:focus,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a.active,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li.active a:visited {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: lighter;
    font-size: 18px;
    color: #062C5F
}

#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:hover,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:focus,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a.active,
#ficha-tecnica-v7 #ficha-tecnica-descripcion-del-equipo ul.nav-tabs li a:visited {
    border: none
}

#ficha-tecnica-v7 .ficha-tecnica-pasos {
    margin-top: 25px;
    overflow: hidden
}

#ficha-tecnica-v7 .ficha-tecnica-pasos .ficha-tecnica-paso {
    color: #062C5F;
    width: 35px;
    height: 35px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #062C5F;
    line-height: 28px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-right: 10px
}

#ficha-tecnica-v7 .ficha-tecnica-pasos .ficha-tecnica-paso-descripcion {
    padding-top: 5px;
    padding-left: 28px;
    display: block;
    color: #062C5F;
    font-size: 18px
}

#ficha-tecnica-v7 .ficha-tecnica-color-y-capacidad {
    overflow: hidden;
    margin: 20px 0 0 0
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad {
    margin: 15px 0px;
    padding: 0px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad {
        height: 30px;
        margin: 5px 0px
    }
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li {
    float: left;
    list-style: none;
    margin-right: 10px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a {
    color: #666;
    border: 2px #999 solid;
    border-radius: 3px;
    padding: 5px 10px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a:hover {
    text-decoration: none;
    color: #02b0ef;
    font-weight: bold;
    border: 2px #02b0ef solid;
    background-color: #f1fbff
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a {
        font-size: 13px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li a {
        font-size: 10px
    }
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad li .active {
    color: #02b0ef;
    font-weight: bold;
    text-decoration: none;
    border: 2px #02b0ef solid;
    background-color: #f1fbff;
    border-radius: 3px;
    padding: 5px 10px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-capacidad-etiqueta span {
    color: #062C5F;
    font-weight: normal
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color {
    padding: 0px
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li {
    list-style: none;
    float: left
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li a {
    padding-top: 2px;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px #DEE2E6 solid
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li a:hover {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li a span {
    width: 22px;
    height: 22px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .active {
    border: 3px #02b0ef solid
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-negro {
    background-color: #000
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-negro-brillante {
    background-color: #463834
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-naranja {
    background-color: #F59354
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-rosado {
    background-color: #FF9BFA
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-verde {
    background-color: #65C773
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color li .ficha-tecnica-turquesa {
    background-color: #00F4C6
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color-etiqueta {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold
}

#ficha-tecnica-v7 .ficha-tecnica-seleccionar-color-etiqueta span {
    color: #062C5F;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont {
    padding: 0px;
    margin: 0px
}

#ficha-tecnica-v7 .fake-radio-cont li {
    margin: 15px 0;
    padding: 10px 5px;
    list-style: none;
    background-color: #F2F7F9;
    overflow: hidden
}

#ficha-tecnica-v7 .fake-radio-cont li:hover {
    background-color: #D6F4FC
}

#ficha-tecnica-v7 .fake-radio-cont li.active {
    background-color: #D6F4FC;
    box-shadow: 2px 3px 0px #CECFCF
}

#ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion {
    margin-top: 5px
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion {
        margin-top: 15px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion-nombre {
    max-width: 170px;
    font-size: 20px;
    line-height: 25px;
    padding: 15px 9px;
    color: #999;
    font-weight: 600;
    float: left
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .una-linea-descripcion-nombre {
        max-width: 160px;
        font-size: 18px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li.active .una-linea-descripcion-nombre {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion {
    margin-top: 5px;
    border-left: 1px solid #DEE2E6;
    border-right: 1px solid #DEE2E6;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion {
        border: none
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion>p,
#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion h3 {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    color: #999;
    font-weight: normal
}

@media (max-width: 768px) {

    #ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion>p,
    #ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion h3 {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion .tres-lineas-descripcion-precio span {
    font-weight: lighter
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion .tres-lineas-descripcion-precio .tres-lineas-descripcion-decimales {
    font-size: 10px;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .tres-lineas-descripcion .tres-lineas-descripcion-meses span {
    font-weight: lighter
}

#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion>p,
#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion:hover>p,
#ficha-tecnica-v7 .fake-radio-cont li.active .tres-lineas-descripcion:hover h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal {
    margin-top: 10px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal>p,
#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal h3 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal p {
    font-size: 20px;
    text-decoration: line-through
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal p {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-normal p {
        font-size: 22px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo {
    margin-top: 5px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo>p,
#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo h3 {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo h3 {
    font-size: 18px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo p {
    font-size: 26px;
    font-weight: bold
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo p span {
    font-size: 18px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-precio-equipo p.nota {
    font-size: 14px;
    color: #666;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo h3 {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo p {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo p.nota {
    font-size: 14px;
    font-weight: normal;
    color: #666
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo:hover h3 {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo:hover p {
    color: #909
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo:hover p.nota {
    font-size: 14px;
    font-weight: normal;
    color: #666
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento p {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento:hover h3 {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-precio-equipo-sin-descuento:hover p {
    color: #062C5F
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-simple {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-top: 15px
}

#ficha-tecnica-v7 .fake-radio-cont li .dos-lineas-descripcion-simple a {
    color: #999
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-simple {
    color: #02b0ef
}

#ficha-tecnica-v7 .fake-radio-cont li.active .dos-lineas-descripcion-simple a {
    color: #02b0ef
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido {
    text-align: center
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido h3 {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido p {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #02b0ef;
    font-weight: bold
}

#ficha-tecnica-v7 .fake-radio-cont li .equipo-incluido .nota {
    padding: 0px;
    margin: 0px;
    color: #999;
    font-size: 12px;
    font-weight: normal
}

#ficha-tecnica-v7 .fake-radio-cont li .en {
    padding: 15px 0 0 0;
    font-weight: bold;
    color: #062C5F;
    padding: 20px 0 0 14px;
    height: 40px;
    line-height: 18px;
    display: block;
    float: left
}

#ficha-tecnica-v7 .fake-radio-cont li .esquema-de-cobro-etiqueta {
    font-weight: bold;
    color: #062C5F;
    font-size: 20px;
    padding: 15px 0 0 14px;
    height: 40px;
    width: 190px;
    line-height: 22px;
    display: block;
    float: left
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .fake-radio-cont li .esquema-de-cobro-etiqueta {
        width: 164px;
        font-size: 18px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado {
    float: left;
    width: 48%
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado h3 {
    color: #999;
    font-weight: 500;
    font-size: 16px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado p {
    color: #000;
    font-size: 18px;
    text-decoration: line-through
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-contado p span {
    font-size: 14px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet {
    float: left;
    width: 48%
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet {
        width: auto
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet h3 {
    color: #909;
    font-size: 18px;
    font-weight: bold
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet h3 {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet p {
    color: #000;
    font-size: 24px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet p span {
    font-size: 20px
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet .iva-incluido {
    font-size: 12px;
    color: #999
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado {
    font-size: 15px;
    color: #666
}

#ficha-tecnica-v7 .fake-radio-cont li .contraste-precios .precio-internet .precio-tachado span {
    font-size: 10px
}

#ficha-tecnica-v7 .fake-radio-cont li .disponible {
    color: #2f9f8a;
    padding-top: 20px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .disponible {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .disponible {
        padding-top: 10px;
        font-size: 13px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .plan-logo {
    margin-top: 7px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .plan-logo {
        width: 65%;
        margin-top: 10px;
        margin-left: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .plan-logo {
        width: 65%;
        padding-top: 10px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio-clickable-area {
    cursor: pointer;
    overflow: hidden
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio-original {
    visibility: hidden;
    position: absolute
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
    padding-top: 15px;
    text-align: center;
    margin: 15px auto;
    width: 25px;
    height: 25px;
    display: block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px #C5C8C5 solid;
    background-color: white;
    float: left;
    position: relative
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 768) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
        margin-top: 19px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio {
        width: 20px;
        height: 20px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active {
    background-color: #062C5F;
    text-align: center;
    border-color: transparent
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active span {
    width: 6px;
    height: 6px;
    display: block;
    background-color: #D6F4FC;
    position: absolute;
    top: 8px;
    left: 8px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .fake-radio-cont li .fake-radio.active span {
        width: 4px;
        height: 4px;
        top: 6px;
        left: 6px
    }
}

#ficha-tecnica-v7 .fake-radio-cont li .fake-radio li a {
    overflow: hidden
}

#ficha-tecnica-v7 .fake-radio-cont-vertical .fake-radio {
    float: none !important;
    text-align: center
}

#ficha-tecnica-v7 .fake-radio-cont-vertical .precio-contenedor {
    position: relative;
    float: none !important;
    width: 100% !important;
    text-align: center
}

#ficha-tecnica-v7 .fake-radio-cont-vertical .fake-radio-cont-vertical-btn {
    padding-top: 60px
}

#ficha-tecnica-v7 .amigo-kit-cont .esquema-de-cobro-descripcion {
    font-size: 14px;
    color: #666;
    padding: 13px 0 0 0
}

#ficha-tecnica-v7 .amigo-kit-cont .esquema-de-cobro-mas-informacion {
    color: #02b0ef;
    font-size: 16px;
    padding: 10px 0 0 0
}

#ficha-tecnica-v7 .amigo-kit-cont .amigo-kit-comprar {
    background-color: #f60;
    color: #fff;
    text-align: center;
    text-decoration: none;
    box-shadow: 2px 3px 0px #b34700;
    font-size: 18px;
    height: 60px;
    line-height: 55px;
    width: 250px;
    display: block;
    margin: 20px auto;
    cursor: pointer
}

#ficha-tecnica-v7 .amigo-kit-cont .amigo-kit-comprar:hover {
    background-color: #d65600
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel {
    margin: 0px;
    padding: 0px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li {
    position: relative;
    overflow: inherit;
    list-style: none;
    background-color: #fff
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li {
        border-bottom: 1px solid #DEE2E6;
        margin-top: 30px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li.active {
    box-shadow: none
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:before {
    content: "Recomendado";
    background-color: #909;
    color: #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    left: -75px;
    top: 40%;
    text-align: center
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:before {
        width: 132px;
        height: 33px;
        left: -82px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:before {
        display: none
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:after {
    top: 45%;
    left: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #909;
    border-width: 10px 35px 0 35px;
    margin-left: -35px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li.recomendado:after {
        display: none
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .descripcion-plan {
    border-right: 1px #DEE2E6 solid;
    min-height: 102px;
    padding: 15px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .descripcion-plan {
        border: none
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-nota.active {
    color: #062C5F
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-anterior {
    min-height: 25px;
    font-size: 15px !important;
    text-decoration: line-through
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-anterior span {
    position: absolute;
    font-size: 10px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes {
    overflow: hidden;
    border-right: 1px #DEE2E6 solid;
    min-height: 102px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes p {
    margin: 0px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes .comprar {
    background-color: #f60;
    color: #fff;
    font-size: 15px;
    border: none;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes .comprar {
        height: 45px;
        line-height: 45px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes .comprar:hover {
    text-decoration: none;
    background-color: #d65600
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-mes:nth-last-child(2) {
    border-right: none
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
    font-family: telcelregular;
    color: #062C5F
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 16px
    }
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 17px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .titulo h1 {
        font-size: 22px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .descripcion {
    font-size: 13px;
    padding-top: 5px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio {
    font-size: 18px;
    padding-top: 3px;
    font-weight: bold;
    color: #000;
    font-family: telcelregular;
    position: relative
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio span {
    font-size: 13px;
    font-family: telcellight
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio .etiqueta-precio-mes {
    position: relative;
    font-size: 15px;
    top: 0px;
    right: 0px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio {
        padding-top: 2px;
        font-size: 14px
    }

    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio span {
        font-size: 12px;
        font-family: telcellight
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .ver-detalle {
    padding-top: 5px;
    font-size: 15px
}

@media (min-width: 768px) and (max-width: 991px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .ver-detalle {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor {
    width: 75%;
    float: right
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor .precio-internet {
    color: #909;
    font-weight: bold
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor p {
    padding: 3px 0 0 0;
    margin: 0px;
    color: #666;
    font-size: 13px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 {
    padding: 0px;
    margin: 0px;
    color: #666;
    font-weight: bold;
    font-size: 22px
}

@media (max-width: 768px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 {
        font-size: 16px
    }

    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 {
        font-size: 22px
    }

    #ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
        font-size: 14px
    }
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2 span {
    font-size: 14px
}

#ficha-tecnica-v7 .ficha-producto-planes-telcel li .precio-contenedor h2.incluido {
    font-size: 22px;
    color: #02b0ef
}

#ficha-tecnica-v7 .ver-mas-planes {
    border-top: solid 1px #DEE2E6;
    border-bottom: solid 1px #DEE2E6;
    margin: 10px 0px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: bold;
    text-decoration: none
}

#ficha-tecnica-v7 .ver-mas-planes span {
    width: 140px;
    margin: 0 auto;
    display: block
}

#ficha-tecnica-v7 .ver-mas-planes i {
    font-size: 20px;
    float: right
}

#ficha-tecnica-v7 .mensaje-no-disponible {
    background-color: #F2F7F9;
    padding: 20px;
    margin: 20px 0 0 0;
    clear: both
}

#ficha-tecnica-v7 .mensaje-no-disponible h1 {
    color: #062C5F;
    font-size: 18px;
    font-weight: bold;
    padding: 0px;
    margin: 0px
}

#ficha-tecnica-v7 .mensaje-no-disponible p {
    color: #062C5F;
    font-size: 15px;
    font-weight: regular;
    padding: 10px 0px
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email {
    overflow: hidden
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email .help-block {
    clear: both;
    padding-top: 5px
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email input {
    float: left;
    border: solid 1px #DEE2E6;
    height: 37px;
    width: 50%;
    padding: 10px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email input {
        width: 100%;
        font-size: 15px
    }
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email a {
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    width: 38%;
    text-align: center;
    background-color: #062C5F;
    color: #fff;
    margin-left: 10px;
    font-size: 13px
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email a {
        margin-left: 0px;
        margin-top: 5px;
        font-size: 15px;
        width: 100%
    }
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-email a:hover {
    text-decoration: none;
    background-color: #0b4da7
}

#ficha-tecnica-v7 .mensaje-no-disponible .mensaje-no-disponible-mensaje {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 0 0
}

@media (max-width: 767px) {
    #ficha-tecnica-v7 .plan-telcel-cont .titulos-planes h3 {
        font-size: 12px
    }
}

.addons-ficha {
    border-top: 3px solid #F2F7F9
}

.simple-carousel .owl-pagination {
    top: -75px
}

.card.card-visa {
    width: 40px;
    height: 23px;
    background-position: -12px -255px;
    margin-right: 2px
}

.card.card-mastercard {
    width: 40px;
    height: 23px;
    background-position: -12px -175px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses-leyenda h1 {
        margin-top: 0px !important
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses-tarjetas h1 {
        margin-top: 0px !important
    }

    .comp-meses-sin-intereses-tarjetas ul li {
        margin-top: 0px !important
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-tarjetas-separador {
    padding: 0 10px;
    float: none
}

@media (max-width: 767px) {
    .alert-box {
        width: 100%
    }
}

.alert-box .icon-box {
    padding-left: 20px;
    padding-top: 10px
}

@media (max-width: 767px) {
    .alert-box .icon-box {
        width: 100%
    }
}

.alert-box .icon-box .alert-icon {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px
}

.alert-box .alert-text {
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width: 767px) {
    .alert-box .alert-text {
        text-align: center
    }
}

.reset-margin-left {
    margin-left: 0px !important
}

/* fin FICHA TECNICA esquemas*/

/*estilo para icono gigared*/
#ficha-tecnica-v7 .icon-Gigared {
    display: inline-block;
    height: 60px;
    width: 60px;
    background-image: url(../../../content/dam/telcelcom/iconos/icon-gigared.png);
    background-repeat: no-repeat;
}

.icon-Gigared {
    display: inline-block;
    height: 60px;
    width: 60px;
    background-image: url(../../../content/dam/telcelcom/iconos/icon-gigared.png);
    background-repeat: no-repeat;
}

/* fin FICHA TECNICA esquemas*/
.comp-meses-sin-intereses .tarjetas-de-credito-logos img {
    width: 45px;
    height: 23px;
    margin: 0 3px 0 0
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .tarjetas-de-credito-logos img {
        width: 35px;
        height: 18px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-mes {
        margin-top: 3px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 18px;
        margin-right: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 {
    background-color: #F2F7F9;
    padding: 10px;
    box-shadow: 2px 3px 0px #CECFCF;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
    margin-right: 2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    font-family: telcelregular;
    line-height: 20px;
    font-size: 12px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
        font-size: 9px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 header {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .tarjetas-de-credito-logos img {
    width: 35px;
    height: 18px;
    margin: 0 3px 0 0
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .tarjetas-de-credito-logos img {
        width: 24px;
        height: 13px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 18px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 11px;
        line-height: 16px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px;
        font-size: 14px;
        line-height: 20px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section {
    font-size: 12px;
    margin: 5px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section {
        flex-direction: column;
        align-items: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section p {
    padding: 0px 5px 0 0;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link {
    width: 95px;
    height: 25px;
    display: block;
    float: left;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link {
        text-align: center;
        width: 65px;
        height: 25px;
        margin-left: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a.claro-shop-logo-link img {
    width: 80px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer p {
    margin: 0px;
    padding: 3px 0 0 0;
    font-size: 12px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-1 footer p {
        font-size: 10px;
        padding: 5px 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 {
    background-color: #F2F7F9;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
    margin-right: 2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    font-family: telcelregular;
    line-height: 20px;
    font-size: 12px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
        font-size: 9px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .tarjetas-de-credito-logos img {
    width: 35px;
    height: 18px;
    margin: 0 3px 0 0
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .tarjetas-de-credito-logos img {
        width: 24px;
        height: 13px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-con-tarjetas p {
    padding: 0px 5px 0px 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-con-tarjetas p a {
    font-size: 12px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-con-tarjetas p a {
        font-size: 10px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 header {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    line-height: 18px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 11px;
        line-height: 16px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px;
        font-size: 14px;
        line-height: 20px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 5px 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section p {
    text-align: center;
    padding: 5px 5px 0 0;
    margin: 0px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link {
    width: 95px;
    height: 25px;
    display: block;
    float: left;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link {
        text-align: center;
        width: 65px;
        height: 25px;
        margin-left: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a.claro-shop-logo-link img {
    width: 80px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer p {
    margin: 0px;
    padding: 3px 0 0 0;
    font-size: 12px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-2 footer p {
        font-size: 10px;
        padding: 5px 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-mes {
    margin-right: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
    font-family: telcelregular;
    line-height: 30px;
    font-size: 18px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-mes {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 header {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 22px;
    padding: 0px;
    margin: 0px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 16px;
        line-height: 25px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 .comp-meses-sin-intereses-envio-gratuito {
    border-top: 1px solid #DEE2E6;
    padding: 10px 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 5px 0px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-difiere-el-pago p {
        padding-top: 4px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .claro-shop-logo {
    height: 22px;
    width: 89px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .claro-shop-logo {
        height: 17px;
        width: 70px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section a.claro-shop-logo-link {
    width: 93px;
    height: 25px;
    display: block;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section a.claro-shop-logo-link {
        text-align: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section p {
    padding: 4px 5px 0 0;
    margin: 0px;
    font-size: 13px;
    color: #062C5F;
    float: left
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section p {
        padding: 0px
    }
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 footer {
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-3 footer p {
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
    margin-right: 2px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: left;
    font-family: telcelregular;
    line-height: 25px;
    font-size: 14px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
        font-size: 9px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .tarjetas-de-credito-logos img {
    width: 45px;
    height: 23px;
    margin: 0 3px 0 0
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .tarjetas-de-credito-logos img {
        width: 35px;
        height: 18px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
        margin-top: 3px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 18px;
        margin-right: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 header {
    margin: 20px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 24px !important;
    padding: 10px 0 0 0 !important;
    margin-bottom: 0px !important
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 16px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section {
        flex-direction: column;
        align-items: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section p {
    padding: 3px 3px 0 0;
    margin: 0px;
    font-size: 12px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 5px 0 0 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-difiere-el-pago p {
    font-size: 12px;
    padding-top: 15px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 .comp-meses-sin-intereses-difiere-el-pago p {
        font-size: 10px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer p {
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a.claro-shop-logo-link {
    width: 80px;
    margin: 6px 0 0 4px;
    display: block;
    float: left;
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a.claro-shop-logo-link:hover {
    box-shadow: 1px 1px 1px #666
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-4 footer a.claro-shop-logo-link {
        text-align: center;
        width: 65px;
        height: 25px;
        margin-left: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-mes {
    margin: 0 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float: left;
    font-family: telcelregular;
    line-height: 30px;
    font-size: 22px;
    background-color: #062C5F;
    color: #fff;
    text-align: center
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-mes {
        margin: 0 1px;
        font-size: 12px;
        line-height: 18px;
        width: 18px;
        height: 18px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 header {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-mes {
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 18px;
    padding: 3px 0px;
    margin: 0px 10px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px;
        font-size: 13px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 5px 0px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section {
        flex-direction: column;
        align-items: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section p {
    padding: 5px 5px 0 0;
    margin: 0px;
    font-size: 12px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas ul {
    padding: 0px;
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-tarjetas ul li {
    list-style: none;
    float: left
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 section .comp-meses-sin-intereses-envio-gratuito {
    color: #062C5F;
    font-size: 12px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 footer {
    text-align: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 footer a {
    padding: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-5 footer p {
    margin: 0px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 {
    border-top: 2px solid #F2F7F9;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-mes {
    margin-right: 2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    font-family: telcelregular;
    line-height: 20px;
    font-size: 14px;
    background-color: #DEE2E6;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-mes {
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-mes {
        font-size: 9px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .tarjetas-de-credito-logos img {
    width: 45px;
    height: 23px;
    margin: 0 3px 0 0
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .tarjetas-de-credito-logos img {
        width: 35px;
        height: 18px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-mes {
        margin-top: 3px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 18px;
        margin-right: 5px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 header {
    margin: 20px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-mes {
    background-color: #666;
    color: #F2F7F9
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda h1 {
    font-family: telcelregular;
    color: #062C5F;
    font-size: 24px !important;
    padding: 10px 0 0 0 !important;
    margin-bottom: 0px !important
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda h1 {
        font-size: 16px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda h1 {
        padding: 0px
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda span {
    float: left;
    font-size: 13px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-leyenda-mixta {
    padding: 3px 5px 0 5px
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-leyenda-izq {
    float: left
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-leyenda-izq {
        float: none
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-leyenda-der {
    float: right
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-leyenda-der .claro-shop-logo-link {
    margin-left: 5px
}

@media (max-width: 767px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 .comp-meses-sin-intereses-leyenda .comp-meses-sin-intereses-leyenda-der {
        float: none
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 section {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px
}

@media (max-width: 768px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 section {
        flex-direction: column;
        align-items: center
    }
}

.comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 section p {
    padding: 3px 3px 0 0;
    margin: 0px;
    font-size: 12px
}

@media (max-width: 991px) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 section p {
        font-size: 10px;
        line-height: 20px
    }
}

@media (max-width: 991) {
    .comp-meses-sin-intereses .comp-meses-sin-intereses-estilo-7 section .comp-meses-sin-intereses-tarjetas p {
        font-size: 12px;
        line-height: 30px
    }
}

.group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

* html .group {
    zoom: 1
}

*:first-child+html .group {
    zoom: 1
}

/*inicio css para nuevoPaquetesRoaming*/
.tablas-telcel-viajero-internacional-call-to-action {
    border: solid 1px #DEE2E6;
    overflow: hidden;
}

.tablas-telcel-header-viajero-internacional {
    min-height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.tablas-telcel-header-viajero-internacional>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tablas-telcel-header-viajero-internacional h2 {
    font-family: telcellight;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    color: #666;
}

.tablas-telcel-header-viajero-internacional h2 strong {
    font-family: telcelregular;
    color: #000;
}

.tablas-telcel-header-viajero-internacional h2 p {
    margin: 0px;
}

.tablas-telcel-header-viajero-internacional h2 p b {
    font-family: telcelregular;
    color: #000;
    font-weight: 400;
}

.tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional {
    min-height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional>div:last-child {
    border-left: 1px solid #DEE2E6;
}

.tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional ul {
    list-style: none;
}

.tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional ul li {
    list-style: disc;
}

.xk-btnlnk {
    color: #ffffff;
    border-color: #ff6600;
}

.xk-btnlnk:hover,
.xk-btnlnk:focus,
.xk-btnlnk:active,
.xk-btnlnk.active,
.open .dropdown-toggle.xk-btnlnk {
    color: #ffffff;
    border-color: #0606062e;
}

.xk-imglnk {
    height: 250px !important;
    width: 700px !important;
}

/*fin de css para nuevoPaquetesRoaming*/


/*inicio css para acordeonRoaming*/
#acordeon-condiciones-tablas {
    margin-bottom: 40px;
}

.panel-default:last-child>.panel-heading,
.parbase:last-child>.panel-default>.panel-heading {
    border-bottom: 2px solid #f2f7f9;
}

.panel-default>.panel-heading:hover,
.panel-default>.panel-heading:active,
.panel-default>.panel-heading:focus {
    background-color: #F2F7F9 !important;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top: 2px solid #f2f7f9;
}

.panel-default>.gluo-heading {
    border-bottom: 2px solid #f2f7f9;
}

.tb-titulo-escondido {
    padding: 0px;
    margin: 0px;
    height: 0px;
}

.tb-planes {
    height: auto !important;
}

.tb-plan-recomendado::after {
    border-top-color: #909;
}

.tb-plan .tb-plan-descripcion {
    color: #062C5F !important;
    font-family: telcelregular !important;
}

.tb-nota-tabla {
    padding-top: 15px;
    color: #666;
    font-size: 13px;
}

.tb-nota-tabla span p {
    color: #666;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tb-cont-cubo {
    display: block !important;
}

.tb-number-cubo {
    color: #062C5F !important;
    font-family: telcelregular !important;
    font-size: 20px !important;
}

.tb-tablas-comprimidas .tb-moneda {
    font-size: 14px !important;
    min-height: 20px !important;
}

.tb-act {
    padding: 0px !important;
}

.tb-destacada-alertas-gris {
    background-color: #F2F7F9;
}

.tb-destacada-alertas-gris .tb-plan-titulo {
    color: #666;
}

.tb-destacada-alertas-gris .tb-plan-descripcion {
    background-color: #F2F7F9 !important;
}

.tb-tablas-comprimidas .tb-plan-titulo .tb-plan-ahorro-nuevo {
    top: -40px;
    width: 125px;
    max-width: 100%;
    background-color: #09428f;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 3px;
    box-sizing: inherit;
}

.tb-tablas-comprimidas .tb-plan-titulo .tb-plan-ahorro-nuevo .tb-leyenda {
    font-size: 9px;
    font-weight: 400;
    opacity: inherit;
}

.tb-tablas-comprimidas .tb-plan-titulo .tb-plan-ahorro-nuevo .tb-valor-ahorro {
    font-size: 12px;
    margin-top: 0px;
}

.tb-tablas-comprimidas .tb-plan-titulo .tb-plan-ahorro-nuevo::after {
    border-top-color: #09428f;
}

.tb-nota-tabla p {
    padding-top: 0px !important;
}

/*estilos para modales */
.modal-viajero-internacional header h1 {
    font-size: 20px;
    margin-top: 40px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #666;
    font-family: telcellight;
}

/*
.modal-xlg{
	margin-top: 22px !important;
    margin-bottom: 22px !important;
}*/
.valor-obtennombre_paquete {
    color: #000;
    font-family: telcelregular;
}

.valor-leyenda2 {
    color: #000;
    font-family: telcelregular;
}

.modal-viajero-internacional .modal-planes-cuadrante {
    padding: 20px 10px 10px 10px;
    min-height: 130px;
}

.modal-viajero-internacional .modal-planes-cuadrante p {
    margin-top: 5px;
    font-size: 16px;
}

.modal-viajero-internacional .modal-planes-cuadrante .modal-planes-cuadrante-destacado {
    color: #df5900 !important;
    font-size: 18px !important;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold !important;
}

#modal-google-play-icon a img {
    opacity: 1;
}

#modal-google-play-icon a img:hover {
    opacity: 0.5;
}

#modal-ios-icon a img {
    opacity: 1;
}

#modal-ios-icon a img:hover {
    opacity: 0.5;
}

@media (max-width: 767px) {
    .modal-viajero-internacional .modal-planes-cuadrante p {
        font-size: 15px;
    }
}


/*fin estilos para modales */

.existeJson {
    padding: 2px 0px !important;
    min-height: 30px !important;
    font-size: 20px !important;
    min-height: 25px !important;
    background-color: #fff;
    color: #062C5F !important;
    font-family: telcelregular !important;
    text-align: center;
}

a[rel="external"] {
    background-color: #02b0ef;
    color: white;
    font: 90% "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    display: inline-block;
}

a[rel="external"]:hover,
a[rel="external"]:focus,
a[rel="external"]:active {
    z-index: 49;
}

a[rel="external"] .ol,
a[rel="external"]:link .ol {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 50;
}

a[rel="external"]:focus .ol,
a[rel="external"]:hover .ol {
    color: #fff;
    float: right;
    background: #2862ac;
    width: 220px;
    height: auto;
    margin-left: 1em;
    margin-top: 0.3em;
    padding: 0.4em;
    overflow: visible;
    z-index: 51;
}

.title-acordeon>a {
    color: inherit;
}

.tb-tablas-comprimidas .tb-plan.white-cont>div {
    height: auto !important;
    margin-top: 0;
    background-color: #ffffff !important;
}

.coberturaAcordeon strong {
    font-weight: 600;
}

.coberturaAcordeon p {
    text-align: justify;
}

.coberturaAcordeon p span {
    color: #666666 !important;
}

/*inicio css para terminos*/
.telcel-terminos-y-condiciones-acordeon article {
    background-color: #f2f7f9;
    position: relative;
    padding: 40px 0px;
}

.telcel-terminos-y-condiciones-acordeon article:before {
    border-top: 22px solid #fff;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-bottom: none;
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
}

.telcel-terminos-y-condiciones-acordeon article .btn-close-modal {
    color: #02b0ef;
    font-size: 26px;
}

.telcel-terminos-y-condiciones-acordeon article .telcel-terminos-y-condiciones-acordeon-contenedor {
    padding: 0px 40px;
    font-size: 15px;
    border-radius: 2px;
    width: 100%;
    height: 200px !important;
    overflow-y: scroll;
    color: #666;
}

.telcel-terminos-y-condiciones-acordeon article .telcel-terminos-y-condiciones-acordeon-contenedor ul,
.telcel-terminos-y-condiciones-acordeon article .telcel-terminos-y-condiciones-acordeon-contenedor ol {
    margin-left: 0px;
}

.telcel-terminos-y-condiciones-acordeon article .telcel-terminos-y-condiciones-acordeon-contenedor ul li,
.telcel-terminos-y-condiciones-acordeon article .telcel-terminos-y-condiciones-acordeon-contenedor ol li {
    list-style: disc;
    font-size: 13px;
    padding: 10px 0;
}

.telcel-terminos-y-condiciones-acordeon article .telcel-terminos-y-condiciones-acordeon-contenedor h3 {
    font-size: 14px;
    color: #000;
}

.telcel-terminos-y-condiciones-acordeon article .telcel-terminos-y-condiciones-acordeon-contenedor p {
    font-size: 13px;
}

.gluo-spin .spinner {
    top: 7em !important;
    position: relative !important;
}

/*fin css para terminos*/
@media(max-width: 767px) {

    a[rel="external"]:focus .ol,
    a[rel="external"]:hover .ol {
        width: 95%;
        left: 0px;
        top: 55px;
    }

    .columna-xs-11 {
        width: 91.66666666666666%;
        float: left;
    }

    .col-centered-xs {
        float: none !important;
        margin: 0 auto !important;
    }

    .tablas-telcel-header-viajero-internacional h2 {
        font-size: 16px;
        padding: 5px 0px;
    }

    .tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional {
        display: block;
        text-align: justify;
    }

    .tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional>div {
        padding: 0 10px 10px 10px;
    }

    .tablas-telcel-viajero-internacional-call-to-action .tablas-telcel-descripcion-viajero-internacional>div:last-child {
        border: none;
        ;
    }
}

@media (max-width: 768px) {

    a[rel="external"]:focus .ol,
    a[rel="external"]:hover .ol {
        width: 95%;
        left: 0px;
        top: 55px;
    }

    .tb-tablas-comprimidas .tb-plan {
        min-height: 135px !important;
        height: inherit !important;
    }

    .tb-nota-tabla p {
        font-family: telcelregular !important;
    }

    .tb-precio {
        height: initial;
    }

    /*.tb-tablas-comprimidas .tb-cont-cubo{
	display: flow-root !important;
	}*/
    .tb-tablas-comprimidas .tb-plan-recomendado {
        height: auto;
    }

    .tb-tablas-comprimidas .cubo-movil-una .tb-plan-titulo {
        margin-top: 10px;
    }

    .tb-tablas-comprimidas .cubo-movil-dos .tb-plan-titulo {
        margin-top: 10px;
    }

    .tb-tablas-comprimidas .tb-plan-titulo .tb-plan-ahorro-nuevo {
        width: 200px;
        font-size: 22px;
        top: -22px;
        padding: 2px;
        box-sizing: border-box;
    }

    .cubo-movil-una {
        width: 100% !important;
        float: left !important;
        border-bottom: 1px solid rgb(222, 226, 230) !important;
        border-right: 1px solid rgb(222, 226, 230) !important;
        border-left: 1px solid rgb(222, 226, 230) !important;
        border-top: 1px solid rgb(222, 226, 230) !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .cubo-movil-dos {
        width: 50% !important;
        float: left !important;
        border-bottom: 0px solid rgb(222, 226, 230) !important;
        border-right: 1px solid rgb(222, 226, 230) !important;
        border-left: 1px solid rgb(222, 226, 230) !important;
        border-top: 1px solid rgb(222, 226, 230) !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .tb-cont-planes.tb-cont-cubo:after {
        /*limpia float*/
        content: "";
        display: block;
        clear: both;
    }
}

@media (min-width: 768px) {
    .container {
        width: 100% !important;
        padding: 0 30px;
    }
}

@media (max-width: 820px) {
    .panel-collapse .gluo-cober .coberturaAcordeon p {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .panel-collapse .gluo-cober .coberturaAcordeon p:hover {
        width: 100%;
        white-space: initial;
        overflow: visible;
        cursor: pointer;
    }
}

/*fin de css para acordeonRoaming*/

/*inicio de css para pesta�asRoaming*/
.viajero-internacional-tabs-con-iconos li a {
    padding-top: 10px;
    height: 70px;
}

.js-simpleAjaxTabs li a:focus {
    border-top: solid 5px #02b0ef;
    border-left: solid 5px #02b0ef;
    border-right: solid 5px #02b0ef;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
}

.viajero-internacional-tabs-con-iconos li a i {
    font-size: 24px;
    color: #fff;
}

.viajero-internacional-tabs-con-iconos li.active a i {
    color: #666;
}

ul.viajero-internacional-tabs-con-iconos li a h2 {
    top: 30%;
    font-size: 14px;
}

.gluo-fondo {
    background-image: none !important;
}

.fpaises {
    margin-left: -10px;
    margin-right: -10px;
}

.fpaises .control-label {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}


@media (min-width: 768px) {
    .control-label {
        text-align: right;
    }

    .fcrucero {
        text-align: left;
    }

    .faerea {
        text-align: left;
    }
}

/*Fin de css para pesta�asRoaming*/


/*Modal Sello de Garantia*/
.comp-modal-garantia {
    color: #062C5F
}

.comp-modal-garantia header {
    min-height: 20px
}

.comp-modal-garantia header .btn.btn-close-modal {
    top: 1px;
    right: 1px
}

.comp-modal-garantia h1 {
    padding: 10px 0px;
    margin: 0px;
    font-size: 32px;
    font-family: telcelregular;
    color: #999
}

.comp-modal-garantia h2 {
    padding: 10px 0px;
    margin: 0px;
    font-size: 18px;
    font-family: telcelregular;
    color: #062C5F
}

.comp-modal-garantia ul {
    list-style: none;
    padding: 0px;
    margin: 0px
}

.comp-modal-garantia ul li {
    padding: 1px 0px !important;
    border: none !important;
    float: none !important
}

.js-garantia-telcel:hover,
.js-garantia-telcel:active {
    text-decoration: none
}

.garantia-telcel .garantia-telcel-interno {
    min-height: 50px;
    position: relative
}

.garantia-telcel .garantia-telcel-interno .garantia-telcel-texto {
    font-family: telcelregular;
    font-size: 22px;
    color: #2862ac;
    line-height: 24px;
    padding: 5px;
    text-align: center
}

.garantia-telcel .garantia-telcel-interno .garantia-telcel-imagen {
    position: absolute;
    right: 10px;
    top: -15px
}

.garantia-telcel .garantia-telcel-interno-estilo-1 {
    background-color: #F2F7F9;
    border: solid 2px #DEE2E6;
    border-radius: 15px;
    width: 160px;
    margin: 20px 0px;
    float: right
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-1 {
        float: left;
        margin: 15px auto;
        margin-bottom: 0px;
        width: 75px
    }
}

@media (max-width: 767px) {
    .garantia-telcel .garantia-telcel-interno-estilo-1 {
        width: 215px;
        margin: 20px auto;
        float: none
    }
}

.garantia-telcel .garantia-telcel-interno-estilo-1 .garantia-telcel-texto {
    width: 55%;
    font-size: 18px
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-1 .garantia-telcel-texto {
        width: 100%;
        line-height: 15px !important;
        font-size: 14px !important;
        padding-top: 65px
    }
}

@media (max-width: 767px) {
    .garantia-telcel .garantia-telcel-interno-estilo-1 .garantia-telcel-texto {
        width: 70%;
        line-height: 15px !important;
        font-size: 18px !important;
        padding-top: 15px
    }
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-1 .garantia-telcel-imagen {
        right: 5px
    }
}

.garantia-telcel .garantia-telcel-interno-estilo-2 {
    background-color: #fff;
    border: solid 2px #DEE2E6;
    border-radius: 15px;
    width: 200px;
    margin: 20px auto
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-2 {
        float: right;
        margin: 15px auto;
        margin-bottom: 0px;
        width: 75px
    }
}

@media (max-width: 767px) {
    .garantia-telcel .garantia-telcel-interno-estilo-2 {
        float: none;
        margin: 15px auto;
        width: 200px
    }
}

.garantia-telcel .garantia-telcel-interno-estilo-2 .garantia-telcel-texto {
    font-size: 18px;
    line-height: 35px;
    width: 65%
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-2 .garantia-telcel-texto {
        width: 100%;
        line-height: 15px;
        font-size: 14px;
        padding-top: 65px
    }
}

@media (max-width: 767px) {
    .garantia-telcel .garantia-telcel-interno-estilo-2 .garantia-telcel-texto {
        width: 65%;
        line-height: 15px;
        font-size: 16px;
        padding-top: 16px
    }
}

.garantia-telcel .garantia-telcel-interno-estilo-2 .garantia-telcel-imagen {
    position: absolute;
    right: 0px;
    top: -15px
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-2 .garantia-telcel-imagen {
        right: 5px
    }
}

.garantia-telcel .garantia-telcel-interno-estilo-3 {
    float: right;
    background-color: #F2F7F9;
    border: solid 2px #DEE2E6;
    border-radius: 15px;
    width: 210px;
    margin: 15px 10px 10px 70px;
    min-height: 40px
}

@media (max-width: 1200px) {
    .garantia-telcel .garantia-telcel-interno-estilo-3 {
        float: right;
        margin: 15px 10px 10px 40px;
        width: 205px
    }
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-3 {
        float: right;
        margin: 25px auto
    }
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-3 {
        float: left;
        margin: 7px auto;
        margin-bottom: 0px;
        width: 75px
    }
}

@media (max-width: 767px) {
    .garantia-telcel .garantia-telcel-interno-estilo-3 {
        float: none;
        clear: both
    }
}

.garantia-telcel .garantia-telcel-interno-estilo-3 .garantia-telcel-texto {
    width: 70%;
    line-height: 30px;
    font-size: 17px !important
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-3 .garantia-telcel-texto {
        width: 100%;
        line-height: 18px !important;
        font-size: 14px !important;
        padding-top: 60px
    }
}

@media (max-width: 768px) {
    .garantia-telcel .garantia-telcel-interno-estilo-3 .garantia-telcel-imagen {
        position: absolute;
        left: 10px;
        top: -10px
    }
}

/*Modal Smartwatch ficha*/
#modalCompatibilidad .modal-header {
    padding: 0px;
    height: 20px;
    margin: 5px
}

#modalCompatibilidad .modal-dialog {
    margin: 0 auto;
    width: 1080px
}

@media only screen and (max-width: 1065px) {
    #modalCompatibilidad .modal-dialog {
        width: 90%
    }

    #modalCompatibilidad .modal-dialog .modal-content {
        width: 95%
    }
}

#modalCompatibilidad iframe {
    width: 100%;
    min-height: 301px
}

#modalAppleWatch .modal-header {
    padding: 0px;
    height: 20px;
    margin: 5px
}

#modalAppleWatch .modal-dialog {
    margin: 0 auto;
    width: 1080px
}

#modalAppleWatch .modal-dialog .modal-body {
    text-align: center
}

@media only screen and (max-width: 1065px) {
    #modalAppleWatch .modal-dialog .modal-body {
        height: 90%;
        padding-bottom: 0px;
        overflow-y: hidden;
        overflow-x: hidden
    }
}

@media only screen and (max-width: 1065px) {
    #modalAppleWatch .modal-dialog {
        width: 90%;
        height: 90%
    }

    #modalAppleWatch .modal-dialog .modal-content {
        width: 95%;
        height: 90%
    }
}

#modalAppleWatch iframe {
    width: 980px;
    height: 620px;
    overflow-y: scroll
}

@media only screen and (max-width: 1065px) {
    #modalAppleWatch iframe {
        width: 95%;
        height: 100%
    }
}

.btn-blue {
    background-color: #009ED6;
    color: #FFFFFF;
    width: 100%;
    margin-top: 5px
}

.btn-blue:hover {
    color: #FFFFFF
}

.alert-box-smartwatch {
    border: 1px solid #02b0ef;
    background-color: #eef8fa;
    padding: 10px;
    border-radius: 3px;
    overflow: hidden;
}

#seleccionar-color-capacidad .strong {
    font-weight: bolder !important;
}

.alert-box-smartwatch .icon-box {
    padding-left: 20px;
    padding-top: 10px
}

/*  Mini carrito de compra */

#cartdropdown .comp-ecommerce-nuevo-carrito {
    position: absolute;
    right: 0;
}

#cartdropdown .comp-ecommerce-nuevo-carrito .contenedor-menu-carrito {
    width: 245px;
    position: relative;
    z-index: 99999999;
    background-color: #fff;
    border: 3px solid #acbfd4;
    box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
}

#cartdropdown .comp-ecommerce-nuevo-carrito .contenedor-menu-carrito ul {
    padding-left: 0;
    font-size: 13px;
}

#cartdropdown .nav>li.login,
.nav>li.shop {
    position: relative;
}

#cartdropdown li {
    list-style: none;
}

#cartdropdown ul {
    list-style: none;
}

#cartdropdown .comp-ecommerce-nuevo-carrito .contenedor-menu-carrito ul li {
    padding: 10px;
}

#cartdropdown .comp-ecommerce-nuevo-carrito .contenedor-menu-carrito ul li a {
    font-weight: normal;
    line-height: 1.428571429;
    color: #666;
}

#cartdropdown .comp-ecommerce-nuevo-carrito .contenedor-menu-carrito ul li:hover {
    color: #595959;
    background-color: #f5f5f5;
}

#cartdropdown a {
    text-decoration: none !important;
}

#cartdropdown .dropdown-menu {
    z-index: 99999;
    left: auto;
    padding: 0px 0;
}

#cartdropdown .comp-ecommerce-nuevo-carrito .contenedor-menu-carrito ul li a img {
    margin-right: 5px;
}

/* inicio de estilos de boton de cerrar en menu de movil */

#sidr-main .icono-cerrar-menu {
    float: right
}

#sidr-main .icono-cerrar-menu button {
    border: 1px solid #6c787a;
    padding: 6px;
    background: transparent;
    margin: 10px
}

#sidr-main .icono-cerrar-menu button img {
    width: 18px;
    position: relative;
    bottom: 2px
}

/* fin de estilos de boton de cerrar en menu de movil */
/*Destacado-de-2-a-3-elementos*/
.comp-destacado-columnas .destacado-columnas-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin-top: 60px*/
}

.comp-destacado-columnas .destacado-columnas-item h1 {
    font-family: telcelbold;
    color: #062C5F;
    font-size: 30px
}

@media (max-width : 767px) {
    .comp-destacado-columnas .destacado-columnas-item {
        display: block
    }
}

@media (max-width : 767px) {
    .comp-destacado-columnas .destacado-columnas-item img {
        margin: 0 auto
    }
}

.comp-destacado-columnas .destacado-columnas-col {
    float: left;
    padding: 15px
}

@media (max-width : 767px) {
    .comp-destacado-columnas .destacado-columnas-col {
        width: 100%;
        float: none
    }
}

.comp-destacado-columnas .destacado-columnas-col.hidden {
    display: none
}

.comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2),
.comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2)~.destacado-columnas-col {
    float: left;
    width: 50%;
    padding: 15px
}

@media (max-width : 767px) {

    .comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2),
    .comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2)~.destacado-columnas-col {
        width: 100%;
        float: none
    }
}

/*FIN Destacado-de-2-a-3-elementos*/


/* inicio de css promociones 7-11-18 */

/*promociones carrusel*/
.degradoPromo {
    padding: 44px;
    padding-top: 224px;
    color: #fff;
    background: transparent;
    background: -webkit-linear-gradient(transparent 25%, #062C5F);
    background: -o-linear-gradient(transparent 25%, #062C5F);
    background: -moz-linear-gradient(transparent 25%, #062C5F);
    background: linear-gradient(transparent 25%, #062C5F);
}

.carousel-content {
    width: 155.5PX;

}


.detalles-promo {
    background-color: #fff;
    color: #062C5F !important;
    border-radius: 3px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.detalles-promo:hover {
    white-space: initial;
    overflow: visible;
    cursor: pointer;
}

.img-back {
    min-height: 270px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #fff;
    border-radius: 3px;
    height: 270px;
    width: 155.5PX;
}

.promoInfo {
    width: 147PX;
    height: 238px;
    float: left;
    margin: 0 auto;
    position: relative;
    padding-left: 8px;
}

.titlePromo {
    color: #062C5F;
    font-size: 22px;
}

p.categoryPromo {
    line-height: 0;
    text-align: justify;
    margin-bottom: 69px;
}

.simple-carousel .owl-pagination {
    position: absolute;
    top: -52px !important;
    width: 100%;
    height: 30px
}

.contentAll {
    display: -webkit-inline-box;
}

#parsisMainPar2 {
    margin-top: 70px;
}

#linkMovil {
    display: none;
}

@media (max-width: 811px) {

    .contentAll {
        display: grid;
    }

    .carousel-content {
        width: unset;
        margin: 0 auto;
    }

    .img-back {
        width: 240px;
        height: auto;
    }

    .promoInfo {
        padding-left: 0;
        margin-top: -107px;
        height: auto;
        text-align: center;


    }

    p.categoryPromo {
        line-height: 0;
        text-align: center;
        margin-bottom: 69px;
        color: #fff;
    }

    .titlePromo {
        color: #fff;
        font-size: 22px;
    }

    button.detalles-promo.btn.btn-block {
        display: none;

    }

    #linkMovil {
        display: unset;
        color: #02b0ef;
    }

    .degradoPromo {
        padding: 44px;
        padding-top: 224px;
    }

}

/*Fin etilos promociones carrusel*/


/*Estilos boton imprimir*/
#btnimp1 {
    width: 66.6%;
    display: inline;
}

#btnimp2 {
    width: 33.3%;
    display: inline;
    float: right;
}

/*Fin Estilos boton imprimir*/

/*Cupon descargar documento*/
button.btn.Descargabutton:hover {
    color: white;
}

.Descargabutton {
    background-color: #02b0ef;
    color: #fff !important;
    border-radius: 3px;
    padding-left: 25px;
    padding-right: 25px;
    height: 11px;
    padding: 7px;
    padding-bottom: 31px;
    margin-bottom: 8px;
    margin: 14px 30px 10px;
    overflow: hidden;
    max-width: 80%;
    text-overflow: ellipsis;
}

.buttonCupon {
    border-bottom: 3px solid #F2F7F9;
    margin-bottom: 30px;

}

.btn:hover {
    color: none;
}

@media (max-width: 767px) {
    .Descargabutton {
        width: 94%;
        margin-left: 2%;
        max-width: 100%;
        margin-right: 2%;
    }

    .buttonCupon {
        width: 93%;
        margin-left: 17px;
    }

}

/* Termina Cupon dowload*/

/*Cupon descargar documento*/
button.btn.Descargabutton:hover {
    color: white;
}

.Descargabutton {
    background-color: #02b0ef;
    color: #fff !important;
    border-radius: 3px;
    padding-left: 25px;
    padding-right: 25px;
    height: 11px;
    padding: 7px;
    padding-bottom: 31px;
    margin-bottom: 8px;
    margin: 14px 30px 10px;
    overflow: hidden;
    max-width: 80%;
    text-overflow: ellipsis;
}

.buttonCupon {
    border-bottom: 3px solid #F2F7F9;
    margin-bottom: 30px;

}

.btn:hover {
    color: none;
}

@media (max-width: 767px) {
    .Descargabutton {
        width: 94%;
        margin-left: 2%;
        max-width: 100%;
        margin-right: 2%;
    }

    .buttonCupon {
        width: 93%;
        margin-left: 17px;
    }

}

/* Termina Cupon dowload*/

/* Inicia Terminos y condiciones*/
section.margin-term {
    border-bottom: 3px solid #F2F7F9;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    section.margin-term {
        width: 91%;
        margin-left: 3%;
        padding: 20px;
    }
}

/* Termina Terminos y condiciones*/

/*Inicio de estilos nuevos para componente formulario*/
.premios {
    border-bottom: 3px solid #F2F7F9;
    padding-top: 20px;
    padding-bottom: 10px;
}

.premios #respuesta-form {
    background-color: #F2F7F9;
    padding: 20px 30px 30px 30px;
    margin: 0 0 30px 0;
    border-radius: 3px;
}

.premios #respuesta-form h3 {
    border-bottom: 1px solid #999;
}

.premios #respuesta-form button {
    margin-top: 30px;
    border-radius: 3px;
    padding: 10px 25px 10px 25px;
}

.premios #respuesta-form #btnref {
    margin-top: 30px;
    border-radius: 3px;
    padding: 10px 25px 10px 25px;
    font-size: 19px;
}

.btn-adj {
    color: #ffffff !important;
    background-color: #00a4ff;
    border-color: #333;

}

.btn-adj:hover,
.btn-adj:focus,
.btn-adj:active,
.btn-adj.active,
.open .dropdown-toggle.btn-adj {
    color: #ffffff;
    background-color: #2196F3;
    border-color: #2196F3;
}

.premios .chosen-container-single .chosen-single {
    margin-top: 0px !important;
    border-radius: 0 !important;
    padding: 6px 12px !important;
    font-size: 15px !important;
    line-height: 1.428571429 !important;
    height: 100% !important;
}

/*fin de estilos nuevos para componente formulario*/


/*Inicia de estilos para newPromotionGrid*/

#mosaico-promociones {
    width: 960px;
    margin: 0 auto
}

@media (max-width: 980px) {
    #mosaico-promociones {
        width: 720px
    }
}

@media (max-width: 767px) {
    #mosaico-promociones {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

#mosaico-promociones .contenedor-promocion {
    min-height: 350px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    #mosaico-promociones .contenedor-promocion {
        width: 360px;
        margin: 20px auto
    }
}

@media (max-width: 380px) {
    #mosaico-promociones .contenedor-promocion {
        width: 100%
    }
}

#mosaico-promociones .contenedor-promocion .promo-box {
    bottom: 0;
    width: 100%;
    padding: 5px;
    padding-top: 150px;
    color: #fff;
    background: transparent;
    background: -webkit-linear-gradient(transparent 25%, #062C5F 90%);
    background: -o-linear-gradient(transparent 25%, #062C5F 90%);
    background: -moz-linear-gradient(transparent 25%, #062C5F 90%);
    background: linear-gradient(transparent 25%, #062C5F 90%)
}

#mosaico-promociones .contenedor-promocion .promo-box .title {
    font-size: 22px;
    margin: 0px;
    padding: 0px
}

@media (max-width: 1199px) {
    #mosaico-promociones .contenedor-promocion .promo-box .title {
        min-height: 65px
    }
}

@media (max-width: 768px) {
    #mosaico-promociones .contenedor-promocion .promo-box .title {
        min-height: auto
    }
}

#mosaico-promociones .contenedor-promocion .promo-box .descripcion {
    min-height: 65px
}

#mosaico-promociones .contenedor-promocion .promo-box .blanck-box {
    min-height: 63px
}

#mosaico-promociones .contenedor-promocion .promo-box .blanck-box-xs {
    min-height: 42px
}

#mosaico-promociones .contenedor-promocion .promo-box #pointer {
    width: 150px;
    height: 30px;
    position: relative;
    background: #02b0ef;
    border-radius: 2px
}

#mosaico-promociones .contenedor-promocion .promo-box #pointer .pointer-title {
    padding-top: 5px !important;
    color: #fff !important;
    font-size: 13px !important
}

#mosaico-promociones .contenedor-promocion .promo-box #pointer:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 21px solid #02b0ef;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

#mosaico-promociones .contenedor-promocion .promo-box .date-box {
    margin-top: 15px
}

#mosaico-promociones .contenedor-promocion .promo-box .date-box img {
    padding-bottom: 13px;
    padding-left: 8px
}

#mosaico-promociones .contenedor-promocion .promo-box .date-box .content-date {
    display: inline-block
}

#mosaico-promociones .contenedor-promocion .promo-box .date-box .content-date .date {
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-size: 13px
}

#mosaico-promociones .contenedor-promocion .promo-box button {
    color: #062C5F;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

#mosaico-promociones .contenedor-promocion .promo-box button:hover {
    background-color: #fff
}

#mosaico-promociones .contenedor-promocion .promo-box:hover {
    background: transparent;
    background: -webkit-linear-gradient(transparent 10%, #062C5F 90%);
    background: -o-linear-gradient(transparent 10%, #062C5F 90%);
    background: -moz-linear-gradient(transparent 10%, #062C5F 90%);
    background: linear-gradient(transparent 10%, #062C5F 90%)
}

#mosaico-promociones .contenedor-promocion:hover {
    border: 1px solid #062C5F
}

/* #mosaico-promociones .general-box {
    padding-left: 25px !important;
    padding-right: 25px !important
} */

#mosaico-promociones .general-box a {
    text-decoration: none
}


.item a {
    text-decoration: none;
}


.clearfix:after,
.xk-promotionscontent:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

/*fin de estilos para newPromotionGrid*/


/*Estilos para nueva tabla de promociones*/



/*inicio de mediaqueries para video promocion*/

@media (max-width: 1024px) {
    .iframe-newpromotions {
        width: 100% !important;
    }
}


@media (max-width: 768px) {
    .iframe-newpromotions {
        width: 100% !important;
    }
}


@media (max-width: 320px) {
    .iframe-newpromotions {
        width: 100% !important;
    }
}

/*rin de mediaqueries para video promocion*/

@media (max-width: 768px) {
    table.visible-xs {
        margin-left: 0px;
        margin-right: 0px;

    }
}

@media (max-width: 768px) {
    td.desc p {

        width: 100px;
    }

    .tabla.head {

        background-color: #062C5F !important;
        color: #fff !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: -11px;
    }
}

@media (max-width: 768px) {
    .tabla .tipo {
        width: auto;
    }

    .tipo p {
        width: 100%;
    }
}

@media (max-width: 768px) {
    td.costo-description {
        width: 100%;
    }

    td.desc {
        vertical-align: -webkit-baseline-middle;
    }

}

table.inside_table {
    margin: 0 auto;
}

.tabla.head {
    background-color: #062C5F;
    color: #fff;
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
}

.tabla.head p {
    padding-top: 9px;
    padding-bottom: 5px;
    width: 100%;
}

.tabla p {
    font-size: 14px;
    word-wrap: break-word;

}

.tabla .tipo {
    background-color: #DEE2E6;
    min-height: 67px;
    border: 1px solid #fff;
    border-radius: 0 !important;
    vertical-align: top;
}

td.costo-description {

    background-color: #F2F7F9;
    min-height: 67px;
    border: 1px solid #fff;
    border-radius: 0 !important;
    text-align: justify;
    vertical-align: unset !important;
}

td.td-table-pro {
    border-bottom: 1px solid white;
}

/*Fin Estilos para nueva tabla de promociones*/

/*Estilos imagen  new Promotion Template*/
@media (max-width: 768px) {
    div#mainParNewTemplate {
        vertical-align: top;
    }

    .image-promotion {
        width: 100%;
    }

    .container-promociones-gluo {
        width: auto !important;
    }
}

.image-promotion {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*fin estilos imagen promotion Template*/



/*inicio estilos template */
.container-promociones-gluo {
    width: 1160px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/*fin estilos templete */
/*Inicio de Estilos para newpromotiondetail*/
.divbor {
    border-bottom: 3px solid #F2F7F9;
}

.promo-header h1 {
    color: #062c5f;
}

.promo-header p {
    font-size: 25px;

    / border-bottom: 3px solid #F2F7F9;/
}

.icons p {
    color: #02b0ef;
    display: inline;
    font-size: 15px;
}

a:hover,
a:focus {
    color: #0178a3;
    text-decoration: none !important;
}

.icons img {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
}


.icons {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 3px solid #F2F7F9;
}

.date-promo {
    padding-top: 25px;
    border-bottom: 3px solid #F2F7F9;
    margin-bottom: 10px;
}

.date-promo .date .valido {
    color: #999;
    font-size: 15px;
}

.date-promo .date .dia {
    color: #666;
    font-size: 18px;
}

.date-promo .date p {
    margin: 0px;
    padding: 0px;
}

.date-promo .date {
    display: inline-block;
}

.date-promo img {
    display: inline-block;
    padding-bottom: 27px;
    padding-right: 5px;
}

[ng\:cloak],
[ng-cloak],
.ng-cloak {
    display: none !important;
}

@media (min-width: 768px) {
    .container.promos {
        width: 740px !important;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .container.promos {
        width: 960px !important;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .container.promos {
        width: 1160px !important;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*fin de Estilos para newpromotiondetail*/


/* fin css de promociones 7-11-18 */


/*Inicio css para componente borderCityFooter */

.comp-condiciones-de-uso-acordeon {
    margin: 20px 0px
}

.comp-condiciones-de-uso-acordeon .condiciones-de-uso-acordeon-contenedor {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width: 768px) {
    .comp-condiciones-de-uso-acordeon .condiciones-de-uso-acordeon-contenedor {
        width: 740px
    }
}

@media (max-width: 767px) {
    .comp-condiciones-de-uso-acordeon .condiciones-de-uso-acordeon-contenedor {
        width: 100%
    }
}

@media (max-width: 767px) {
    .comp-condiciones-de-uso-acordeon {
        padding: 10px
    }
}

.comp-condiciones-de-uso-acordeon article {
    background-color: #f2f7f9;
    color: #666;
    padding: 30px 40px 5px 30px;
    font-size: 15px;
    border-radius: 2px;
    width: 80%
}

@media (max-width: 767px) {
    .comp-condiciones-de-uso-acordeon article {
        padding: 30px 40px 5px 5px
    }
}

.comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista {
    overflow-y: scroll;
    height: 200px;
    margin-top: 0px;
    margin-right: 5px;
    padding-right: 15px
}

@media (max-width: 767px) {
    .comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista {
        margin-right: 0px
    }
}

.comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ul,
.comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ol {
    margin-left: 25px;
    font-weight: normal
}

@media (max-width: 767px) {

    .comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ul,
    .comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ol {
        margin-left: 0px
    }
}

.comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ul li,
.comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ol li {
    margin-bottom: 15px
}

.comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ul li strong,
.comp-condiciones-de-uso-acordeon article .condiciones-de-uso-contenedor-lista ol li strong {
    color: black;
    font-weight: 600
}

.comp-condiciones-de-uso-acordeon article i {
    color: #02b0ef;
    font-size: 26px
}

.comp-condiciones-de-uso-acordeon article:before {
    border-top: 22px solid #fff;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-bottom: none;
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px
}

.comp-condiciones-de-uso-acordeon .border-cities-display p {
    display: inline-block;
}

/*Fin css para componente borderCityFooter */



/*************************************/

/* Inicio de estilos chatboot v.2.0.0 06-2019 */
.comp-telcel-chatbot #telcel-chatbot-contenedor {
    background-color: #e6eef3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    top: 365px;
    right: -200px;
    z-index: 3001;
    position: fixed
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-logo {
    width: 75px;
    float: left;
    padding: 10px;
    text-align: center
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-logo img {
    width: 75px;
    margin-top: 0px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-logo p {
    margin-bottom: 0px;
    margin-top: 15px;
    font-weight: 600;
    color: #000
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion {
    width: 200px;
    padding: 10px;
    float: right;
    color: #404040
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion p {
    margin: 0;
    padding: 0;
    color: #000;
    width: 80%
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion a {
    margin-top: 10px;
    background-color: #FF8E42;
    border-radius: 5px;
    color: #000;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    min-height: 25px;
    line-height: 25px;
    display: block;
    font-weight: 600;
    color: #000;
    font-weight: 600;
    display: block;
    padding: 6px;
    width: 80%
}

@media (max-width: 767px) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion a {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto
    }
}

.comp-telcel-chatbot #telcel-chatbot-contenedor .telcel-chatbot-descripcion a:hover {
    text-decoration: none;
    background-color: #ff8533
}

.comp-telcel-chatbot #telcel-chatbot-contenedor #telcel-chatbot-cerrar {
    position: absolute;
    top: -18px;
    right: 28px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor #telcel-chatbot-cerrar a {
    background: transparent
}

.comp-telcel-chatbot #telcel-chatbot-contenedor #telcel-chatbot-cerrar a:hover {
    background: transparent
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    display: block;
    top: 324px;
    right: -115px;
    position: fixed
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media only screen and (min-device-height: 360px) and (min-device-width: 760px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 4) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        top: 60px
    }
}

@media (max-width: 767px) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-2 {
        display: none !important
    }
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: transparent;
    cursor: pointer;
    display: block;
    top: 324px;
    right: -115px;
    z-index: 1012;
    position: fixed
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido {
    position: absolute;
    bottom: 7px;
    right: 15px;
    width: 110px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido p {
    color: #fff;
    font-size: 12px
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido a#telcel-chatbot-inicia-sesion {
    margin-top: 10px;
    background-color: #FF8E42;
    border-radius: 5px;
    color: #000;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    min-height: 25px;
    line-height: 25px;
    display: block;
    font-weight: 600;
    color: #000;
    font-weight: 600;
    display: block;
    padding: 6px;
    width: 80%
}

@media (max-width: 767px) {
    .comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido a#telcel-chatbot-inicia-sesion {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto
    }
}

.comp-telcel-chatbot #telcel-chatbot-contenedor.telcel-chatbot-estilo-3 .telcel-chatbot-estilo-3-contenido a#telcel-chatbot-inicia-sesion:hover {
    text-decoration: none;
    background-color: #ff8533
}

/* Fin de estilos chatboot v.2.0.0 06-2019 */

@media (max-width: 767px) {
    #consultaSaldo span.ol {
        left: -130px !important;
        width: 190px !important;
    }
}

@media (max-width: 320px) {
    #consultaSaldo span.ol {
        left: -95px !important;
        width: 170px !important;
    }
}

/*
@media(max-width:320px){
    #consultaSaldo .radio-container > p{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
*/

/*FIN Corrige issue tooltip de recarga saldo 27/03/2019*/

/*Inicio Estilos boton subir */
.up_button {
    border: 4px solid #999;
    background-color: #666;
    text-align: center;
    color: #fff;
    padding-top: 4px;
    position: fixed;
    z-index: 10000;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    width: 32px;
    height: 32px;
    font-size: 25px;
    right: 10px;
    bottom: 10px;
    line-height: 15px
}

.up_button i[class*="icon-"] {
    position: relative;
    top: -5px
}

.up_button span {
    display: none
}

.up_button.visible {
    opacity: 1
}

@media (min-width: 992px) {
    .up_button {
        width: 64px;
        height: 64px;
        font-size: 50px;
        right: 50px;
        bottom: 80px;
        line-height: 20px;
        padding-top: 6px
    }

    .up_button i[class*="icon-"] {
        line-height: 20px;
        top: 0
    }

    .up_button span {
        font-size: 12px;
        position: relative;
        top: 0;
        display: block
    }
}

.up_button-azul {
    text-align: center;
    color: #fff;
    padding-top: 4px;
    position: fixed;
    z-index: 10000;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    right: 20px;
    bottom: 48px;
    line-height: 15px;
    border-radius: 40px
}

@media (max-width: 768px) {
    .up_button-azul {
        right: 28px;
        bottom: 230px
    }
}

.up_button-azul img {
    position: relative;
    top: 3px
}

.visible {
    opacity: 1
}

/*Fin Estilos boton subir */

/*Inicio Estilos ocultar flechas laterales en carruseles */

.carouselsimple .owl-controls .owl-buttons {
    display: none;
}

.carousel .owl-controls .owl-buttons {
    display: none;
}

/*Fin Estilos ocultar flechas laterales en carruseles */



/*Estilos nuevo dise�o*/
.breadcrumb>li {
    color: rgba(74, 83, 88, 0.5)
}

.breadcrumb>li a {
    color: rgba(74, 83, 88, 0.5);
    font-size: 12px
}

.breadcrumb>li.active {
    color: #0A3D7E;
    font-size: 12px
}

.breadcrumb-holder.container-fluid {
    padding-top: 20px
}

.list-features .feature {
    color: #222;
    font-size: 16px
}

.list-features .feature strong {
    font-size: 20px
}

.list-features .feature img {
    width: 56px;
    height: 56px
}

body {
    color: #222
}

.text-black,
.text-black .notelink a {
    color: #222 !important
}

h1,
.h1 {
    font-size: 36px
}

h1 p,
.h1 p {
    font-size: 36px
}

h2,
.h2 {
    font-size: 32px
}

h2 p,
.h2 p {
    font-size: 32px
}

h3,
.h3 {
    font-size: 24px
}

h3 p,
.h3 p {
    font-size: 24px
}

h4,
.h4 {
    font-size: 20px
}

h4 p,
.h4 p {
    font-size: 20px
}

h5,
.h5 {
    font-size: 18px
}

h5 p,
.h5 p {
    font-size: 18px
}

p {
    font-weight: normal
}

p,
button {
    font-size: 16px
}

a {
    color: #0071D1;
    font-weight: 600
}

a:hover {
    color: #0071D1;
    text-decoration: underline !important
}

a:focus {
    color: #0071D1
}

h1,
h2,
h3,
h4,
h5,
p {
    color: #222
}

.comp-telcel-carrusel-productos-home .telcel-carrusel-productos-home h1 {
    font-family: telcelregular;
    color: #0A3D7E !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
    color: #222
}

.btn-link {
    font-size: 16px;
    color: #0071D1;
    font-weight: 600
}

.btn-link:hover {
    color: #0071D1;
    text-decoration: underline !important
}

.btn-link:focus {
    color: #0071D1
}

.list-checked.lg li,
.list-features .feature {
    font-size: 16px
}

@media (max-width: 767px) {
    h1 {
        font-size: 32px
    }

    h1 p {
        font-size: 32px
    }

    h2 {
        font-size: 24px
    }

    h3 {
        font-size: 20px
    }

    h4 {
        font-size: 20px
    }

    h5 {
        font-size: 18px
    }

    button,
    p {
        font-size: 14px
    }
}

.icon-TickNeg>span {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.text-grey,
.text-grey .notelink a {
    color: #757575 !important
}

.telcelbold,
.tb-plan .tb-plan-descripcion {
    color: #0A3D7E !important
}

#mosaico-promociones .contenedor-promocion .promo-box p {
    color: #fff
}

.bg_blue_header h1,
.bg_blue_header .telcelbold,
.bg_blue_header .telcellight,
.bg_green_header h1,
.bg_green_header .telcelbold,
.bg_green_header .telcellight {
    color: #fff !important
}

.comp-preguntas-frecuentes-footer p span {
    color: #0A3D7E !important
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador h1 {
    color: #222 !important
}

.legal-block {
    color: #757575 !important
}

.promo-header h1 {
    color: #0A3D7E
}

.telcel-legales-internet {
    margin-top: 16px
}

.button-unstyled:focus {
    color: #0071D1;
    text-decoration: underline !important
}

.button-unstyled,
.button-unstyled:hover,
.button-unstyled:active {
    color: #0071D1
}

.form-search-terminal.w-percent h3 {
    color: #222
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos .active a {
    color: #0071D1
}

.navbar-nuevo-menu.btn {
    text-decoration: none !important
}

.nav ul li.shortcut .inner {
    text-decoration: none !important
}

.text-blue {
    color: #0071D1 !important
}

.list-accesibility li {
    color: #757575;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.list-accesibility li:before {
    font-family: 'TelcelFont'
}

.tb-plan .tb-plan-nota {
    color: #757575
}

.text-darkgrey,
.text.text-darkgrey .notelink a {
    color: #222 !important
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    color: #757575
}

.nav-special-tabs>li.active>a>h2 small {
    color: #222
}

.telcel-carrusel-productos-home-detalle p {
    color: #757575
}

.telcel-carrusel-productos-home-detalle .telcel-carrusel-productos-nombre-equipo,
.telcel-carrusel-productos-home-detalle .telcel-carrusel-productos-home-marca {
    color: #222
}

.telcel-carrusel-productos-home-detalle .telcel-carrusel-productos-home-precio {
    color: #c71585
}

#seleccion-de-equipos-sidebar-mosaicfilters .filtrado p {
    color: #222 !important
}

.text-medium {
    color: #222
}

.comp-telcel-mosaico-equipos-informacion-extra h1,
.comp-telcel-mosaico-equipos-informacion-extra .telcel-mosaico-equipos-informacion-extra-descripcion-izquierda h4 {
    color: #222 !important
}

.js-galeria-destacados .js-galeria-destacados-menu li a {
    color: #595959
}

.js-galeria-destacados .js-galeria-destacados-menu li a.active {
    color: #0071D1
}

.comp-telcel-mosaico-equipos-filtros #seleccion-de-equipos-sidebar-mosaicfilters a.seleccion-de-equipos-sidebar-acordeon-radio {
    color: #0071D1
}

.comp-telcel-mosaico-equipos-filtros a {
    color: #0071D1 !important
}

.list-promociones .note {
    color: #757575
}

.table-plan-details {
    color: #222
}

.table-plan-details small {
    color: #757575
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto h1 {
    color: #0A3D7E
}

.list-plans .item .content .column strong {
    color: #0A3D7E
}

.list-plans .item .content .column {
    color: #757575
}

.comp-preguntas-frecuentes-preguntas h2 {
    color: #222
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto p {
    color: #222
}

.comp-preguntas-frecuentes {
    color: #222 !important
}

a.btn-contact,
button.btn-contact {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.btn-contact,
    button.btn-contact {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

a.btn-contact:hover,
button.btn-contact:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

a.btn-contact:hover,
button.btn-contact:hover {
    color: #fff
}

a.btn-contact:active,
a.btn-contact:visited,
button.btn-contact:active,
button.btn-contact:visited {
    color: #fff;
    background-color: #954CB5
}

a.btn-contact:active:hover,
a.btn-contact:visited:hover,
button.btn-contact:active:hover,
button.btn-contact:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

a.btn-contact:focus,
button.btn-contact:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

a.btn-contact:focus:hover,
button.btn-contact:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

a.btn-contact.disabled,
a.btn-contact:disabled,
button.btn-contact.disabled,
button.btn-contact:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

a.btn-contact.disabled:hover,
a.btn-contact:disabled:hover,
button.btn-contact.disabled:hover,
button.btn-contact:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

a.btn-primary,
button.btn-primary {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.btn-primary,
    button.btn-primary {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

a.btn-primary:hover,
button.btn-primary:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

a.btn-primary:active,
a.btn-primary:visited,
button.btn-primary:active,
button.btn-primary:visited {
    color: #fff;
    background-color: #954CB5
}

a.btn-primary:active:hover,
a.btn-primary:visited:hover,
button.btn-primary:active:hover,
button.btn-primary:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

a.btn-primary:focus,
button.btn-primary:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

a.btn-primary:focus:hover,
button.btn-primary:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

a.btn-primary.disabled,
a.btn-primary:disabled,
button.btn-primary.disabled,
button.btn-primary:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

a.btn-primary.disabled:hover,
a.btn-primary:disabled:hover,
button.btn-primary.disabled:hover,
button.btn-primary:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

a.btn-primary:focus,
button.btn-primary:focus {
    display: inline-block
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a {
    width: auto;
    margin-left: auto;
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    white-space: nowrap
}

@media (max-width: 767px) {
    .comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:hover {
    color: #fff
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:active,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:visited {
    color: #fff;
    background-color: #954CB5
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:active:hover,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a.disabled,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a.disabled:hover,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto button {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:hover {
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:active,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:visited {
    color: #fff;
    background-color: #954CB5
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:active:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.disabled,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.disabled:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:hover {
    background-color: #8835AB !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:hover {
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:active,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:visited {
    color: #fff;
    background-color: #954CB5
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:active:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact.disabled,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact.disabled:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:hover {
    background-color: #8835AB !important
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    line-height: 15px
}

.btn-chat {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    background-color: #7b1fa2 !important
}

@media (max-width: 767px) {
    .btn-chat {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.btn-chat:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.btn-chat:hover {
    color: #fff
}

.btn-chat:active,
.btn-chat:visited {
    color: #fff;
    background-color: #954CB5
}

.btn-chat:active:hover,
.btn-chat:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.btn-chat:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.btn-chat:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.btn-chat.disabled,
.btn-chat:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.btn-chat.disabled:hover,
.btn-chat:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-chat:hover {
    background-color: #8835AB !important
}

.btn-chat:focus {
    color: #fff !important
}

.btn-chat:active,
.btn-chat:visited {
    background-color: #954CB5 !important
}

@media (max-width: 991px) {
    .footer .btn-contact {
        background-color: #7b1fa2
    }

    .footer .btn-contact:hover,
    .footer .btn-contact:focus {
        background-color: #8835AB
    }
}

.hs-button.primary {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .hs-button.primary {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.hs-button.primary:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.hs-button.primary:hover {
    color: #fff
}

.hs-button.primary:active,
.hs-button.primary:visited {
    color: #fff;
    background-color: #954CB5
}

.hs-button.primary:active:hover,
.hs-button.primary:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.hs-button.primary:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.hs-button.primary:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.hs-button.primary.disabled,
.hs-button.primary:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.hs-button.primary.disabled:hover,
.hs-button.primary:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.modalInternet #compralinkModal5 {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .modalInternet #compralinkModal5 {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.modalInternet #compralinkModal5:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.modalInternet #compralinkModal5:hover {
    color: #fff
}

.modalInternet #compralinkModal5:active,
.modalInternet #compralinkModal5:visited {
    color: #fff;
    background-color: #954CB5
}

.modalInternet #compralinkModal5:active:hover,
.modalInternet #compralinkModal5:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.modalInternet #compralinkModal5:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.modalInternet #compralinkModal5:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.modalInternet #compralinkModal5.disabled,
.modalInternet #compralinkModal5:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.modalInternet #compralinkModal5.disabled:hover,
.modalInternet #compralinkModal5:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    min-width: 165px
}

@media (max-width: 767px) {

    .comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton,
    .comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:active,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:visited,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:active,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:visited {
    color: #fff;
    background-color: #954CB5
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:active:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:visited:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:active:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:focus,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:focus:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:active,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:visited {
    color: #fff;
    background-color: #954CB5
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:active:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-w-percent-orange .btn.btn-primary {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .btn-w-percent-orange .btn.btn-primary {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.btn-w-percent-orange .btn.btn-primary:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.btn-w-percent-orange .btn.btn-primary:hover {
    color: #fff
}

.btn-w-percent-orange .btn.btn-primary:active,
.btn-w-percent-orange .btn.btn-primary:visited {
    color: #fff;
    background-color: #954CB5
}

.btn-w-percent-orange .btn.btn-primary:active:hover,
.btn-w-percent-orange .btn.btn-primary:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.btn-w-percent-orange .btn.btn-primary:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.btn-w-percent-orange .btn.btn-primary:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.btn-w-percent-orange .btn.btn-primary.disabled,
.btn-w-percent-orange .btn.btn-primary:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.btn-w-percent-orange .btn.btn-primary.disabled:hover,
.btn-w-percent-orange .btn.btn-primary:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-w-percent-orange .btn.btn-primary:hover {
    background-color: #8835AB !important
}

#chatEmpresas .btn.btn-primary {
    display: block !important;
    margin: 0 auto
}

.chosen-container .chosen-single,
.chosen-container-single .chosen-single {
    border-radius: 4px;
    border: 1px solid #bac9d8;
    position: relative;
    padding: 10px;
    font-size: 16px;
    box-shadow: none;
    line-height: normal;
    text-decoration: none !important
}

.chosen-container .chosen-drop {
    border: 1px solid #0071D1;
    border-top: 1px solid white;
    box-shadow: none;
    font-size: 16px
}

.chosen-container .chosen-search input[type="text"] {
    border: 1px solid #bac9d8;
    border-radius: 4px
}

.chosen-container .chosen-results {
    padding: 0;
    margin: 0
}

.chosen-container .chosen-results li {
    font-size: 16px;
    color: #222;
    padding: 10px;
    line-height: initial
}

.chosen-container .chosen-results li.active-result {
    cursor: pointer
}

.chosen-container .chosen-results li.highlighted {
    background-color: #f2f7f9;
    background-image: none;
    color: #222
}

.chosen-container .chosen-results li.disabled-result {
    color: #666
}

.lista-paises .chosen-container.chosen-container-single {
    padding-bottom: 0
}

.form-group .chosen-container.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
    box-shadow: none;
    background: #fff;
    border-color: #0071D1;
    border-radius: 4px 4px 0 0 !important;
    border-bottom: none;
    text-decoration: none !important
}

.form-group .chosen-container.chosen-container-active.chosen-with-drop .chosen-single span,
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single span {
    color: #222
}

.form-control {
    border: 1px solid #bac9d8;
    border-radius: 4px;
    box-shadow: none;
    padding: 10px;
    color: #222
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador label {
    position: relative;
    background: transparent;
    top: auto;
    left: auto;
    padding: 0 !important;
    margin-bottom: 16px !important;
    color: #222 !important
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador input {
    height: 41px;
    border-color: #BACCD3;
    border-radius: 4px 0 0 4px;
    border-right: none;
    width: 85% !important
}

@media (max-width: 767px) {
    .comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador input {
        width: 80% !important
    }
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group {
    margin-top: 0;
    margin-bottom: 16px
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group:hover label {
    color: #222 !important
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group:hover input {
    border-color: #bac9d8 !important
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .preguntas-frecuentes-buscador-boton {
    background-color: #f2f7f9;
    border: 1px solid #BACCD3;
    border-radius: 0 4px 4px 0;
    height: 41px;
    border-left: none;
    width: 10% !important
}

@media (max-width: 767px) {
    .comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .preguntas-frecuentes-buscador-boton {
        width: 20% !important
    }
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .preguntas-frecuentes-buscador-boton:before {
    content: '';
    height: 41px;
    width: 41px;
    background-image: url("../../../content/dam/htmls/img/icons/buscador_azul.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    display: block
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .preguntas-frecuentes-buscador-boton img {
    display: none
}

.chosen-container .chosen-results li.disabled-result {
    color: #595959 !important
}

label {
    color: #222 !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) {
    position: relative;
    margin-top: 20px;
    margin-bottom: 5px;
    min-height: auto !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio).has-error label {
    color: #d32222 !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) label:not(#preguntas-frecuentes-buscador-label) {
    border-radius: 5px;
    position: absolute;
    top: -13px;
    left: 30px;
    font-size: 13px;
    font-weight: bold;
    background-color: #fff;
    padding: 4px 8px !important;
    width: auto !important;
    color: #595959 !important;
    z-index: 5
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .form-control:focus,
.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) input:focus {
    border-color: #0071D1 !important;
    box-shadow: none !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio):hover label {
    color: #0071D1 !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio):hover .form-control,
.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio):hover input {
    border-color: #0071D1 !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio):hover .chosen-container.chosen-container-single .chosen-single {
    border-color: #0071D1 !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .chosen-container.chosen-container-single {
    height: 41px;
    z-index: auto !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .chosen-container.chosen-container-single .chosen-single {
    border-radius: 4px !important;
    padding: 10px 12px 6px !important
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .chosen-container.chosen-container-single .chosen-single div b:after {
    position: absolute;
    right: 0
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .chosen-container.chosen-container-single .chosen-single .chosen-drop {
    z-index: 99
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .input-group {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .input-group .form-control {
    height: 41px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .input-group .input-group-btn {
    width: auto !important;
    height: 41px
}

.form-group:not(.fpaises):not(.xk-formcontrol-checkboxradio) .input-group .input-group-btn .btn-file {
    height: 41px;
    padding: 12px 24px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #bac9d8
}

div.chosen-container.chosen-container-single {
    height: 41px;
    z-index: auto !important
}

div.chosen-container.chosen-container-single .chosen-single {
    border-radius: 4px !important;
    padding: 10px 12px 6px !important
}

div.chosen-container.chosen-container-single .chosen-single div b:after {
    position: absolute;
    right: 0
}

div.chosen-container.chosen-container-single .chosen-single .chosen-drop {
    z-index: 99
}

.formscheckboxradiobutton .form-group:hover .control-label .radio-group label {
    color: #595959 !important
}

.formscheckboxradiobutton .form-group .control-label {
    color: #222;
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
    font-size: 16px
}

.formscheckboxradiobutton .form-group .radio-group .prettycheckbox {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: start
}

.formscheckboxradiobutton .form-group .radio-group label {
    position: relative;
    top: auto;
    left: auto;
    font-size: 14px;
    font-weight: 500;
    color: #595959 !important;
    padding-top: 0 !important;
    background-color: transparent !important
}

.form-group .prettycheckbox>a,
.form-group .prettyradio>a,
.formscheckboxradiobutton .form-group .prettycheckbox>a {
    width: 24px !important;
    min-width: 24px !important
}

.form-action-basic .btn-link.pull-left {
    float: none !important
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #d32222;
    padding-left: 10px
}

.has-error .form-control,
.has-error .chosen-container-single .chosen-single {
    background-color: #fff !important;
    border-color: #d32222
}

.nav-super-tabs,
.nav-tabs-lg {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nav-super-tabs li,
.nav-super-tabs li.r-tabs-tab,
.nav-tabs-lg li,
.nav-tabs-lg li.r-tabs-tab {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nav-super-tabs li a,
.nav-super-tabs li.r-tabs-tab a,
.nav-tabs-lg li a,
.nav-tabs-lg li.r-tabs-tab a {
    width: 100%;
    background-color: #0071D1;
    border: none
}

.nav-super-tabs li a:hover,
.nav-super-tabs li.r-tabs-tab a:hover,
.nav-tabs-lg li a:hover,
.nav-tabs-lg li.r-tabs-tab a:hover {
    background-color: #00529b;
    text-decoration: none !important
}

.nav-super-tabs li.active a,
.nav-super-tabs li.r-tabs-state-active a,
.nav-super-tabs li.r-tabs-tab.active a,
.nav-super-tabs li.r-tabs-tab.r-tabs-state-active a,
.nav-tabs-lg li.active a,
.nav-tabs-lg li.r-tabs-state-active a,
.nav-tabs-lg li.r-tabs-tab.active a,
.nav-tabs-lg li.r-tabs-tab.r-tabs-state-active a {
    border: 5px solid #0071D1;
    background-color: #fff;
    border-bottom: none
}

.nav-super-tabs li.active a h2,
.nav-super-tabs li.r-tabs-state-active a h2,
.nav-super-tabs li.r-tabs-tab.active a h2,
.nav-super-tabs li.r-tabs-tab.r-tabs-state-active a h2,
.nav-tabs-lg li.active a h2,
.nav-tabs-lg li.r-tabs-state-active a h2,
.nav-tabs-lg li.r-tabs-tab.active a h2,
.nav-tabs-lg li.r-tabs-tab.r-tabs-state-active a h2 {
    color: #0071D1
}

.comp-nuevas-solapas .contenedor-solapas ul li a.solapa.active {
    color: #0071D1
}

.nav-super-tabs li.active a,
.nav-super-tabs li.r-tabs-state-active a,
.nav-tabs-lg li.active a,
.nav-tabs-lg li.r-tabs-state-active a {
    border-color: #0071D1;
    background-color: #fff
}

.tabsToselect-xs {
    height: auto
}

.js-simpleAjaxTabs li a:focus {
    border-color: #0071D1
}

.comp-nuevas-solapas .contenedor-solapas ul li a.solapa {
    border: none
}

.nav.nav-special-tabs>li>a {
    border: none !important;
    text-decoration: none !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-titulo {
    color: #222 !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-cabecera .telcel-tabla-dinamica-item-cabecera {
    color: #222 !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-oferta {
    color: #222 !important;
    background-color: #e3e3e3
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior.telcel-tabla-dinamica-destacada-verde {
    border: 1px solid green;
    border-top: 6px solid green
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-claro-video {
    background-color: #e5edf5 !important
}

.tabla-simple-telcel th {
    color: #757575
}

.tabla-simple-telcel th span {
    color: #222
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-claro-video .telcel-tabla-dinamica-claro-video-descripcion {
    color: #222 !important
}

.tabla-simple-telcel {
    color: #0A3D7E
}

.list-plans .item .content .column.price {
    color: #0A3D7E
}

.table-simple.table.s1>thead>tr:first-child>th,
.table-simple.table.central>thead>tr:first-child>th,
.table-simple.table.s1>thead>tr:nth-child(3)>th {
    background-color: #e5edf5 !important;
    color: #222
}

.bg-light-blue {
    background-color: #f2f7f9;
    border-bottom: 0
}

.bg-light-blue h1,
.bg-light-blue h2,
.bg-light-blue h3,
.bg-light-blue h4,
.bg-light-blue h5,
.bg-light-blue p,
.bg-light-blue span {
    color: #222
}

.gluo-tendenciasDetails .comp-telcel-cuadros-de-texto .telcel-cuadros-de-texto-contenedor .telcel-cuadros-de-texto-resaltado {
    background-color: #e5edf5 !important;
    color: #222 !important
}

.panel.panel-default+.panel.panel-default {
    margin-top: 24px
}

.panel.panel-default+.text {
    margin-top: 16px
}

.accordionwithicon+.accordionwithicon {
    margin-top: 24px
}

.faqquestion+.faqquestion {
    margin-top: 24px
}

.panel.panel-default {
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25)
}

.panel.panel-default>.panel-heading {
    border: none !important;
    padding: 0 !important;
    border-radius: 4px;
    overflow: hidden
}

.panel.panel-default>.panel-heading .panel-title {
    margin: 0 !important;
    font-size: 16px !important
}

.panel.panel-default>.panel-heading p {
    color: #757575;
    margin-bottom: 0;
    margin-left: 16px;
    margin-right: 0
}

.panel.panel-default>.panel-heading .list-inline {
    margin-bottom: 0
}

.panel.panel-default>.panel-heading .list-inline li {
    color: #757575 !important
}

.panel.panel-default>.panel-heading.active {
    background-color: #e5edf5 !important
}

.panel.panel-default>.panel-heading.active a {
    text-decoration: none !important
}

.panel.panel-default>.panel-heading.active a:after {
    margin-top: -8px;
    transform: rotate(180deg);
    transition: ease .5
}

.panel.panel-default>.panel-heading:hover {
    background-color: #e5edf5 !important
}

.panel.panel-default>.panel-heading a {
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center !important;
    height: 56px;
    padding: 0 16px !important;
    color: #222;
    transition: ease .5;
    text-decoration: none !important
}

.panel.panel-default>.panel-heading a:after {
    content: '' !important;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid #0071D1;
    margin-top: -2px;
    right: 16px
}

.panel.panel-default>.panel-heading a i,
.panel.panel-default>.panel-heading a img {
    margin-left: 0;
    font-size: 22px;
    color: #0071D1;
    margin-right: 4px
}

.panel.panel-default>.panel-heading a img {
    height: 22px
}

.panel.panel-default .panel-heading+.panel-collapse .panel-body {
    border: none !important
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item {
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25);
    margin-bottom: 24px;
    width: 95%
}

@media (max-width: 767px) {

    .comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas,
    .comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item {
        width: 100%
    }
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button {
    border: none !important;
    padding: 0 !important;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 40px 0 16px !important;
    color: #222;
    transition: ease .5;
    background-color: #e5edf5 !important
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button:hover,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button:hover {
    background-color: #e5edf5 !important
}

@media (max-width: 767px) {

    .comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button,
    .comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button {
        height: auto;
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button p,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button p {
    width: auto;
    color: #222
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button:after,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button:after {
    content: '' !important;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid #0071D1;
    right: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    transform: rotate(180deg);
    transition: ease .5
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button.collapsed,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button.collapsed {
    background-color: #fff !important
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button.collapsed:after,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button.collapsed:after {
    margin-top: -2px;
    transform: rotate(0deg);
    transition: ease .5
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button.collapsed:hover,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button.collapsed:hover {
    background-color: #e5edf5 !important
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button .comp-preguntas-frecuentes-categorias-etiqueta,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button .comp-preguntas-frecuentes-categorias-etiqueta {
    color: #0071D1;
    border-color: #0071D1;
    margin-right: 4px
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button .comp-preguntas-frecuentes-preguntas-item-control,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button .comp-preguntas-frecuentes-preguntas-item-control {
    display: none !important
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas .well,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item .well {
    width: 100%;
    margin: 0;
    border: none;
    box-shadow: none !important;
    background-color: transparent;
    color: #222;
    padding: 16px
}

.box-arrow .box-arrow-header svg {
    display: none
}

.box-arrow.yellow h2 {
    background-color: #e5edf5 !important
}

.box-arrow h2 {
    text-align: left;
    background-color: #e5edf5 !important;
    border-radius: 4px 4px 0 0;
    color: #222 !important
}

.box-arrow h2 span {
    height: 64px;
    font-family: "Source Sans Pro";
    font-weight: 700;
    text-align: left;
    font-size: 24px;
    color: #222
}

.box-arrow h2 small {
    color: #222 !important
}

.box-arrow h2 small * {
    font-weight: 400;
    text-align: left;
    color: #222 !important
}

.box-arrow .content {
    padding: 32px 20px;
    border: 1.2px solid #e5edf5;
    border-radius: 0 0 4px 4px
}

.box-arrow .content .inner {
    border-bottom: none
}

.box-arrow .content .content-box-arrow {
    text-align: left
}

.box-arrow .content .content-box-link {
    display: none
}

.staticbanner .big-banner .row.top-push {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.staticbanner .big-banner .row.top-push img {
    border-radius: 4px
}

.staticbanner .big-banner .row.top-push>div:nth-child(2) {
    text-align: left
}

.staticbanner .big-banner .row.top-push>div:nth-child(2) * {
    text-align: left !important
}

.staticbanner .big-banner.img-right>.row {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.staticbanner .big-banner.img-right>.row>div:nth-child(1) {
    text-align: right
}

.staticbanner .big-banner.img-right>.row>div:nth-child(1) * {
    text-align: right !important
}

.prettyradio>a.checked:after {
    background-color: #0071D1
}

.container-fluid .container-fluid,
.container-fluid .container,
.container .container-fluid,
.container .container {
    width: 100%
}

.nav-special-tabs.six-row>li>a>h2 {
    height: 56px
}

.list-circle-number>li>span,
.list-circle-steps li.active span,
span.circle-num,
.rounded-number {
    width: 32px;
    height: 32px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.15);
    border: solid 2px #00529b;
    background-color: #fff;
    border-radius: 50px;
    font-family: telcelregular;
    font-size: 16px;
    font-weight: normal;
    color: #0A3D7E;
    display: flex;
    justify-content: center;
    align-items: center
}

.list-circle-number>li>span,
.list-circle-steps li.active span,
span.circle-num {
    margin-left: -47px;
    top: 9px
}

.rounded-number-item {
    min-height: 32px;
    padding: 1px 0 1px 48px
}

.rounded-number-item .h4 {
    margin: 0
}

.comp-empresas-mosaico .card-general .card-callto,
.comp-empresas-carrusel-articulos .empresas-carrusel-wrapper-int .card-general .card-callto {
    background-color: #0071D1
}

.telcel-mosaico-equipos-detalle p {
    color: #757575 !important
}

.telcel-mosaico-equipos-detalle p.telcel-mosaico-equipos-marca,
.telcel-mosaico-equipos-detalle p.telcel-mosaico-equipos-nombre-equipo {
    color: #222 !important
}

.telcel-mosaico-equipos-detalle .telcel-mosaico-equipos-precio {
    color: #c71585 !important
}

.telcel-mosaico-equipos-envio-regalo .telcel-mosaico-equipos-envio p {
    color: #0071D1 !important
}

.imagestepslist span.circle-num {
    margin-left: -16px;
    left: 50%
}

.thumbnails a:hover .thumbnail,
.thumbnails .opened a .thumbnail,
.thumbnails button:hover .thumbnail,
.thumbnails .opened button .thumbnail {
    border: 3px solid #0071D1
}

.thumbnails a h3,
.thumbnails button h3 {
    color: #222
}

.thumbnails .expanded .close {
    color: #0A3D7E;
    background: transparent;
    border: 0;
    font-weight: normal;
    font-size: 0;
    opacity: 1;
    margin: 3px 0 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.thumbnails .expanded .close i {
    display: none
}

.thumbnails .expanded .close:before {
    content: 'Cerrar';
    font-size: 16px
}

.thumbnails .expanded .close:after {
    content: '';
    background-image: url("../../../content/dam/telcelcom/iconos/cerrar_azul.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px
}

a[rel="external"]:focus .ol,
a[rel="external"]:hover .ol,
#consultaSaldo a[rel="external"]:focus .ol,
#consultaSaldo a[rel="external"]:hover .ol {
    border: solid 1px #fff;
    overflow: visible;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
    color: #222 !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25)
}

a[rel="external"]:focus .ol:before,
a[rel="external"]:hover .ol:before,
#consultaSaldo a[rel="external"]:focus .ol:before,
#consultaSaldo a[rel="external"]:hover .ol:before {
    border-bottom: 15px solid #fff
}

.js-telcel-banner-accesible>.owl-controls>.owl-pagination {
    margin-bottom: 40px
}

#carrusel-noticias .owl-pagination .owl-page {
    background-color: #0071D1
}

.modalInternet .modal-dialog .modal_header {
    background: transparent;
    padding: 15px 105px 15px 20px;
    position: relative;
    -webkit-box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.modalInternet .modal-dialog .modal_header .telcel-tabla-dinamica-modal-cerrar {
    right: 20px !important;
    top: calc(50% - 15px) !important
}

.modalInternet .modal-content p {
    color: #222
}

.modalInternet .modal-content h3 {
    margin: 0 !important
}

.modalInternet .modal-content header {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: 0 !important;
    box-shadow: none !important
}

.modalInternet .modal-content .modal_header h1 {
    text-align: left;
    font-size: 20px;
    margin: 0;
    color: #222
}

.modalInternet .modal-content .modal_header h1 .valor-leyenda {
    text-align: left;
    font-size: 20px;
    color: #222
}

.modalInternet .modal-content .modal_header h1 .valor-obtennombre_paquete {
    color: #222
}

.modalInternet .modal-content .modal_header h2 {
    text-align: left;
    font-size: 16px;
    margin: 0
}

.modalInternet #miTelcellinkModal5 {
    background-color: #7b1fa2 !important;
    color: #fff !important
}

.modalInternet .gluo-cuadro {
    margin: 0 0 20px;
    background: #f7f5f5
}

.modal .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li {
    cursor: pointer
}

.modal-plan h1,
.modal-plan h2.price,
.modal-plan .cac-text {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
    font-size: 20px;
    font-weight: 600;
    margin: 0 !important;
    text-align: left;
    display: block
}

.modal-plan h1 a,
.modal-plan h2.price a,
.modal-plan .cac-text a {
    color: #0071D1
}

.modal-plan h1 br,
.modal-plan h2.price br,
.modal-plan .cac-text br {
    display: none
}

.modal-plan h2.price,
.modal-plan .cac-text {
    font-size: 14px
}

.modal-plan h1.winners {
    font-size: 20px;
    text-align: center
}

.modal-plan h2.photo-winners {
    font-size: 18px;
    text-align: center
}

.modal-plan span.cac-text {
    font-size: 14px
}

.modal-plan span.cac-text br {
    display: none
}

.modal-plan span.cac-text a {
    text-decoration: underline
}

.modal-plan span.cac-text a:hover {
    text-decoration: none
}

h2.price small {
    display: inline;
    color: #fff
}

.modal-plan .content {
    background-color: #fff;
    overflow: scroll;
    max-height: 595px
}

.modal-plan .icon-Print {
    font-size: 25px;
    margin-right: 10px;
    position: relative;
    top: 5px
}

.modal-plan .content h2 {
    color: #0A3D7E;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

.modal-plan .content {
    padding: 10px 20px 20px 20px
}

.modal-plan .content>div {
    width: 100%;
    margin: 0 auto
}

.modal-plan .content>.pull-right {
    text-align: right
}

.modal-plan .content .plandetaillist,
.modal-plan .content .aditionalservices {
    width: 80%;
    margin: 0 auto
}

.modal-plan .content .legal>span {
    width: 80%;
    margin: 0 auto;
    display: block
}

.modal-plan .content .legal>div {
    background-color: #f2f7f9;
    padding: 20px 0
}

.modal-plan .content .legal>div>div {
    width: 80%;
    margin: 0 auto
}

.modal-plan {
    background-color: transparent;
    padding: 10px;
    color: #000;
    border: 0
}

.modal-plan .modal-plan {
    padding: 0
}

.modal-plan .modal-dialog .modal_header {
    background: transparent;
    padding: 15px 105px 15px 20px;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.modal-plan .modal-dialog .modal_header .logo {
    position: absolute;
    right: 20px;
    top: calc(50% - 15px)
}

.modal-plan .modal-dialog .modal_header .logo>* {
    display: none
}

.modal-plan .btn-close-modal {
    color: #0A3D7E;
    background: transparent;
    border: 0;
    font-weight: normal;
    font-size: 0;
    opacity: 1;
    margin: 3px 0 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.modal-plan .btn-close-modal:before {
    content: 'Cerrar';
    font-size: 16px
}

.modal-plan .btn-close-modal:after {
    content: '';
    background-image: url("../../../content/dam/telcelcom/iconos/cerrar_azul.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px
}

.modal-plan .modal-dialog .modal_header .logo>.close-modal {
    color: #0A3D7E;
    background: transparent;
    border: 0;
    font-weight: normal;
    font-size: 0;
    opacity: 1;
    margin: 3px 0 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.modal-plan .modal-dialog .modal_header .logo>.close-modal::before {
    content: 'Cerrar';
    font-size: 16px
}

.modal-plan .modal-dialog .modal_header .logo>.close-modal::after {
    content: '';
    background-image: url("../../../content/dam/telcelcom/iconos/cerrar_azul.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px
}

.modal-plan .modal-dialog footer {
    display: none
}

.modal-plan .table-simple.table-headers-t2.table>thead>tr>th {
    padding: 12px;
    font-size: 16px;
    background-color: #f2f7f9;
    color: #595959;
    font-weight: 660;
    border-top: 0
}

.modal-plan .table-simple.table>tbody>tr>td {
    color: #595959;
    font-weight: 400;
    font-size: 14px;
    text-align: left !important
}

.modal-plan .table-simple.table>tbody>tr>td .bold {
    color: #595959;
    font-weight: 400;
    font-size: 14px;
    position: relative
}

.modal-plan .table-simple.table-plan-details.table th.half:first-child {
    width: 60%
}

.modal-plan .table-simple.table-plan-details.table th.half {
    width: 40%
}

.modal-plan .table-simple .img-circle {
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 1.3;
    position: absolute;
    left: 4px;
    left: -2px;
    top: 0
}

.modal-content {
    border: none;
    border-radius: 8px;
    overflow: visible;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    padding: 0 !important
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group input {
    width: 85% !important
}

@media (max-width: 767px) {
    .comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group input {
        width: 80% !important
    }
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group .preguntas-frecuentes-buscador-boton {
    width: 10% !important
}

@media (max-width: 767px) {
    .comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group .preguntas-frecuentes-buscador-boton {
        width: 20% !important
    }
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.form-group .input-group .input-group-btn .btn-file {
    background: #f2f7f9 !important;
    color: #0071D1 !important;
    line-height: 1.2
}

.form-group .input-group .input-group-btn .btn-file:hover {
    border: 1px solid #0071D1 !important;
    box-shadow: none !important
}

.carousel-promos .img-back .promo p,
.carousel-promos-mobile .img-back .promo p {
    color: #fff !important
}

.carousel-promos a.contenedor-carrusel-liga:hover,
.carousel-promos-mobile a.contenedor-carrusel-liga:hover {
    text-decoration: none !important
}

.newpromotioncarousel .btn-link,
.newpromotioncarousel .verdetalles-mobile {
    color: #0071D1 !important
}

.carousel-promos-mobile p {
    color: #757575 !important
}

.carousel-promos .title p {
    color: #0A3D7E !important
}

.carousel-promos p {
    color: #757575 !important
}

.carousel-promos .valido p {
    display: inline
}

.modal-segmentacion .modal-body {
    border-radius: 0 0 8px 8px
}

#banner-formas-de-pago {
    text-decoration: none !important
}

.hs-form-field {
    position: relative;
    min-height: auto !important
}

.hs-form-field.field {
    margin-bottom: 24px
}

.hs-form-field label:not(.hs-error-msg) {
    border-radius: 5px;
    position: absolute;
    top: -11px;
    left: 16px;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    background-color: #fff;
    padding: 4px 8px !important;
    width: auto !important;
    color: #595959 !important;
    z-index: 5
}

.hs-form-field .hs-error-msg {
    color: #d32222 !important;
    font-size: 14px
}

.hs-form-field input,
.hs-form-field select,
.hs-form-field textarea {
    width: 100%;
    background-color: #fff;
    border-color: #BAC9D8;
    border-radius: 4px;
    padding: 10px
}

.hs-form-field input:focus,
.hs-form-field select:focus,
.hs-form-field textarea:focus {
    border-color: #0071D1 !important;
    box-shadow: none !important
}

.hs-form-field:hover label:not(.hs-error-msg) {
    color: #0071D1 !important
}

.hs-form-field:hover input {
    border-color: #0071D1 !important
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
    border-color: #d32222 !important
}

.nav-tabs>li>a {
    text-decoration: none !important
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-titulo {
    font-size: 24px
}

.gluo-internet-esquemas .gluo-esquema-title {
    font-size: 24px;
    color: #222
}

body {
    font-size: 16px
}

.panel .list-bullets-content ul {
    font-size: 16px
}

@media (min-width: 992px) {
    .menu-principal .menu-content ul {
        min-height: 460px !important;
        max-height: 460px !important
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul {
        min-height: 460px !important;
        max-height: 460px !important
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .submenu-mobile ul {
        min-height: 0 !important
    }

    .menu-principal .menu-content ul .menu-item>a {
        text-decoration: none !important
    }
}

#mosaico-promociones .general-box a {
    text-decoration: none !important
}

#mosaico-promociones .contenedor-promocion .promo-box button {
    font-size: 16px;
    color: #00529b
}

.coberturaAcordeon p span {
    color: #757575 !important
}

.date-promo .date .dia {
    color: #757575
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:hover {
    color: #fff
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:active,
.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:visited {
    color: #fff;
    background-color: #954CB5
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:active:hover,
.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta.disabled,
.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta.disabled:hover,
.comp-ecommerce-comparador a.ecommerce-comparador-especificaciones-cta:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.list-circle-steps li.active,
.list-circle-number>div>li,
.list-circle-number>li,
.list-circle-number>ul>div>li,
.list-circle-number>ul>li {
    color: #757575;
    font-weight: 400
}

.list-special-plans .item p {
    color: #222
}

.list-special-plans .item .price {
    color: #222
}

#carousel-terminales-accesorios .btn-primary {
    background-color: #7b1fa2;
    border: none !important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px !important;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: inline-block !important;
    font-weight: 600;
    font-size: 16px;
    width: auto !important;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    #carousel-terminales-accesorios .btn-primary {
        display: inline-block;
        width: 100% !important;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

#carousel-terminales-accesorios .btn-primary:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

#carousel-terminales-accesorios .btn-primary:hover {
    color: #fff
}

#carousel-terminales-accesorios .btn-primary:active,
#carousel-terminales-accesorios .btn-primary:visited {
    color: #fff;
    background-color: #954CB5
}

#carousel-terminales-accesorios .btn-primary:active:hover,
#carousel-terminales-accesorios .btn-primary:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

#carousel-terminales-accesorios .btn-primary:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none !important;
    background-color: #7b1fa2
}

#carousel-terminales-accesorios .btn-primary:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none !important;
    text-decoration: none !important;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff !important
}

#carousel-terminales-accesorios .btn-primary.disabled,
#carousel-terminales-accesorios .btn-primary:disabled {
    background-color: #d0d0d0 !important;
    color: #595959 !important;
    pointer-events: none !important
}

#carousel-terminales-accesorios .btn-primary.disabled:hover,
#carousel-terminales-accesorios .btn-primary:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.item-terminal h4 small,
.item-accesorios h4 small {
    color: #757575
}

.item-terminal .price,
.item-accesorios .price {
    color: #222
}

#ficha-tecnica-v7 .fake-radio-cont li.active {
    background-color: #e5edf5 !important
}

#ficha-tecnica-v7 .galeria-equipo h2 span,
#ficha-tecnica-v7 .galeria-equipo h3 span {
    color: #757575
}

.comp-preguntas-frecuentes-preguntas-alerta-vacio .comp-preguntas-frecuentes-preguntas-alerta-texto,
.comp-preguntas-frecuentes-preguntas-alerta-nada .comp-preguntas-frecuentes-preguntas-alerta-texto {
    color: #222;
    background-color: #f2f7f9
}

.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button p,
.comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button p {
    font-size: 16px;
    font-weight: 600
}

@media (max-width: 767px) {

    .comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item-todas button p,
    .comp-preguntas-frecuentes-preguntas .comp-preguntas-frecuentes-preguntas-item button p {
        font-size: 14px;
        line-height: 1.3
    }
}

.tb-plan-recomendado {
    background: #eff7ef;
    border-color: #dfecdf;
    color: green
}

.tb-plan-recomendado:before {
    border-top-color: #dfecdf
}

.tb-plan-recomendado:after {
    border-top-color: #eff7ef
}

.comp-preguntas-frecuentes-filtros-item {
    text-decoration: none !important
}

.carousel-menu-responsive a {
    text-decoration: none !important
}

.msg-success {
    background-color: #eff7ef;
    border: 1px solid #dfecdf;
    border-left: 4px solid green;
    color: #222
}

.msg-success i {
    color: green
}

.msg-warning {
    background-color: #fdf2f2;
    border: 1px solid #f7e6e6;
    border-left: 4px solid #d32222;
    color: #222
}

.msg-warning i {
    color: #d32222
}

.msg-success,
.msg-warning,
.msg-infoalert,
.msg-infocheck,
.msg-infotxt {
    padding: 12px
}

.msg-success span.txt,
.msg-warning span.txt {
    font-size: 16px;
    margin: 0
}

.msg-success span.txt>p,
.msg-warning span.txt>p {
    margin-bottom: 0;
    text-align: left !important
}

.fineprint {
    color: #757575
}

.text-light {
    font-weight: normal
}

.form-group:not(.fpaises) .control-label {
    height: 25px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.form-group:not(.fpaises) .control-label .btn-quest {
    width: 22px !important;
    margin-top: 0 !important
}

.eliminar_transporte {
    right: auto;
    left: 100%
}

.eliminar_transporte a {
    height: 25px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.eliminar_transporte a>span {
    white-space: nowrap
}

.table-simple.table>thead>tr>th,
.table-simple.table>tbody>tr>th,
.table-simple.table>tfoot>tr>th,
.table-simple.table>thead>tr>td,
.table-simple.table>tbody>tr>td,
.table-simple.table>tfoot>tr>td {
    border-top: 2px solid #e3e3e3
}

.rango-controles #borrar-rango {
    color: #0071D1 !important
}

.bg-green,
.bg_green_header {
    background-color: #e5edf5 !important
}

.bg_blue_header {
    background-color: #e5edf5 !important
}

.bg_green_header p {
    color: #222 !important
}

.bg_blue_header h1,
.bg_blue_header .telcelbold,
.bg_blue_header .telcellight,
.bg_green_header h1,
.bg_green_header .telcelbold,
.bg_green_header .telcellight {
    color: #222 !important
}

.lista-con-vistos ul li {
    color: #757575
}

.serviceheader .clearfix {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.serviceheader .clearfix .pull-left {
    margin: 15px 0
}

.serviceheader .clearfix .pull-right {
    margin: 0 0 0 auto !important
}

h2.content-title,
.h2.content-title {
    border-bottom: 1px solid #e3e3e3
}

strong {
    font-weight: 600
}

.buscador-noticias .btn-primary {
    margin-top: 20px
}

.nav-super-tabs li.active a h2,
.nav-super-tabs li.r-tabs-state-active a h2,
.nav-super-tabs li.r-tabs-tab.active a h2,
.nav-super-tabs li.r-tabs-tab.r-tabs-state-active a h2,
.nav-tabs-lg li.active a h2,
.nav-tabs-lg li.r-tabs-state-active a h2,
.nav-tabs-lg li.r-tabs-tab.active a h2,
.nav-tabs-lg li.r-tabs-tab.r-tabs-state-active a h2 {
    font-weight: 600
}

.nav-super-tabs li h2,
.nav-tabs-lg li h2 {
    font-weight: 400
}

.fpaises {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.fpaises .form-group {
    margin-top: 0
}

.fpaises>label {
    padding-top: 0
}

.tooltip.right .tooltip-inner {
    border: solid 1px #fff;
    border-radius: 4px;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    color: #222;
    font-weight: normal
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fff !important
}

.tooltip.right .tooltip-arrow:before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 6px 6px 6px 0;
    border-right-color: rgba(0, 0, 0, 0.1)
}

.tooltip.in {
    opacity: 1
}

.btn-quest {
    color: #fff !important
}

.btn-quest:hover {
    color: #fff
}

.item-terminal .extras,
.item-accesorios .extras {
    color: #757575
}

.line-horizontal {
    border-color: #e3e3e3
}

.comp-ecommerce-comparador .ecommerce-comparador-selecciona-un-producto p {
    color: #222
}

.modal-info.modal.in {
    background-color: rgba(0, 0, 0, 0.5)
}

.modal-info.modal.in .modal-content {
    border: none;
    border-radius: 8px;
    overflow: visible;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    padding: 48px 24px 24px !important
}

.modal-info.modal.in .modal-content .btn-close-modal {
    color: #0A3D7E;
    background: transparent;
    border: 0;
    font-weight: normal;
    font-size: 0;
    opacity: 1;
    margin: 3px 0 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.modal-info.modal.in .modal-content .btn-close-modal:before {
    content: 'Cerrar';
    font-size: 16px
}

.modal-info.modal.in .modal-content .btn-close-modal:after {
    content: '';
    background-image: url("../../../content/dam/telcelcom/iconos/cerrar_azul.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px
}

.comp-empresas-solapas .contenedor-solapas ul li a.solapa {
    text-decoration: none !important
}

.comp-destacado-columnas .componente-cuatro-columnas h2 {
    font-size: 32px
}

.text-csm {
    font-size: 16px
}

.list-promociones-mosaico .item .inner {
    padding: 16px
}

.list-promociones-mosaico h4,
.list-promociones h4 {
    font-size: 20px;
    line-height: 1.3;
    min-height: 52px
}

.text-medium {
    font-size: 16px !important
}

.comp-empresas-mosaico .card-general .card-callto,
.comp-empresas-carrusel-articulos .empresas-carrusel-wrapper-int .card-general .card-callto {
    background-color: #0071D1
}

.comp-preguntas-frecuentes .comp-preguntas-frecuentes-buscador .form-group input {
    border-color: #bac9d8 !important
}

.modal-plan h1,
.modal-plan h2.price,
.modal-plan .cac-text {
    color: #595959
}

.modal-plan .table-simple.table-headers-t2.table>thead>tr>th {
    color: #595959
}

.modal-plan .table-simple.table>tbody>tr>td {
    color: #595959
}

.modal-plan .table-simple.table>tbody>tr>td .bold {
    color: #595959
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior.telcel-tabla-dinamica-destacada-verde {
    border: 1px solid green;
    border-top: 6px solid green
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-claro-video {
    background-color: #e5edf5 !important
}

.table-simple.table.s1>thead>tr:first-child>th,
.table-simple.table.central>thead>tr:first-child>th,
.table-simple.table.s1>thead>tr:nth-child(3)>th {
    background-color: #e5edf5 !important;
    color: #222
}

/*Fin estilos nuevo dise�o*/
@media (max-width: 400px) {

    .modal-plan .content .plandetaillist,
    .modal-plan .content .aditionalservices {
        width: 100%;
        margin: 0 auto;
    }

    .table-simple .service {
        padding-left: 25px !important;
    }

    .modal-plan .content>div {
        padding: 0;
    }

    .modal-plan .content .legal>div>div {
        width: 95%;
        margin: 0 auto;
    }

    .panel.panel-default>.panel-heading a {
        height: 60px;
    }
}

/*Force Image Core component center ff */
.cmp-image {
    text-align: center;
}

/*Responsive tabs*/
.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.super-tabs-panels .r-tabs-panel,
.tabs-panels-lg .r-tabs-panel {
    display: none;
}

.super-tabs-panels .r-tabs-accordion-title,
.tabs-panels-lg .r-tabs-accordion-title {
    display: none;
}

.super-tabs-panels .r-tabs-panel.r-tabs-state-active,
.tabs-panels-lg .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 991px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .super-tabs-panels .r-tabs-accordion-title {
        display: block;
    }

    .tabs-panels-lg .r-tabs-accordion-title {
        display: block;
    }
}

/*CUSTOM
* Responsive tabs TelCel Theme
*
* /
/* Commons
----------------------------------*/
.r-tabs-accordion-title {
    margin: 0 -10px;
    text-align: center;
    background-color: #00B0ED;
    border-bottom: 1px solid #fff;
    position: relative;
    overflow: hidden;
}

.tabs-panels-special .r-tabs-accordion-title {
    margin: 0;
}

.tabs-panels-special .r-tabs-panel {
    margin-top: 40px;
}

.r-tabs-accordion-title a {
    display: block;
}

.r-tabs-accordion-title a:hover {
    text-decoration: none;
}

.r-tabs-accordion-title h2 {
    font-weight: 600;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.r-tabs-accordion-title.r-tabs-state-active {
    background-color: #f2f7f9;
}

.r-tabs-accordion-title.r-tabs-state-active h2 {
    color: #00B0ED;
}

/* XLarge tabs
----------------------------------*/
.super-tabs {
    padding-bottom: 40px;
    border-bottom: 10px solid #f2f7f9;
}

.super-tabs .r-tabs-accordion-title {
    padding: 15px 10px 45px 10px;
}

.super-tabs .r-tabs-accordion-title a:after,
.lg-tabs .r-tabs-accordion-title a:after {
    width: 28px;
    height: 28px;
    color: #80d8f7;
    display: block;
    line-height: 28px;
    text-align: center;
    content: '\f105';
    font-size: 28px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -14px;
    cursor: pointer;
    font-family: 'TelcelFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.lg-tabs .r-tabs-accordion-title.r-tabs-state-active a:after,
.super-tabs .r-tabs-accordion-title.r-tabs-state-active a:after {
    background-color: transparent;
    color: #80D8F7;
    content: '\f104';
}

.super-tabs .r-tabs-accordion-title .tagline {
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}

.super-tabs .r-tabs-accordion-title .tagline strong {
    font-size: 30px;
    font-weight: 600;
}

.super-tabs .r-tabs-accordion-title h2 {
    font-size: 24px;
}

.super-tabs .r-tabs-accordion-title h2 small {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
}

.super-tabs-panels .tab-pane>h3 {
    margin-bottom: 40px;
}

.super-tabs-panels .tab-pane {
    position: relative;
}

.r-tabs-accordion-title.r-tabs-state-active h2 small {
    color: #666;
}

/* large tabs
----------------------------------*/
.lg-tabs .r-tabs-accordion-title h2 {
    margin: 25px 0 40px 0;
}

.lg-tabs .r-tabs-accordion-title a:after {
    font-size: 25px;
    height: 25px;
    width: 25px;
    line-height: 25px;
}

/*Special tabs*/

.special-tabs .r-tabs-accordion-title {
    background-color: #e4eef2;
    padding: 20px 0;
}

.special-tabs .r-tabs-accordion-title i {
    font-size: 30px;
}

.special-tabs .r-tabs-accordion-title i,
.special-tabs .r-tabs-accordion-title h2 {
    color: #95a2a5;
}

.special-tabs .r-tabs-state-active.r-tabs-accordion-title i,
.special-tabs .r-tabs-state-active.r-tabs-accordion-title h2 {
    color: #ff5b00;
}

/*
/*! jQuery UI - v1.10.4 - 2014-06-09
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    /* support: IE10, see #8844 */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    /* support: IE7 */
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*Custom*/
.slider-holder {
    margin-top: 30px;
}

.big-slider.ui-slider-horizontal {
    background-color: #ACBFD4;
    border-radius: 8px;
    height: 8px;
    margin: 40px 0 40px 0;
}

.input-rango {
    border: 0;
    color: #000;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.big-slider .ui-slider-range {
    background-color: #52CAB5;
}

.big-slider.ui-slider .ui-slider-handle {
    background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/jquery-ui.png);
    width: 42px;
    height: 42px;
    margin-top: -14px;
}

/*Custom mini Slider*/
.mini-slider.ui-slider-horizontal {
    height: 15px;
    background-color: #ffffff;
}

.mini-slider .ui-slider-range {
    background-color: #DCE6E8;
}

.mini-slider.ui-slider .ui-slider-handle {
    cursor: pointer;
    background-image: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/jquery-ui.png);
    width: 23px;
    height: 25px;
    background-position: -47px 0;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: .6px;
    margin-right: 1.5em;
}

/*Custmi autocomplete*/
.ui-autocomplete {
    z-index: 100000;
    background-color: #fff;
    border: 1px solid #dbe5e7;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
}

.ui-menu .ui-menu-item a {
    color: #465359;
    font-size: 18px;
}

.ui-menu .ui-menu-item a:hover {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

/*! perfect-scrollbar - v0.4.10
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyeonje Alex Jun; Licensed MIT */

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 3px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible
}

/*OWL Carousel*/
/*Core*/
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

/*
*   CUSTOM
* 	Owl Carousel TelcelTheme
*	v1.3.3
*/
.owl-theme .owl-controls {
    text-align: center;
}

.owl-pagination .owl-page {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #FFF;
    opacity: .5;
    margin-right: 5px;
}

.js-simple-carousel .owl-pagination .owl-page {
    background-color: #37b7f5;
}

#carrusel-noticias .owl-pagination .owl-page {
    background-color: #37b7f5;
}

.owl-pagination .owl-page.active {
    opacity: 1;
}

.owl-pagination .owl-page:last-child {
    margin-right: 0;
}

.owl-buttons>div {
    position: absolute;
    top: 50%;
    margin-top: -80px;
    font-size: 130px;
    color: #637579;
}

.carouselsimple>section .owl-buttons>div {
    position: absolute;
    /*top: 50%;*/
    top: 40%;
    margin-top: -80px;
    font-size: 130px;
    color: #637579;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

/*Specific for devices carousel*/
.carousel-terminales>h3 {
    margin-top: 85px;
    margin-bottom: 30px;
}

/*Specific for devices carousel*/
.simple-carousel>h3 {
    margin-top: 85px;
    margin-bottom: 30px;
}

.simple-carousel .owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
    max-width: 100%;
}

/*.simple-carousel .owl-pagination{
    position: absolute;
    top: -105px;
    width: 100%;
    height:30px;
}*/

.simple-carousel .owl-pagination,
.faq-boxes .owl-pagination {
    position: absolute;
    top: -85px;
    width: 100%;
    height: 30px;
}

#carrusel-noticias .owl-pagination,
.faq-boxes .owl-pagination {
    position: absolute;
    top: -105px;
    width: 100%;
    height: 30px;
    left: 0px;
}



.faq-boxes .owl-pagination {
    top: -5px;
}

.faq-boxes .owl-buttons>div.owl-prev,
.faq-boxes .owl-buttons>div.owl-next {
    display: none;
}

h1+.carousel-terminales {
    margin-top: 60px;
}

h1+.carousel-terminales.simple-carousel .owl-pagination {
    top: -50px;
}

.simple-carousel .owl-carousel .item-terminal {
    padding-left: 21px;
}

.simple-carousel .owl-buttons>div.owl-prev,
.simple-carousel .owl-buttons>div.owl-next {
    width: 60px;
    overflow: hidden;
    text-indent: -30px;
}

.simple-carousel .owl-buttons>div.owl-prev {
    left: -65px;
}



.simple-carousel .owl-buttons>div.owl-next {
    right: -65px
}


#carrusel-noticias .owl-buttons>div.owl-prev {
    left: -30px;
}

#carrusel-noticias .owl-buttons>div.owl-next {
    right: -30px
}

.main-slider .owl-pagination {
    top: 20px;
    position: absolute;
}

/**/
.carousel-equipo.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.carousel-equipo.simple-carousel .owl-pagination {
    top: auto;
    bottom: -40px;
}

.carousel-equipo.simple-carousel .owl-buttons>div.owl-next {
    right: 30px;
}

.carousel-equipo.simple-carousel .owl-buttons>div.owl-prev {
    left: 30px;
}

@media (max-width: 991px) {
    .simple-carousel .owl-pagination {
        display: none;
    }

    .simple-carousel .owl-buttons>div.owl-prev {
        left: -50px;
    }

    .simple-carousel .owl-buttons>div.owl-next {
        right: -50px;
    }

    .simple-carousel .owl-buttons>div.owl-prev {
        left: -20px;
    }

    .simple-carousel .owl-buttons>div.owl-next {
        right: -15px
    }

    .simple-carousel div.noticia-carousel {
        padding: 50px;
    }

    .carousel-equipo.simple-carousel .owl-buttons>div.owl-next {
        right: 5px;
    }

    .carousel-equipo.simple-carousel .owl-buttons>div.owl-prev {
        left: 5px;
    }
}

@media (min-width: 480px) {

    .main-slider .title-plans,
    .main-slider .phrase-mexico {
        font-size: 28px;
    }

}

@media (max-width: 479px) {

    .main-slider .slider-text>.slider-btn {
        margin-top: 10px !important;
    }

    .carousel-equipo.simple-carousel .owl-buttons {
        display: none;
    }

    .main-slider .title-plans,
    .main-slider .phrase-mexico {
        font-size: 30px !important;
    }
}

/*
 *  TelCel Main Slider Super Banner
 */


/*Main Slider Customization*/
.main-slider * {
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.bg-largeSlider {
    position: relative;
}

.movi .bg-largeSlider,
.movi .main-slider {
    /*min-height: 300px;*/
}

.pad .bg-largeSlider,
.pad .main-slider {
    /*min-height: 400px;*/
}

.desktop .bg-largeSlider,
.desktop .main-slider {
    /*min-height: 520px;*/
}

.main-slider .owl-buttons {
    color: #637579;
}

.main-slider .owl-buttons i {
    overflow: hidden;
    text-indent: -45px;
    width: 40px;
    display: block;
}

@media (min-width: 768px) {
    .main-slider .owl-buttons .owl-prev {
        left: 10px
    }

    .main-slider .owl-buttons .owl-next {
        right: 10px;
    }
}

.main-slider .owl-buttons .owl-prev {
    left: 60px
}

.main-slider .owl-buttons .owl-next {
    right: 60px;
}

.main-slider .light-blue {
    background-color: #02B0EF;
}

.main-slider .yellow {
    background-color: #ffcb27;
}

.main-slider .light-grey {
    background-color: #5F7175;
}

.main-slider .dark-blue {
    background-color: #0A3B79;
}

.main-slider .fucsia {
    background-color: #E22285;
}

.main-slider .green {
    background-color: #52CAB5;
}

.main-slider .purple {
    background-color: #7E7EEC
}

.main-slider .light-grey {
    background-color: #e4eef2
}

.main-slider .centered-bottom .slider-text {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.main-slider .left-middle {}

.main-slider .left-middle .slider-text {
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    position: absolute;
    max-width: 33%;
    margin-left: 16.6667%;
}

.main-slider h1 {
    font-family: telcelbold;
    font-weight: 100;
    margin-bottom: 0;
    /*font-size: 90px;
    line-height: 70px;*/
    font-size: 6em;
    line-height: .8;
}

.main-slider .left-middle h1 {
    font-size: 4.4em;
}

.main-slider h2 {
    font-family: telcelregular;
    font-weight: 100;
    margin-top: 10px;
    font-size: 36px;
}

.main-slider .btn {}

.main-slider .left-middle h2 {
    font-family: telcellight;
}

.main-slider .light-blue h1 {
    color: #fff;
}

.main-slider .light-blue h2 {
    color: #13274C;
}

.main-slider .yellow h1 {
    color: #13284D;
}

.main-slider .yellow h2 {
    color: #333;
}

.pad .main-slider .centered-bottom .slider-text {
    bottom: 20px;
}

/*.pad .main-slider h1{
    font-size: 3.35em;
    line-height: 40px;
}*/
.pad .main-slider h2 {
    font-size: 26px;
}

.movi .main-slider h1,
.mobi .main-slider h1 {
    /*font-size: 30px;
    line-height: 20px;*/
    margin-top: 10px;
    font-size: 4.4em;
}

.movi .main-slider h2,
.mobi .main-slider h2 {
    font-size: 2.5em;
    font-family: telcelregular;
}

.slider-text {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.main-slider .item-slider {
    width: 100%;
}

.main-slider .item-slider .wrapper-content {
    margin: 0 auto;
    position: relative;
}

.main-slider .item-slider .wrapper-content {
    display: none;
    margin: 0 auto;
    position: relative;
}

.main-slider .item-slider .wrapper-content>.content {
    width: 100%;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.main-slider .item-slider .wrapper-content>.content img.dkt,
.main-slider .item-slider .wrapper-content>.content img.shadow {
    display: none;
}

.main-slider .wrapper-slider-img,
.main-slider .wrapper-slider-text {
    width: 55%;
    position: relative;
}

@media (max-width: 768px) {
    .main-slider .wrapper-slider-text {
        width: 100%;
    }
}

.main-slider .wrapper-slider-img>.bg,
.main-slider .wrapper-slider-text>.bg,
.main-slider .wrapper-slider-img>.bg-left,
.main-slider .wrapper-slider-img>.bg-right {
    top: 0;
    height: 100%;
    position: absolute;
}

.main-slider .wrapper-slider-img.full {
    width: 100%;
}

.main-slider .wrapper-slider-img.left {
    float: left;
    width: 45%;
}

@media (max-width: 768px) {
    .main-slider .wrapper-slider-img.left {
        width: 100%;
    }
}

.main-slider .wrapper-slider-img.left~.wrapper-slider-text {
    float: right;
}

.main-slider .wrapper-slider-img.right {
    float: right;
    width: 55%;
}

.main-slider .wrapper-slider-text.right~.wrapper-slider-text {
    float: left;
}

.main-slider .wrapper-slider-text .svg {
    top: 0px;
    position: absolute;
}

.main-slider .wrapper-slider-img.left~.wrapper-slider-text .svg {
    left: -114px;
}

.main-slider .wrapper-slider-img.right~.wrapper-slider-text .svg {
    right: -114px;
}

.main-slider .slider-text {
    left: 0px;
    opacity: 1;
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
}

.main-slider .slider-text>.slider-title {
    margin: 0;
    color: #fff;
    line-height: 1;
    font-size: 56px;
    font-family: telcelbold;
}

.main-slider .slider-text>.slider-title.text-light,
.main-slider .slider-text>.slider-title>.text-light {
    font-family: telcellight;
}

.main-slider .slider-text>.slider-title.text-regular,
.main-slider .slider-text>.slider-title>.text-regular {
    font-family: telcelregular;
}

.main-slider .slider-text>.slider-title>.text-bold,
.main-slider .slider-text>.slider-title>strong,
.main-slider .slider-text>.slider-title>p>strong {
    font-family: telcelbold;
}

.main-slider .slider-text>.slider-title .price {
    font-size: 100px;
    line-height: 1.2;
}

.main-slider .slider-text>.slider-title .time {
    font-size: 20px;
    vertical-align: bottom;
    line-height: 3;
}

.main-slider .slider-text>.slider-title .iphone {
    display: block;
    font-size: 100px;
}

.main-slider .slider-text>.slider-subtitle {
    margin: 0;
    font-size: 36px;
    font-family: telcelRegular;
}

.main-slider .slider-text>.slider-subtitle.text-light,
.main-slider .slider-text>.slider-subtitle>.text-light {
    font-family: telcellight;
}

.main-slider .slider-text>.slider-subtitle>.text-regular {
    font-family: telcelregular;
}

.main-slider .slider-text>.slider-subtitle.text-bold,
.main-slider .slider-text>.slider-subtitle>.text-bold,
.main-slider .slider-text>.slider-subtitle>strong {
    font-family: telcelbold;
}

.main-slider .slider-text>.slider-subtitle>.price {
    font-size: 54px;
    line-height: 1;
}

.main-slider .slider-text>.slider-btn {
    font-size: 40px;
    font-weight: bold;
    padding: 20px 40px;
    margin: 0;
}

.main-slider .text-white {
    color: #FFFFFF !important;
}

.main-slider .text-blue {
    color: #13284D !important;
}

.main-slider .list-checked li {
    color: #000;
    font-size: 20px;
    margin-bottom: 0;
    font-weight: bold;
}

.main-slider .list-checked li:before {
    color: #FFF;
    font-size: 24px;
}

.list-checked-2 i {
    color: white;
    font-size: 25px;
    padding-right: 10px;
}

.list-checked-2 div {
    white-space: nowrap;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-align: left;
    padding-bottom: 5px;
}


@media (max-width: 768px) {

    .fix_ipad .owl-buttons>div {
        font-size: 85px;
    }

    .list-checked-2 i {
        color: white;
        font-size: 50px;
        padding-right: 10px;
    }

    .list-checked-2 div {
        white-space: nowrap;
        font-size: 40px;
        color: #000;
        font-weight: bold;
        text-align: left;
        padding-bottom: 10px;
    }


    .main-slider .list-checked {
        text-align: left;
    }

    .main-slider .list-checked>li {
        font-size: 36px;
    }

    .main-slider .list-checked>li:before {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .main-slider .owl-controls {
        display: none !important;
    }

    .main-slider .wrapper-slider-img,
    .main-slider .wrapper-slider-text {
        width: 100%;
    }

    .main-slider .wrapper-slider-img.right {
        float: none;
    }

    .main-slider .svg {
        display: none;
    }
}

.main-slider .phrase {
    margin-top: 10px;
    font-size: 32px;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
    padding: 13px 15px;
    color: #FFF;
}

.main-slider .slider-circle {
    position: absolute;
}

.main-slider .phrase-mexico {
    line-height: 1.3;
    margin-bottom: 60px;
}

.main-slider .phrase-mexico>i {
    font-size: 120px;
    color: #FFF;
    margin-right: 32px;
}

.main-slider .title-plans {
    margin: 35px 0px 0px 18px;
    font-weight: bold;
}

.main-slider .price-plans {
    font-size: 51px;
    line-height: 80px;
    font-family: "Source Sans Pro";
    font-weight: bold;
}

.main-slider .list-plans .content {
    margin-top: 0;
    padding-top: 0;
    display: block;
}

@media (min-width: 769px) {
    .main-slider .item-slider>.wrapper-content>.content img {
        width: auto;
    }

    .main-slider .item-slider>.wrapper-content>.content img.rd {
        display: none;
    }

    .main-slider .item-slider>.wrapper-content>.content img.dkt {
        display: block;
    }

    .main-slider .item-slider>.wrapper-content>.content img.shadow {
        display: block;
    }

    .main-slider .item-slider .slider-text {
        left: auto;
    }

    .main-slider .item-slider .slider-title {
        font-size: 44px;
    }

    .main-slider .item-slider .slider-title .price {
        font-size: 92px;
        line-height: 1.2;
    }

    .main-slider .item-slider .slider-title .time {
        font-size: 16px;
        vertical-align: bottom;
        line-height: 3;
    }

    .main-slider .item-slider .slider-title .iphone {
        font-size: 86px;
    }

    .main-slider .item-slider .slider-subtitle>.price {
        font-size: 34px;
        line-height: 38px;
    }

    .main-slider .item-slider .slider-btn {
        margin: 20px 0 0;
        padding: 10px;
        font-size: 19px;
    }

    .main-slider .shadow {
        top: 0;
        position: absolute;
    }

    .main-slider .shadow.left {
        left: 0;
    }

    .main-slider .shadow.right {
        right: 0;
    }

    .main-slider .phrase {
        font-size: 15px;
        font-weight: bold;
        display: inline-block;
        vertical-align: bottom;
        padding: 13px 15px;
        color: #FFF;
    }

    .main-slider .phrase-mexico {
        font-size: 20px;
        margin-bottom: 0;
    }

    .main-slider .title-plans {
        font-size: 20px;
    }
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel.images {
    z-index: 100;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("clientlib-base/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/*OWL Gallery*/

.gallery {
    border-bottom: 8px solid #F2F7F9;
    margin-bottom: 60px;
    padding-bottom: 30px;
}

.gallery.win {
    border-bottom: none;
    margin: 10px 0px;
    padding-bottom: 0px;
}

.gallery .thumbs {
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.gallery .thumbs .item {
    padding: 2px;
    box-shadow: ;
    background: #fff;
    margin: 5px;
    text-align: center;
    cursor: pointer;
    opacity: .6;
    width: 100px;
}

.owl-carousel.ax1 .owl-item {
    width: auto !important;
    height: auto;
}

.gallery .thumbs .synced .item {
    opacity: 1;
    border: 2px solid #01B0EE;
}

.gallery .owl-controls {
    margin-top: 10px;
    text-align: center;
}

.gallery .owl-controls .owl-buttons div {
    color: #637579;
    display: inline-block;
    font-size: 70px;
    margin-top: -7px;
    padding: 0;
    top: auto;
    width: 30px;
    z-index: 2;
}

.gallery .owl-controls .owl-buttons div.owl-prev {
    left: 0;
    text-indent: -27px;
}

.gallery .owl-controls .owl-buttons div.owl-next {
    right: 0;
    text-indent: -12px;
}

/*Side menu in Responsive View (sidr.js)*/
/* line 3, ../../src/scss/sidr/_base.scss */
.sidr {
    /* Default Settings */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
    /* Theme Settings */
    font-size: 14px;
    background: #4a4b4d;
    color: white;
}

/* line 15, ../../src/scss/sidr/_base.scss */
.sidr .sidr-inner {
    padding: 0 0 15px;
}

/* line 18, ../../src/scss/sidr/_base.scss */
.sidr .sidr-inner>p {
    margin-left: 15px;
    margin-right: 15px;
}

/* line 24, ../../src/scss/sidr/_base.scss */
.sidr.right {
    left: auto;
    right: -260px;
}

/* line 29, ../../src/scss/sidr/_base.scss */
.sidr.left {
    left: -260px;
    right: auto;
}

/* line 41, ../../src/scss/sidr/_base.scss */
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
    font-size: 11px;
    font-weight: normal;
    padding: 0 15px;
    margin: 0 0 5px;
    color: white;
    line-height: 24px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
    background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: linear-gradient(#4d4d4d, #1a1a1a);
    -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
}

/* line 52, ../../src/scss/sidr/_base.scss */
.sidr p {
    font-size: 13px;
    margin: 0 0 12px;
}

/* line 55, ../../src/scss/sidr/_base.scss */
.sidr p a {
    color: rgba(255, 255, 255, 0.9);
}

/* line 60, ../../src/scss/sidr/_base.scss */
.sidr>p {
    margin-left: 15px;
    margin-right: 15px;
}

/* line 65, ../../src/scss/sidr/_base.scss */
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #4d4d4d;
    width: 100%;
}

/* line 72, ../../src/scss/sidr/_base.scss */
.sidr ul li {
    display: block;
    margin: 0;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #1a1a1a;
}

/* line 81, ../../src/scss/sidr/_base.scss */
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
    border-top: none;
}

/* line 85, ../../src/scss/sidr/_base.scss */
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
    background-color: transparent;
}

/* line 90, ../../src/scss/sidr/_base.scss */
.sidr ul li a,
.sidr ul li span {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: white;
}

.sidr .nav .open>a,
.sidr .nav .open>a:hover,
.sidr .nav .open>a:focus,
.sidr .nav li>a,
.sidr .nav li>a:hover,
.sidr .nav li>a:focus {
    background-color: transparent;
    cursor: pointer;
}

/* line 97, ../../src/scss/sidr/_base.scss */
.sidr ul li ul {
    border-bottom: none;
    margin: 0;
}

/* line 100, ../../src/scss/sidr/_base.scss */
.sidr ul li ul li {
    font-size: 13px;
}

/* line 104, ../../src/scss/sidr/_base.scss */
.sidr ul li ul li:last-child {
    border-bottom: none;
}

/* line 110, ../../src/scss/sidr/_base.scss */
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
    border-top: none;
}

/* line 114, ../../src/scss/sidr/_base.scss */
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {}

/* line 119, ../../src/scss/sidr/_base.scss */
.sidr ul li ul li a,
.sidr ul li ul li span {
    color: rgba(255, 255, 255, 0.8);
}

/* line 128, ../../src/scss/sidr/_base.scss */
.sidr form {
    padding: 10px 15px;

    border-bottom: 1px solid #5c5d5f;
}

/* line 132, ../../src/scss/sidr/_base.scss */
.sidr label {
    font-size: 13px;
}

/* line 146, ../../src/scss/sidr/_base.scss */
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
    width: 100%;
    font-size: 13px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.6);
    display: block;
    clear: both;
}


.sidr ul li ul li.open>div>div>ul {
    height: auto
}

.sidr ul li.open>div>div>ul {
    height: auto
}

.sidr ul li a {
    color: white;
}

.sidr ul li div ul li {}

.sidr .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none;
    color: white;
    background-color: #363738;
}


.sidr .nav-worlds>li>a {
    font-size: 13px;
    color: white;
    border: none;
    background-color: #363738;
}

.sidr .nav-worlds>li.active>a:after {
    content: "\f105 ";
    display: inline-block;
    font-family: TelcelFont;
    float: right;
    font-size: 18px;
    line-height: 18px;
    color: #FFF;
}




.sidr .nav-worlds>li>a:after {
    content: "\f109 ";
    display: inline-block;
    font-family: TelcelFont;
    float: right;
    font-size: 18px;
    line-height: 18px;
    color: #87898C;
}

.sidr .nav-worlds>li>a:hover {

    color: white;
    border: none;
    background-color: #363738;
}



/* line 160, ../../src/scss/sidr/_base.scss */
.sidr input[type=checkbox] {
    width: auto;
    display: inline;
    clear: none;
}

/* line 167, ../../src/scss/sidr/_base.scss */
.sidr input[type=button],
.sidr input[type=submit] {
    color: #333333;
    background: white;
}

/* line 171, ../../src/scss/sidr/_base.scss */
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
    background: rgba(255, 255, 255, 0.9);
}

.sidr .level-0 {
    background-color: #57585a;
}

.sidr .level-1 {
    background-color: #57585a;
}

.sidr ul li ul li ul {
    height: 0;
    overflow: hidden;
}

.sidr ul li ul li.open>div>div>ul {
    height: auto
}

.sidr ul.level-2>li {
    text-indent: 23px;
    position: relative;
    display: block;
}

.sidr ul.level-2>li>a:before {
    font-family: 'TelcelFont';
    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;
    content: '\f107';
    left: 0px;
    position: absolute;
    text-transform: none;
    top: 13px;
}

.sidr ul.level-3>li {
    padding-left: 0px;
}

.sidr ul li.open>ul {
    height: auto;
    overflow: hidden;
}

.sidr .dropdown-menu {
    padding-bottom: 0;
}

.sidr ul {
    border: none;

}

.sidr ul li {
    border-bottom: 1px solid #5c5d5f;
    border-top: none
}

/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/

/* CSS for lens */

.zoom-holder {
    min-height: 470px;
    position: absolute;
    top: 0;
    width: 100%;
}

.zoom-holder.invoice {
    min-height: 380px;
}

/* Cambios para redise�o de banner*/

.banners-rotativos-tienda .owl-buttons .owl-prev {
    left: 20px;
    top: 100px;
}

.banners-rotativos-tienda .owl-buttons .owl-next {
    right: 20px;
    top: 100px;
}

@media (max-width: 1335px) {
    .banners-rotativos-tienda {
        width: 100%;
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .banners-rotativos-tienda .owl-buttons .owl-prev {
        top: 65px;
    }

    .banners-rotativos-tienda .owl-buttons .owl-next {
        top: 65px;
    }
}

@media (max-width: 899px) {
    .banners-rotativos-tienda .owl-buttons>div {
        font-size: 111px;
    }
}

@media (max-width: 899px) and (max-width: 767px) {
    .banners-rotativos-tienda .owl-buttons>div {
        font-size: 111px;
    }
}

@media (max-width: 899px) {
    .banners-rotativos-tienda .owl-buttons .owl-prev {
        left: 20px !important;
        top: 60px !important;
    }

    .banners-rotativos-tienda .owl-buttons .owl-prev img {
        max-width: 70%;
    }

    .banners-rotativos-tienda .owl-buttons .owl-next {
        right: 20px !important;
        top: 60px !important;
    }

    .banners-rotativos-tienda .owl-buttons .owl-next img {
        max-width: 70%;
    }

    .banners-rotativos-tienda .owl-buttons>div {
        font-size: 111px;
    }

    .banners-rotativos-tienda .main-slider .owl-buttons i {
        text-indent: -39px
    }
}

.banners-rotativos-tienda .owl-item img {
    width: auto;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .banners-rotativos-tienda {
        width: 100%;
    }

    .banners-rotativos-tienda .owl-controls {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .banners-rotativos-tienda .owl-buttons .owl-prev {
        left: 15px !important;
        top: 105px !important;
    }

    .banners-rotativos-tienda .owl-buttons .owl-next {
        right: 15px !important;
        top: 105px !important;
    }

    .carouselsimple .banners-rotativos-tienda .owl-buttons .owl-next {
        right: 15px !important;
        top: 200px !important;
    }

    .carouselsimple .banners-rotativos-tienda .owl-buttons .owl-prev {
        left: 15px !important;
        top: 200px !important;
    }
}

@media (max-width: 570px) {
    .carouselsimple .banners-rotativos-tienda .owl-buttons .owl-next {
        right: 15px !important;
        top: 160px !important;
    }

    .carouselsimple .banners-rotativos-tienda .owl-buttons .owl-prev {
        left: 15px !important;
        top: 160px !important;
    }
}

@media (max-width: 415px) {
    .carouselsimple .banners-rotativos-tienda .owl-buttons .owl-next {
        right: 15px !important;
        top: 100px !important;
    }

    .carouselsimple .banners-rotativos-tienda .owl-buttons .owl-prev {
        left: 15px !important;
        top: 100px !important;
    }
}

.banners-rotativos-tienda .js-telcel-banner-accesible>.owl-controls>.owl-pagination {
    position: relative !important;
    left: 50% !important;
    top: 5px !important;
    transform: translate(-50%, 0) !important;
}

.banners-rotativos-tienda .js-telcel-banner-accesible>.owl-controls>.owl-pagination>.js-telcel-banner-accesible-navigation-dot {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px;
    background-color: #062C5F;
    color: #FFFFFF;
}

.banners-rotativos-tienda .js-telcel-banner-accesible>.owl-controls>.owl-pagination>.js-telcel-banner-accesible-navigation-play-pause {
    height: 25px !important;
    width: 25px !important;
    line-height: 23px;
    background-color: #F5F5F5;
    color: #FFFFFF;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
}

.banners-rotativos-tienda .owl-carousel .owl-item img {
    width: 100% !important;
}

@media (min-width: 768px) {
    .banners-rotativos-tienda .main-slider .item-slider>.wrapper-content>.content img {
        width: auto;
    }

    .banners-rotativos-tienda .main-slider .item-slider>.wrapper-content>.content img.rd {
        display: none;
    }

    .banners-rotativos-tienda .main-slider .item-slider>.wrapper-content>.content img.dkt {
        display: block;
    }

    .banners-rotativos-tienda .main-slider .item-slider>.wrapper-content>.content img.shadow {
        display: block;
    }

    .banners-rotativos-tienda .main-slider .item-slider .slider-text {
        left: auto;
    }

    .banners-rotativos-tienda .main-slider .item-slider .slider-title {
        font-size: 44px;
    }

    .banners-rotativos-tienda .main-slider .item-slider .slider-title .price {
        font-size: 92px;
        line-height: 1.2;
    }

    .banners-rotativos-tienda .main-slider .item-slider .slider-title .time {
        font-size: 16px;
        vertical-align: bottom;
        line-height: 3;
    }

    .banners-rotativos-tienda .main-slider .item-slider .slider-title .iphone {
        font-size: 86px;
    }

    .banners-rotativos-tienda .main-slider .item-slider .slider-subtitle>.price {
        font-size: 34px;
        line-height: 38px;
    }

    .banners-rotativos-tienda .main-slider .item-slider .slider-btn {
        margin: 20px 0 0;
        padding: 10px;
        font-size: 19px;
    }

    .banners-rotativos-tienda .main-slider .shadow {
        top: 0;
        position: absolute;
    }

    .banners-rotativos-tienda .main-slider .shadow.left {
        left: 0;
    }

    .banners-rotativos-tienda .main-slider .shadow.right {
        right: 0;
    }

    .banners-rotativos-tienda .main-slider .phrase {
        font-size: 15px;
        font-weight: bold;
        display: inline-block;
        vertical-align: bottom;
        padding: 13px 15px;
        color: #FFF;
    }

    .banners-rotativos-tienda .main-slider .phrase-mexico {
        font-size: 20px;
        margin-bottom: 0;
    }

    .banners-rotativos-tienda .main-slider .title-plans {
        font-size: 20px;
    }
}

/*.panel-default.panel.chat-overflow-hidden {
    overflow: hidden;
}*/
.tb-tablas-planes {
    margin-bottom: 80px
}

@media (max-width: 768px) {
    .tb-tablas-planes {
        padding: 10px;
        border-bottom: 4px #F2F7F9 solid;
        padding-bottom: 30px
    }
}

.no-bold h1 {
    font-weight: lighter !important
}

@media (max-width: 768px) {
    .tb-titulo-tabla img {
        float: none
    }
}

.tb-titulo-tabla h1 {
    margin-top: 0px !important
}

.tb-titulo-tabla h1 {
    color: #666;
    font-size: 28px;
    padding-top: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 300
}

.tb-titulo-tabla h1 span {
    font-size: 16px;
    font-weight: normal;
    color: #666
}

@media (max-width: 768px) {
    .tb-titulo-tabla h1 {
        font-size: 18px
    }
}

.tb-nota-tabla p {
    color: #062C5F;
    font-family: telcelregular;
    padding-top: 5px
}

@media (max-width: 768px) {
    .tb-nota-tabla p {
        font-size: 12px;
        font-family: telcellight
    }
}

.tb-nota-tabla p strong {
    color: #666
}

ul.tb-nota-tabla-light {
    padding: 0;
    margin-top: 30px
}

ul.tb-nota-tabla-light li {
    list-style: none;
    font-size: 14px;
    font-weight: 300
}

.tb-nota-tabla-light {
    margin: 10px 0 10px 0px;
    color: #999 !important
}

.tb-planes {
    text-align: center
}

@media (max-width: 768px) {
    .tb-planes {
        height: auto;
        /* border-bottom: none !important; */
    }
}

.tb-cont-planes {
    display: inline-block;
    width: auto;
    height: 100%;
    border-top: 2px solid #F2F7F9;
    border-bottom: 2px solid #F2F7F9
}

@media (max-width: 768px) {
    .tb-cont-planes {
        width: 100%;
        float: none;
        height: auto
    }
}

.tb-cont-acciones {
    float: right;
    width: 30%
}

@media (max-width: 768px) {
    .tb-cont-acciones {
        width: 100%;
        float: none;
        height: 250px
    }
}

.tb-subtitulo-tabla img,
.tb-subtitulo-tabla p {
    display: inline-block;
    vertical-align: middle
}

.tb-subtitulo-tabla p {
    font-size: 24px;
    font-weight: 300
}

.tb-plan {
    border-right: 2px solid #DEE2E6;
    height: 100px;
    margin-top: 10px;
    padding: 5px;
    float: left;
    text-align: center;
    position: relative
}

.tb-plan.white-cont {
    height: 100%;
    border-right: 0;
    margin-top: 0 !important;
    background-color: #ffffff
}

.tb-plan.white-cont>div {
    border-right: 2px solid #DEE2E6;
    height: 100px;
    margin-top: 3px;
    padding: 5px
}

.tb-plan.white-cont>div .tb-boton {
    padding: 27px 0
}

.sugerencias .tb-simple {
    min-height: 130px !important;
}

@media (max-width: 768px) {

    .sugerencias .tb-tablas-planes {
        border-bottom: none;
    }

    .tb-plan.white-cont>div {
        border-right: none;
    }

    .tb-destacada .tb-plan:last-child {
        border-right: none !important;
    }

    .tb-plan.white-cont {
        height: 140px;
    }

    .tb-plan.white-cont .tb-numero {
        min-height: 40px;
    }

    .tb-plan-recomendado {
        top: -25px;
        width: 85%;
        box-sizing: border-box;
        padding: 5px 0;
        height: 35px;
    }

    .tb-plan-recomendado .tb-recomendado {
        line-height: 25px;
    }

    .tb-plan.white-cont.plan-stand-out {
        float: left
    }

    .tb-plan.white-cont.plan-stand-out>div {
        border: none;
        height: auto
    }

    .tb-plan.white-cont.plan-stand-out>div.tb-precio {
        margin-top: 35px
    }

    .tb-plan.white-cont.plan-stand-out>div.tb-acciones {
        margin: 0
    }

    .tb-plan.white-cont.plan-stand-out>div.tb-acciones .tb-boton {
        padding-top: 0
    }
}

@media (max-width: 768px) {
    .tb-plan {
        float: none;
        height: 140px;
        border-right: none;
        border-bottom: 2px solid #F2F7F9;
        padding-top: 10px
    }

    .tb-plan.plan-stand-out {
        height: auto;
        border-bottom: 0;
        width: 100% !important;
        margin: -2px auto 0 !important
    }

    .tb-plan.plan-stand-out .tb-numero {
        min-height: auto
    }

    .tb-plan.plan-stand-out .tb-acciones {
        padding: 0
    }
}

.tb-plan .tb-plan-descripcion {
    padding-top: 5px;
    font-family: telcelregular;
    font-size: 23px;
    min-height: 25px;
    line-height: 25px;
    color: #062C5F;
    z-index: 1
}

.tb-plan .tb-plan-descripcion .clarovideo {
    width: 100px
}

.tb-plan .tb-plan-descripcion img {
    max-width: 100%
}

.tb-plan .tb-plan-descripcion ul {
    text-align: center
}

.tb-plan .tb-plan-descripcion ul li {
    text-align: center;
    padding: 0px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.tb-plan .tb-plan-descripcion ul li a {
    color: #062C5F
}

@media (max-width: 1199px) {
    .tb-plan .tb-plan-descripcion ul li i {
        font-size: 18px
    }

    .tb-plan .tb-plan-descripcion ul li img {
        max-width: 100%
    }
}

@media (max-width: 991px) {
    .tb-plan .tb-plan-descripcion ul li {
        padding: 0px
    }

    .tb-plan .tb-plan-descripcion ul li img {
        max-width: 70%
    }
}

@media (max-width: 768px) {
    .tb-plan .tb-plan-descripcion ul li i {
        font-size: 26px
    }
}

.tb-plan .tb-plan-nota {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #666;
    /*max-width: 105px;*/
    display: block;
    margin: 0 auto
}

.tb-plan .tb-plan-nota strong {
    font-size: 13px;
    font-weight: bolder
}

.tb-plan:last-child {
    border-right: none
}

.tb-plan:last-child.white-cont>div {
    border: none
}

.tb-simple {
    background-color: #fff
}

.tb-destacada {
    background-color: #02b0ef
}

.tb-destacada .tb-plan-nota {
    color: #fff
}

.tb-destacada .tb-plan:last-child {
    border: none
}

.border-none {
    border: none !important
}

.tb-verde {
    background-color: #3CC5AC
}

.tb-verde .tb-plan-nota {
    color: #fff
}

.tb-verde .tb-plan:last-child {
    border: none
}

.tb-precio {
    font-family: telcelregular;
    font-size: 25px;
    text-align: center;
    float: left;
    position: relative;
    width: 100%
}

.tb-precio .tb-numero {
    color: #062C5F
}

@media (max-width: 768px) {
    .tb-precio {
        width: 100%;
        margin-top: 5px
    }
}

.tb-precio .tb-moneda {
    font-size: 20px
}

.tb-precio .tb-nota {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-size: 12px
}

.tb-acciones {
    /*text-align: center;*/
    padding: 10px 0
}

@media (max-width: 768px) {
    .tb-acciones {
        width: 100%
    }
}

.tb-acciones .tb-acciones-ahorro {
    color: #909;
    font-size: 18px
}

.tb-acciones .tb-acciones-ahorro span {
    font-weight: bold;
    font-size: 24px
}

.tb-acciones .tb-nota {
    margin-top: 10px
}

.tb-acciones .tb-nota a {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #02b0ef;
    text-decoration: none
}

.tb-plan-recomendado {
    position: absolute;
    top: -40px;
    width: 125px;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #909;
    color: #fff
}

.tb-plan-recomendado .tb-recomendado {
    font-size: 11px;
    line-height: 35px
}

.tb-plan-ahorro {
    position: absolute;
    top: -45px;
    width: 60px;
    box-sizing: content-box;
    height: 28px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #909;
    font-family: telcelregular;
    color: #fff;
    text-align: center;
    padding: 5px
}

@media (max-width: 768px) {
    .tb-plan-ahorro {
        top: -53px;
        width: 85%;
        height: auto;
        box-sizing: border-box
    }
}

.tb-plan-ahorro .tb-leyenda {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.5
}

.tb-plan-ahorro .tb-valor-ahorro {
    font-size: 17px;
    margin-top: -5px
}

.tb-plan-ahorro::after,
.tb-plan-recomendado::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #909;
    border-width: 10px 35px 0 35px;
    margin-left: -35px
}

.tb-numero {
    min-height: 60px
}

.tb-plan-ahorro-amarillo {
    position: absolute;
    top: -55px;
    width: 70%;
    box-sizing: content-box;
    height: 32px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #fc0;
    font-family: telcelregular;
    color: #000;
    text-align: center;
    padding: 5px
}

@media (max-width: 768px) {
    .tb-plan-ahorro-amarillo {
        top: -30px
    }
}

.tb-plan-ahorro-amarillo .tb-leyenda {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.5
}

.tb-plan-ahorro-amarillo .tb-valor-ahorro {
    font-size: 17px;
    margin-top: -5px
}

.tb-plan-ahorro-amarillo .tb-recomendado {
    font-size: 13px;
    line-height: 35px
}

.tb-plan-ahorro-amarillo::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fc0;
    border-width: 10px 35px 0 35px;
    margin-left: -35px
}

.tb-plan-ahorro-naranja {
    position: absolute;
    top: -55px;
    width: 70%;
    box-sizing: content-box;
    height: 32px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #f60;
    font-family: telcelregular;
    color: #fff;
    text-align: center;
    padding: 5px
}

@media (max-width: 768px) {
    .tb-plan-ahorro-naranja {
        top: -30px
    }
}

.tb-plan-ahorro-naranja .tb-leyenda {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.5
}

.tb-plan-ahorro-naranja .tb-valor-ahorro {
    font-size: 17px;
    margin-top: -5px
}

.tb-plan-ahorro-naranja .tb-recomendado {
    font-size: 13px;
    line-height: 35px
}

.tb-plan-ahorro-naranja::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #f60;
    border-width: 10px 35px 0 35px;
    margin-left: -35px
}

.tb-planes-disclaimer p {
    color: #666;
    font-size: 14px
}

.tb-planes-disclaimer p a {
    color: #02b0ef
}

.tb-planes-disclaimer p .tb-terminos-condiciones {
    font-size: 18px
}

.tabla-lista {
    margin: 50px 0px 100px 0;
    border-bottom: 4px solid #52CAB5
}

.tabla-lista .tabla-lista-cabecera {
    background-color: #52CAB5;
    min-height: 70px
}

@media (max-width: 768px) {
    .tabla-lista .tabla-lista-cabecera {
        min-height: 90px
    }
}

.tabla-lista .tabla-lista-cabecera .imagen {
    width: 8%;
    float: left;
    text-align: center
}

@media (max-width: 991px) {
    .tabla-lista .tabla-lista-cabecera .imagen {
        width: 10%;
        min-height: 90px
    }
}

@media (max-width: 768px) {
    .tabla-lista .tabla-lista-cabecera .imagen {
        width: 15%;
        min-height: 90px
    }
}

.tabla-lista .tabla-lista-cabecera .imagen img {
    padding: 10px;
    height: 70px;
    display: block
}

.tabla-lista .tabla-lista-cabecera .titulo {
    width: 90%;
    float: left
}

@media (max-width: 768px) {
    .tabla-lista .tabla-lista-cabecera .titulo {
        width: 85%
    }
}

@media (max-width: 991px) {
    .tabla-lista .tabla-lista-cabecera .titulo {
        width: 85%
    }
}

.tabla-lista .tabla-lista-cabecera .titulo h1 {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-top: 3px;
    line-height: 60px
}

@media (max-width: 768px) {
    .tabla-lista .tabla-lista-cabecera .titulo h1 {
        font-size: 18px;
        padding: 2px
    }
}

@media (max-width: 991px) {
    .tabla-lista .tabla-lista-cabecera .titulo h1 {
        margin-top: 10px;
        line-height: 25px
    }
}

.tabla-lista .tabla-lista-cuerpo {
    padding: 20px 0px;
    min-height: 160px
}

.tabla-lista .tabla-lista-cuerpo .contenido {
    float: left;
    width: 80%;
    color: #666
}

.tabla-lista .tabla-lista-cuerpo .contenido ul li {
    padding-top: 5px
}

.tabla-lista .tabla-lista-cuerpo .contenido p {
    padding: 10px
}

.tabla-lista .tabla-lista-cuerpo .acciones {
    width: 15%;
    float: left;
    padding-top: 30px
}

@media (max-width: 768px) {
    .tabla-lista .tabla-lista-cuerpo {
        min-height: 250px
    }

    .tabla-lista .tabla-lista-cuerpo .acciones {
        clear: both;
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 50%
    }
}

.tb-n-m-b {
    margin-bottom: 0px
}

.tb-tablas-roaming .tb-plan-descripcion {
    min-height: 57px;
}

.tb-tablas-roaming .tb-plan-nota-ahorro {
    font-size: 15px !important;
    font-weight: bold !important;
}

.comp-incluye-claro-video {
    width: 250px;
    background: transparent;
    overflow: hidden;
    float: right;
    margin-top: 25px
}

.comp-incluye-claro-video>div {
    float: left;
    text-align: center
}

@media (max-width: 767px) {
    .comp-incluye-claro-video {
        float: none;
        margin: 0 auto
    }
}

.comp-incluye-claro-video .comp-incluye-claro-video-label-izquiera {
    width: 20%;
    padding: 8px 0px;
    font-size: 14px;
    text-align: right
}

.comp-incluye-claro-video .comp-incluye-claro-video-logo {
    width: 55%
}

.comp-incluye-claro-video .comp-incluye-claro-video-label-derecha {
    width: 25%;
    padding: 10px 0px;
    font-size: 14px
}

.tb-tablas-comprimidas {
    margin-bottom: 0px !important
}

.tb-tablas-comprimidas .tb-destacada .tb-plan:nth-last-child(2) {
    border-right: none
}

.tb-tablas-comprimidas .tb-azules {
    background-color: #02b0ef
}

.tb-tablas-comprimidas .tb-azules .tb-plan-titulo {
    color: #F2F7F9
}

.tb-tablas-comprimidas .tb-azules .tb-plan-descripcion {
    background-color: #02b0ef
}

@media (max-width: 768px) {

    .tb-tablas-comprimidas .tb-plan-ahorro,
    .tb-tablas-comprimidas .tb-plan-recomendado {
        top: -35px;
        width: 80%
    }

    .tb-tablas-comprimidas .tb-plan-ahorro .tb-recomendado,
    .tb-tablas-comprimidas .tb-plan-recomendado .tb-recomendado {
        line-height: 12px !important
    }
}

@media (max-width: 768px) and (max-width: 768px) {

    .tb-tablas-comprimidas .tb-plan-ahorro,
    .tb-tablas-comprimidas .tb-plan-recomendado {
        width: 200px;
        font-size: 22px;
        top: -22px
    }

    .tb-tablas-comprimidas .tb-plan-ahorro .tb-recomendado,
    .tb-tablas-comprimidas .tb-plan-recomendado .tb-recomendado {
        line-height: 29px;
        font-size: 14px
    }
}

.tb-tablas-comprimidas .tb-plan-ahorro .tb-recomendado,
.tb-tablas-comprimidas .tb-plan-recomendado .tb-recomendado {
    line-height: 29px
}

.tb-tablas-comprimidas .tb-plan.white-cont>div {
    height: 88px
}

@media (max-width: 768px) {
    .tb-tablas-comprimidas .tb-plan.white-cont>div {
        height: auto
    }
}

@media (max-width: 768px) {
    .tb-tablas-comprimidas .tb-plan.white-cont.plan-stand-out {
        padding-top: 0px
    }
}

@media (max-width: 768px) {
    .tb-tablas-comprimidas .tb-plan.white-cont.plan-stand-out>div.tb-precio {
        margin-top: 0px
    }
}

.tb-tablas-comprimidas .tb-plan-titulo {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-size: 12px;
    color: #666;
    font-family: telcellight !important;
    max-width: 130px;
    display: block;
    margin: 0 auto;
    min-height: 45px;
    font-size: 14px !important;
    line-height: 1.1 !important;
    position: relative
}

.tb-tablas-comprimidas .tb-plan-titulo strong {
    font-size: 13px;
    font-weight: bolder
}

@media (max-width: 768px) {
    .tb-tablas-comprimidas .tb-plan-titulo {
        min-height: 30px;
        position: initial;
        max-width: 90%
    }
}

.tb-tablas-comprimidas .tb-informativas .tb-plan .tb-plan-titulo {
    max-width: 90%
}

.tb-tablas-comprimidas .tb-doble .tb-plan-titulo {
    max-width: 180px
}

.tb-tablas-comprimidas .tb-doble .tb-plan-descripcion-grupo {
    float: left;
    width: 50%
}

.tb-tablas-comprimidas .tb-precio .tb-plan-titulo {
    color: #666;
    min-height: 45px;
    font-family: telcellight !important
}

.tb-tablas-comprimidas .tb-precio .tb-numero {
    padding-top: 0px !important;
    min-height: 20px !important;
    font-size: 20px !important;
    font-family: telcelregular
}

.tb-tablas-comprimidas .tb-acciones {
    text-align: center !important
}

.tb-tablas-comprimidas .tb-precio .tb-moneda {
    font-size: 14px !important;
    min-height: 20px !important
}

.tb-tablas-comprimidas .tb-plan-descripcion {
    padding: 2px 0px !important;
    min-height: 30px !important;
    font-size: 20px !important;
    min-height: 25px !important;
    background-color: #fff
}

@media (max-width: 768px) {
    .tb-tablas-comprimidas .tb-plan-descripcion {
        min-height: 30px !important
    }

    .tb-tablas-comprimidas .tb-plan-descripcion ul li i {
        font-size: 22px !important
    }
}

@media (max-width: 768px) {
    .tb-tablas-comprimidas {
        margin-bottom: 0px !important;
        padding: 0px !important
    }

    .tb-tablas-comprimidas .tb-plan {
        min-height: 135px !important;
    }

    .tb-tablas-comprimidas .tb-precio .tb-plan-titulo {
        min-height: 10px !important
    }

    .tb-tablas-comprimidas .tb-planes {
        border: solid 2px #F2F7F9 !important
    }

    .tb-tablas-comprimidas .tb-cont-planes {
        border: none !important
    }

    .tb-tablas-comprimidas .tb-recomendado {
        line-height: 20px !important
    }
}

@media (max-width: 768px) {
    .tb-tablas-comprimidas {
        border: 2px solid #e8e8e8
    }
}

.sugerencias .comp-incluye-claro-video {
    color: #fff
}

.sugerencias .comp-incluye-claro-video .comp-incluye-claro-video-label-izquiera {
    text-align: center
}

/*! nouislider - 12.0.0 - 9/14/2018 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */


#primer-rango {
    float: left;
    font-size: 13px !important;
    padding: 10px;
}

#segundo-rango {
    float: right;
    font-size: 13px !important;
    padding: 10px;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #primer-rango {
        font-size: 12px !important;
        padding: 5px;
    }

    #segundo-rango {
        font-size: 12px !important;
        padding: 5px;
    }
}

.rango-controles {
    float: none;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}

.rango-valores {
    float: none;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}

#borrar-rango {
    float: left;
    color: #02b0ef !important;
    text-decoration: none;
    font-size: 13px !important;
    font-weight: normal !important;
}

#aplicar-rango {
    float: right;
    color: #02b0ef !important;
    text-decoration: none;
    font-size: 13px !important;
    font-weight: normal !important;
}

#aplicar-rango:hover {
    text-decoration: none;
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
    max-width: 81%;
    margin: 0 auto;
}

.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    left: -17px;
    top: -4px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #02b0ef;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 6px;
    top: 4px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #02b0ef;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%, 0);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a {
    display: block;
    border: 2px solid transparent;
    display: block
}

#banner-formas-de-pago .contenedor-formas-de-pago-general:hover {
    border: solid 2px #0071D1;
    cursor: pointer;
}

.contenedor-formas-de-pago-general,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general {
    background: #F2F7F9;
    cursor: pointer;
    border-radius: 6px
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones {
    padding: 20px 20px 0 20px;
    overflow: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around
}

@media (max-width : 768px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones {
        padding: 5px 5px 0 5px
    }
}

@media (max-width : 767px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones {
        display: block
    }
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones.contenedor-corto .img-pago,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones.contenedor-corto .img-pago {
    display: none
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones.contenedor-corto .img-pago:nth-child(-n+2),
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones.contenedor-corto .img-pago:nth-child(-n+2) {
    display: block
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago {
    float: left
}

@media (max-width : 767px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago {
        display: block;
        width: 100%
    }
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago .forma-de-pago-texto,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago .forma-de-pago-texto {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: flex-start
}

@media (max-width : 768px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago .forma-de-pago-texto,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago .forma-de-pago-texto {
        display: block;
        padding: 3px
    }
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago p,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago p {
    font-size: 14px;
    color: #4A4A4A
}

@media (max-width : 767px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago p,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago p {
        padding-top: 15px;
        text-align: left
    }
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago span,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .forma-de-pago span {
    font-size: 18px
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 10px;
    min-height: 40px
}

@media (max-width : 767px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra {
        display: block;
        float: left;
        padding: 10px 0;
        margin-bottom: 0px;
        min-width: 135px;
        text-align: center
    }
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra .img-pago,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra .img-pago {
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width : 767px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra .img-pago,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra .img-pago {
        display: none
    }

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra .img-pago:first-child,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-opciones .contenedor-imagenes-muestra .img-pago:first-child {
        display: block
    }
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga {
    width: 100%
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga section,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga section {
    border-radius: 6px;
    padding: 10px 0;
    background-color: #E6EFF5
}

@media (max-width : 767px) {

    .contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga section,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga section {
        border-top: 1px solid #E3E3E3
    }
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga span,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga span {
    color: #0071D1
}

.contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga p,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a .contenedor-formas-de-pago-general .contenedor-formas-de-pago-liga p {
    margin: 0px
}

.modal-nuevo-formato .modal-dialog.modal-formas-de-pago,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-dialog.modal-formas-de-pago {
    width: 70%
}

@media (max-width : 1200px) {

    .modal-nuevo-formato .modal-dialog.modal-formas-de-pago,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-dialog.modal-formas-de-pago {
        width: 80%
    }
}

@media (max-width : 1024px) {

    .modal-nuevo-formato .modal-dialog.modal-formas-de-pago,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-dialog.modal-formas-de-pago {
        width: 90%
    }
}

@media (max-width : 991px) {

    .modal-nuevo-formato .modal-dialog.modal-formas-de-pago,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-dialog.modal-formas-de-pago {
        width: 100%
    }
}

.modal-nuevo-formato .modal-content,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-content {
    border: none;
    border-radius: 5px
}

@media (max-width : 768px) {

    .modal-nuevo-formato .modal-content,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-content {
        height: 100vh
    }
}

.modal-nuevo-formato .modal-header,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-header {
    padding: 20px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1
}

.modal-nuevo-formato .modal-header .close,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-header .close {
    font-size: 25.5px;
    line-height: normal;
    opacity: 1
}

.modal-nuevo-formato .modal-header p,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-header p {
    font-size: 1.5em
}

@media (max-width : 768px) {

    .modal-nuevo-formato .modal-header,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-header {
        position: fixed;
        width: 100%;
        background: #ffffff
    }
}

.modal-nuevo-formato .modal-body,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-body {
    background: #ffffff;
    padding: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

@media (max-width : 768px) {

    .modal-nuevo-formato .modal-body,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-nuevo-formato .modal-body {
        overflow: scroll;
        min-height: 100vh;
        max-height: 100vh;
        padding-top: 72px
    }
}

.modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1
}

.modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li {
    text-align: center;
    cursor: pointer;
}

@media (max-width : 768px) {

    .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs {
        overflow-x: auto;
        position: inherit;
        background: #ffffff;
        max-width: 100%;
        min-height: 65px;
        justify-content: space-around
    }
}

@media (max-width : 768px) {

    .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li:first-child:nth-last-child(1),
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li:first-child:nth-last-child(1) {
        width: 100%
    }
}

@media (max-width : 767px) {

    .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs {
        justify-content: inherit
    }
}

.modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li {
    text-align: center
}

.modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li:last-child,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li:last-child {
    border-right: none
}

@media (max-width : 768px) {

    .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li {
        flex-shrink: 0;
        width: inherit;
        min-height: 60px;
        line-height: 60px;
        margin-bottom: 3px;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a {
    min-height: 50px;
    line-height: 50px;
    color: #0071D1;
    background: transparent
}

.modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a.active,
.modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a:hover,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a.active,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a:hover {
    background: transparent
}

@media (max-width : 768px) {

    .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li a {
        min-height: 25px;
        line-height: 25px
    }
}

.modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active {
    border-bottom: 3px solid #0071D1
}

.modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active>a,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active>a {
    border: none
}

.modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active>a:hover,
.modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active>a:focus,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active>a:hover,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li.active>a:focus {
    background-color: transparent !important;
    color: #00529B !important
}

.modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li>a,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li>a {
    padding: 0 15px !important;
    margin-right: 0
}

.modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li>a:hover,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .nav-tabs>li>a:hover {
    border-color: transparent
}

@media (max-width : 768px) {

    .modal-formas-de-pago .formas-pago-opciones-modal .tab-content,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .tab-content {
        padding-top: 10px
    }
}

.modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual {
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
    min-height: 500px
}

@media (max-width : 768px) {

    .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual,
    #ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual {
        width: 80%
    }
}

.modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-titulo,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-titulo {
    font-size: 20px;
    color: #52789E;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 0 20px
}

.modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-imagenes-opciones,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-imagenes-opciones {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px
}

.modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-imagenes-opciones img,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-imagenes-opciones img {
    padding-left: 5px;
    padding-right: 5px
}

.modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-meses,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-meses {
    color: #4A4A4A;
    font-weight: 900;
    margin-bottom: 0;
    padding: 20px
}

.modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-meses span,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-meses span {
    font-size: 22px
}

.modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-especificaciones span,
#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo .modal-formas-de-pago .formas-pago-opciones-modal .formas-de-pago-opcion-individual .formas-de-pago-especificaciones span {
    font-size: 22px
}

#ecommerce-ficha-tecnica-meses-sin-intereses-responsivo a:hover,
.comp-telcel-formas-de-pago-general a:hover {
    text-decoration: none !important
}

.telcel-modales.modal .btn {
    text-decoration: none !important;
    line-height: 20px
}

#form-localizador-componente .form-group select.form-control {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url(../../../content/dam/telcelcom/iconos/flecha_negra.svg);
    background-position: 98% 50%;
    background-size: 18px;
    background-repeat: no-repeat;
}

@media (max-width : 768px) {
    #form-localizador-componente .form-group select.form-control {
        font-size: 16px
    }
}

@media (max-width : 767px) {
    #modalSmartCar .modal-dialog {
        min-width: 90%;
    }
}

@media (min-width : 768px) {
    #modalSmartCar .container {
        width: 100% !important;
        padding: 0 30px
    }
}

#form-localizador-componente .form-group select.form-control::-ms-expand {
    display: none
}

#form-localizador-componente #form-localizador-resultado-error,
#form-localizador-componente #form-localizador-resultado-exito,
#form-localizador-componente #form-localizador-resultado-compatible,
#form-localizador-componente #form-localizador-resultado-compatible-parcialmente,
#form-localizador-componente #form-localizador-resultado-compatible-parcialmente-basico,
#form-localizador-componente #form-localizador-resultado-no-compatible,
#form-localizador-componente #form-localizador-resultado-no-probado {
    padding: 10px;
}

#form-localizador-componente h1 {
    text-align: center;
    font-size: 30px;
    color: #000000
}

#form-localizador-componente h1.exito {
    color: #4169e1
}

#form-localizador-componente p {
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-weight: 200
}

@media (max-width : 768px) {

    #form-localizador-componente #form-localizador-resultado-error,
    #form-localizador-componente #form-localizador-resultado-error {
        padding: 0 20px
    }
}

#form-localizador-componente #form-localizador-resultado-error p,
#form-localizador-componente #form-localizador-resultado-error p {
    font-size: 20px;
    margin-bottom: 0px
}

@media (max-width : 768px) {
    #form-localizador-componente .form-control {
        font-size: 12px
    }
}

/* Modal */
#modalSmartCar .modal-header {
    padding: 0px;
    height: 20px;
    margin: 5px;
    box-shadow: none !important;
}

#modalSmartCar .modal-header .btn-close-modal {
    color: #0b4da7;
    font-size: 20px;
    font-weight: 200
}

#modalSmartCar .modal-dialog {
    margin: 0 auto;
    width: fit-content !important;
    max-width: 1140px !important;
}

#modalSmartCar .modal-dialog .modal-body {
    text-align: center
}

@media only screen and (max-width: 1065px) {
    #modalSmartCar .modal-dialog .modal-body {
        height: 90%;
        padding-bottom: 0px;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

#modalSmartCar .modal-dialog .modal-content {
    border: none !important;
    border-radius: 10px
}

@media only screen and (max-width: 1065px) {
    #modalSmartCar .modal-dialog {
        width: 90%;
        height: 90%
    }

    #modalSmartCar .modal-dialog .modal-content {
        width: 95%;
        height: 90%;
    }
}

#modalSmartCar iframe {
    width: 980px;
    height: 620px;
    overflow-y: scroll
}

@media only screen and (max-width: 1065px) {
    #modalSmartCar iframe {
        width: 95%;
        height: 100%
    }
}

.btn-blue {
    background-color: #009ED6;
    color: #FFFFFF;
    width: 100%;
    margin-top: 5px
}

.btn-blue:hover {
    color: #FFFFFF
}

.alert-box-smartcar {
    border: 1px solid #02b0ef;
    background-color: #eef8fa;
    padding: 10px;
    border-radius: 3px;
    overflow: hidden;
}

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap");

.telcel-controles-contenedor:not(.telcel-controles-error-contenedor) .telcel-controles-error-contenido {
    display: none;
}

.telcel-controles-contenedor--no-margen .telcel-controles-contenedor {
    margin: 0
}

.telcel-controles-contenedor--alineacion-horizontal {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .telcel-controles-contenedor--alineacion-horizontal {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-evenly;
        width: 100%
    }
}

.telcel-controles-contenedor--alineacion-horizontal .telcel-controles-contenedor {
    float: left;
    margin: 0 8px 0 0;
    width: 100%
}

.telcel-controles-contenedor--alineacion-horizontal .telcel-controles-contenedor:last-child {
    margin-right: 0
}

@media (max-width: 1023px) {
    .telcel-controles-contenedor--alineacion-horizontal .telcel-controles-contenedor {
        margin-right: 5px
    }
}

.telcel-controles-contenedor--alineacion-vertical {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-direction: column
}

@media (max-width: 767px) {
    .telcel-controles-contenedor--alineacion-vertical {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        margin-bottom: 20px
    }
}

.telcel-controles-contenedor--alineacion-vertical .telcel-controles-contenedor {
    float: left;
    margin-right: 20px
}

@media (max-width: 1023px) {
    .telcel-controles-contenedor--alineacion-vertical .telcel-controles-contenedor {
        margin-right: 5px
    }
}

.telcel-controles-contenedor {
    margin: 20px 0
}

.telcel-controles-contenedor--cta {
    margin: 24px 0 0
}

.telcel-controles-contenedor {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto {
    position: relative;
    border: 1px solid #bac9d8;
    border-radius: 5px;
    margin: 20px 0 5px
}

@media (max-width: 767px) {
    .telcel-controles-contenedor .telcel-controles-campo-de-texto {
        margin: 0
    }
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto .telcel-controles-campo-de-texto-contenido {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    border-radius: 5px
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto label {
    border-radius: 5px;
    position: absolute;
    top: -13px;
    left: 10px;
    font-size: 11px;
    background-color: #fff;
    padding: 5px 10px;
    color: #595959 !important;
    white-space: nowrap
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto input {
    padding: 10px;
    border: none;
    min-height: 40px;
    border-radius: 5px;
    width: 100%;
    color: #222;
    opacity: 1
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto input:-webkit-autofill,
.telcel-controles-contenedor .telcel-controles-campo-de-texto input:-webkit-autofill:active,
.telcel-controles-contenedor .telcel-controles-campo-de-texto input:-webkit-autofill:focus,
.telcel-controles-contenedor .telcel-controles-campo-de-texto input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px white inset !important
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto input:focus {
    outline-color: transparent;
    outline-style: none
}

@media (max-width: 767px) {
    .telcel-controles-contenedor .telcel-controles-campo-de-texto input {
        width: 100%;
        clear: both;
        float: none;
        font-size: 16px
    }
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto:hover {
    border: 1px solid #0071D1
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto:hover label {
    color: #0071D1 !important
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto:hover a {
    color: #0071D1
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-cta input {
    width: 70%
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-tooltip input {
    width: calc(100% - 28px)
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado {
    background-color: #f8f8f8;
    background-image: url("../../../content/dam/telcelcom/iconos/svg/pospago/candado.svg");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 8px);
    background-position-y: center
}

@media (max-width: 768px) {
    .telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado {
        background-position-x: calc(100% - 8px)
    }
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado input {
    background-color: #f8f8f8;
    width: 90%
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado:hover {
    border: 1px solid #d0d0d0
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado:hover label {
    color: #595959 !important
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado:hover a {
    color: #595959
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado .telcel-controles-campo-de-texto-bloqueado-imagen {
    width: 10%;
    float: right;
    text-align: center
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-bloqueado .telcel-campo-de-texto-contrasena {
    display: none
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto a.telcel-campo-de-texto-contrasena {
    width: 28px;
    padding-right: 8px;
    float: right;
    text-align: center;
    outline: 0;
    border: 0
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto a.telcel-campo-de-texto-tooltip {
    width: 28px;
    padding-right: 8px;
    float: right;
    text-align: center
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto a.telcel-campo-de-texto-cta {
    width: 30%;
    color: #595959;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    background-color: #F2F7F9;
    float: right;
    text-decoration: none;
    height: 41px;
    line-height: 40px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    opacity: 0;
    transition: all 0.6s linear
}

@media (max-width: 768px) {
    .telcel-controles-contenedor .telcel-controles-campo-de-texto a.telcel-campo-de-texto-cta {
        width: 50%
    }
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto a.telcel-campo-de-texto-cta:hover {
    text-decoration: none;
    background-color: #e8f1f4
}

@media (max-width: 767px) {
    .telcel-controles-contenedor .telcel-controles-campo-de-texto a.telcel-campo-de-texto-cta {
        width: 100%;
        clear: both;
        float: none
    }
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto a.telcel-controles-boton-presente {
    opacity: 1;
    display: block
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-focus {
    border: 1px solid #0071D1
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-focus label {
    color: #0071D1 !important
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto.telcel-controles-campo-de-texto-focus a {
    color: #0071D1
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto .telcel-controles-campo-de-texto-input--tarjeta-numero {
    width: 45%
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto .telcel-controles-campo-de-texto-input--tarjeta-fecha {
    width: 30%
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto .telcel-controles-campo-de-texto-input--tarjeta-cvv {
    width: 25%
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto--deshabilitado {
    background-color: #f8f8f8;
    border: 1px solid #d0d0d0
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto--deshabilitado:hover {
    border: 1px solid #d0d0d0;
    color: #595959
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto--deshabilitado:hover label {
    color: #595959 !important
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto--deshabilitado input {
    background-color: #f8f8f8;
    color: #595959
}

.telcel-controles-contenedor .telcel-controles-campo-de-texto--deshabilitado input:hover {
    color: #595959
}

.telcel-controles-contenedor.telcel-controles-error-contenedor .telcel-controles-campo-de-texto {
    border: 1px solid #d32222
}

.telcel-controles-contenedor.telcel-controles-error-contenedor .telcel-controles-campo-de-texto label {
    color: #d32222 !important;
    white-space: nowrap
}

.telcel-controles-contenedor.telcel-controles-error-contenedor .telcel-controles-error-contenido {
    color: #d32222;
    font-size: 13px;
    margin-left: 10px;
    display: block
}

span.telcel-controles-error-contenido.telcel-error-minlength {
    display: none;
}

.telcel-controles-contenedor--textos {
    font-size: 13px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .telcel-controles-contenedor--textos {
        margin-bottom: 0
    }
}

.telcel-controles-contenedor--textos-plan {
    font-size: 13px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 8px
}

@media (max-width: 767px) {
    .telcel-controles-contenedor--textos-plan {
        text-align: center
    }
}

@media (max-width: 767px) {
    .plan-text-espacio {
        margin-bottom: 8px
    }
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none
}

a.telcel-controles-cta,
button.telcel-controles-cta {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none !important;
    min-height: 24px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.telcel-controles-cta,
    button.telcel-controles-cta {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto 20px
    }
}

a.telcel-controles-cta:hover,
button.telcel-controles-cta:hover {
    text-decoration: none !important;
    background-color: #8221ab;
    border: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3
}

a.telcel-controles-cta:focus,
button.telcel-controles-cta:focus {
    color: #fff
}

a.telcel-controles-cta:hover,
button.telcel-controles-cta:hover {
    color: #fff
}

a.telcel-controles-cta:active,
button.telcel-controles-cta:active {
    color: #fff
}

a.telcel-controles-siguiente,
button.telcel-controles-siguiente {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none !important;
    min-height: 24px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.telcel-controles-siguiente,
    button.telcel-controles-siguiente {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto 20px
    }
}

a.telcel-controles-siguiente:hover,
button.telcel-controles-siguiente:hover {
    text-decoration: none !important;
    background-color: #8221ab;
    border: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3
}

a.telcel-controles-siguiente:focus,
button.telcel-controles-siguiente:focus {
    color: #fff
}

a.telcel-controles-siguiente:hover,
button.telcel-controles-siguiente:hover {
    color: #fff
}

a.telcel-controles-siguiente:active,
button.telcel-controles-siguiente:active {
    color: #fff
}

a.telcel-controles-siguiente--flecha,
button.telcel-controles-siguiente--flecha {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none !important;
    min-height: 24px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.telcel-controles-siguiente--flecha,
    button.telcel-controles-siguiente--flecha {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto 20px
    }
}

a.telcel-controles-siguiente--flecha:hover,
button.telcel-controles-siguiente--flecha:hover {
    text-decoration: none !important;
    background-color: #8221ab;
    border: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3
}

a.telcel-controles-siguiente--flecha:focus,
button.telcel-controles-siguiente--flecha:focus {
    color: #fff
}

a.telcel-controles-siguiente--flecha:hover,
button.telcel-controles-siguiente--flecha:hover {
    color: #fff
}

a.telcel-controles-siguiente--flecha:active,
button.telcel-controles-siguiente--flecha:active {
    color: #fff
}

a.telcel-controles-siguiente--flecha:after,
button.telcel-controles-siguiente--flecha:after {
    background-image: url("../../../content/dam/telcelcom/iconos/svg/pospago/flecha-sig.svg");
    background-repeat: no-repeat;
    content: " ";
    width: 30px;
    height: 6px;
    padding-left: 7px;
    margin-left: 8px;
    top: 3px;
    position: relative
}

a.telcel-controles-cta--borde,
button.telcel-controles-cta--borde {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #7b1fa2;
    color: #7b1fa2;
    text-align: center;
    padding: 10px;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: block;
    font-weight: 600;
    color: #7b1fa2;
    text-decoration: none !important;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.telcel-controles-cta--borde,
    button.telcel-controles-cta--borde {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto
    }
}

a.telcel-controles-cta--borde:hover,
button.telcel-controles-cta--borde:hover {
    text-decoration: none;
    color: #7b1fa2;
    background-color: #EBDEF1;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25)
}

a.telcel-controles-cta--borde:hover,
button.telcel-controles-cta--borde:hover {
    color: #7b1fa2;
    text-decoration: none !important
}

a.telcel-controles-cta--borde:active,
button.telcel-controles-cta--borde:active {
    color: #7b1fa2
}

a.telcel-controles-cta--borde:focus,
button.telcel-controles-cta--borde:focus {
    color: #7b1fa2
}

a.telcel-controles-siguiente--borde,
button.telcel-controles-siguiente--borde {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #7b1fa2;
    color: #7b1fa2;
    text-align: center;
    padding: 10px;
    text-decoration: none !important;
    min-height: 20px;
    line-height: 20px;
    display: block;
    font-weight: 600;
    color: #7b1fa2;
    text-decoration: none !important;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.telcel-controles-siguiente--borde,
    button.telcel-controles-siguiente--borde {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto
    }
}

a.telcel-controles-siguiente--borde:hover,
button.telcel-controles-siguiente--borde:hover {
    text-decoration: none;
    color: #7b1fa2;
    background-color: #EBDEF1;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25)
}

a.telcel-controles-siguiente--borde:hover,
button.telcel-controles-siguiente--borde:hover {
    color: #7b1fa2;
    text-decoration: none !important
}

a.telcel-controles-siguiente--borde:active,
button.telcel-controles-siguiente--borde:active {
    color: #7b1fa2
}

a.telcel-controles-siguiente--borde:focus,
button.telcel-controles-siguiente--borde:focus {
    color: #7b1fa2
}

a.telcel-controles-boton-desactivado {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none !important;
    min-height: 24px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

@media (max-width: 767px) {
    a.telcel-controles-boton-desactivado {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto 20px
    }
}

a.telcel-controles-boton-desactivado:hover {
    text-decoration: none !important;
    background-color: #8221ab;
    border: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3
}

a.telcel-controles-boton-desactivado:focus {
    color: #fff
}

a.telcel-controles-boton-desactivado:hover {
    color: #fff
}

a.telcel-controles-boton-desactivado:active {
    color: #fff
}

a.telcel-controles-boton-desactivado:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

a.telcel-controles-boton-desactivado.telcel-controles-cta--borde {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none !important;
    min-height: 24px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none;
    background-color: #f8f8f8 !important;
    border: 1px solid #d0d0d0 !important
}

@media (max-width: 767px) {
    a.telcel-controles-boton-desactivado.telcel-controles-cta--borde {
        display: block;
        min-height: 28px;
        line-height: 25px;
        margin: 0 auto 20px
    }
}

a.telcel-controles-boton-desactivado.telcel-controles-cta--borde:hover {
    text-decoration: none !important;
    background-color: #8221ab;
    border: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3
}

a.telcel-controles-boton-desactivado.telcel-controles-cta--borde:focus {
    color: #fff
}

a.telcel-controles-boton-desactivado.telcel-controles-cta--borde:hover {
    color: #fff
}

a.telcel-controles-boton-desactivado.telcel-controles-cta--borde:active {
    color: #fff
}

a.telcel-controles-boton-desactivado.telcel-controles-cta--borde:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

a.telcel-controles-cta--inline-block,
button.telcel-controles-cta--inline-block {
    display: inline-block
}

.telcel-controles-radio:checked,
.telcel-controles-radio:not(:checked) {
    position: absolute;
    left: -9999px
}

.telcel-controles-radio:checked+label,
.telcel-controles-radio:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666 !important
}

.telcel-controles-radio:checked+label>img,
.telcel-controles-radio:not(:checked)+label>img {
    margin-top: -4px
}

.telcel-controles-radio:checked+label:before,
.telcel-controles-radio:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 16px;
    height: 16px;
    border: 1px solid #0071D1;
    border-radius: 100%;
    background: #fff
}

.telcel-controles-radio:checked+label:after,
.telcel-controles-radio:not(:checked)+label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #0071D1;
    position: absolute;
    top: 50%;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.telcel-controles-radio:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0) translate(0, -50%);
    -webkit-transform: scale(0) translate(0, -50%)
}

.telcel-controles-radio:checked+label:after {
    opacity: 1;
    transform: scale(1) translate(0, -50%);
    -webkit-transform: scale(1) translate(0, -50%)
}

input[type="radio"].telcel-controles-radio--estilo-2:checked,
input[type="radio"].telcel-controles-radio--estilo-2:not(:checked) {
    position: absolute;
    left: -9999px
}

input[type="radio"].telcel-controles-radio--estilo-2:checked+label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #fff !important;
    z-index: 1;
    width: 100%;
    padding: 12px 10px;
    height: 35px;
    line-height: 15px;
    text-align: center
}

@media (max-width: 768px) {
    input[type="radio"].telcel-controles-radio--estilo-2:checked+label {
        padding: 8px 10px
    }
}

@media (max-width: 767px) {
    input[type="radio"].telcel-controles-radio--estilo-2:checked+label {
        padding: 10px
    }
}

input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #0071D1 !important;
    z-index: 1;
    width: 100%;
    padding: 12px 10px;
    height: 35px;
    line-height: 15px;
    text-align: center
}

@media (max-width: 768px) {
    input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label {
        padding: 8px 10px
    }
}

@media (max-width: 767px) {
    input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label {
        padding: 10px
    }
}

input[type="radio"].telcel-controles-radio--estilo-2:checked+label:before,
input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 43px;
    border: 1px solid #0071D1;
    background: transparent;
    border-radius: 4px;
    z-index: -1
}

@media (max-width: 767px) {

    input[type="radio"].telcel-controles-radio--estilo-2:checked+label:before,
    input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label:before {
        height: 35px
    }
}

input[type="radio"].telcel-controles-radio--estilo-2:checked+label:after,
input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label:after {
    content: '';
    width: 100%;
    height: 43px;
    background: #0071D1;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: -1
}

@media (max-width: 767px) {

    input[type="radio"].telcel-controles-radio--estilo-2:checked+label:after,
    input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label:after {
        height: 35px
    }
}

input[type="radio"].telcel-controles-radio--estilo-2:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

input[type="radio"].telcel-controles-radio--estilo-2:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.telcel-controles-checkbox {
    position: relative;
    margin-right: 16px
}

.telcel-controles-checkbox label {
    font-size: 16px;
    color: #222 !important;
    font-weight: 400;
    margin-bottom: 16px;
    padding-left: 24px
}

.telcel-controles-checkbox input {
    position: absolute;
    left: 0;
    margin-right: 4px
}

.telcel-controles-contenedor-select.telcel-controles-error-contenedor label {
    color: #d32222 !important
}

.telcel-controles-contenedor-select.telcel-controles-error-contenedor .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown>span {
    border-color: #d32222
}

.telcel-controles-contenedor-select.telcel-controles-error-contenedor .telcel-controles-error-contenido {
    display: block
}

.telcel-controles-contenedor-select .telcel-controles-error-contenido {
    display: none
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado {
    position: relative
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado.telcel-controles-select-simulado-required .telcel-controles-contenedor-dropdown .telcel-controles-titulo-select-simulado {
    padding: 0
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado.telcel-controles-select-simulado-required .telcel-controles-contenedor-dropdown .telcel-controles-titulo-select-simulado input {
    width: 100%;
    height: 100%;
    padding: 10px;
    pointer-events: none;
    border: 0
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    cursor: pointer
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown.active>span {
    border: 0;
    height: 0;
    padding: 0;
    width: 100%
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown.active .telcel-controles-select-opciones {
    pointer-events: auto;
    height: auto;
    border-width: 1px;
    z-index: 1
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown>span {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    border: solid 1px #bac9d8;
    position: relative;
    height: 40px;
    transition: all 0.2s linear
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown>span:hover {
    border: 1px solid #0071D1
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown>span:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 40px;
    content: "";
    background-image: url("../../../content/dam/telcelcom/iconos/svg/pospago/select-flecha.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f2f7f9;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-titulo-select-simulado {
    min-height: 43px;
    overflow: hidden;
    white-space: nowrap
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-select-opciones {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 0;
    background-color: #fff;
    border-radius: inherit;
    border: 0 solid #0071D1;
    font-weight: normal;
    transition: all 0.1s linear;
    list-style: none;
    margin-bottom: 0;
    overflow: hidden;
    pointer-events: none;
    height: 0
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-select-opciones .telcel-controles-header-select {
    padding: 10px;
    border-bottom: 1px solid #F2F7F9
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-select-opciones ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 160px
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-select-opciones ul li a {
    display: block;
    padding: 10px;
    text-decoration: none !important;
    color: #222;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    clear: both
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-select-opciones ul li a:hover {
    background-color: #f2f7f9
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-select-opciones .telcel-controles-select-opciones--cta-inferior {
    padding: 16px 8px 8px
}

.telcel-controles-contenedor-select .telcel-controles-select-simulado .telcel-controles-contenedor-dropdown .telcel-controles-select-opciones .telcel-controles-select-opciones--cta-inferior a {
    color: #222;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: normal
}

select.telcel-controles-select {
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg fill='444' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
    border: 1px solid #bac9d8;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px
}

.telcel-controles--select-checkbox--contenedor {
    min-width: 160px;
    position: relative
}

@media (max-width: 767px) {
    .telcel-controles--select-checkbox--contenedor {
        position: inherit;
        min-width: 100%
    }
}

.telcel-controles--select-checkbox--contenedor.open .telcel-controles-contenedor--select-checkbox-filtro {
    display: block
}

.telcel-controles--select-checkbox--boton {
    background: #fff;
    min-height: 40px;
    width: 100%;
    padding: 0 8px;
    line-height: 40px;
    color: #222;
    font-size: 14px;
    border: none;
    text-align: left;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0, 34, 77, 0.25), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 10px -5px rgba(0, 34, 77, 0.25), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px -5px rgba(0, 34, 77, 0.25), 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.telcel-controles--select-checkbox--boton .telcel-controles--select-checkbox--boton-label {
    width: 219px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.telcel-controles--select-checkbox--boton .caret {
    float: right;
    margin-top: 20px;
    border: none;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat !important;
    background: url("../../../content/dam/telcelcom/iconos/svg/pospago/flecha-abrir.svg")
}

.telcel-controles-contenedor--select-checkbox {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: 0 0 5px 0 #B8CDD2;
    -moz-box-shadow: 0 0 5px 0 #B8CDD2;
    box-shadow: 0 0 5px 0 #B8CDD2
}

@media (max-width: 767px) {
    .telcel-controles-contenedor--select-checkbox {
        float: none;
        left: 0
    }
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor {
    border-radius: 4px;
    border: solid 1px #0071D1;
    margin: 8px;
    padding: 0
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor h3 {
    border-bottom: solid 1px #f8f8f8;
    font-size: 13px;
    margin: 5px 0;
    padding: 8px;
    font-weight: 400;
    color: #757575
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor ul {
    height: 180px;
    overflow-y: auto;
    margin: 0;
    padding: 0
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor ul li {
    list-style: none;
    font-size: 13px;
    color: #4a4a4a;
    padding: 5px
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor ul li label {
    font-weight: 200;
    width: 100%;
    margin: 0;
    min-height: 30px;
    line-height: 40px
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor ul li input {
    margin-right: 10px
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor ul li:hover {
    background-color: #f2f7f9
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor ul li.telcel-controles-contenedor--select-checkbox---activo {
    background-color: #f2f7f9
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--contenedor ul li.telcel-controles-contenedor--select-checkbox---activo label {
    font-weight: 600
}

.telcel-controles-contenedor--select-checkbox .telcel-controles-contenedor--select-checkbox--cta {
    color: #0071D1;
    float: right;
    margin: 0 12px 8px 0
}

.telcel-controles-contenedor--select-checkbox-filtro {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    border: 0;
    z-index: 1;
    -webkit-box-shadow: 0 0 5px 0 #B8CDD2;
    -moz-box-shadow: 0 0 5px 0 #B8CDD2;
    box-shadow: 0 0 5px 0 #B8CDD2
}

@media (max-width: 767px) {
    .telcel-controles-contenedor--select-checkbox-filtro {
        float: none;
        left: 0
    }
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor {
    border-radius: 4px;
    border: solid 1px #0071D1;
    margin: 10px;
    padding: 0
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor h3 {
    border-bottom: solid 1px #f8f8f8;
    font-size: 13px;
    margin: 5px 0;
    padding: 10px;
    font-weight: 400;
    color: #757575
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor ul {
    height: 180px;
    overflow-y: auto;
    margin: 0;
    padding: 0
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor ul li {
    list-style: none;
    font-size: 13px;
    color: #4a4a4a;
    padding: 5px
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor ul li label {
    font-weight: 200;
    width: 100%;
    margin: 0;
    min-height: 30px;
    line-height: 40px
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor ul li input {
    margin-right: 10px
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor ul li:hover {
    background-color: #f2f7f9
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor ul li.telcel-controles-contenedor--select-checkbox---activo {
    background-color: #f2f7f9
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--contenedor ul li.telcel-controles-contenedor--select-checkbox---activo label {
    font-weight: 600
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--cta {
    color: #0071D1;
    float: right;
    margin: 0 12px 8px 0
}

.telcel-controles-contenedor--select-checkbox-filtro .telcel-controles-contenedor--select-checkbox--cta---borrar {
    float: left;
    margin: 0 0px 8px 12px
}

.telcel-controles-tarjeta-de-credito {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start
}

.telcel-controles-tarjeta-de-credito .telcel-controles-tarjeta-de-credito--imagen {
    text-align: center;
    width: 40px;
    padding-left: 8px
}

.telcel-controles-tarjeta-de-credito .telcel-controles-tarjeta-de-credito--numero {
    width: 100%;
    min-width: 145px;
    -webkit-transition: width .3s;
    transition: width .3s
}

.telcel-controles-tarjeta-de-credito .telcel-controles-tarjeta-de-credito--cvv {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    width: 100%
}

.telcel-controles-tarjeta-de-credito input[type=password]::-ms-reveal,
.telcel-controles-tarjeta-de-credito input[type=password]::-ms-clear {
    display: none
}

.select-simulado-color {
    width: 13px;
    height: 13px;
    display: inline-flex;
    border-radius: 50%;
    position: relative;
    top: 2px
}

.filtro-negro {
    background-color: #000000
}

.filtro-gris {
    background-color: #999999
}

.filtro-azul {
    background-color: #00529b
}

.filtro-rojo {
    background-color: #ff4500
}

.filtro-verde {
    background-color: #549D54
}

.filtro-morado {
    background-color: #6F44C8
}

.filtro-dorado {
    background-color: #B99919
}

.filtro-blanco {
    border: solid 1px #999999
}

.tienda-select-comparador-contenedor {
    padding: 16px;
    margin-bottom: 24px;
    background-color: #f2f7f9;
    top: 0
}

@media (max-width: 767px) {
    .tienda-select-comparador-contenedor {
        padding: 15px 0 5px
    }
}

.tienda-select-comparador-contenedor .contenedor-filtros-orden {
    background: none;
    border-bottom: none
}

.tienda-select-comparador-contenedor .contenedor-filtros-orden .list-inline--etiqueta {
    padding-right: 0
}

.tienda-select-comparador-contenedor .contenedor-filtros-orden .telcel-controles-checkbox input {
    margin-top: 2px
}

.tienda-select-comparador-contenedor .contenedor-filtros-orden .telcel-controles-checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-size: 13px;
    color: #222 !important
}

.tienda-select-comparador-contenedor .contenedor-selects .contenedor-tablinks .select-comparador-tienda-etiqueta {
    color: #222222;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold
}

@media (max-width: 1024px) {
    .tienda-select-comparador-contenedor .contenedor-selects .contenedor-tablinks .select-comparador-tienda-etiqueta {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        height: 45px
    }
}

@media (max-width: 767px) {
    .tienda-select-comparador-contenedor .contenedor-selects .contenedor-tablinks .select-comparador-tienda-etiqueta {
        height: 10px
    }
}

.tienda-select-comparador-contenedor .contenedor-selects .contenedor-tablinks label {
    border-radius: 0
}

.fixed-select {
    position: fixed;
    max-width: 980px;
    width: 100%;
    z-index: 1;
    top: 65px;
    transition: top 0.5s linear
}

@media (max-width: 991px) {
    .fixed-select {
        top: 50px;
        max-width: 96%
    }
}

@media (max-width: 767px) {
    .fixed-select {
        top: 50px;
        padding-bottom: 16px
    }
}

.tienda-select-comparador-contenedor.fixed-select {
    max-width: 100%
}

.filtros-equipo-leyenda-nuevo {
    font-size: 20px;
    color: #222;
    font-weight: 600;
    margin-bottom: 16px;
    padding: 0
}

.filtros-equipo-subleyenda-1-nuevo {
    font-size: 18px;
    color: #222;
    margin-bottom: 8px;
    padding: 0
}

.filtros-equipo-subleyenda-1-nuevo a {
    color: #0071D1
}

.filtros-equipo-subleyenda-2-nuevo {
    font-size: 16px;
    color: #222;
    margin-bottom: 24px;
    padding: 0
}

.filtros-equipo-subleyenda-2-nuevo a {
    color: #0071D1
}

.contenedor-filtros-orden {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0 0;
    border-bottom: 1px solid #e3e3e3;
    background-color: #ffffff;
    width: 100%
}

@media (max-width: 767px) {
    .contenedor-filtros-orden {
        padding: 16px 0;
        display: grid
    }
}

.contenedor-filtros-orden span {
    font-size: 13px;
    font-weight: bold;
    color: #222222;
    padding: 3px 0 0
}

@media (max-width: 767px) {
    .contenedor-filtros-orden span {
        text-align: center
    }
}

.contenedor-filtros-orden a {
    font-size: 13px
}

.contenedor-filtros-orden ul {
    margin: 0;
    padding: 0
}

.contenedor-filtros-orden ul li {
    padding-left: 10px;
    padding-right: 20px
}

@media (max-width: 362px) {
    .contenedor-filtros-orden ul li {
        padding: 0 7px
    }
}

.contenedor-filtros-orden ul li a {
    color: #0071D1
}

.contenedor-filtros-orden ul li .active {
    text-decoration: underline
}

.telcel-controles-input-grupo {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: solid 1px #e3e3e3;
    height: 43px;
    overflow: hidden
}

.telcel-controles-input-grupo input {
    height: 100%;
    width: calc(100% - 56px);
    padding: 10px 16px;
    color: #222;
    border: 0
}

.telcel-controles-input-grupo span {
    width: 56px;
    height: 100%
}

.telcel-controles-input-grupo span button {
    width: 100%;
    height: 100%;
    border: 0;
    background: #0071D1
}

.comp-telcel-tooltips {
    position: relative
}

span[rel="external"].telcel-tooltips {
    color: #222;
    background: transparent;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}

span[rel="external"].telcel-tooltips:active,
span[rel="external"].telcel-tooltips:focus,
span[rel="external"].telcel-tooltips:hover {
    z-index: 1
}

span[rel="external"].telcel-tooltips:link .telcel-tooltip--interno,
span[rel="external"].telcel-tooltips .telcel-tooltip--interno {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-weight: 500;
    top: 24px;
    left: -10px
}

span[rel="external"].telcel-tooltips:focus .telcel-tooltip--interno,
span[rel="external"].telcel-tooltips:hover .telcel-tooltip--interno {
    float: right;
    width: 264px;
    height: auto;
    padding: 8px;
    border: solid 1px #fff;
    overflow: visible;
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25)
}

@media(max-width:767px) {

    span[rel="external"].telcel-tooltips:focus .telcel-tooltip--interno,
    span[rel="external"].telcel-tooltips:hover .telcel-tooltip--interno {
        width: 310px
    }
}

@media(min-width:769px) {

    span[rel="external"].telcel-tooltips:focus .telcel-tooltip--interno:before,
    span[rel="external"].telcel-tooltips:hover .telcel-tooltip--interno:before {
        content: "";
        top: -10px;
        position: absolute;
        top: 0;
        left: 40px;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
        margin: 0 0 0 -23px
    }
}

@media(max-width:1024px) {

    span[rel="external"].telcel-tooltips:focus .telcel-tooltip--interno:before,
    span[rel="external"].telcel-tooltips:hover .telcel-tooltip--interno:before {
        display: none
    }
}

span[rel="external"].telcel-tooltips p {
    margin-bottom: 4px;
    font-size: 14px;
    text-align: left
}

span[rel="external"].telcel-tooltips p a {
    color: #0071d1
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}

.datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}

.datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}

.datepicker>div {
    display: none;
}

.datepicker table {
    width: 100%;
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker td.day.disabled {
    color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
    color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
    background-color: #003399 \9;
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker td span:hover {
    background: #eeeeee;
}

.datepicker td span.active {
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
    background-color: #003399 \9;
}

.datepicker td span.old {
    color: #999999;
}

.datepicker th.switch {
    width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
    font-size: 21px;
}

.datepicker thead tr:first-child th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.up_button-azul {
    text-align: center;
    color: #fff;
    padding-top: 4px;
    position: fixed;
    z-index: 10000;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    right: 20px;
    bottom: 48px;
    line-height: 15px;
    border-radius: 40px
}

@media (max-width: 768px) {
    .up_button-azul {
        right: 28px;
        bottom: 230px
    }
}

.up_button-azul img {
    position: relative;
    top: 3px
}

.visible {
    opacity: 1
}

*,
*::before,
*::after {
    box-sizing: border-box
}

body {
    margin: 0;
    -webkit-text-size-adjust: 100%
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

body {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.container-fluid {
    max-width: 1140px
}

a {
    color: #0071D1;
    font-weight: 600
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-left: 16px;
    padding-right: 16px
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

.container-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

.telcel-destacado-descriptivo,
.telcel-accesos-rapidos {
    margin-bottom: 48px
}

.telcel-destacado-descriptivo {
    margin-top: 8px
}

.comp-telcel-boton-subir {
    margin-top: 0
}

.swiper-button-prev {
    background-image: url("clientlib-base/img/left.svg") !important;
    width: 32px;
    height: 32px;
    box-shadow: 0 10px 10px -5px rgba(0, 34, 77, 0.25), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-top: -32px;
    background-size: 24px;
    left: 28px
}

@media (max-width: 767px) {
    .swiper-button-prev {
        display: none
    }
}

.swiper-button-prev:hover {
    border: 1px solid #0071D1
}

.swiper-button-prev::after {
    display: none
}

.swiper-button-next {
    background-image: url("clientlib-base/img/right.svg") !important;
    width: 32px;
    height: 32px;
    box-shadow: 0 10px 10px -5px rgba(0, 34, 77, 0.25), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    margin-top: -32px;
    border-radius: 4px;
    background-size: 24px;
    right: 28px
}

@media (max-width: 767px) {
    .swiper-button-next {
        display: none
    }
}

.swiper-button-next:hover {
    border: 1px solid #0071D1
}

.swiper-button-next::after {
    display: none
}

img {
    max-width: 100%
}

.template-content-margin .principal {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

b,
strong {
    font-weight: 600
}

body {
    color: #222
}

.text-black,
.text-black .notelink a {
    color: #222
}

.text-white {
    color: #fff
}

.text-blue-telcel {
    color: #0A3D7E
}

.text-grey,
.text-grey .notelink a {
    color: #757575
}

.legal-block {
    color: #757575
}

.button-unstyled:focus {
    color: #0071D1;
    text-decoration: underline
}

.button-unstyled,
.button-unstyled:hover,
.button-unstyled:active {
    color: #0071D1
}

.text-blue {
    color: #0071D1 !important
}

.text-darkgrey,
.text.text-darkgrey .notelink a {
    color: #222
}

small,
.small {
    color: #757575
}

.font-normal {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.font-black {
    font-weight: 900
}

.leading-tight {
    line-height: 1.25
}

.leading-normal {
    line-height: 1.5
}

.leading-loose {
    line-height: 2
}

h1 {
    font-size: 36px
}

h1 p {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h2 p {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h3 p {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h4 p {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h5 p {
    font-size: 18px
}

.h1 {
    font-size: 36px !important
}

.h1>p {
    font-size: 36px !important
}

.h2 {
    font-size: 32px !important
}

.h2>p {
    font-size: 32px !important
}

.h3 {
    font-size: 24px !important
}

.h3>p {
    font-size: 24px !important
}

.h4 {
    font-size: 20px !important
}

.h4>p {
    font-size: 20px !important
}

.h5 {
    font-size: 18px !important
}

.h5>p {
    font-size: 18px !important
}

p {
    font-weight: normal
}

p,
button {
    font-size: 16px
}

:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none
}

a {
    color: #0071D1;
    font-weight: 600
}

a:hover {
    color: #0071D1;
    text-decoration: underline
}

a:focus {
    color: #0071D1;
    outline: none
}

h1,
h2,
h3,
h4,
h5,
p {
    color: #222
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
    color: #222;
    line-height: 1.2
}

.btn-link {
    font-size: 16px;
    color: #0071D1;
    font-weight: 600;
    white-space: normal
}

.btn-link:hover {
    color: #0071D1;
    text-decoration: underline !important
}

.btn-link:focus {
    color: #0071D1
}

@media (max-width: 767px) {
    h1 {
        font-size: 32px
    }

    h1 p {
        font-size: 32px
    }

    h2 {
        font-size: 24px
    }

    h3 {
        font-size: 20px
    }

    h4 {
        font-size: 20px
    }

    h5 {
        font-size: 18px
    }

    .h1 {
        font-size: 32px !important
    }

    .h1>p {
        font-size: 32px !important
    }

    .h2 {
        font-size: 24px !important
    }

    .h2>p {
        font-size: 24px !important
    }

    .h3 {
        font-size: 20px !important
    }

    .h3>p {
        font-size: 20px !important
    }

    .h4 {
        font-size: 20px !important
    }

    .h4>p {
        font-size: 20px !important
    }

    .h5 {
        font-size: 18px !important
    }

    .h5>p {
        font-size: 18px !important
    }

    button,
    p {
        font-size: 14px
    }
}

@media (max-width: 459px) {
    .h1 {
        font-size: 24px !important
    }

    .h1>p {
        font-size: 24px !important
    }

    .h2 {
        font-size: 20px !important
    }

    .h2>p {
        font-size: 20px !important
    }

    .h3 {
        font-size: 18px !important
    }

    .h3>p {
        font-size: 18px !important
    }

    .h4 {
        font-size: 18px !important
    }

    .h4>p {
        font-size: 18px !important
    }

    .h5 {
        font-size: 16px !important
    }

    .h5>p {
        font-size: 16px !important
    }
}

.icon-TickNeg:before {
    content: '' !important;
    background-image: url("../../../content/dam/telcelcom/iconos/svg/icon-interface-ok-select.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center
}

.titulo-glosario {
    font-size: 32px;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e3e3
}

.texto-e-imagen-contenedor {
    display: flex;
    justify-content: center;
    align-items: center
}

.texto-e-imagen-contenedor p {
    margin-left: 10px
}

.titulo-error-403 {
    font-family: 'telcelbold';
    color: #0A3D7E;
    font-size: 54px
}

.modal-backdrop {
    z-index: 9999 !important
}

.modal-xlg {
    max-width: 1000px;
    width: 100%
}

.modal {
    z-index: 10000 !important
}

.modal.modal-info {
    z-index: 10001 !important
}

.modal .printPlanDetailBtn {
    padding: 0
}

.modal-info.modal.in {
    background-color: rgba(0, 0, 0, 0.5)
}

.modal-info.modal.in .modal-content {
    border: none;
    border-radius: 8px;
    overflow: visible;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    padding: 48px 24px 24px
}

.modal-info.modal.in .modal-content .btn-close-modal {
    color: #0A3D7E;
    background: transparent;
    border: 0;
    font-weight: normal;
    font-size: 0;
    opacity: 1;
    margin: 3px 0 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 8px
}

.modal-info.modal.in .modal-content .btn-close-modal:before {
    content: 'Cerrar';
    font-size: 16px
}

.modal-info.modal.in .modal-content .btn-close-modal:after {
    content: '';
    background-image: url("../../../content/dam/telcelcom/iconos/svg/cerrar.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px
}

@media (max-width: 767px) {

    .modal-plan .content .plandetaillist,
    .modal-plan .content .aditionalservices {
        width: 100%
    }

    .modal-plan .content .legal>span {
        width: 100%
    }

    .modal-plan .content .legal>div>div {
        width: 95%
    }
}

.modal-dialog {
    margin: 0 auto
}

.modalInternet .modal-dialog .modal_header {
    background: transparent;
    padding: 15px 105px 15px 20px;
    position: relative;
    -webkit-box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.modalInternet .modal-dialog .modal_header .telcel-tabla-dinamica-modal-cerrar {
    right: 20px;
    top: calc(50% - 15px)
}

.modalInternet .modal-content p {
    color: #222
}

.modalInternet .modal-content h3 {
    margin: 0
}

.modalInternet .modal-content header {
    -webkit-box-shadow: none;
    -moz-box-shadow: 0;
    box-shadow: none
}

.modalInternet .modal-content .modal_header h1 {
    text-align: left;
    font-size: 20px;
    margin: 0;
    color: #222
}

.modalInternet .modal-content .modal_header h1 .valor-leyenda {
    text-align: left;
    font-size: 20px;
    color: #222
}

.modalInternet .modal-content .modal_header h1 .valor-obtennombre_paquete {
    color: #222
}

.modalInternet .modal-content .modal_header h2 {
    text-align: left;
    font-size: 16px;
    margin: 0
}

.modalInternet #miTelcellinkModal5 {
    background-color: #7b1fa2;
    color: #fff
}

.modalInternet .gluo-cuadro {
    margin: 0 0 20px;
    background: #f7f5f5
}

.modal .modal-formas-de-pago .formas-pago-opciones-modal ul.nav-tabs li {
    cursor: pointer
}

.modal-plan .title-modal,
.modal-plan p.price,
.modal-plan .cac-text {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    text-align: left;
    display: block
}

.modal-plan .title-modal a,
.modal-plan p.price a,
.modal-plan .cac-text a {
    color: #0071D1
}

.modal-plan .title-modal br,
.modal-plan p.price br,
.modal-plan .cac-text br {
    display: none
}

.modal-plan .title-modal {
    color: #0A3D7E !important
}

.modal-plan p.price,
.modal-plan .cac-text {
    font-size: 14px
}

.modal-plan h1.winners {
    font-size: 20px;
    text-align: center
}

.modal-plan h2.photo-winners {
    font-size: 18px;
    text-align: center
}

.modal-plan span.cac-text {
    font-size: 14px
}

.modal-plan span.cac-text br {
    display: none
}

.modal-plan span.cac-text a {
    text-decoration: underline
}

.modal-plan span.cac-text a:hover {
    text-decoration: none
}

p.price small {
    display: inline;
    color: #fff
}

.modal-plan .content {
    background-color: #fff;
    overflow: scroll;
    max-height: 595px
}

.modal-plan .icon-Print {
    font-size: 25px;
    margin-right: 10px;
    position: relative;
    top: 5px
}

.modal-plan .content .title-table {
    color: #0A3D7E;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

.modal-plan .content {
    padding: 10px 20px 20px 20px
}

.modal-plan .content>div {
    width: 100%;
    margin: 0 auto
}

@media (max-width: 459px) {
    .modal-plan .content>div {
        padding: 0
    }
}

.modal-plan .content>.pull-right {
    text-align: right
}

@media (max-width: 767px) {
    .modal-plan .content>.pull-right {
        float: none !important
    }
}

.modal-plan .content .plandetaillist,
.modal-plan .content .aditionalservices {
    width: 80%;
    margin: 0 auto
}

@media (max-width: 767px) {

    .modal-plan .content .plandetaillist,
    .modal-plan .content .aditionalservices {
        width: 100%
    }
}

.modal-plan .content .legal>span {
    width: 80%;
    margin: 0 auto;
    display: block
}

@media (max-width: 767px) {
    .modal-plan .content .legal>span {
        width: 100%
    }
}

.modal-plan .content .legal>div {
    background-color: #f2f7f9;
    padding: 20px 0
}

.modal-plan .content .legal>div>div {
    width: 80%;
    margin: 0 auto
}

@media (max-width: 767px) {
    .modal-plan .content .legal>div>div {
        width: 100%
    }
}

.modal-plan {
    background-color: transparent;
    padding: 10px;
    color: #000;
    border: 0
}

.modal-plan .modal-plan {
    padding: 0
}

.modal-plan .modal-dialog .modal_header {
    background: transparent;
    padding: 15px 105px 15px 20px;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.modal-plan .modal-dialog .modal_header .logo {
    position: absolute;
    right: 20px;
    top: calc(50% - 15px)
}

.modal-plan .modal-dialog .modal_header .logo>* {
    display: none
}

.modal-plan .btn-close-modal {
    color: #0A3D7E;
    background: transparent;
    border: 0;
    font-weight: normal;
    font-size: 0;
    opacity: 1;
    margin: 3px 0 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.modal-plan .btn-close-modal:before {
    content: 'Cerrar';
    font-size: 16px
}

.modal-plan .btn-close-modal:after {
    content: '';
    background-image: url("../../../content/dam/telcelcom/iconos/svg/cerrar.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px
}

.modal-plan .modal-dialog .modal_header .logo>.close-modal {
    color: #0A3D7E;
    background: transparent;
    border: 0;
    font-weight: normal;
    font-size: 0;
    opacity: 1;
    margin: 3px 0 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.modal-plan .modal-dialog .modal_header .logo>.close-modal::before {
    content: 'Cerrar';
    font-size: 16px
}

.modal-plan .modal-dialog .modal_header .logo>.close-modal::after {
    content: '';
    background-image: url("../../../content/dam/telcelcom/iconos/svg/cerrar.svg");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 5px
}

.modal-plan .modal-dialog footer {
    display: none
}

.modal-plan .table-simple.table-headers-t2.table>thead>tr>th {
    padding: 12px;
    font-size: 16px;
    background-color: #f2f7f9;
    color: #595959;
    font-weight: 660;
    border-top: 0
}

.modal-plan .table-simple.table>tbody>tr>td {
    color: #595959;
    font-weight: 400;
    font-size: 14px;
    text-align: left
}

.modal-plan .table-simple.table>tbody>tr>td .bold {
    color: #595959;
    font-weight: 400;
    font-size: 14px;
    position: relative
}

.modal-plan .table-simple.table-plan-details.table th.half:first-child {
    width: 60%
}

.modal-plan .table-simple.table-plan-details.table th.half {
    width: 40%
}

.modal-plan .table-simple.table th.half,
.modal-plan .table-simple.table td.half {
    width: 50%
}

.modal-plan .table-simple .img-circle {
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 1.3;
    position: absolute;
    left: 4px;
    top: 0
}

@media (max-width: 767px) {
    .modal-plan .table-simple .img-circle {
        left: 0;
        margin-left: 0
    }
}

@media (max-width: 767px) {

    .modal-plan .table-responsive td,
    .modal-plan .table-responsive th {
        white-space: normal !important
    }
}

.modal-content {
    border: none;
    border-radius: 8px;
    overflow: visible;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    padding: 0
}

.table-simple td .service {
    padding-left: 45px !important
}

@media (max-width: 767px) {
    .table-simple td .service {
        padding-left: 25px !important
    }
}

a.btn-contact,
button.btn-contact {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.btn-contact,
    button.btn-contact {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

a.btn-contact:hover,
button.btn-contact:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

a.btn-contact:hover,
button.btn-contact:hover {
    color: #fff
}

a.btn-contact:active,
a.btn-contact:visited,
button.btn-contact:active,
button.btn-contact:visited {
    color: #fff;
    background-color: #954CB5
}

a.btn-contact:active:hover,
a.btn-contact:visited:hover,
button.btn-contact:active:hover,
button.btn-contact:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

a.btn-contact:focus,
button.btn-contact:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

a.btn-contact:focus:hover,
button.btn-contact:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

a.btn-contact.disabled,
a.btn-contact:disabled,
button.btn-contact.disabled,
button.btn-contact:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

a.btn-contact.disabled:hover,
a.btn-contact:disabled:hover,
button.btn-contact.disabled:hover,
button.btn-contact:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

a.btn-primary,
button.btn-primary {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {

    a.btn-primary,
    button.btn-primary {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

a.btn-primary:hover,
button.btn-primary:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

a.btn-primary:hover,
button.btn-primary:hover {
    color: #fff
}

a.btn-primary:active,
a.btn-primary:visited,
button.btn-primary:active,
button.btn-primary:visited {
    color: #fff;
    background-color: #954CB5
}

a.btn-primary:active:hover,
a.btn-primary:visited:hover,
button.btn-primary:active:hover,
button.btn-primary:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

a.btn-primary:focus,
button.btn-primary:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

a.btn-primary:focus:hover,
button.btn-primary:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

a.btn-primary.disabled,
a.btn-primary:disabled,
button.btn-primary.disabled,
button.btn-primary:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

a.btn-primary.disabled:hover,
a.btn-primary:disabled:hover,
button.btn-primary.disabled:hover,
button.btn-primary:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

a.btn-primary:focus,
button.btn-primary:focus {
    display: inline-block
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a {
    width: auto;
    margin-left: auto;
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    white-space: nowrap
}

@media (max-width: 767px) {
    .comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:hover {
    color: #fff
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:active,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:visited {
    color: #fff;
    background-color: #954CB5
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:active:hover,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a.disabled,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a.disabled:hover,
.comp-telcel-tablas-dinamicas .telcel-tabla-dinamica .telcel-tabla-dinamica-contenedor-exterior .telcel-tabla-dinamica-contenedor .telcel-tabla-dinamica-item .telcel-tabla-dinamica-item-contenedor-pie .telcel-tabla-dinamica-item-pie a:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto button {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:hover {
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:active,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:visited {
    color: #fff;
    background-color: #954CB5
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:active:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.disabled,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.disabled:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button:hover {
    background-color: #8835AB
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:hover {
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:active,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:visited {
    color: #fff;
    background-color: #954CB5
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:active:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact.disabled,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact.disabled:hover,
.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.js-galeria-destacados .js-galeria-destacados-contenedor-texto button.btn-contact:hover {
    background-color: #8835AB
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    line-height: 15px
}

.btn-chat {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    background-color: #7b1fa2
}

@media (max-width: 767px) {
    .btn-chat {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.btn-chat:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.btn-chat:hover {
    color: #fff
}

.btn-chat:active,
.btn-chat:visited {
    color: #fff;
    background-color: #954CB5
}

.btn-chat:active:hover,
.btn-chat:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.btn-chat:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.btn-chat:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.btn-chat.disabled,
.btn-chat:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.btn-chat.disabled:hover,
.btn-chat:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-chat:hover {
    background-color: #8835AB
}

.btn-chat:focus {
    color: #fff
}

.btn-chat:active,
.btn-chat:visited {
    background-color: #954CB5
}

@media (max-width: 991px) {
    .footer .btn-contact {
        background-color: #7b1fa2
    }

    .footer .btn-contact:hover,
    .footer .btn-contact:focus {
        background-color: #8835AB
    }
}

.hs-button.primary {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .hs-button.primary {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.hs-button.primary:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.hs-button.primary:hover {
    color: #fff
}

.hs-button.primary:active,
.hs-button.primary:visited {
    color: #fff;
    background-color: #954CB5
}

.hs-button.primary:active:hover,
.hs-button.primary:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.hs-button.primary:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.hs-button.primary:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.hs-button.primary.disabled,
.hs-button.primary:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.hs-button.primary.disabled:hover,
.hs-button.primary:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.modalInternet #compralinkModal5 {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .modalInternet #compralinkModal5 {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.modalInternet #compralinkModal5:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.modalInternet #compralinkModal5:hover {
    color: #fff
}

.modalInternet #compralinkModal5:active,
.modalInternet #compralinkModal5:visited {
    color: #fff;
    background-color: #954CB5
}

.modalInternet #compralinkModal5:active:hover,
.modalInternet #compralinkModal5:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.modalInternet #compralinkModal5:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.modalInternet #compralinkModal5:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.modalInternet #compralinkModal5.disabled,
.modalInternet #compralinkModal5:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.modalInternet #compralinkModal5.disabled:hover,
.modalInternet #compralinkModal5:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    min-width: 165px
}

@media (max-width: 767px) {

    .comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton,
    .comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:active,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:visited,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:active,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:visited {
    color: #fff;
    background-color: #954CB5
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:active:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:visited:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:active:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:focus,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:focus:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-agregar-carrito-responsivo #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all
}

@media (max-width: 767px) {
    .comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:hover {
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:active,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:visited {
    color: #fff;
    background-color: #954CB5
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:active:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton.disabled:hover,
.comp-ecommerce-ficha-tecnica #ecommerce-ficha-tecnica-cta-estatico #ecommerce-ficha-tecnica-cta-estatico-cta #ecommerce-ficha-tecnica-agregar-carrito-boton:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-w-percent-orange .btn.btn-primary {
    background-color: #7b1fa2;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    min-height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    width: auto;
    color: #fff;
    cursor: pointer;
    pointer-events: all;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767px) {
    .btn-w-percent-orange .btn.btn-primary {
        display: inline-block;
        width: 100%;
        float: none;
        min-height: 20px;
        line-height: 20px;
        margin: 0 auto 20px
    }
}

.btn-w-percent-orange .btn.btn-primary:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.btn-w-percent-orange .btn.btn-primary:hover {
    color: #fff
}

.btn-w-percent-orange .btn.btn-primary:active,
.btn-w-percent-orange .btn.btn-primary:visited {
    color: #fff;
    background-color: #954CB5
}

.btn-w-percent-orange .btn.btn-primary:active:hover,
.btn-w-percent-orange .btn.btn-primary:visited:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.btn-w-percent-orange .btn.btn-primary:focus {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    background-color: #7b1fa2
}

.btn-w-percent-orange .btn.btn-primary:focus:hover {
    text-decoration: none;
    background-color: #8835AB;
    padding: 10px 24px;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px 1px #b3afb3;
    -moz-box-shadow: 0 1px 5px 1px #b3afb3;
    box-shadow: 0 1px 5px 1px #b3afb3;
    color: #fff
}

.btn-w-percent-orange .btn.btn-primary.disabled,
.btn-w-percent-orange .btn.btn-primary:disabled {
    background-color: #d0d0d0;
    color: #595959;
    pointer-events: none
}

.btn-w-percent-orange .btn.btn-primary.disabled:hover,
.btn-w-percent-orange .btn.btn-primary:disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-w-percent-orange .btn.btn-primary:hover {
    background-color: #8835AB
}

#chatEmpresas .btn.btn-primary {
    display: block;
    margin: 0 auto
}

.btn-quest {
    width: 22px;
    height: 22px;
    background-color: #0071D1;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 22px;
    margin-left: 5px;
    border: 0
}

.btn-quest:hover {
    color: white
}

.breadcrumb {
    margin: 0;
    font-size: 14px;
    padding: 0;
    height: auto;
    background-color: transparent
}

.breadcrumb-holder {
    max-width: 1280px;
    margin: 0 auto;
    padding: 18px 16px;
    height: auto;
    width: 100%
}

.breadcrumb-holder.telcel-breadcrumb-container {
    padding: 0;
    display: inline-block;
    width: 100%
}

@media (min-width: 768px) {
    .breadcrumb-holder {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.breadcrumb-holder .breadcrumb {
    margin: 0;
    margin-right: auto;
    float: none;
    font-size: 14px;
    padding: 0 16px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    background-color: transparent
}

@media (max-width: 990px) {
    .breadcrumb-holder .breadcrumb {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .breadcrumb-holder .breadcrumb {
        display: flex;
        padding: 0;
        width: 100%
    }
}

.breadcrumb-holder .breadcrumb>li {
    display: inline-flex;
    justify-content: left;
    align-items: center;
    padding-right: 3.2px;
    color: #757575;
    font-weight: normal;
    font-size: 14px
}

.breadcrumb-holder .breadcrumb>li:last-child {
    padding-right: 0
}

.breadcrumb-holder .breadcrumb>li a {
    color: #757575;
    font-weight: normal;
    font-size: 14px
}

.breadcrumb-holder .breadcrumb>li a:hover {
    text-decoration: underline;
    color: #00529b
}

.breadcrumb-holder .breadcrumb>li.active {
    font-size: 14px;
    color: #00529b;
    font-weight: 600;
    top: auto
}

.breadcrumb-holder .breadcrumb>li+li:before {
    content: '/' !important;
    font-size: 14px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0;
    padding-right: 3.2px;
    font-weight: 400;
    display: inline-block !important
}

.breadcrumb-holder .breadcrumb>li.bredcrumb-back {
    display: none
}

.breadcrumb-holder .breadcrumb>li.bredcrumb-back+li:before {
    display: none !important
}

.breadcrumb-holder .breadcrumb+.list-share {
    margin-top: 0
}

@media (max-width: 767px) {
    .breadcrumb-holder .breadcrumb+.list-share {
        padding-top: 8px
    }
}

.breadcrumb-holder .list-share {
    margin: 0;
    float: none !important
}

.breadcrumb-holder .list-share>li:first-child {
    padding-left: 0
}

.breadcrumb-holder .list-share>li:last-child {
    padding-right: 0
}

.tabs-lg-holder {
    margin-top: 0;
    margin-bottom: 0;
    background-image: none;
    border-bottom: 1px solid #e3e3e3
}

.tabs-lg-holder .container-fluid .col-centered {
    float: none;
    margin: 0 auto
}

.tabs-lg-holder .container-fluid .tabsToselect-xs {
    height: auto;
    text-align: center
}

.tabs-lg-holder .nav-tabs-lg {
    display: flex
}

.tabs-lg-holder .breadcrumbSelector h2 {
    margin-bottom: 20px !important
}

.tabs-lg-holder .nav-tabs-lg li {
    padding-left: 0
}

.tabs-lg-holder .nav-tabs-lg li.r-tabs-tab.r-tabs-state-active a h2 {
    color: #0A3D7E;
    font-weight: bold
}

.tabs-lg-holder .nav-tabs-lg li a {
    padding: 10px;
    text-align: center
}

.tabs-lg-holder .nav-tabs-lg li a:hover {
    background-color: #fff
}

.tabs-lg-holder .nav-tabs-lg li a h2 {
    position: relative;
    top: 50%;
    margin: 0;
    line-height: normal;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #0071D1
}

.tabs-lg-holder .nav-tabs-lg li a:focus {
    border-color: transparent !important
}

.tabs-lg-holder .nav-tabs-lg.viajero-internacional-tabs-con-iconos li.active {
    border: none !important
}

.tabs-lg-holder .nav-tabs-lg li.active {
    border-bottom: solid 4px #0A3D7E
}

.tabs-lg-holder .nav-tabs-lg li.active a {
    border: none
}

.tabs-lg-holder .nav-tabs-lg li.active a h2 {
    color: #0A3D7E;
    font-weight: bold
}

.tabs-lg-holder .nav-tabs-lg li a {
    background-color: #fff
}

.tabs-lg-holder .nav-tabs-lg li.r-tabs-state-active a {
    border: none
}

.tabs-lg-holder .nav-tabs-lg li.r-tabs-state-active a h2 {
    color: #0A3D7E;
    font-weight: bold
}

@media (max-width: 767px) {
    .tabs-lg-holder {
        padding: 0
    }

    .tabs-lg-holder .container-fluid {
        padding: 0
    }

    .tabs-lg-holder .container-fluid .nav-tabs-lg {
        margin: 0
    }

    .tabs-lg-holder .container-fluid .viajero-internacional-tabs-con-iconos {
        flex-wrap: wrap
    }

    .tabs-lg-holder .container-fluid .viajero-internacional-tabs-con-iconos li {
        min-width: 120px
    }

    .tabs-lg-holder .container-fluid .viajero-internacional-tabs-con-iconos li a {
        height: auto
    }
}

.panel.panel-default+.panel.panel-default {
    margin-top: 24px
}

.panel.panel-default+.text {
    margin-top: 16px
}

.accordionwithicon+.accordionwithicon {
    margin-top: 24px
}

.faqquestion+.faqquestion {
    margin-top: 24px
}

.panel.panel-default {
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 34, 77, 0.25)
}

.panel.panel-default>.panel-heading {
    border: none;
    padding: 0 !important;
    border-radius: 4px;
    overflow: hidden;
    background-color: white
}

.panel.panel-default>.panel-heading .panel-title {
    margin: 0;
    font-size: 16px;
    position: relative
}

.panel.panel-default>.panel-heading p {
    color: #757575;
    margin-bottom: 0;
    margin-left: 16px;
    margin-right: 0
}

.panel.panel-default>.panel-heading .list-inline {
    margin-bottom: 0
}

.panel.panel-default>.panel-heading .list-inline li {
    color: #757575
}

.panel.panel-default>.panel-heading.active {
    background-color: #e5edf5
}

.panel.panel-default>.panel-heading.active a {
    text-decoration: none
}

.panel.panel-default>.panel-heading.active a:after {
    margin-top: -8px;
    transform: rotate(180deg);
    transition: ease .5
}

.panel.panel-default>.panel-heading:hover {
    background-color: #e5edf5
}

.panel.panel-default>.panel-heading a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 16px !important;
    color: #222;
    transition: ease .5;
    text-decoration: none
}

.panel.panel-default>.panel-heading a:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid #0071D1;
    margin-top: -2px;
    right: 16px;
    position: absolute;
    top: 50%
}

.panel.panel-default>.panel-heading a i,
.panel.panel-default>.panel-heading a img {
    margin-left: 0;
    font-size: 22px;
    color: #0071D1;
    margin-right: 4px
}

.panel.panel-default>.panel-heading a img {
    height: 22px
}

.panel.panel-default .panel-heading+.panel-collapse .panel-body {
    border: none
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1010;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.modal .chosen-container,
.modal .chosen-container .chosen-drop {
    z-index: 1000000000;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
}

.chat-holder .chosen-container .chosen-drop {
    top: auto;
    bottom: 40px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
}

.modal-body .chosen-container .chosen-results {
    /*max-height: 10000px!important;*/
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
    z-index: 900;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 144dpi) {

    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        /*background-image: url('../../../etc/designs/telcel/telcelcom/clientlibs/img/layout/chosen-sprite-2x.png') !important;*/
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/* @end */
/*Chosem Custmization*/
.chosen-container-single .chosen-single {
    background: none;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #DBE5E7;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #465359;
    font-size: 15px;
    height: 41px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    line-height: 27px;
}

.chosen-container-single .chosen-single div {
    width: 36px;
}

.chosen-container-single .chosen-single div b:after {
    content: '\f103';
    font-family: 'TelcelFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 38px;
    font-size: 28px;
    display: block;
}

.input-lg+.chosen-container-single .chosen-single {
    font-size: 19px;
    padding: 10px 16px;
    height: 48px;
}

.input-lg+.chosen-container-single .chosen-single div b:after {
    line-height: 46px;
}

.input-lg+.chosen-container-single .chosen-single {
    font-size: 19px;
    padding: 10px 16px;
    height: 48px;
}

.chosen-container-single.chosen-small .chosen-single {
    height: 35px;
    line-height: 21px;
}

.chosen-container-single.chosen-small .chosen-single b:after {
    line-height: 32px;
}

/*PrettyCheckeable*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.prettycheckbox,
.prettyradio {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.prettycheckbox>a,
.prettyradio>a {
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    cursor: pointer;
    margin: 0;
    border: 1px solid #DBE5E7;
    background-color: #fff;
}

.prettyradio>a {
    border-radius: 50%;

}

.prettycheckbox.small>a,
.prettyradio.small>a {
    height: 16px;
    width: 16px;
    margin-top: 8px;
}

.prettycheckbox>a:focus,
.prettyradio>a:focus {
    outline: 0 none;
}

.prettycheckbox label,
.prettyradio label {
    display: block;
    float: left;
    margin: 0 5px;
    cursor: pointer;
}

.prettycheckbox.small label,
.prettyradio.small label {
    margin: 6px 5px;
}

.prettycheckbox a.disabled,
.prettycheckbox label.disabled,
.prettyradio a.disabled,
.prettyradio label.disabled {
    cursor: not-allowed;
}

.prettycheckbox>a {}

.prettycheckbox>a:focus {
    border-color: #8AAAB0;
}

.prettycheckbox.small>a.checked {
    border-color: transparent;
}

.prettycheckbox>a.checked:after {
    font-family: 'TelcelFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f00f';
    position: relative;
    top: -6px;
    font-size: 30px;
    padding-top: 2px;
    text-indent: -4px;
}

.prettyradio>a.checked:after {
    background-color: #4fb2eb;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 10px;
    left: 6px;
    position: relative;
    top: 0px;
    width: 10px;
}

.prettycheckbox.small>a.checked:after {
    font-size: 20px;
}

.prettycheckbox>a.checked+label {
    color: #46B9F1;
}

.prettycheckbox>a.checked:focus {}

.prettycheckbox>a.checked.disabled {
    background-position: -150px 0
}

.prettycheckbox>a.disabled {
    background-position: -120px 0
}

.prettyradio>a {
    background-position: -180px 0
}

.prettyradio>a:focus {
    background-position: -210px 0
}

.prettyradio>a.checked {
    background-position: -240px 0
}

.prettyradio>a.checked:focus {
    background-position: -270px 0
}

.prettyradio>a.checked.disabled {
    background-position: -330px 0
}

.prettyradio>a.disabled {
    background-position: -300px 0
}

.zindex-10 .form-group {
    z-index: 1000;
}

.zindex-9 .form-group {
    z-index: 1005;
}

.zindex-8 .form-group {
    z-index: 1010;
}

.zindex-7 .form-group {
    z-index: 1015;
}

.zindex-6 .form-group {
    z-index: 1020;
}

.zindex-5 .form-group {
    z-index: 1025;
}

.zindex-4 .form-group {
    z-index: 1030;
}

.zindex-3 .form-group {
    z-index: 1035;
}

.zindex-2 .form-group {
    z-index: 1040;
}

.zindex-1 .form-group {
    z-index: 1045;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.comp-temporizador .comp-temporizador-estilo-1 {
    position: fixed;
    top: 120px;
    right: -2px;
    text-align: center;
    border: #F5F5F5 solid 2px;
    border-radius: 5px;
    padding: 10px;
    width: 160px;
    background-color: white;
    z-index: 1
}

.comp-temporizador .comp-temporizador-estilo-1 h2 {
    font-size: 14px;
    margin-top: 0px;
    font-weight: bold;
    color: #666;
    margin-bottom: 0px
}

.comp-temporizador .comp-temporizador-estilo-1 span {
    font-size: 32px;
    color: #27B1E9;
    font-weight: bold;
    margin: 0px 0px;
    padding-top: 0px
}

.comp-temporizador .comp-temporizador-estilo-1 p {
    margin: 0px
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-1 {
        width: 140px;
        top: 80px
    }

    .comp-temporizador .comp-temporizador-estilo-1 h2 {
        font-size: 12px
    }

    .comp-temporizador .comp-temporizador-estilo-1 span {
        font-size: 24px
    }

    .comp-temporizador .comp-temporizador-estilo-1 p {
        font-size: 12px
    }
}

.comp-temporizador .comp-temporizador-estilo-2 {
    position: relative;
    text-align: center;
    border: #F5F5F5 solid 2px;
    border-radius: 5px;
    padding: 10px;
    width: 190px;
    background-color: white;
    z-index: 1;
    overflow: hidden
}

.comp-temporizador .comp-temporizador-estilo-2 h2 {
    font-size: 15px;
    margin-top: 0px;
    font-weight: 500;
    color: #666;
    margin-bottom: 0px
}

.comp-temporizador .comp-temporizador-estilo-2 span {
    font-size: 30px;
    color: #27B1E9;
    font-weight: bold;
    margin: 0px 0px;
    padding-top: 0px
}

.comp-temporizador .comp-temporizador-estilo-2 p {
    margin: 0px;
    color: #27B1E9;
    font-weight: bold
}

.comp-temporizador .comp-temporizador-estilo-2 .comp-temporizador-izquierda {
    float: left;
    width: 50%
}

.comp-temporizador .comp-temporizador-estilo-2 .comp-temporizador-izquierda h2 {
    line-height: 17px
}

.comp-temporizador .comp-temporizador-estilo-2 .comp-temporizador-derecha {
    float: right;
    width: 50%
}

.comp-temporizador .comp-temporizador-estilo-2 .comp-temporizador-derecha div {
    padding-top: 3px;
    line-height: 10px
}

.comp-temporizador .comp-temporizador-estilo-3 {
    position: relative;
    text-align: center;
    border: #F5F5F5 solid 2px;
    border-radius: 5px;
    padding: 5px;
    width: 150px;
    background-color: white;
    z-index: 1;
    margin-top: 0px;
    overflow: hidden
}

.comp-temporizador .comp-temporizador-estilo-3 h2 {
    font-size: 13px;
    margin-top: 0px;
    font-weight: 500;
    color: #666;
    margin-bottom: 0px
}

.comp-temporizador .comp-temporizador-estilo-3 span {
    font-size: 22px;
    color: #27B1E9;
    font-weight: bold;
    margin: 0px 0px;
    padding-top: 0px
}

.comp-temporizador .comp-temporizador-estilo-3 p {
    margin: 0px;
    color: #27B1E9;
    font-weight: bold;
    font-size: 12px
}

.comp-temporizador .comp-temporizador-estilo-3 .comp-temporizador-izquierda {
    float: left;
    width: 50%
}

.comp-temporizador .comp-temporizador-estilo-3 .comp-temporizador-izquierda h2 {
    line-height: 17px
}

.comp-temporizador .comp-temporizador-estilo-3 .comp-temporizador-derecha {
    float: right;
    width: 50%
}

.comp-temporizador .comp-temporizador-estilo-3 .comp-temporizador-derecha div {
    padding-top: 3px;
    line-height: 10px
}

.comp-temporizador .comp-temporizador-estilo-4 {
    position: relative;
    text-align: center;
    border: #F5F5F5 solid 2px;
    border-radius: 5px;
    padding: 5px;
    width: 150px;
    background-color: white;
    z-index: 1;
    float: left;
    margin-top: -5px;
    margin-left: 100px;
    overflow: hidden
}

@media (min-width: 768px) and (max-width: 991px) {
    .comp-temporizador .comp-temporizador-estilo-4 {
        margin-left: 25px;
        width: 130px;
        padding: 3px
    }
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-4 {
        margin-top: -3px;
        margin-left: 0px;
        position: absolute;
        width: 100%;
        top: 58px;
        left: 0px;
        border: none
    }
}

.comp-temporizador .comp-temporizador-estilo-4 h2 {
    font-size: 13px;
    margin-top: 0px;
    font-weight: 500;
    color: #666;
    margin-bottom: 0px
}

.comp-temporizador .comp-temporizador-estilo-4 span {
    font-size: 22px;
    color: #00529B;
    font-weight: bold;
    margin: 0px 0px;
    padding-top: 0px
}

.comp-temporizador .comp-temporizador-estilo-4 p {
    margin: 0px;
    color: #00529B;
    font-weight: bold;
    font-size: 12px
}

.comp-temporizador .comp-temporizador-estilo-4 .comp-temporizador-izquierda {
    float: left;
    width: 50%
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-4 .comp-temporizador-izquierda {
        text-align: right;
        padding-right: 10px
    }
}

.comp-temporizador .comp-temporizador-estilo-4 .comp-temporizador-izquierda h2 {
    line-height: 17px
}

.comp-temporizador .comp-temporizador-estilo-4 .comp-temporizador-derecha {
    float: right;
    width: 50%
}

.comp-temporizador .comp-temporizador-estilo-4 .comp-temporizador-derecha div {
    padding-top: 3px;
    line-height: 10px
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-4 .comp-temporizador-derecha div {
        float: left
    }
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-4 .comp-temporizador-derecha p {
        float: left;
        margin-left: 5px
    }
}

.comp-temporizador .comp-temporizador-estilo-5 {
    position: relative;
    text-align: center;
    border: #F5F5F5 solid 2px;
    border-radius: 5px;
    padding: 5px;
    width: 165px;
    background-color: white;
    z-index: 1;
    float: left;
    margin-top: -5px;
    margin-left: 100px;
    overflow: hidden;
    float: left
}

@media (min-width: 768px) and (max-width: 991px) {
    .comp-temporizador .comp-temporizador-estilo-5 {
        margin-left: 0px;
        margin-top: 1px;
        width: 145px;
        padding: 0px
    }
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-5 {
        margin-top: -3px;
        margin-left: 0px;
        position: absolute;
        width: 50%;
        top: 58px;
        left: 0px;
        border: none;
        border-radius: 0;
        min-height: 45px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1)
    }
}

.comp-temporizador .comp-temporizador-estilo-5 h2 {
    font-size: 13px;
    margin-top: 0px;
    font-weight: 500;
    color: #666;
    margin-bottom: 0px
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-5 h2 {
        font-size: 12px
    }
}

.comp-temporizador .comp-temporizador-estilo-5 span {
    font-size: 22px;
    color: #00529B;
    font-weight: bold;
    margin: 0px 0px;
    padding-top: 0px
}

.comp-temporizador .comp-temporizador-estilo-5 p {
    margin: 0px;
    color: #00529B;
    font-weight: bold;
    font-size: 12px
}

.comp-temporizador .comp-temporizador-estilo-5 .comp-temporizador-izquierda {
    float: left;
    width: 50%
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-5 .comp-temporizador-izquierda {
        text-align: right;
        padding-right: 10px
    }
}

.comp-temporizador .comp-temporizador-estilo-5 .comp-temporizador-izquierda h2 {
    line-height: 17px
}

.comp-temporizador .comp-temporizador-estilo-5 .comp-temporizador-derecha {
    float: right;
    width: 50%
}

.comp-temporizador .comp-temporizador-estilo-5 .comp-temporizador-derecha div {
    padding-top: 3px;
    line-height: 10px
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-5 .comp-temporizador-derecha div {
        float: left
    }
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-5 .comp-temporizador-derecha p {
        float: left;
        margin-left: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .comp-temporizador .comp-temporizador-estilo-2 {
        width: 150px
    }

    .comp-temporizador .comp-temporizador-estilo-2 h2 {
        font-size: 13px
    }

    .comp-temporizador .comp-temporizador-estilo-2 span {
        font-size: 23px
    }
}

@media (max-width: 767px) {
    .comp-temporizador .comp-temporizador-estilo-2 {
        position: relative;
        text-align: center;
        border: none;
        padding: 0px 10px;
        width: 130px;
        overflow: hidden
    }

    .comp-temporizador .comp-temporizador-estilo-2 h2 {
        font-size: 11px;
        color: #062C5F
    }

    .comp-temporizador .comp-temporizador-estilo-2 span {
        font-size: 21px
    }

    .comp-temporizador .comp-temporizador-estilo-2 p {
        display: none
    }

    .comp-temporizador .comp-temporizador-estilo-2 .comp-temporizador-izquierda h2 {
        line-height: 12px
    }

    .comp-temporizador .comp-temporizador-estilo-2 .comp-temporizador-derecha {
        float: right;
        width: 50%
    }

    .comp-temporizador .comp-temporizador-estilo-2 .comp-temporizador-derecha div {
        padding-top: 7px;
        line-height: 10px
    }
}

.comp-temporizador .comp-temporizador-estilo-6 {
    font-size: 13px
}

.comp-temporizador .comp-temporizador-estilo-6 .temporizador-contenedor-timer {
    display: inline-block;
    margin-top: 10px
}

/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.telcel-modales.modal {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

@media(max-width:768px) {
    .telcel-modales.modal .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0
    }
}

.telcel-modales.modal .modal-dialog .modal-content {
    border: 0;
    border-radius: 8px;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 20px 20px -5px rgba(0, 34, 77, 0.25)
}

@media(max-width:768px) {
    .telcel-modales.modal .modal-dialog .modal-content {
        height: 100%;
        border-radius: 0
    }
}

.telcel-modales.modal .modal-dialog .modal-content .modal-header {
    padding: 15px 20px;
    overflow: hidden;
    margin-bottom: 15px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 5px 5px -10px rgba(0, 0, 0, 0.15), 0 0 4px 0 rgba(0, 0, 0, 0.1)
}

.telcel-modales.modal .modal-dialog .modal-content .modal-header .modal-header-title p {
    margin-bottom: 0;
    color: #222;
    font-size: 20px;
    font-weight: 600
}

.telcel-modales.modal .modal-dialog .modal-content .modal-header button.close {
    color: #0a3d7e;
    font-weight: normal;
    font-size: 16px;
    opacity: 1;
    margin: 3px 0 0
}

.telcel-modales.modal .modal-dialog .modal-content .modal-header button.close img {
    margin-left: 5px
}

@media(max-width:767px) {
    .telcel-modales.modal .modal-dialog .modal-content .modal-header button.close span {
        display: none
    }
}

.telcel-modales.modal .modal-dialog .modal-content .modal-body {
    background-color: #fff;
    border-radius: 8px;
    width: auto;
    padding: 10px 20px 0;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none;
    max-height: 575px
}

@media(max-width:768px) {
    .telcel-modales.modal .modal-dialog .modal-content .modal-body {
        height: auto;
        max-height: 100%;
        padding: 10px 20px 120px
    }
}

.telcel-modales.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.telcel-modales.modal .modal-dialog .modal-content .modal-footer {
    border-top: 0
}

.telcel-modales.modal.telcel-modales--sin-padding .modal-content .modal-body {
    padding: 0
}

.telcel-modales.modal.telcel-modales--auto-automatico .modal-content .modal-body {
    height: auto
}

.telcel-modales.modal.telcel-modales--centrar-contenido .modal-body {
    color: #222;
    text-align: center
}

.telcel-modales.modal.telcel-modales--centrar-contenido .modal-dialog .modal-content .modal-header .modal-header-title p {
    color: #222
}

.telcel-modales.modal .btn {
    text-decoration: none !important;
    line-height: 20px
}

.telcel-modales.telcel-modales--666 .modal-dialog {
    margin: 0 auto;
    width: 666px
}

@media(max-width:666px) {
    .telcel-modales.telcel-modales--666 .modal-dialog {
        width: 100%
    }
}

.telcel-modales.telcel-modales--1024 .modal-dialog {
    margin: 0 auto;
    width: 1024px
}

@media(max-width:1024px) {
    .telcel-modales.telcel-modales--1024 .modal-dialog {
        width: 100%
    }
}

@media(max-width:768px) {
    .telcel-modales.telcel-alertas-generales-modal .modal-dialog {
        width: 90%;
        height: auto;
        margin: 0 auto
    }
}

.telcel-modales.telcel-alertas-generales-modal .modal-dialog {
    width: 450px
}

@media(max-width:768px) {
    .telcel-modales.telcel-alertas-generales-modal .modal-dialog {
        width: 90%
    }
}

.telcel-modales.telcel-alertas-generales-modal .modal-content {
    border: 0
}

.telcel-modales.telcel-alertas-generales-modal .modal-header {
    padding: 0
}

.telcel-modales.telcel-alertas-generales-modal .modal-header h4 {
    color: #222;
    font-size: 20px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 20px
}

.telcel-modales.telcel-alertas-generales-modal .modal-header .close {
    opacity: 1;
    font-size: 13px;
    font-weight: normal;
    color: #00529b;
    margin: 10px
}

.telcel-modales.telcel-alertas-generales-modal .modal-header .close img {
    height: 18px;
    width: 18px
}

.telcel-modales.telcel-alertas-generales-modal .modal-body {
    padding: 29px 35px 32px !important
}

.telcel-modales.telcel-alertas-generales-modal .modal-body img {
    height: 27px;
    width: 27px
}

.telcel-modales.telcel-alertas-generales-modal .modal-body h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 18px 0 16px;
    color: #222
}

.telcel-modales.telcel-alertas-generales-modal .modal-body p {
    font-size: 16px;
    color: #222
}

.telcel-modales.telcel-alertas-generales-modal .modal-footer a,
.telcel-modales.telcel-alertas-generales-modal .modal-footer button {
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 24px
}

@media(max-width:767px) {

    .telcel-modales.telcel-alertas-generales-modal .modal-footer a,
    .telcel-modales.telcel-alertas-generales-modal .modal-footer button {
        width: 90%
    }
}

.telcel-modales.telcel-alertas-generales-modal .modal-footer .btn-primary {
    border: 0;
    border-radius: 4px
}

@media(max-width:767px) {
    .telcel-modales.telcel-alertas-generales-modal .modal-footer .btn-primary {
        margin-top: 16px;
        margin-left: 0
    }
}

.telcel-modales.telcel-alertas-generales-modal .modal-footer .btn-default {
    border: 1px solid;
    border-radius: 4px
}

.telcel-modales.telcel-alertas-generales-modal .modal-footer .btn-default:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 #bfbfbf;
    -moz-box-shadow: 0 1px 3px 0 #bfbfbf;
    box-shadow: 0 1px 3px 0 #bfbfbf
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-exito .modal-content {
    border-radius: 0 0 8px 8px;
    border-top: 6px solid #0d8731
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-exito .modal-footer .btn-primary {
    background-color: #0d8731
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-exito .modal-footer .btn-primary:hover {
    background: #0e9034;
    -webkit-box-shadow: 0 1px 3px 0 #0c792c;
    -moz-box-shadow: 0 1px 3px 0 #0c792c;
    box-shadow: 0 1px 3px 0 #0c792c
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-exito .modal-footer .btn-default {
    color: #0d8731
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-error .modal-content {
    border-top: 6px solid #d32222 !important;
    border-radius: 0 0 8px 8px !important
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-error .modal-footer .btn-primary {
    background-color: #d32222
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-error .modal-footer .btn-primary:hover {
    background: #dc2424;
    -webkit-box-shadow: 0 1px 3px 0 #c62020;
    -moz-box-shadow: 0 1px 3px 0 #c62020;
    box-shadow: 0 1px 3px 0 #c62020
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-error .modal-footer .btn-default {
    color: #d32222
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-informativa .modal-content {
    border-top: 6px solid #00529b !important;
    border-radius: 0 0 8px 8px !important
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-informativa .modal-footer .btn-primary {
    background-color: #00529b
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-informativa .modal-footer .btn-primary:hover {
    background: #0057a5;
    -webkit-box-shadow: 0 1px 3px 0 #004582;
    -moz-box-shadow: 0 1px 3px 0 #004582;
    box-shadow: 0 1px 3px 0 #004582
}

.telcel-modales.telcel-alertas-generales-modal.telcel-alertas-generales-modal-informativa .modal-footer .btn-default {
    color: #00529b
}

.telcel-modales.telcel-alertas-generales-modal .modal-body {
    background-color: #fff
}

.telcel-modales.telcel-alertas-generales-modal .modal-footer {
    text-align: center;
    background-color: #f2f7f9;
    border-radius: 8px
}

.telcel-modales.telcel-alertas-generales-modal .modal-footer.telcel-modales-boton-unico {
    text-align: right
}

@media(max-width:767px) {
    .telcel-modales.telcel-alertas-generales-modal .modal-footer.telcel-modales-boton-unico {
        text-align: center
    }
}

#modalCVV .modal-body {
    padding: 17px 58px 0
}

#modalCVV .modal-body p {
    font-size: 16px
}

#modalCVV .modal-body strong p {
    font-size: 18px;
    margin-top: 32px;
    margin-bottom: 24px
}

#modalCVV .modal-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

#modalCVV .modal-body ul li {
    display: inline-block;
    padding: 0 32px
}

#modalCVV .modal-body ul li img:nth-child(2) {
    display: block;
    margin: 14px 0 10px
}

#modalCVV .modal-body ul li p {
    font-size: 14px;
    margin-bottom: 0
}

@media(max-width:768px) {
    #modalCVV .modal-body {
        padding: 9px 23px
    }

    #modalCVV .modal-body p {
        font-size: 14px
    }

    #modalCVV .modal-body strong p {
        font-size: 16px
    }

    #modalCVV .modal-body ul li {
        padding: 0 34px 0 0
    }

    #modalCVV .modal-body ul li:last-child {
        padding: 0
    }
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #00529b;
    border-top: 5px solid #00529b;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido.alerta-informativa-producto-agotado-contenido-v2,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido.alerta-informativa-producto-agotado-contenido-v2 {
    border: none;
    border-radius: 3px;
    padding: 20px;
    -webkit-box-shadow: 0px 1px 4px 1px #b3afb3;
    -moz-box-shadow: 0px 1px 4px 1px #b3afb3;
    box-shadow: 0px 1px 4px 1px #b3afb3
}

@media (max-width: 767px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido.alerta-informativa-producto-agotado-contenido-v2,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido.alerta-informativa-producto-agotado-contenido-v2 {
        padding: 10px
    }
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido.alerta-informativa-producto-agotado-contenido-v2 section p,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido.alerta-informativa-producto-agotado-contenido-v2 section p {
    margin: 5px 0
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido #alerta-informativa-producto-agotado-contenedor-email-error,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido #alerta-informativa-producto-agotado-contenedor-email-error {
    color: #E22222;
    font-size: 12px
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido header h1,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido header h1 {
    background-image: url("clientlib-base/img/no-disponible.svg");
    background-repeat: no-repeat;
    background-position: 0;
    margin: 5px 0;
    color: #00529b;
    font-size: 17px;
    font-weight: bold;
    padding-left: 30px;
    height: 30px;
    padding-top: 3px
}

@media (max-width: 767px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido header h1,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido header h1 {
        line-height: 20px;
        margin-bottom: 35px
    }
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido header.alerta-informativa-producto-agotado-header-v2,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido header.alerta-informativa-producto-agotado-header-v2 {
    border: solid 1px #dde6ee;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: solid 5px #00529b;
    margin-bottom: 10px;
    padding-left: 10px;
    background-color: #f2f7f9
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido header.alerta-informativa-producto-agotado-header-v2 h1,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido header.alerta-informativa-producto-agotado-header-v2 h1 {
    background-image: url("clientlib-base/img/informativa-azul.svg");
    font-size: 15px;
    font-weight: normal;
    color: #222222;
    padding-left: 35px
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section p,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section p {
    font-size: 15px;
    margin: 15px 0;
    color: #4a4a4a
}

@media (max-width: 830px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section p,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section p {
        padding-top: 10px
    }
}

@media (max-width: 767px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section p,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section p {
        padding-top: 0px
    }
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email {
    position: relative;
    border: 1px solid #52789E;
    border-radius: 3px;
    margin-top: 30px
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email label,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email label {
    position: absolute;
    top: -13px;
    left: 10px;
    font-size: 11px;
    background-color: #fff;
    padding: 5px 10px;
    color: #52789E
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input {
    padding: 10px;
    border: none;
    width: 60%;
    min-height: 40px
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input:focus,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input:focus {
    outline-color: transparent;
    outline-style: none
}

@media (max-width: 768px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input {
        width: 50%
    }
}

@media (max-width: 767px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email input {
        width: 100%;
        clear: both;
        float: none
    }
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a {
    width: 40%;
    color: #0071D1;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    display: block;
    float: right;
    text-decoration: none;
    height: 40px;
    line-height: 40px
}

@media (max-width: 768px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a {
        width: 50%
    }
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a:hover,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a:hover {
    text-decoration: none !important
}

@media (max-width: 767px) {

    #alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a,
    #ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email a {
        width: 100%;
        clear: both;
        float: none
    }
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-error,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-error {
    border: 1px solid #E22222
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email .alerta-disponibilidad-error-label,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email .alerta-disponibilidad-error-label {
    color: #E22222
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-active,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-active {
    border: 1px solid #0071D1
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-active label,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-active label {
    color: #0071D1
}

#alerta-informativa-producto-agotado #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-active a,
#ecommerce-ficha-tecnica-alerta-disponibilidad-responsivo #alerta-informativa-producto-agotado-contenido section #ecommerce-ficha-tecnica-alerta-disponibilidad-contenedor-email.alerta-disponibilidad-active a {
    color: #0071D1
}

.telcel-alerta-general {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
    clear: both;
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 16px
}

.telcel-alerta-general .telcel-alerta-general-contenedor {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    overflow: hidden;
    clear: both;
    width: 100%
}

.telcel-alerta-general .telcel-alerta-general-icono {
    width: 20px;
    margin-left: 16px;
    margin-right: 8px;
    float: left;
    text-align: center
}

.telcel-alerta-general .telcel-alerta-general-contenido {
    width: 90%;
    float: left;
    padding-left: 0px;
    color: #222;
    font-size: 14px;
    font-weight: normal
}

.telcel-alerta-general .telcel-alerta-general-contenido span {
    font-weight: bold
}

.telcel-alerta-general .telcel-alerta-general-contenido>p {
    margin-bottom: 8px !important;
    padding-top: 0 !important
}

.telcel-alerta-general .telcel-alerta-general-contenido>p:last-child {
    margin-bottom: 0 !important
}

.telcel-alerta-general.telcel-alerta-general-exito {
    border: 1px solid #dfecdf;
    background: #eff7ef;
    border-left: 4px solid green
}

.telcel-alerta-general.telcel-alerta-general-exito .telcel-alerta-general-cta-boton {
    background-color: #dfecdf
}

.telcel-alerta-general.telcel-alerta-general-exito .telcel-alerta-general-cta-boton a {
    color: green;
    font-size: 13px;
    font-weight: 600
}

.telcel-alerta-general.telcel-alerta-general-exito .telcel-alerta-general-cta-boton a:hover {
    text-decoration: none
}

.telcel-alerta-general.telcel-alerta-general-error {
    border: 1px solid #f7e6e6;
    background: #fdf2f2;
    border-left: 4px solid #d32222
}

.telcel-alerta-general.telcel-alerta-general-error .telcel-alerta-general-cta-boton {
    background-color: #f7e6e6
}

.telcel-alerta-general.telcel-alerta-general-error .telcel-alerta-general-cta-boton a {
    color: #d32222 !important;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap
}

.telcel-alerta-general.telcel-alerta-general-error .telcel-alerta-general-cta-boton a:hover {
    text-decoration: none
}

.telcel-alerta-general.telcel-alerta-general-informativa {
    border: 1px solid #dde6ee;
    background: #f2f7f9;
    border-left: 4px solid #00529b
}

.telcel-alerta-general.telcel-alerta-general-informativa .telcel-alerta-general-cta-boton {
    background-color: #dde6ee
}

.telcel-alerta-general.telcel-alerta-general-informativa .telcel-alerta-general-cta-boton a {
    color: #00529b;
    font-size: 13px;
    font-weight: 600
}

.telcel-alerta-general.telcel-alerta-general-informativa .telcel-alerta-general-cta-boton a:hover {
    text-decoration: none
}

.telcel-alerta-general.telcel-alerta-general-warning {
    border: 1px solid #f9e6b9;
    background: rgba(247, 181, 0, 0.1);
    border-left: 4px solid #ebab07
}

.telcel-alerta-general.telcel-alerta-general-warning p {
    font-weight: normal;
    padding-top: 12px
}

.telcel-alerta-general.telcel-alerta-general-warning .telcel-alerta-general-cta-boton {
    background-color: #f9e6b9
}

.telcel-alerta-general.telcel-alerta-general-warning .telcel-alerta-general-cta-boton a {
    color: #222;
    font-size: 13px;
    font-weight: 600
}

.telcel-alerta-general.telcel-alerta-general-warning .telcel-alerta-general-cta-boton a:hover {
    text-decoration: none
}

.telcel-alerta-general.telcel-alerta-general-cta--inferior {
    display: block;
    min-height: auto;
    padding-top: 16px
}

@media (max-width: 767px) {
    .telcel-alerta-general.telcel-alerta-general-cta--inferior .telcel-alerta-general-contenedor {
        padding-right: 8px
    }
}

.telcel-alerta-general.telcel-alerta-general-cta--inferior .telcel-alerta-general-cta-boton {
    width: 100%;
    background-color: #f7e6e6;
    padding: 8px;
    margin-top: 8px;
    overflow: hidden
}

.telcel-alerta-general.telcel-alerta-general-cta--inferior .telcel-alerta-general-cta-boton a {
    float: right;
    padding-right: 16px
}

.telcel-alerta-general.telcel-alerta-general-cta--inferior .telcel-alerta-general-cta-boton a:nth-child(1) {
    padding-left: 16px
}

.telcel-alerta-general.telcel-alerta-general-cta--inferior .telcel-alerta-general-cta-boton a:nth-child(2) {
    padding-right: 16px;
    border-right: solid 1px #d32222
}

.telcel-alerta-general.telcel-alerta-general-cta--inferior .telcel-alerta-general-cta-boton a:hover {
    text-decoration: none !important
}

.telcel-alerta-general-cta {
    margin-bottom: 28px;
    overflow: visible;
    border-radius: 0 4px 0 0;
    position: relative
}

.telcel-alerta-general-cta .telcel-alerta-general-contenedor {
    position: initial;
    overflow: visible
}

.telcel-alerta-general-cta .telcel-alerta-general-cta-boton {
    position: absolute;
    top: 100%;
    left: -4px;
    text-align: right;
    height: 28px;
    width: calc(100% + 5px);
    border-radius: 0 0 4px 4px
}

.telcel-alerta-general-cta .telcel-alerta-general-cta-boton a {
    width: 100%;
    line-height: 28px;
    padding-right: 24px;
    text-decoration: none !important
}


:root {
    --tc_white: #fff;
    --tc_black_primary: #222;
    --tc_blue_baby: #f2f7f9;
    --tc_preventa_bg: #e9ecf7;
    --tc_blue_bright: #f0f5ff;
    --tc_blue_pastel: #e5edf5;
    --tc_activo_bg: #e0f1ff;
    --tc_input_active: #bac9d8;
    --tc_blue_ultramarine: #2b6adb;
    --tc_blue_opal: #3277bf;
    --tc_textlink: #0071d1;
    --tc_preventa_text: #1c42b4;
    --tc_blue_navy: #004d7e;
    --tc_informative: #00529b;
    --tc_activo_text: #0a3d7e;
    --tc_shadow: #00224d;
    --tc_blue_midnight: #262d3b;
    --tc_gray_baby: #f8f8f8;
    --tc_primary_disabled: #d0d0d0;
    --tc_support: #757575;
    --tc_textlink_disabled: #595959;
    --tc_divider: #d0d0d0;
    --tc_proximamente_bg: #eeebf4;
    --tc_secondary_hover: #ebddf1;
    --tc_primary_hover: #8835ab;
    --tc_primary_active: #7b1fa2;
    --tc_proximamente_text: #5e3b96;
    --tc_success_bg: #eff7ef;
    --tc_promo_bg: #f0f7ef;
    --tc_recomendado_bg: #e4eef0;
    --tc_unlimited_bg: #0ff;
    --tc_full_bg: #8bc34a;
    --tc_success: green;
    --tc_null_bg: #66d4cf;
    --tc_promo_text: #006100;
    --tc_null_text: #0c817b;
    --tc_unlimited_text: #007580;
    --tc_recomendado_text: #00575f;
    --tc_erro_bg: #fdf2f2;
    --tc_low_bg: #f91a46;
    --tc_error: #d32222;
    --tc_warning_bg: #fdf6e6;
    --tc_exclusivo_bg: #ffe4b9;
    --tc_half_bg: #ffca28;
    --tc_warning: #ebab07;
    --tc_nuevo_bg: #f2e4ea;
    --tc_highlight: #c71585;
    --tc_nuevo_text: #960747;
    --tc_half_text: #b23400;
    --tc_exclusivo_text: #5a3d10;
    --tc_black: #000;
    --tc_blue: #f2f8fc;
    --tc_informative_bg_d: #d5ecff;
    --tc_activo_bg_d: #7edcff;
    --tc_informative_d: #3c97e5;
    --tc_a_informative_d: #0062c4;
    --tc_preventa_text_d: #1b3789;
    --tc_input: #495777;
    --tc_cards: #303b52;
    --tc_accent: #252d3c;
    --tc_alert_text: #002045;
    --tc_activo_text_d: #071b36;
    --tc_main: #191f2d;
    --tc_textlink_disabled_d: #b3b3b3;
    --tc_support_d: #999;
    --tc_primary_disabled_d: #595959;
    --tc_empty: #414c60;
    --tc_exclusivo_text_d: #222;
    --tc_preventa_bg_d: #d3dcff;
    --tc_proximamente_bg_d: #e7dbff;
    --tc_proximamente_text_d: #532e95;
    --tc_recomendado_bg_d: #ccf7ff;
    --tc_success_bg_d: #b5ebdb;
    --tc_promo_bg_d: #d8fed3;
    --tc_primary_hover_d: #9ffafd;
    --tc_unlimited_text_d: #68e0f3;
    --tc_null_text_d: #00e5ff;
    --tc_null_bg_d: #66d4cf;
    --tc_input_active_d: #bac9d8;
    --tc_primary_active_d: #3cd5db;
    --tc_full_text_d: #b9da90;
    --tc_full_bg_d: #8bc34a;
    --tc_success_d: #069036;
    --tc_promo_text_d: #0a500a;
    --tc_recomendado_text_d: #0f575d;
    --tc_dialog_text: #07476a;
    --tc_erro_bg_d: #f7e6e6;
    --tc_low_bg_d: #f41945;
    --tc_error_d: #9d0000;
    --tc_warning_bg_d: #f9e6b9;
    --tc_exclusivo_bg_d: #f7b374;
    --tc_half_bg_d: #ffca28;
    --tc_warning_d: #9a7800;
    --tc_nuevo_bg_d: #ffd5e8;
    --tc_low_text_d: #ff8fa3;
    --tc_highlight_d: #ffbdff;
    --tc_nuevo_text_d: #80033c;
    --tc_shadow_level_1: 0px 0px 5px rgba(0, 34, 77, .2);
    --tc_shadow_level_2: 0px 3px 14px rgba(0, 34, 77, .2);
    --tc_shadow_level_3: 0px 12px 22px rgba(0, 34, 77, .2);
    --tc_radius_xs: 8px;
    --tc_radius_s: 16px;
    --tc_radius_lg: 24px;
    --tc_text_size_big2: 36px;
    --tc_text_size_big: 32px;
    --tc_text_size_xxl: 28px;
    --tc_text_size_xl: 24px;
    --tc_text_size_l: 20px;
    --tc_text_size_m: 18px;
    --tc_text_size_default: 16px;
    --tc_text_size_s: 14px;
    --tc_text_size_xs: 13px;
    --tc_text_size_xxs: 12px;
    --tc_font_telcel: telcel;
    --tc_font_normal: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    --tc_font_weight1: 400;
    --tc_font_weight2: 600;
    --tc_font_weight3: 700
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#tc_app {
    color: var(--tc_black_primary);
    font-family: var(--tc_font_normal);
    overflow: hidden
}

.tc-text-telcel-weight3-big2 {
    font-size: var(--tc_text_size_big2)
}

.tc-text-telcel-weight3-big,
.tc-text-telcel-weight3-big2 {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight3)
}

.tc-text-telcel-weight3-big {
    font-size: var(--tc_text_size_big)
}

.tc-text-telcel-weight3-xxl {
    font-size: var(--tc_text_size_xxl)
}

.tc-text-telcel-weight3-xl,
.tc-text-telcel-weight3-xxl {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight3)
}

.tc-text-telcel-weight3-xl {
    font-size: var(--tc_text_size_xl)
}

.tc-text-telcel-weight3-l {
    font-size: var(--tc_text_size_l)
}

.tc-text-telcel-weight3-l,
.tc-text-telcel-weight3-m {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight3)
}

.tc-text-telcel-weight3-m {
    font-size: var(--tc_text_size_m)
}

.tc-text-telcel-weight3-default {
    font-size: var(--tc_text_size_default)
}

.tc-text-telcel-weight3-default,
.tc-text-telcel-weight3-s {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight3)
}

.tc-text-telcel-weight3-s {
    font-size: var(--tc_text_size_s)
}

.tc-text-telcel-weight3-xs {
    font-size: var(--tc_text_size_xs)
}

.tc-text-telcel-weight3-xs,
.tc-text-telcel-weight3-xxs {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight3)
}

.tc-text-telcel-weight3-xxs {
    font-size: var(--tc_text_size_xxs)
}

.tc-text-telcel-weight2-big2 {
    font-size: var(--tc_text_size_big2)
}

.tc-text-telcel-weight2-big,
.tc-text-telcel-weight2-big2 {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight2)
}

.tc-text-telcel-weight2-big {
    font-size: var(--tc_text_size_big)
}

.tc-text-telcel-weight2-xxl {
    font-size: var(--tc_text_size_xxl)
}

.tc-text-telcel-weight2-xl,
.tc-text-telcel-weight2-xxl {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight2)
}

.tc-text-telcel-weight2-xl {
    font-size: var(--tc_text_size_xl)
}

.tc-text-telcel-weight2-l {
    font-size: var(--tc_text_size_l)
}

.tc-text-telcel-weight2-l,
.tc-text-telcel-weight2-m {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight2)
}

.tc-text-telcel-weight2-m {
    font-size: var(--tc_text_size_m)
}

.tc-text-telcel-weight2-default {
    font-size: var(--tc_text_size_default)
}

.tc-text-telcel-weight2-default,
.tc-text-telcel-weight2-s {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight2)
}

.tc-text-telcel-weight2-s {
    font-size: var(--tc_text_size_s)
}

.tc-text-telcel-weight2-xs {
    font-size: var(--tc_text_size_xs)
}

.tc-text-telcel-weight2-xs,
.tc-text-telcel-weight2-xxs {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight2)
}

.tc-text-telcel-weight2-xxs {
    font-size: var(--tc_text_size_xxs)
}

.tc-text-telcel-weight1-big2 {
    font-size: var(--tc_text_size_big2)
}

.tc-text-telcel-weight1-big,
.tc-text-telcel-weight1-big2 {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight1)
}

.tc-text-telcel-weight1-big {
    font-size: var(--tc_text_size_big)
}

.tc-text-telcel-weight1-xxl {
    font-size: var(--tc_text_size_xxl)
}

.tc-text-telcel-weight1-xl,
.tc-text-telcel-weight1-xxl {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight1)
}

.tc-text-telcel-weight1-xl {
    font-size: var(--tc_text_size_xl)
}

.tc-text-telcel-weight1-l {
    font-size: var(--tc_text_size_l)
}

.tc-text-telcel-weight1-l,
.tc-text-telcel-weight1-m {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight1)
}

.tc-text-telcel-weight1-m {
    font-size: var(--tc_text_size_m)
}

.tc-text-telcel-weight1-default {
    font-size: var(--tc_text_size_default)
}

.tc-text-telcel-weight1-default,
.tc-text-telcel-weight1-s {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight1)
}

.tc-text-telcel-weight1-s {
    font-size: var(--tc_text_size_s)
}

.tc-text-telcel-weight1-xs {
    font-size: var(--tc_text_size_xs)
}

.tc-text-telcel-weight1-xs,
.tc-text-telcel-weight1-xxs {
    font-family: var(--tc_font_telcel);
    font-weight: var(--tc_font_weight1)
}

.tc-text-telcel-weight1-xxs {
    font-size: var(--tc_text_size_xxs)
}

.tc-text-normal-weight3-big2 {
    font-size: var(--tc_text_size_big2)
}

.tc-text-normal-weight3-big,
.tc-text-normal-weight3-big2 {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight3)
}

.tc-text-normal-weight3-big {
    font-size: var(--tc_text_size_big)
}

.tc-text-normal-weight3-xxl {
    font-size: var(--tc_text_size_xxl)
}

.tc-text-normal-weight3-xl,
.tc-text-normal-weight3-xxl {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight3)
}

.tc-text-normal-weight3-xl {
    font-size: var(--tc_text_size_xl)
}

.tc-text-normal-weight3-l {
    font-size: var(--tc_text_size_l)
}

.tc-text-normal-weight3-l,
.tc-text-normal-weight3-m {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight3)
}

.tc-text-normal-weight3-m {
    font-size: var(--tc_text_size_m)
}

.tc-text-normal-weight3-default {
    font-size: var(--tc_text_size_default)
}

.tc-text-normal-weight3-default,
.tc-text-normal-weight3-s {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight3)
}

.tc-text-normal-weight3-s {
    font-size: var(--tc_text_size_s)
}

.tc-text-normal-weight3-xs {
    font-size: var(--tc_text_size_xs)
}

.tc-text-normal-weight3-xs,
.tc-text-normal-weight3-xxs {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight3)
}

.tc-text-normal-weight3-xxs {
    font-size: var(--tc_text_size_xxs)
}

.tc-text-normal-weight2-big2 {
    font-size: var(--tc_text_size_big2)
}

.tc-text-normal-weight2-big,
.tc-text-normal-weight2-big2 {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight2)
}

.tc-text-normal-weight2-big {
    font-size: var(--tc_text_size_big)
}

.tc-text-normal-weight2-xxl {
    font-size: var(--tc_text_size_xxl)
}

.tc-text-normal-weight2-xl,
.tc-text-normal-weight2-xxl {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight2)
}

.tc-text-normal-weight2-xl {
    font-size: var(--tc_text_size_xl)
}

.tc-text-normal-weight2-l {
    font-size: var(--tc_text_size_l)
}

.tc-text-normal-weight2-l,
.tc-text-normal-weight2-m {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight2)
}

.tc-text-normal-weight2-m {
    font-size: var(--tc_text_size_m)
}

.tc-text-normal-weight2-default {
    font-size: var(--tc_text_size_default)
}

.tc-text-normal-weight2-default,
.tc-text-normal-weight2-s {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight2)
}

.tc-text-normal-weight2-s {
    font-size: var(--tc_text_size_s)
}

.tc-text-normal-weight2-xs {
    font-size: var(--tc_text_size_xs)
}

.tc-text-normal-weight2-xs,
.tc-text-normal-weight2-xxs {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight2)
}

.tc-text-normal-weight2-xxs {
    font-size: var(--tc_text_size_xxs)
}

.tc-text-normal-weight1-big2 {
    font-size: var(--tc_text_size_big2)
}

.tc-text-normal-weight1-big,
.tc-text-normal-weight1-big2 {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight1)
}

.tc-text-normal-weight1-big {
    font-size: var(--tc_text_size_big)
}

.tc-text-normal-weight1-xxl {
    font-size: var(--tc_text_size_xxl)
}

.tc-text-normal-weight1-xl,
.tc-text-normal-weight1-xxl {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight1)
}

.tc-text-normal-weight1-xl {
    font-size: var(--tc_text_size_xl)
}

.tc-text-normal-weight1-l {
    font-size: var(--tc_text_size_l)
}

.tc-text-normal-weight1-l,
.tc-text-normal-weight1-m {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight1)
}

.tc-text-normal-weight1-m {
    font-size: var(--tc_text_size_m)
}

.tc-text-normal-weight1-default {
    font-size: var(--tc_text_size_default)
}

.tc-text-normal-weight1-default,
.tc-text-normal-weight1-s {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight1)
}

.tc-text-normal-weight1-s {
    font-size: var(--tc_text_size_s)
}

.tc-text-normal-weight1-xs {
    font-size: var(--tc_text_size_xs)
}

.tc-text-normal-weight1-xs,
.tc-text-normal-weight1-xxs {
    font-family: var(--tc_font_normal);
    font-weight: var(--tc_font_weight1)
}

.tc-text-normal-weight1-xxs {
    font-size: var(--tc_text_size_xxs)
}

.tc-text-color-informative,
[data-tc-theme=light] .tc-text-color-informative {
    color: var(--tc_informative)
}

.tc-text-color-support,
[data-tc-theme=light] .tc-text-color-support {
    color: var(--tc_support)
}

.tc-text-color-default,
[data-tc-theme=light] .tc-text-color-default {
    color: var(--tc_black_primary)
}

.tc-bg--blue_baby {
    background-color: var(--tc_blue_baby)
}

.tc-bg--gray_baby {
    background-color: var(--tc_gray_baby)
}

.tc-bg--blue_pastel {
    background-color: var(--tc_blue_pastel)
}

.tc-bg--white {
    background-color: var(--tc_white)
}

.tc-bg--blue_bright {
    background-color: var(--tc_blue_bright)
}

.tc-bg--blue_ultramarine {
    background-color: var(--tc_blue_ultramarine)
}

.tc-bg--blue_opal {
    background-color: var(--tc_blue_opal)
}

.tc-bg--blue_midnight {
    background-color: var(--tc_blue_midnight)
}

.tc-bg--blue_navy {
    background-color: var(--tc_blue_pastel)
}

:root {
    --properties_header_bg: var(--tc_blue_pastel);
    --gray_bg_examples: var(--tc_gray_baby)
}

.v-container {
    max-width: 1366px
}

section {
    border-bottom: 1px solid var(--properties_header_bg);
    margin-bottom: 30px
}

.hide {
    display: none
}

.ux-prototype {
    font-size: 20px;
    font-weight: 100;
    margin-top: 2pc
}

.ux-prototype a {
    color: var(--tc_textlink);
    font-weight: 400;
    text-decoration: none
}

.demo-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1pc
}

.demo-wrapper .media-query-wrapper {
    display: none;
    gap: 1pc
}

@media(min-width:1025px) {
    .demo-wrapper .media-query-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.footer-note {
    font-size: 1pc;
    font-style: italic;
    font-weight: 100;
    margin-top: 24px
}

.footer-note a {
    color: var(--tc_textlink);
    font-weight: 400;
    text-decoration: none
}

.properties--container {
    border: 1px solid var(--properties_header_bg)
}

.properties--container .properties--header {
    background-color: #e7e8e8;
    margin: 0 4px;
    position: relative
}

.properties--container .properties--header p {
    color: var(--tc_black_primary);
    font-size: 1pc
}

.properties--container .properties--header:before {
    background-color: #e7e8e8;
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    top: 0;
    width: 4px
}

.properties--container .properties--header:after {
    background-color: #e7e8e8;
    content: "";
    height: 100%;
    position: absolute;
    right: -4px;
    top: 0;
    width: 4px
}

.properties--container .properties--body {
    font-size: 14px;
    margin: 0 4px
}

.box-example,
.properties--container .properties--body:nth-child(odd) {
    background-color: var(--gray_bg_examples)
}

.box-example {
    border: 1px solid var(--properties_header_bg);
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.box-example>.my-4.mx-8 {
    overflow: auto
}

.box-example.width-bot {
    margin: auto;
    padding: 0 !important;
    width: 280px
}

.box-example.width-mobile {
    margin: auto;
    padding: 0 !important;
    width: 376px
}

.box-example.width-tablet {
    margin: auto;
    padding: 0 !important;
    width: 8in
}

.box-example.width-desktop {
    width: 100%
}

.box-example--container {
    margin: 1pc 0
}

.box-example iframe {
    display: block;
    width: 100%
}

.box-example.tc-bg--blue_midnight {
    background-color: var(--tc_blue_midnight)
}

.grid-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    justify-content: center;
    padding: 8px 0
}

@media(min-width:769px) {
    .grid-start {
        padding-left: 1pc
    }
}

.grid-full {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-height: 700px
}

:root {
    --color_bg_accordion_title: var(--tc_blue_pastel);
    --color_text_accordion_title: var(--tc_textlink);
    --color_text_acordion: var(--tc_black);
    --color_border_accordion-mobile: var(--tc_primary_disabled);
    --color_halo_radio_btn: var(--tc_input_active);
    --color_halo_radio_btn_active: var(--tc_textlink);
    --color_border_text_field_active: var(--tc_textlink);
    --color_text_field_label: var(--tc_textlink_disabled);
    --v-input-control-height: 30px;
    --tc_divider_accordion: var(--tc_divider)
}

.tc_accordion-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid var(--tc_divider_accordion);
    border-top: 2px solid var(--tc_divider_accordion);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media(min-width:1025px) {
    .tc_accordion-wrapper {
        border: 0
    }
}

.tc_accordion-wrapper .tc_accordion-body {
    border-radius: 0;
    margin-top: -1px;
    width: 100%
}

.tc_accordion-wrapper .tc_accordion-body .v-expansion-panel__shadow {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tc_accordion-wrapper .tc_accordion-body.v-expansion-panel:after {
    border-color: var(--tc_divider_accordion)
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend {
    border-bottom: none;
    margin-bottom: 0;
    width: 100%
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color_bg_accordion_title);
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    width: 100%
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container .tc_accordion-title {
    color: var(--color_text_accordion_title);
    font-family: var(--tc_font_normal);
    font-size: 1pc;
    font-weight: 600;
    margin: 0;
    padding-left: 8px
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container-mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding: 1pc;
    width: 100%
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container-mobile.v-expansion-panel-title--active {
    background-color: var(--color_bg_accordion_title)
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container-mobile .tc_accordion-title {
    color: var(--color_text_accordion_title);
    font-family: var(--tc_font_normal);
    font-size: 1pc;
    font-weight: 600;
    margin: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container-mobile .v-expand__accordion {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/icon-arrow-show.svg)
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container-mobile .v-collapse__accordion {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/icon-arrow-hide.svg)
}

.tc_accordion-wrapper .tc_accordion-body fieldset legend .tc_accordion-title-container-mobile .v-expansion-panel-title__overlay {
    opacity: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container {
    padding: 1pc 0 24px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container.tc_spacing-radio {
    padding: 1pc 0 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container.tc_inline-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__control .v-selection-control {
    min-height: 20px;
    padding-bottom: 8px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__control .v-selection-control.v-selection-control--density-default {
    --v-selection-control-size: none
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__control .v-selection-control .v-label {
    margin: 0 0 0 8px;
    opacity: 1
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__control .v-selection-control .v-label .tc_checkbox-label {
    color: var(--color_text_acordion);
    font-family: var(--tc_font_normal);
    font-size: 1pc;
    margin: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__control .v-selection-control .v-selection-control__wrapper .v-selection-control__input .v-icon {
    height: 24px;
    width: 24px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__control .v-selection-control .v-selection-control__wrapper .v-selection-control__input .v-checkbox__on {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/checkOn.svg)
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__control .v-selection-control .v-selection-control__wrapper .v-selection-control__input .v-checkbox__off {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/checkOff.svg);
    opacity: 1
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__details {
    height: 0;
    min-height: 0;
    padding-top: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-checkbox-container .tc_accordion-checkbox .v-input__details .v-messages {
    height: 0;
    min-height: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control {
    height: 20px;
    margin-bottom: 8px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control .v-selection-control-group .v-selection-control {
    padding-bottom: 8px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control .v-selection-control-group .v-selection-control.v-selection-control--density-default {
    --v-selection-control-size: none
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control .v-selection-control-group .v-selection-control.tc_radiobtn-active .v-label {
    height: 20px;
    margin: 0;
    opacity: 1
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control .v-selection-control-group .v-selection-control.tc_radiobtn-active .v-label .tc_radiobtn-label {
    color: var(--color_text_acordion);
    font-family: var(--tc_font_normal);
    font-size: 1pc;
    font-weight: 600;
    height: 30px;
    margin: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control .v-selection-control-group .v-selection-control .v-label {
    height: 20px;
    margin: 0;
    opacity: 1
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control .v-selection-control-group .v-selection-control .v-label .tc_radiobtn-label {
    color: var(--color_text_acordion);
    font-family: var(--tc_font_normal);
    font-size: 1pc;
    height: 30px;
    margin: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__control .v-selection-control-group .v-selection-control .v-selection-control__wrapper {
    opacity: 0;
    width: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__details {
    height: 0;
    min-height: 0;
    padding-top: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-radiobtn-container .tc_accordion-radiobtn-group .v-input__details .v-messages {
    height: 0;
    min-height: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color {
    margin-bottom: 5px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control {
    min-height: 24px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control.v-selection-control--density-default {
    --v-selection-control-size: none
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control .v-label {
    margin: 0;
    opacity: 1;
    -webkit-transform: translate(-23px);
    transform: translate(-23px)
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control .v-label .tc_accordion-color--halo {
    border: 1px solid var(--color_halo_radio_btn);
    border-radius: 50%;
    height: 24px;
    position: relative;
    width: 24px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control .v-label .tc_accordion-color--halo .tc_accordion-color--bg {
    border-radius: 50%;
    height: 1pc;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 1pc
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control .v-selection-control__wrapper {
    height: 24px;
    width: 24px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control .v-selection-control__wrapper .v-selection-control__input {
    position: relative
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control .v-selection-control__wrapper .v-selection-control__input .tc-color-active {
    border: 1px solid var(--color_halo_radio_btn_active);
    border-radius: 50%;
    height: 24px;
    left: -11px;
    position: absolute;
    width: 24px;
    z-index: 2
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__control .v-selection-control .v-selection-control__wrapper .v-selection-control__input input {
    height: 24px;
    left: -11px;
    margin: 0;
    top: -9pt;
    width: 24px;
    z-index: 3
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__details {
    height: 0;
    min-height: 0;
    padding-top: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_accordion-btn-show-container .tc_accordion-color-container .tc_accordion-color .v-input__details .v-messages {
    height: 0;
    min-height: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container .tc_enlace-btn-container .tc_enlace-btn .tc-cta-container button {
    min-width: 10px;
    width: auto !important
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container-mobile.tc_inline-wrapper .v-expansion-panel-text .v-expansion-panel-text__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container-mobile .v-expansion-panel-text__wrapper {
    border-bottom: 2px solid var(--tc_divider_accordion);
    padding: 1pc
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-info-container-mobile .tc_enlace-btn-container .tc_enlace-btn .tc-cta-container button {
    min-width: 10px;
    width: auto !important
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1pc 0;
    width: 100%
}

@media(min-width:1025px) {
    .tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container {
        width: 250px
    }
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield {
    width: calc(50% - 2pc)
}

@media(min-width:1025px) {
    .tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield {
        width: 6pc
    }
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control {
    border-radius: 60px;
    width: 100%
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__field input {
    min-height: 40px;
    padding: 5px 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__field .v-label {
    margin-top: 11px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__prepend-inner {
    width: 9pt
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__prepend-inner .tc_icono-field {
    height: 27px;
    left: -8px;
    opacity: .5
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__outline {
    border-radius: 60px;
    height: 40px;
    max-width: 94%
}

@media(min-width:1025px) {
    .tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__outline {
        width: 6pc
    }
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__outline .v-field__outline__start {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field .v-field__outline .v-field__outline__notch .v-label {
    color: var(--color_text_field_label);
    font-weight: 600;
    opacity: 1
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field.v-field--focused .v-field__outline .v-field__outline__end,
.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field.v-field--focused .v-field__outline .v-field__outline__notch,
.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field.v-field--focused .v-field__outline .v-field__outline__notch:after,
.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__control .v-field.v-field--focused .v-field__outline .v-field__outline__start {
    border-color: var(--color_border_text_field_active) !important
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__details {
    height: 0;
    min-height: 0;
    min-width: 0;
    padding-top: 0;
    width: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-textfield .v-input__details .v-messages {
    height: 0;
    min-height: 0
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_icono-field {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/IconoPrecio.svg);
    opacity: 1 !important
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-link-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding-left: 8px;
    width: 40px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container .tc_accordion-link-container .tc-cta-container a {
    min-width: 10px;
    width: auto !important
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc_checkbox-label {
    color: var(--color_text_acordion);
    font-family: var(--tc_font_normal);
    font-size: 1pc;
    font-weight: 500;
    opacity: 1
}

.tc_accordion-wrapper .tc_accordion-body fieldset .tc-cta--link {
    text-align: left !important
}

.tc_accordion-wrapper .tc_accordion-body fieldset fieldset {
    border: none
}

.tc_accordion-wrapper .tc_accordion-body fieldset .ais-RefinementList {
    padding: 0 10px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .ais-RefinementList-list {
    margin: 15px;
    min-height: 20px;
    padding-bottom: 8px;
    padding-left: 8px
}

.tc_accordion-wrapper .tc_accordion-body fieldset .ais-RefinementList-showMore {
    margin: 0;
    padding-left: 8px !important
}

.tc_accordion-wrapper .tc_accordion-body:last-child .v-expansion-panel-text__wrapper {
    border-bottom: 0 !important
}

.tc_accordion-wrapper .tc_accordion-body .tc_checkbox-label {
    margin: 0 0 0 8px
}

.tc_accordion-wrapper .tc_accordion-body .tc-cta--link {
    text-align: left !important
}

.tc_accordion-wrapper .tc_accordion-body fieldset {
    border: none
}

.tc_accordion-wrapper .tc_accordion-body .ais-RefinementList {
    padding: 0 10px
}

.tc_accordion-wrapper .tc_accordion-body .ais-RefinementList-list {
    min-height: 20px;
    padding-bottom: 8px;
    padding-left: 8px
}

.tc_accordion-wrapper .tc_accordion-body .ais-RefinementList-showMore {
    margin: 0;
    padding-left: 8px !important
}

.tc_accordion-wrapper .tc_accordion-body .tc_checkbox_on i {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/checkOn.svg) !important
}

.tc_accordion-wrapper .tc_accordion-body .tc_checkbox_off i {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/checkOff.svg) !important
}

.tc_accordion-wrapper .tc_accordion-body .tc_accordion-checkbox-container .v-selection-control__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tc_accordion-wrapper .tc_accordion-body .v-btn:active,
.tc_accordion-wrapper .tc_accordion-body .v-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tc_accordion-wrapper .tc_accordion-checkbox-container .v-selection-control__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tc_accordion-wrapper .tc_checkbox--range {
    cursor: pointer;
    padding-bottom: 8px
}

.isMobile {
    display: none
}

.isMobile .tc_accordion-title-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff !important;
    border-top: 1px solid #d0d0d0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 24px 10px;
    text-align: start;
    width: 100%
}

.isMobile .tc_accordion-title-container .tc_accordion-title {
    color: #222
}

.isMobile .tc_accordion-wrapper {
    border-top: none !important;
    margin: 20px 0
}

.isMobile .tc_accordion-wrapper .tc_accordion-info-container {
    padding-left: 1pc !important
}

.isMobile .toggle {
    display: block !important
}

.isMobile .toggleTitle {
    background-color: var(--color_bg_accordion_title) !important
}

.isMobile .toggleTitle .tc_accordion-arrows {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .1s;
    transition: all .1s
}

.isMobile .accordion-item {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 10px
}

.isMobile .accordion-content {
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    padding: 10px
}

.isMobile .tc_accordion-mobile--togle {
    display: none
}

@media(max-width:1024px) {
    .isMobile {
        display: block
    }

    .isDesktop {
        display: none
    }
}

@media(min-width:1025px) {
    .tc_accordion-wrapper .tc_accordion-body fieldset .tc_accordion-textfield-container {
        width: 100% !important
    }
}

.filter-left .tc-cta-container_link {
    width: 100% !important
}

.cta-div .tc-cta-container_link {
    height: auto !important;
    margin: 0 !important;
    width: 50px !important
}

:root {
    --tc_box_bg: var(--tc_white);
    --tc_box_search_divider_color: var(--tc_primary_disabled);
    --tc_box_search_shadow_level_2: var(--tc_shadow_level_2)
}

#resultado-busqueda .no-results-block p {
    padding-left: 2pc
}

#tc_card-searcher {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--tc_box_bg);
    border-radius: 8px;
    -webkit-box-shadow: var(--tc_box_search_shadow_level_2);
    box-shadow: var(--tc_box_search_shadow_level_2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100vh;
    max-width: 57pc;
    min-height: 200px;
    overflow-y: auto;
    padding: 1pc 0;
    width: 100%
}

#tc_card-searcher ul {
    list-style: none;
    padding-left: 0
}

#tc_card-searcher ul li {
    margin-bottom: 8px
}

@media(min-width:768px) {
    #tc_card-searcher {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-height: 45pc !important;
        overflow: initial
    }
}

@media screen and (min-width:768px)and (max-height:935px) {
    #tc_card-searcher {
        max-height: 80vh !important
    }
}

@media(max-width:767px) {
    #tc_card-searcher {
        max-height: calc(100vh - 78px)
    }
}

#tc_card-searcher--suggestions {
    max-width: 100%
}

@media(min-width:768px) {
    #tc_card-searcher--suggestions {
        max-height: 100%;
        max-width: 15pc;
        min-width: 15pc;
        overflow-x: hidden;
        overflow-y: auto
    }
}

#tc_card-searcher--suggestions .tc-cta-container {
    min-width: 100%;
    width: 100%
}

#tc_card-searcher--suggestions .tc-cta-container a,
#tc_card-searcher--suggestions .tc-cta-container button {
    border-radius: 0;
    min-width: 100%;
    width: 100%
}

#tc_card-searcher--suggestions .tc-cta-container a:hover,
#tc_card-searcher--suggestions .tc-cta-container button:hover {
    background: none;
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#tc_card-searcher--suggestions .tc-cta-container a:hover .v-btn__overlay,
#tc_card-searcher--suggestions .tc-cta-container button:hover .v-btn__overlay {
    display: none
}

#tc_card-searcher--suggestions .tc-chip--selected {
    background-color: #e5edf5;
    border: none;
    color: #0071d1;
    font-weight: 600
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__title {
    margin-bottom: 1pc;
    padding: 0 1pc
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info {
    padding: 0 1pc
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-container {
    margin: 0 -1pc;
    padding: 0 1pc
}

@media(max-width:767px) {
    #tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-container {
        padding: 0
    }
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-cta {
    color: #000;
    display: block;
    font-weight: 400;
    margin-bottom: 23px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-cta svg {
    position: absolute;
    top: -1px
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-cta span {
    padding-left: 2pc
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-cta:hover {
    text-decoration: none !important
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .ais-Hits-list {
    margin: 0
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .ais-Hits-list .ais-Hits-item {
    margin: 0;
    padding: .5em 0
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .listbox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 23px
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .listbox-ItemContent {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .listbox-ItemContent__ItemIcon {
    height: 20px;
    margin-right: 9pt;
    opacity: .5;
    width: 20px
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .listbox-ItemContent__ItemContentBody {
    color: #222
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .listbox-ItemActions__ItemActionButton {
    height: 20px;
    opacity: .2;
    width: 20px
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .listbox-ItemActions__ItemActionButton:hover {
    opacity: .5
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-container .chip-container {
    margin-bottom: 10px;
    margin-right: 10px
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-container .chip-container .v-chip {
    background-color: #e5edf5;
    border: none;
    color: #0071d1;
    cursor: pointer
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-container .v-chip {
    font-weight: 600;
    padding: 0 1pc
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info-container .v-chip .v-chip__underlay {
    background-color: transparent
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .sugerencias-div {
    cursor: pointer
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info .sugerencias-div span {
    color: #222
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info swiper-container {
    margin-bottom: 1pc !important;
    margin-top: -4px !important
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info swiper-slide {
    padding: 4px 0 !important
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info swiper-slide:first-of-type {
    margin-left: 1pc !important
}

#tc_card-searcher--suggestions .tc_card-searcher--suggestions__info swiper-slide:last-of-type {
    margin-right: 1pc !important
}

#tc_card-searcher--suggestions .sugerencias .ais-Hits-list {
    display: block
}

#tc_card-searcher--results {
    border-left: 0;
    position: relative;
    width: 100%
}

#tc_card-searcher--results .tc_card-searcher--results__title {
    margin-bottom: 1pc;
    padding: 0 1pc
}

#tc_card-searcher--results .tc_card-searcher--results__info {
    padding: 0
}

#tc_card-searcher--results .tc_card-searcher--results__info--card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1pc
}

@media(min-width:992px) {
    #tc_card-searcher--results .tc_card-searcher--results__info--card {
        margin-bottom: 32.15px;
        min-height: 316px
    }
}

#tc_card-searcher--results .tc_card-searcher--results__info--card .v-card {
    padding: 0 10px 10px 0
}

@media(max-width:767px) {
    #tc_card-searcher--results .tc_card-searcher--results__info--card .v-card {
        padding: 0
    }
}

#tc_card-searcher--results .tc_card-searcher--results__info--text {
    margin-top: 24px;
    padding: 0 1pc;
    position: relative
}

#tc_card-searcher--results .tc_card-searcher--results__info--text svg {
    fill: #00529b;
    left: 1pc;
    position: absolute
}

#tc_card-searcher--results .tc_card-searcher--results__info--text p {
    color: #00529b;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 1pc;
    padding-left: 2pc
}

#tc_card-searcher--results .tc_card-searcher--results__info--text p.secondText {
    font-weight: 600;
    margin-bottom: 0
}

#tc_card-searcher--results .tc_card-searcher--results__info--text .banner-estatico {
    margin-top: 24px
}

@media(max-width:767px) {
    #tc_card-searcher--results .tc_card-searcher--results__info--text .banner-estatico {
        max-width: 414px
    }
}

#tc_card-searcher--results .tc_card-searcher--results__info--text .banner-estatico img {
    width: 100%
}

#tc_card-searcher--results .tc_card-searcher--results__info .cta-holder {
    margin-bottom: 24px
}

#tc_card-searcher--results .tc_card-searcher--results__info swiper-container {
    margin-bottom: 1pc !important;
    margin-top: -1pc !important
}

#tc_card-searcher--results .tc_card-searcher--results__info swiper-slide {
    padding: 1pc 0 !important
}

#tc_card-searcher--results .tc_card-searcher--results__info swiper-slide:first-of-type {
    margin-left: 1pc !important
}

#tc_card-searcher--results .tc_card-searcher--results__info swiper-slide:last-of-type {
    margin-right: 1pc !important
}

@media(min-width:768px) {
    #tc_card-searcher--results {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        width: calc(100% - 15pc)
    }

    #tc_card-searcher--results:before {
        top: 0
    }

    #tc_card-searcher--results:after,
    #tc_card-searcher--results:before {
        background-color: var(--tc_box_bg);
        content: "";
        height: 1pc;
        left: -8px;
        position: absolute;
        width: 1pc
    }

    #tc_card-searcher--results:after {
        bottom: 0
    }

    #tc_card-searcher--results {
        border-left: 1px solid var(--tc_box_search_divider_color)
    }

    #tc_card-searcher--results-container {
        padding: 0 0 0 1px
    }
}

@media(max-width:767px) {
    #tc_card-searcher--results .tc-cta-container {
        padding: 0 1pc
    }
}

@media(max-width:991px) {
    .info-listbox {
        max-height: 138px;
        overflow: hidden
    }
}

#box-search-container {
    display: block;
    max-width: 57pc;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

#box-search-container.resultados-fixed {
    top: 3pc
}

@media(max-width:1023px) {

    #box-search-container,
    #box-search-container.resultados-fixed {
        top: 3pc
    }
}

#buscador-menu-formulario {
    right: 10px
}

@media(max-width:991px) {
    #buscador-menu-formulario.navbar-form:hover .input-group:not(.buscador-desplegado) {
        width: 180px !important
    }
}

#buscador-menu-formulario .input-group {
    display: block;
    max-width: none;
    width: 16pc
}

@media(max-width:991px) {
    #buscador-menu-formulario .input-group {
        max-width: calc(100vw - 140px);
        width: 180px
    }
}

#buscador-menu-formulario .input-group.buscador-desplegado {
    margin-right: 0;
    max-width: calc(100vw - 26pc);
    width: 875px !important
}

@media(max-width:991px) {
    #buscador-menu-formulario .input-group.buscador-desplegado {
        max-width: calc(100vw - 10pc)
    }
}

@media(max-width:767px) {
    #buscador-menu-formulario .input-group.buscador-desplegado {
        max-width: calc(100vw - 5pc)
    }
}

#buscador-menu-formulario .input-group.buscador-desplegado #buscador-menu-input-contenedor #buscador-menu-input {
    padding-left: 36px !important;
    padding-right: 6pc !important
}

#buscador-menu-formulario #buscador-menu-input-contenedor {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    background: #fff;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%
}

@media(max-width:991px) {
    #buscador-menu-formulario #buscador-menu-input-contenedor {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        background: #f2f7f9;
        justify-content: flex-start
    }
}

#buscador-menu-formulario #buscador-menu-input-contenedor #buscador-menu-input {
    background-color: transparent;
    border: none !important;
    color: #000;
    font-family: inherit;
    font-size: 1pc;
    height: 34px;
    margin: 0;
    outline: none;
    padding: 7px 20px 9px !important;
    width: 100%
}

#buscador-menu-formulario #buscador-menu-input-contenedor #buscador-menu-input::-webkit-input-placeholder {
    color: #9ea5a9 !important
}

#buscador-menu-formulario #buscador-menu-input-contenedor #buscador-menu-input::-moz-placeholder {
    color: #9ea5a9 !important
}

#buscador-menu-formulario #buscador-menu-input-contenedor #buscador-menu-input:-ms-input-placeholder {
    color: #9ea5a9 !important
}

#buscador-menu-formulario #buscador-menu-input-contenedor #buscador-menu-input::-ms-input-placeholder {
    color: #9ea5a9 !important
}

#buscador-menu-formulario #buscador-menu-input-contenedor #buscador-menu-input::placeholder {
    color: #9ea5a9 !important
}

#buscador-menu-formulario #nuevo-menu-buscador-boton-lupa {
    line-height: 1;
    position: absolute;
    right: 1pc;
    top: 5px;
    z-index: 3
}

#buscador-menu-formulario #nuevo-menu-buscador-boton-lupa button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: none;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 24px
}

#buscador-menu-formulario .input-group.buscador-desplegado #nuevo-menu-buscador-boton-lupa {
    display: none
}

#buscador-menu-formulario #nuevo-menu-buscador-boton-buscar {
    position: absolute;
    right: 4px;
    top: 3px;
    z-index: 3
}

#buscador-menu-formulario #nuevo-menu-buscador-boton-buscar button {
    background-color: #e3edf6;
    border: 0;
    border-radius: 20px;
    color: #0071d1;
    font-weight: 600;
    height: 100%;
    height: 28px;
    padding: 0 1pc;
    width: 100%;
    width: 74px
}

@media(max-width:991px) {
    #buscador-menu-formulario #nuevo-menu-buscador-boton-buscar button {
        font-size: 14px
    }
}

#buscador-menu-formulario #nuevo-menu-buscador-boton-buscar .btn-disabled {
    background-color: #d0d0d0;
    color: #595959;
    cursor: none;
    pointer-events: none
}

.menu-search-fixed #buscador-menu-input-contenedor {
    background: #f2f7f9 !important
}

.menu-search-fixed #buscador-menu-input-contenedor #buscador-menu-input {
    background-color: transparent;
    border: none;
    color: #000;
    font-family: inherit;
    font-size: 15px;
    height: 34px;
    margin: 0;
    outline: none
}

.menu-search-fixed #buscador-menu-input-contenedor #buscador-menu-input::-webkit-input-placeholder {
    color: #9ea5a9 !important
}

.menu-search-fixed #buscador-menu-input-contenedor #buscador-menu-input::-moz-placeholder {
    color: #9ea5a9 !important
}

.menu-search-fixed #buscador-menu-input-contenedor #buscador-menu-input:-ms-input-placeholder {
    color: #9ea5a9 !important
}

.menu-search-fixed #buscador-menu-input-contenedor #buscador-menu-input::-ms-input-placeholder {
    color: #9ea5a9 !important
}

.menu-search-fixed #buscador-menu-input-contenedor #buscador-menu-input::placeholder {
    color: #9ea5a9 !important
}

@media(min-width:992px) {
    .fixed-bottom-nav #box-search-container {
        top: 60px
    }

    .comp-buscador-menu .menu-search .menu-search-normal {
        top: -38px !important
    }
}

@media(max-width:991px) {
    .comp-buscador-menu .menu-search .menu-search-normal {
        position: absolute !important
    }
}

.comp-buscador-menu .menu-search.buscador-movil-modal .input-group #nuevo-menu-buscador-boton-cerrar .close {
    background-image: none !important
}

.comp-buscador-menu .menu-search .input-group #nuevo-menu-buscador-boton-cerrar {
    background-image: none !important;
    left: 8px !important;
    top: 5px !important
}

@media(max-width:991px) {
    .comp-buscador-menu .menu-search.buscador-movil-modal .input-group #nuevo-menu-buscador-boton-cerrar {
        top: 6px !important
    }

    .comp-buscador-menu .menu-search.buscador-movil-modal .input-group #nuevo-menu-buscador-boton-lupa {
        top: -2px !important
    }
}

.container-box-search__overlay {
    background-color: #000;
    height: calc(100vh - 73px);
    left: -100vh;
    opacity: .4;
    position: absolute;
    top: 73px;
    width: 300%
}

@media(min-width:992px) {
    .container-box-search__overlay {
        top: 65px
    }
}

@media(max-width:991px) {
    header.telcel-menu-header {
        min-height: 114px !important
    }
}

header.telcel-menu-header .header-container .bottom-nav .nav-options.fixed-options {
    margin-right: 268px !important
}

@media(min-width:992px) {
    header.telcel-menu-header .header-container .bottom-nav .nav-options:not(.fixed-options) {
        display: block !important
    }
}

@media(max-width:991px) {
    header.telcel-menu-header .header-container .bottom-nav .nav-options:not(.options-none) {
        display: block !important
    }
}

@media(min-width:992px) {
    header.telcel-menu-header .header-container .top-nav .list-services {
        margin-right: 253px !important
    }
}

.navbar-brand {
    height: 65px;
    padding: 20.5px 10px
}

@media(max-width:991px) {
    .navbar-brand {
        height: 45px
    }
}

@media(min-width:375px)and (max-width:422px) {
    .navbar-brand {
        padding: 9pt 5px !important
    }
}

.brand-container .logo .navbar-brand img {
    height: 24px;
    max-width: 77px !important
}

@media(max-width:991px) {
    .brand-container .logo .navbar-brand img {
        height: 1pc;
        max-width: 4pc !important
    }
}

.comp-buscador-menu .menu-search .menu-search-fixed {
    top: 18px !important
}

@media(max-width:991px) {
    .comp-buscador-menu .menu-search .menu-search-fixed {
        top: 0 !important
    }

    .comp-buscador-menu .menu-search.buscador-movil-modal {
        background-color: transparent !important
    }

    .comp-buscador-menu .menu-search .input-group.buscador-desplegado input {
        padding-left: 35px !important;
        width: 68% !important
    }

    .container-box-search__overlay {
        left: 0;
        width: 100%
    }

    .navbar-nuevo-menu {
        margin-top: 9px !important
    }
}

.tc-cta-container {
    width: 100%
}

.tc-cta-container.tc-cta-container_link {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(min-width:768px) {
    .tc-cta-container {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--primary {
    background: var(--color_background_button_primary);
    border: 1px solid var(--color_border_button_primary);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_primary);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--primary:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--primary.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--primary:hover {
    background: var(--color_background_button_primary--hover);
    border: 1px solid var(--color_border_button_primary--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_primary--hover)
}

.tc-cta.tc-cta--secondary {
    background: var(--color_background_button_secondary);
    border: 1px solid var(--color_border_button_secondary);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_secondary);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--secondary:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--secondary.tc-cta--disabled {
    background: var(--color_background_button_secondary_disabled);
    border: 1px solid var(--color_border_button_secondary_disabled);
    color: var(--color_text_button_secondary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--secondary:hover {
    background: var(--color_background_button_secondary--hover);
    border: 1px solid var(--color_border_button_secondary--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_secondary--hover)
}

.tc-cta.tc-cta--success {
    background: var(--color_background_button_success);
    border: 1px solid var(--color_border_button_success);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_success);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--success:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--success.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--success:hover {
    background: var(--color_background_button_success--hover);
    border: 1px solid var(--color_border_button_success--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_success--hover)
}

.tc-cta.tc-cta--info {
    background: var(--color_background_button_info);
    border: 1px solid var(--color_border_button_info);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_info);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--info:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--info.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--info:hover {
    background: var(--color_background_button_info--hover);
    border: 1px solid var(--color_border_button_info--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_info--hover)
}

.tc-cta.tc-cta--warning {
    background: var(--color_background_button_warning);
    border: 1px solid var(--color_border_button_warning);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_warning);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--warning:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--warning.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--warning:hover {
    background: var(--color_background_button_warning--hover);
    border: 1px solid var(--color_border_button_warning--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_warning--hover)
}

.tc-cta.tc-cta--error {
    background: var(--color_background_button_error);
    border: 1px solid var(--color_border_button_error);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_error);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--error:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--error.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--error:hover {
    background: var(--color_background_button_error--hover);
    border: 1px solid var(--color_border_button_error--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_error--hover)
}

.tc-cta.tc-cta--outline-success {
    background: var(--color_background_button_secondary_success);
    border: 1px solid var(--color_border_button_secondary_success);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_secondary_success);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--outline-success:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--outline-success.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--outline-success:hover {
    background: var(--color_background_button_secondary_success--hover);
    border: 1px solid var(--color_border_button_secondary_success--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_secondary_success--hover)
}

.tc-cta.tc-cta--outline-info {
    background: var(--color_background_button_secondary_info);
    border: 1px solid var(--color_border_button_secondary_info);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_secondary_info);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--outline-info:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--outline-info.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--outline-info:hover {
    background: var(--color_background_button_secondary_info--hover);
    border: 1px solid var(--color_border_button_secondary_info--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_secondary_info--hover)
}

.tc-cta.tc-cta--outline-warning {
    background: var(--color_background_button_secondary_warning);
    border: 1px solid var(--color_border_button_secondary_warning);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_secondary_warning);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--outline-warning:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--outline-warning.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--outline-warning:hover {
    background: var(--color_background_button_secondary_warning--hover);
    border: 1px solid var(--color_border_button_secondary_warning--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_secondary_warning--hover)
}

.tc-cta.tc-cta--outline-error {
    background: var(--color_background_button_secondary_error);
    border: 1px solid var(--color_border_button_secondary_error);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_secondary_error);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--outline-error:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--outline-error.tc-cta--disabled {
    background: var(--color_background_button_primary_disabled);
    border: 1px solid var(--color_border_button_primary_disabled);
    color: var(--color_text_button_primary_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--outline-error:hover {
    background: var(--color_background_button_secondary_error--hover);
    border: 1px solid var(--color_border_button_secondary_error--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_secondary_error--hover)
}

.tc-cta.tc-cta--link {
    background: var(--color_background_button_link);
    border: 1px solid var(--color_border_button_link);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_link);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--link:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--link.tc-cta--disabled {
    background: var(--color_background_button_link_disabled);
    border: 1px solid var(--color_border_button_link_disabled);
    color: var(--color_text_button_link_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--link:hover {
    background: var(--color_background_button_link--hover);
    border: 1px solid var(--color_border_button_link--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_link--hover)
}

.tc-cta.tc-cta--sugerencia {
    background: var(--color_background_button_sugerencia);
    border: 1px solid var(--color_border_button_sugerencia);
    border-radius: 200px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_text_button_sugerencia);
    cursor: pointer;
    display: block;
    font-size: 1pc;
    font-weight: 600;
    height: 40px !important;
    letter-spacing: normal;
    min-width: auto;
    padding: 8px 1pc;
    text-align: left;
    text-decoration: none !important;
    text-transform: none;
    width: 100%
}

@media(min-width:768px) {
    .tc-cta.tc-cta--sugerencia:not(.btn--link) {
        min-width: 15pc;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tc-cta.tc-cta--sugerencia.tc-cta--disabled {
    background: var(--color_background_button_sugerencia_disabled);
    border: 1px solid var(--color_border_button_sugerencia_disabled);
    color: var(--color_text_button_sugerencia_disabled);
    cursor: none;
    pointer-events: none
}

.tc-cta.tc-cta--sugerencia:hover {
    background: var(--color_background_button_sugerencia--hover);
    border: 1px solid var(--color_border_button_sugerencia--hover);
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    color: var(--color_text_button_sugerencia--hover)
}

.tc-cta.tc-cta--sugerencia {
    font-weight: 400;
    padding: 0
}

.tc-cta.tc-cta--sugerencia .v-btn__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    justify-content: start
}

a.tc-cta.tc-cta--link,
button.tc-cta.tc-cta--link {
    border-radius: 0;
    display: inline-block;
    height: auto;
    line-height: normal;
    padding: 0;
    width: auto !important
}

a.tc-cta.tc-cta--link:hover,
button.tc-cta.tc-cta--link:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline !important
}

a.tc-cta.tc-cta--link-sugerencia,
button.tc-cta.tc-cta--link-sugerencia {
    border-radius: 0;
    display: inline-block;
    height: auto;
    line-height: normal;
    padding: 0;
    width: auto !important
}

a.tc-cta.tc-cta--link-sugerencia:hover,
button.tc-cta.tc-cta--link-sugerencia:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.v-btn .v-btn__content,
button.v-btn .v-btn__content {
    line-height: 18px
}

:root,
:root [data-tc-theme=light] {
    --color_background_button_link: transparent;
    --color_border_button_link: transparent;
    --color_text_button_link: var(--tc_textlink);
    --color_background_button_link--hover: transparent;
    --color_border_button_link--hover: transparent;
    --color_text_button_link--hover: var(--tc_textlink);
    --color_background_button_link_disabled: transparent;
    --color_border_button_link_disabled: transparent;
    --color_text_button_link_disabled: var(--tc_textlink_disabled);
    --color_text_decoration_button_link: underline;
    --color_background_button_sugerencia: transparent;
    --color_border_button_sugerencia: transparent;
    --color_text_button_sugerencia: var(--tc_black_primary);
    --color_background_button_sugerencia--hover: transparent;
    --color_border_button_sugerencia--hover: transparent;
    --color_text_button_sugerencia--hover: var(--tc_black_primary);
    --color_background_button_sugerencia_disabled: transparent;
    --color_border_button_sugerencia_disabled: transparent;
    --color_text_button_sugerencia_disabled: var(--tc_textlink_disabled);
    --color_text_decoration_button_sugerencia: underline;
    --color_background_button_primary: var(--tc_primary_active);
    --color_border_button_primary: var(--tc_primary_active);
    --color_text_button_primary: var(--tc_white);
    --color_background_button_primary--hover: var(--tc_primary_hover);
    --color_border_button_primary--hover: var(--tc_primary_hover);
    --color_text_button_primary--hover: var(--tc_white);
    --color_background_button_primary_disabled: var(--tc_primary_disabled);
    --color_border_button_primary_disabled: var(--tc_primary_disabled);
    --color_text_button_primary_disabled: var(--tc_textlink_disabled);
    --color_text_decoration_button_primary: none;
    --color_background_button_secondary: var(--tc_white);
    --color_border_button_secondary: var(--tc_primary_active);
    --color_text_button_secondary: var(--tc_primary_active);
    --color_background_button_secondary--hover: var(--tc_secondary_hover);
    --color_border_button_secondary--hover: var(--tc_primary_active);
    --color_text_button_secondary--hover: var(--tc_primary_active);
    --color_background_button_secondary_disabled: var(--tc_gray_baby);
    --color_border_button_secondary_disabled: var(--tc_primary_disabled);
    --color_text_button_secondary_disabled: var(--tc_textlink_disabled);
    --color_text_decoration_button_secondary: none;
    --color_background_button_success: var(--tc_success);
    --color_border_button_success: var(--tc_success);
    --color_text_button_success: var(--tc_white);
    --color_background_button_success--hover: var(--tc_success);
    --color_border_button_success--hover: var(--tc_success);
    --color_text_button_success--hover: var(--tc_white);
    --color_background_button_secondary_success: var(--tc_white);
    --color_border_button_secondary_success: var(--tc_success);
    --color_text_button_secondary_success: var(--tc_success);
    --color_background_button_secondary_success--hover: var(--tc_success_bg);
    --color_border_button_secondary_success--hover: var(--tc_success);
    --color_text_button_secondary_success--hover: var(--tc_success);
    --color_text_decoration_button_success: none;
    --color_background_button_info: var(--tc_informative);
    --color_border_button_info: var(--tc_informative);
    --color_text_button_info: var(--tc_white);
    --color_background_button_info--hover: var(--tc_informative);
    --color_border_button_info--hover: var(--tc_informative);
    --color_text_button_info--hover: var(--tc_white);
    --color_background_button_secondary_info: var(--tc_white);
    --color_border_button_secondary_info: var(--tc_informative);
    --color_text_button_secondary_info: var(--tc_informative);
    --color_background_button_secondary_info--hover: var(--tc_blue_baby);
    --color_border_button_secondary_info--hover: var(--tc_informative);
    --color_text_button_secondary_info--hover: var(--tc_informative);
    --color_text_decoration_button_info: none;
    --color_background_button_warning: var(--tc_warning);
    --color_border_button_warning: var(--tc_warning);
    --color_text_button_warning: var(--tc_black_primary);
    --color_background_button_warning--hover: var(--tc_warning);
    --color_border_button_warning--hover: var(--tc_warning);
    --color_text_button_warning--hover: var(--tc_black_primary);
    --color_background_button_secondary_warning: var(--tc_white);
    --color_border_button_secondary_warning: var(--tc_warning);
    --color_text_button_secondary_warning: var(--tc_black_primary);
    --color_background_button_secondary_warning--hover: var(--tc_warning_bg);
    --color_border_button_secondary_warning--hover: var(--tc_warning);
    --color_text_button_secondary_warning--hover: var(--tc_black_primary);
    --color_text_decoration_button_warning: none;
    --color_background_button_error: var(--tc_error);
    --color_border_button_error: var(--tc_error);
    --color_text_button_error: var(--tc_white);
    --color_background_button_error--hover: var(--tc_error);
    --color_border_button_error--hover: var(--tc_error);
    --color_text_button_error--hover: var(--tc_white);
    --color_background_button_secondary_error: var(--tc_white);
    --color_border_button_secondary_error: var(--tc_error);
    --color_text_button_secondary_error: var(--tc_error);
    --color_background_button_secondary_error--hover: var(--tc_error_bg);
    --color_border_button_secondary_error--hover: var(--tc_error);
    --color_text_button_secondary_error--hover: var(--tc_error);
    --color_text_decoration_button_error: none
}

:root [data-tc-theme=dark] {
    --color_background_button_link: transparent;
    --color_border_button_link: transparent;
    --color_text_button_link: var(--tc_primary_active_d);
    --color_background_button_link--hover: transparent;
    --color_border_button_link--hover: transparent;
    --color_text_button_link--hover: var(--tc_primary_active_d);
    --color_background_button_link_disabled: transparent;
    --color_border_button_link_disabled: transparent;
    --color_text_button_link_disabled: var(--tc_textlink_disabled_d);
    --color_text_decoration_button_link: underline;
    --color_background_button_primary: var(--tc_primary_active_d);
    --color_border_button_primary: var(--tc_primary_active_d);
    --color_text_button_primary: var(--tc_black_primary);
    --color_background_button_primary--hover: var(--tc_primary_hover_d);
    --color_border_button_primary--hover: var(--tc_primary_hover_d);
    --color_text_button_primary--hover: var(--tc_black_primary);
    --color_background_button_primary_disabled: var(--tc_primary_disabled_d);
    --color_border_button_primary_disabled: var(--tc_primary_disabled_d);
    --color_text_button_primary_disabled: var(--tc_textlink_disabled_d);
    --color_text_decoration_button_primary: none;
    --color_background_button_secondary: transparent;
    --color_border_button_secondary: var(--tc_primary_active_d);
    --color_text_button_secondary: var(--tc_primary_active_d);
    --color_background_button_secondary--hover: transparent;
    --color_border_button_secondary--hover: var(--tc_primary_active_d);
    --color_text_button_secondary--hover: var(--tc_primary_active_d);
    --color_background_button_secondary_disabled: var(--tc_gray_baby_d);
    --color_border_button_secondary_disabled: var(--tc_primary_disabled_d);
    --color_text_button_secondary_disabled: var(--tc_textlink_disabled_d);
    --color_text_decoration_button_secondary: none;
    --color_background_button_success: var(--tc_success_d);
    --color_border_button_success: var(--tc_success_d);
    --color_text_button_success: var(--tc_black_primary);
    --color_background_button_success--hover: var(--tc_success_d);
    --color_border_button_success--hover: var(--tc_success_d);
    --color_text_button_success--hover: var(--tc_black_primary);
    --color_background_button_secondary_success: transparent;
    --color_border_button_secondary_success: var(--tc_success_d);
    --color_text_button_secondary_success: var(--tc_success_d);
    --color_background_button_secondary_success--hover: transparent;
    --color_border_button_secondary_success--hover: var(--tc_success_d);
    --color_text_button_secondary_success--hover: var(--tc_success_d);
    --color_text_decoration_button_success: none;
    --color_background_button_info: var(--tc_informative_d);
    --color_border_button_info: var(--tc_informative_d);
    --color_text_button_info: var(--tc_black_primary);
    --color_background_button_info--hover: var(--tc_informative_d);
    --color_border_button_info--hover: var(--tc_informative_d);
    --color_text_button_info--hover: var(--tc_black_primary);
    --color_background_button_secondary_info: transparent;
    --color_border_button_secondary_info: var(--tc_informative_d);
    --color_text_button_secondary_info: var(--tc_informative_d);
    --color_background_button_secondary_info--hover: transparent;
    --color_border_button_secondary_info--hover: var(--tc_informative_d);
    --color_text_button_secondary_info--hover: var(--tc_informative_d);
    --color_text_decoration_button_info: none;
    --color_background_button_warning: var(--tc_warning_d);
    --color_border_button_warning: var(--tc_warning_d);
    --color_text_button_warning: var(--tc_black_primary_d);
    --color_background_button_warning--hover: var(--tc_warning_d);
    --color_border_button_warning--hover: var(--tc_warning_d);
    --color_text_button_warning--hover: var(--tc_black_primary_d);
    --color_background_button_secondary_warning: transparent;
    --color_border_button_secondary_warning: var(--tc_warning_d);
    --color_text_button_secondary_warning: var(--tc_warning_d);
    --color_background_button_secondary_warning--hover: transparent;
    --color_border_button_secondary_warning--hover: var(--tc_warning_d);
    --color_text_button_secondary_warning--hover: var(--tc_warning_d);
    --color_text_decoration_button_warning: none;
    --color_background_button_error: var(--tc_error_d);
    --color_border_button_error: var(--tc_error_d);
    --color_text_button_error: var(--tc_black_primary);
    --color_background_button_error--hover: var(--tc_error_d);
    --color_border_button_error--hover: var(--tc_error_d);
    --color_text_button_error--hover: var(--tc_black_primary);
    --color_background_button_secondary_error: transparent;
    --color_border_button_secondary_error: var(--tc_error_d);
    --color_text_button_secondary_error: var(--tc_error_d);
    --color_background_button_secondary_error--hover: transparent;
    --color_border_button_secondary_error--hover: var(--tc_error_d);
    --color_text_button_secondary_error--hover: var(--tc_error_d);
    --color_text_decoration_button_error: none
}

:root {
    --card_basic_text: var(--tc_black_primary);
    --card_basic_textlink: var(--tc_textlink);
    --card_basic_title_color: var(--tc_informative)
}

.tc-card-basic--wrapper {
    color: var(--card_basic_text)
}

.tc-card-basic--wrapper,
.tc-card-basic--wrapper:hover {
    text-decoration: none !important
}

.v-card.tc-card.tc-card-basic {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 1pc;
    -webkit-box-shadow: var(--card_shadow_level_1);
    box-shadow: var(--card_shadow_level_1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--tc_font_normal);
    height: 100%;
    justify-content: space-between;
    padding: 1pc;
    width: 248px
}

.v-card.tc-card.tc-card-basic .tc-card-basic--title {
    color: var(--card_basic_title_color);
    font-weight: 600;
    height: 38px;
    line-height: 18px;
    margin: 0 0 1pc !important;
    margin-bottom: 0;
    text-overflow: ellipsis
}

.v-card.tc-card.tc-card-basic .tc-card-basic--text,
.v-card.tc-card.tc-card-basic .tc-card-basic--title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: var(--tc_font_normal);
    font-size: 1pc;
    overflow: hidden;
    position: relative;
    text-decoration: none !important
}

.v-card.tc-card.tc-card-basic .tc-card-basic--text {
    color: var(--card_basic_text);
    line-height: 20px;
    margin-bottom: 1pc !important;
    margin-bottom: 0;
    min-height: 40px
}

.v-card.tc-card.tc-card-basic .tc-card-basic--link {
    color: var(--card_basic_textlink);
    font-family: var(--tc_font_normal);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-decoration: none !important
}

:root {
    --card_basic_img_title: var(--tc_black_primary);
    --card_basic_img_text: var(--tc_black_primary);
    --card_basic_img_textlink: var(--tc_textlink);
    --card_basic_img_title_color: var(--tc_informative);
    --card_shadow_level_1: var(--tc_shadow_level_2)
}

.tc_card-basic-img {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    border-radius: 8px !important;
    -webkit-box-shadow: var(--card_shadow_level_1) !important;
    box-shadow: var(--card_shadow_level_1) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    padding: 0 !important
}

.tc_card-basic-img--wrapper {
    display: block;
    max-width: 375px;
    text-decoration: none;
    width: 100%
}

.tc_card-basic-img--wrapper:hover {
    text-decoration: none !important
}

@media(min-width:376px) {
    .tc_card-basic-img--wrapper {
        min-width: 375px
    }
}

@media(min-width:1025px) {
    .tc_card-basic-img--wrapper {
        max-width: 600px;
        width: 600px
    }
}

.tc_card-basic-img--figure {
    background-image: url(../../../content/dam/telcelcom/general/generico-globo.jpg);
    background-position: 50%;
    background-size: cover;
    display: none;
    height: 161px;
    min-width: 60px;
    width: -webkit-fill-available
}

@media(min-width:407px) {
    .tc_card-basic-img--figure {
        display: block
    }
}

@media(min-width:376px) {
    .tc_card-basic-img--figure {
        min-width: 10pc;
        width: 10pc
    }
}

@media(min-width:1025px) {
    .tc_card-basic-img--figure {
        max-height: 137px
    }
}

.tc_card-basic-img--figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.tc_card-basic-img--figure img[src=""] {
    opacity: 0
}

.tc_card-basic-img--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 171px;
    min-width: 280px;
    padding: 1pc
}

@media(min-width:407px) {
    .tc_card-basic-img--content {
        height: auto;
        min-width: auto;
        padding: 8px 1pc;
        width: calc(100% - 10pc)
    }
}

@media(min-width:1025px) {
    .tc_card-basic-img--content {
        padding: 1pc
    }
}

.tc_card-basic-img--title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--card_basic_img_title);
    display: -webkit-box;
    font-family: var(--tc_font_normal);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px !important;
    max-height: 40px;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
    text-overflow: ellipsis
}

@media(min-width:281px) {
    .tc_card-basic-img--title {
        line-height: 22px;
        max-height: 3pc
    }
}

@media(min-width:1025px) {
    .tc_card-basic-img--title {
        -webkit-line-clamp: 1
    }
}

@media(max-width:1024px) {
    .tc_card-basic-img--title {
        min-height: 44px
    }
}

.tc_card-basic-img--body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: space-between
}

.tc_card-basic-img--text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--card_basic_img_text);
    display: -webkit-box;
    font-family: var(--tc_font_normal);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 1pc !important;
    overflow: hidden;
    position: relative;
    text-decoration: none !important;
    text-overflow: ellipsis
}

@media(max-width:1024px) {
    .tc_card-basic-img--text {
        -webkit-line-clamp: 3
    }
}

.tc_card-basic-img--link {
    color: var(--card_basic_img_textlink);
    font-family: var(--tc_font_normal);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-decoration: none !important
}

:root {
    --carddevice_color_text_soporte: var(--tc_support);
    --carddevice_color_text_general: var(--tc_black_primary);
    --carddevice_color_text_price: var(--tc_highlight);
    --carddevice_color_text_capacidad: var(--tc_informative);
    --carddevice_color_border_capacidad: var(--tc_informative);
    --carddevice_color_divider: var(--tc_divider);
    --carddevice_color_border_color: var(--input_active);
    --carddevice_border_radius: var(--tc_radius_s);
    --carddevice_border_shadow: var(--tc_shadow_level_2)
}

.card-device--wrapper {
    color: var(--carddevice_color_text_general);
    text-decoration: none
}

.v-card.card.card-device {
    border-radius: var(--carddevice_border_radius);
    -webkit-box-shadow: var(--carddevice_border_shadow);
    box-shadow: var(--carddevice_border_shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 8px 0 1pc;
    width: 280px
}

.v-card.card.card-device p {
    margin-bottom: 0
}

.v-card.card.card-device strong {
    font-weight: 600
}

.v-card.card.card-device .card-device--left {
    margin-right: 4px;
    width: 81pt
}

.v-card.card.card-device .card-device--left .card-device--tag_cont {
    line-height: 0;
    margin-left: 8px
}

.v-card.card.card-device .card-device--left .card-device--tag_cont .v-chip {
    margin-bottom: 1pc
}

.v-card.card.card-device .card-device--left .card-device--tag_cont .v-chip .v-chip__underlay {
    background-color: transparent
}

.v-card.card.card-device .card-device--left .card-device--tag_cont .v-chip .v-chip__content {
    font-weight: 600
}

.v-card.card.card-device .card-device--left .card-device--img_cont {
    position: relative
}

.v-card.card.card-device .card-device--left .card-device--img_cont img {
    width: 100%
}

.v-card.card.card-device .card-device--left .card-device--img_cont img:not(.card-device--corcholata) {
    min-width: 91px
}

.v-card.card.card-device .card-device--left .card-device--img_cont .card-device--corcholata {
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px
}

.v-card.card.card-device .card-device--left .card-device--img_cont .card-device--corcholata.hotsale {
    left: auto;
    right: 0
}

.v-card.card.card-device .card-device--left .card-device--container_colors {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    justify-content: center;
    list-style: none;
    margin: 8px 0 0;
    padding: 0 8px
}

.v-card.card.card-device .card-device--left .card-device--container_colors li {
    border: 1px solid #bcc9d6;
    border-radius: 50%;
    height: 9pt;
    position: relative;
    width: 9pt
}

.v-card.card.card-device .card-device--left .card-device--container_colors li .card-device--color_accessible {
    color: transparent;
    display: inline-block;
    height: 1px;
    text-indent: 999px;
    width: 1px
}

.v-card.card.card-device .card-device--left .card-device--container_colors li .card-device--color_hex {
    border-radius: 50%;
    display: block;
    height: 8px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 8px
}

.v-card.card.card-device .card-device--right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 8px;
    padding-left: 8px
}

.v-card.card.card-device .card-device--right .card-products--data {
    border-bottom: 1px solid var(--carddevice_color_divider);
    margin-bottom: 8px;
    padding-bottom: 8px
}

.v-card.card.card-device .card-device--right .card-products--data_model {
    color: var(--carddevice_color_text_soporte);
    font-size: 13px;
    font-weight: 600
}

.v-card.card.card-device .card-device--right .card-products--data_name {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: var(--tc_font_telcel);
    font-size: 20px;
    font-weight: var(--tc_font_weight2);
    overflow: hidden
}

.v-card.card.card-device .card-device--right .card-products--data_capacity {
    border: 1px solid var(--carddevice_color_border_capacidad);
    border-radius: 4px;
    color: var(--carddevice_color_text_capacidad);
    display: inline-block;
    font-size: 9pt;
    font-weight: 600;
    margin-bottom: 0;
    padding: 4px
}

.v-card.card.card-device .card-device--right .card-products--acquire .card-products--acquire_text-gray {
    color: var(--carddevice_color_text_soporte);
    font-size: 13px
}

.v-card.card.card-device .card-device--right .card-products--acquire .card-products--acquire_promo {
    color: var(--carddevice_color_text_price);
    font-family: var(--tc_font_telcel);
    font-size: 14px;
    text-decoration: line-through
}

.v-card.card.card-device .card-device--right .card-products--acquire .card-products--acquire_price {
    color: var(--carddevice_color_text_price);
    font-family: var(--tc_font_telcel);
    font-size: 24px;
    font-weight: var(--tc_font_weight2)
}

:root {
    --cardpackage_color_text_general: var(--tc_black_primary);
    --cardpackage_color_text_title: var(--tc_activo_text);
    --cardpackage_color_text_price: var(--tc_highlight);
    --cardpackage_color_divider: var(--tc_divider);
    --cardpackage_border_radius: var(--tc_radius_s);
    --cardpackage_border_shadow: var(--tc_shadow_level_2)
}

.tc-card-package--wrapper {
    color: var(--cardpackage_color_text_general)
}

.tc-card-package--wrapper,
.tc-card-package--wrapper:hover {
    text-decoration: none !important
}

.tc-card-package--wrapper p {
    margin-bottom: 0
}

.v-card.tc-card.tc-card-package {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-image: none;
    border-radius: var(--cardpackage_border_radius);
    -webkit-box-shadow: var(--cardpackage_border_shadow);
    box-shadow: var(--cardpackage_border_shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 8px 1pc 1pc;
    width: 248px
}

.v-card.tc-card.tc-card-package strong {
    font-weight: 600
}

.v-card.tc-card.tc-card-package .tc-card-package--header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid var(--cardpackage_color_divider);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 8px
}

.v-card.tc-card.tc-card-package .tc-card-package--header-chip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    margin-bottom: 8px
}

.v-card.tc-card.tc-card-package .tc-card-package--header-chip .v-chip__underlay {
    background-color: transparent
}

.v-card.tc-card.tc-card-package .tc-card-package--header-chip .v-chip__content {
    font-weight: 600
}

.v-card.tc-card.tc-card-package .tc-card-package--header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.v-card.tc-card.tc-card-package .tc-card-package--header-title p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--cardpackage_color_text_title);
    display: -webkit-box;
    font-size: 1pc;
    font-weight: 600;
    margin-bottom: 0;
    overflow: hidden
}

.v-card.tc-card.tc-card-package .tc-card-package--header-title .tc-card-package--header-title_img {
    margin-left: 1pc;
    min-width: 3pc
}

.v-card.tc-card.tc-card-package .tc-card-package--details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1pc
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-internet_cont {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    justify-content: left
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-internet_cont span {
    font-size: 14px
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-internet_cont p {
    margin: 0
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-internet_cont .tc-card-package--details-internet {
    min-width: 84px
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-internet_cont .tc-card-package--details-internet:nth-child(2n) {
    border-left: 1px solid var(--cardpackage_color_divider);
    padding: 4px 0 4px 8px
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-internet_cont .tc-card-package--details-internet span,
.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-internet_cont .tc-card-package--details-internet strong {
    display: block
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-redes {
    margin-top: 1pc
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-redes p {
    font-size: 14px;
    margin: 0
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-redes p strong {
    font-size: 14px;
    font-weight: 600
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-redes ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    justify-content: left;
    list-style: none;
    margin: 0
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-redes ul li {
    line-height: 0;
    margin: 0
}

.v-card.tc-card.tc-card-package .tc-card-package--details .tc-card-package--details-redes ul li img {
    width: 24px
}

.v-card.tc-card.tc-card-package .tc-card-package--price {
    border-top: 1px solid var(--cardpackage_color_divider);
    margin-top: auto;
    padding-top: 1pc;
    text-align: center
}

.v-card.tc-card.tc-card-package .tc-card-package--price p {
    font-size: 14px;
    margin: 0
}

.v-card.tc-card.tc-card-package .tc-card-package--price p.tc-card-package--actions-price {
    color: var(--cardpackage_color_text_price);
    font-family: var(--tc_font_telcel);
    font-size: 20px;
    font-weight: var(--tc_font_weight2)
}

:root {
    --cardplan_color_text_general: var(--tc_black_primary);
    --cardplan_color_text_title: var(--tc_activo_text);
    --cardplan_color_text_price: var(--tc_highlight);
    --cardplan_color_divider: var(--tc_divider);
    --cardplan_border_radius: var(--tc_radius_s);
    --cardplan_border_shadow: var(--tc_shadow_level_2)
}

.tc-card-plan--wrapper {
    color: var(--cardplan_color_text_general)
}

.tc-card-plan--wrapper,
.tc-card-plan--wrapper:hover {
    text-decoration: none !important
}

.tc-card-plan--wrapper p {
    margin-bottom: 0
}

.tc-card.tc-card-plan {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-image: none;
    border-radius: var(--cardplan_border_radius);
    -webkit-box-shadow: var(--cardplan_border_shadow);
    box-shadow: var(--cardplan_border_shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 8px 1pc 1pc;
    width: 248px
}

.tc-card.tc-card-plan strong {
    font-weight: 600
}

.tc-card.tc-card-plan .tc-card-plan--header {
    border-bottom: 1px solid var(--cardplan_color_divider);
    margin-bottom: 8px;
    padding-bottom: 8px
}

.tc-card.tc-card-plan .tc-card-plan--header-chip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px
}

.tc-card.tc-card-plan .tc-card-plan--header-chip .v-chip .v-chip__underlay {
    background-color: transparent
}

.tc-card.tc-card-plan .tc-card-plan--header-chip .v-chip .v-chip__content {
    font-weight: 600
}

.tc-card.tc-card-plan .tc-card-plan--header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
}

.tc-card.tc-card-plan .tc-card-plan--header-title p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--cardplan_color_text_title);
    display: -webkit-box;
    font-size: 1pc;
    font-weight: 600;
    margin-bottom: 0;
    overflow: hidden
}

.tc-card.tc-card-plan .tc-card-plan--header-title .tc-card-plan--header-title_img {
    margin-left: 1pc;
    min-width: 3pc
}

.tc-card.tc-card-plan .tc-card-plan--details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1pc
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-internet_cont {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: left
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-internet_cont span {
    font-size: 14px
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-internet_cont p {
    margin: 0
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-internet_cont .tc-card-plan--details-internet {
    width: calc(50% - 4px)
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-internet_cont .tc-card-plan--details-internet:nth-child(2n) {
    border-left: 1px solid var(--cardplan_color_divider);
    padding: 4px 0 4px 8px
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-internet_cont .tc-card-plan--details-internet span,
.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-internet_cont .tc-card-plan--details-internet strong {
    display: block
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-redes {
    margin-top: 1pc
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-redes p {
    font-size: 14px;
    margin: 0
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-redes p strong {
    font-size: 14px;
    font-weight: 600
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-redes ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    justify-content: left;
    list-style: none
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-redes ul li {
    line-height: 0
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-redes ul li img {
    width: 24px
}

.tc-card.tc-card-plan .tc-card-plan--details .tc-card-plan--details-benefits p {
    color: var(--cardplan_color_text_title);
    font-size: 14px;
    padding: 4px 0
}

.tc-card.tc-card-plan .tc-card-plan--price {
    border-top: 1px solid var(--cardplan_color_divider);
    margin-top: auto;
    padding-top: 1pc;
    text-align: center
}

.tc-card.tc-card-plan .tc-card-plan--price p {
    font-size: 14px;
    margin: 0
}

.tc-card.tc-card-plan .tc-card-plan--price p.tc-card-plan--actions-price {
    color: var(--cardplan_color_text_price);
    font-family: var(--tc_font_telcel);
    font-size: 20px;
    font-weight: var(--tc_font_weight2)
}

swiper-container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

swiper-slide {
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: auto
}

swiper-container::part(button-next),
swiper-container::part(button-prev) {
    background-color: #fff;
    border-radius: 2pc;
    -webkit-box-shadow: var(--tc_shadow_level_1);
    box-shadow: var(--tc_shadow_level_1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2pc;
    padding: 6px;
    width: 2pc
}

swiper-container::part(button-prev) {
    left: 5px
}

swiper-container::part(button-next) {
    right: 5px
}

.tc_card--slide {
    height: 100%;
    margin: 0 4px;
    padding: 2px 0
}

.tc_card--slide .v-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tc_card--slide .tc-card-plan--wrapper {
    display: block;
    height: 100%
}

.tc_card--slide .tc-card-plan--wrapper .tc-card-plan {
    height: 100%;
    margin: 0 auto;
    width: 248px
}

.tc_card--slide .tc-card-package--wrapper {
    display: block;
    height: 100%
}

.tc_card--slide .tc-card-package--wrapper .tc-card-package {
    height: 100%;
    margin: 0 auto;
    width: 248px
}

.tc_card--slide .card-device--wrapper {
    display: block;
    height: 100%
}

.tc_card--slide .card-device--wrapper .card-device {
    height: 100%;
    margin: 0 auto;
    width: 280px
}

.tc_card--slide .tc-card-basic--wrapper .tc-card-basic {
    margin: 0 auto;
    width: 248px
}

:root {
    --tc_carrusel_paginador_active_bg: var(--tc_textlink);
    --tc_carrusel_paginador_bg: var(--tc_divider);
    --tc_arrow-shadow: var(--tc_shadow_level_2)
}

.tc_swiper-container {
    padding-bottom: 8px;
    position: relative
}

.tc_swiper-container.tc_not-swiper.tc_swiper-center .swiper-slide:first-child {
    margin-left: 0 !important
}

.tc_swiper-container.tc_not-swiper .tc_swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: none !important;
    transform: none !important
}

.tc_swiper-container.tc_not-swiper .tc_swiper-pagination {
    display: none !important
}

.tc_swiper-container .tc_swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: unset;
    max-width: 100vw;
    width: auto
}

.tc_swiper-container .tc_swiper-slide:first-child {
    margin-left: 1pc
}

@media(min-width:1025px) {
    .tc_swiper-container .tc_swiper-slide:first-child {
        margin-left: 0
    }
}

.tc_swiper-container .tc_swiper-button-prev {
    bottom: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 3pc;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 3pc
}

@media(min-width:281px) {
    .tc_swiper-container .tc_swiper-button-prev:not(.swiper-button-disabled) {
        display: block !important
    }
}

.tc_swiper-container .tc_swiper-button-prev:hover {
    border: none
}

.tc_swiper-container .tc_swiper-button-prev.small-arrow {
    bottom: 0;
    height: 3pc;
    left: -8px;
    margin: 0;
    top: -9px;
    width: 2pc
}

.tc_swiper-container .tc_swiper-button-prev.small-arrow:after {
    border-radius: 0 4px 4px 0;
    left: 0 !important;
    top: 0 !important;
    width: 1pc
}

.tc_swiper-container .tc_swiper-button-prev.small-arrow:after,
.tc_swiper-container .tc_swiper-button-prev:after {
    background: #fff;
    -webkit-box-shadow: var(--tc_arrow-shadow);
    box-shadow: var(--tc_arrow-shadow);
    content: "prev";
    display: block;
    font-size: 15px;
    height: 2pc;
    line-height: 2pc;
    position: absolute;
    text-align: center
}

.tc_swiper-container .tc_swiper-button-prev:after {
    border-radius: 1pc;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 2pc
}

.tc_swiper-container .tc_swiper-button-next {
    bottom: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 3pc;
    margin: auto;
    position: absolute;
    right: 0;
    top: -1px;
    width: 3pc
}

@media(min-width:281px) {
    .tc_swiper-container .tc_swiper-button-next:not(.swiper-button-disabled) {
        display: block !important
    }
}

.tc_swiper-container .tc_swiper-button-next:hover {
    border: none
}

.tc_swiper-container .tc_swiper-button-next.small-arrow {
    bottom: 0;
    height: 3pc;
    margin: 0;
    right: -8px;
    top: -9px;
    width: 2pc
}

.tc_swiper-container .tc_swiper-button-next.small-arrow:after {
    border-radius: 4px 0 0 4px;
    right: 0 !important;
    top: 0 !important;
    width: 1pc
}

.tc_swiper-container .tc_swiper-button-next.small-arrow:after,
.tc_swiper-container .tc_swiper-button-next:after {
    background: #fff;
    -webkit-box-shadow: var(--tc_arrow-shadow);
    box-shadow: var(--tc_arrow-shadow);
    content: "next";
    display: block;
    font-size: 15px;
    height: 2pc;
    line-height: 2pc;
    position: absolute;
    text-align: center
}

.tc_swiper-container .tc_swiper-button-next:after {
    border-radius: 1pc;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 2pc
}

.tc_swiper-container .tc_swiper-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc;
    justify-content: center;
    margin-top: 24px;
    position: relative;
    top: 0
}

.tc_swiper-container .swiper-button-disabled {
    display: none
}

.tc_swiper-container .swiper-pagination-bullet {
    background-color: var(--tc_carrusel_paginador_bg);
    border-radius: 4px;
    height: 4px;
    width: 36px
}

.tc_swiper-container .swiper-pagination-bullet-active {
    background-color: var(--tc_carrusel_paginador_active_bg);
    height: 8px
}

.tc_swiper-container.tc_swiper-center .swiper-slide:first-child {
    margin-left: 168px !important
}

.tc_swiper-container.tc_grid-swiper .tc_swiper-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    justify-content: start;
    -webkit-transform: none !important;
    transform: none !important
}

.tc_swiper-container.tc_grid-swiper .tc_swiper-wrapper .tc_swiper-slide {
    margin-right: 0 !important
}

.tc_swiper-container.tc_grid-swiper .tc_swiper-button-next,
.tc_swiper-container.tc_grid-swiper .tc_swiper-button-prev {
    display: none !important
}

.tc_swiper-container.tc_grid-swiper .swiper-slide:first-child {
    margin-left: 0 !important
}

.chipType {
    background-color: var(--chip-default-bg);
    color: var(--chip-default-text);
    font-size: 14px;
    font-weight: 600;
    height: 24px !important;
    padding: 2px 8px;
    text-align: center
}

.chipType-icon {
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.chipType-image {
    height: 22px;
    width: 66px
}

.chipType .chipType-label {
    line-height: normal;
    padding: 0
}

.chipType .chipType-label>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.chipType.chipType_label.chipType_label-promocion {
    background-color: var(--color_bg_color_etiqueta_promocion);
    color: var(--color_text_color_etiqueta_promocion) !important
}

.chipType.chipType_label.chipType_label-nuevo {
    background-color: var(--color_bg_color_etiqueta_nuevo);
    color: var(--color_text_color_etiqueta_nuevo) !important
}

.chipType.chipType_label.chipType_label-recomendado {
    background-color: var(--color_bg_color_etiqueta_recomendado);
    color: var(--color_text_color_etiqueta_recomendado) !important
}

.chipType.chipType_label.chipType_label-exclusivo {
    background-color: var(--color_bg_color_etiqueta_ventaCruzada);
    color: var(--color_text_color_etiqueta_ventaCruzada) !important
}

.chipType.chipType_label.chipType_label-paquete_activo {
    background-color: var(--color_bg_color_etiqueta_activo);
    color: var(--color_text_color_etiqueta_activo) !important
}

.chipType.chipType_label.chipType_label-proximamente {
    background-color: var(--color_bg_color_etiqueta_proximamente);
    color: var(--color_text_color_etiqueta_proximamente) !important
}

.chipType.chipType_label.chipType_label-preventa {
    background-color: var(--color_bg_color_etiqueta_preventa);
    color: var(--color_text_color_etiqueta_preventa) !important
}

.chipType.chipType_label.chipType_label-default {
    background-color: var(--color_bg_color_chip);
    color: var(--color_text_color_chip) !important
}

.chipType.chipType_label.chipType_label-incluye_regalo {
    background-color: var(--color_bg_color_etiqueta_promocion);
    color: var(--color_text_color_etiqueta_promocion) !important
}

.chipType.chipType_label.chipType_label-lanzamiento,
.chipType.chipType_label.chipType_label-mas_vendido {
    background-color: var(--color_bg_color_etiqueta_recomendado);
    color: var(--color_text_color_etiqueta_recomendado) !important
}

.chipType.chipType_label.chipType_label-default-img {
    background-color: var(--color_bg_color_etiqueta_ventaCruzada);
    color: var(--color_text_color_chip) !important
}

.chipType.chipType-benefit {
    font-size: 13px;
    max-width: 152px
}

.chipType.chipType-benefit .text-chip {
    width: 60px
}

.chipType.chipType-benefit.chipType-benefit-promocion {
    background-color: var(--color_bg_color_etiqueta_promocion);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_promocion) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-nuevo {
    background-color: var(--color_bg_color_etiqueta_nuevo);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_nuevo) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-recomendado {
    background-color: var(--color_bg_color_etiqueta_recomendado);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_recomendado) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-exclusivo {
    background-color: var(--color_bg_color_etiqueta_ventaCruzada);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_ventaCruzada) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-paquete_activo {
    background-color: var(--color_bg_color_etiqueta_activo);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_activo) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-proximamente {
    background-color: var(--color_bg_color_etiqueta_proximamente);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_proximamente) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-preventa {
    background-color: var(--color_bg_color_etiqueta_preventa);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_preventa) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-default {
    background-color: var(--color_bg_color_chip);
    border-radius: var(--border_chip);
    color: var(--color_text_color_chip) !important;
    padding: var(--padding_chip)
}

.chipType.chipType-benefit.chipType-benefit-incluye_regalo {
    background-color: var(--color_bg_color_etiqueta_promocion);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_promocion) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-lanzamiento,
.chipType.chipType-benefit.chipType-benefit-mas_vendido {
    background-color: var(--color_bg_color_etiqueta_recomendado);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_etiqueta_recomendado) !important;
    padding: var(--padding_chip_second)
}

.chipType.chipType-benefit.chipType-benefit-default-img {
    background-color: var(--color_bg_color_etiqueta_ventaCruzada);
    border-radius: var(--border_chip_second);
    color: var(--color_text_color_chip) !important;
    padding: var(--padding_chip_image)
}

:root {
    --chip-default-bg: var(--tc_blue_pastel);
    --text-link-color: var(--tc_textlink);
    --color-gray: var(--tc_support);
    --color-gray-strong: var(--tc_textlink_disabled);
    --color-black_text: var(--tc_black_primary)
}

.filter-left {
    background-color: transparent;
    max-width: 261px;
    text-align: left
}

@media(min-width:1025px) {
    .filter-left {
        max-width: 20pc;
        width: 100%
    }

    .filter-left .ais-ClearRefinements .tc-cta-container_link {
        margin-top: -56px
    }
}

.filter-left .tc-cta-container_link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    display: none;
    width: 5pc
}

@media(min-width:1025px) {
    .filter-left .tc-cta-container_link {
        display: block
    }
}

.filter-left .tc-cta-container_link .v-btn {
    margin-left: -3px;
    min-width: 10px;
    width: auto !important
}

.filter-left-title {
    color: var(--color-black_text);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1pc
}

@media(min-width:1025px) {
    .filter-left-title {
        font-size: 20px;
        margin-bottom: 0
    }
}

.filter-left-button {
    color: var(--color-gray-strong);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 8px 0;
    padding: 0;
    text-transform: none
}

.filter-left-instructions {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--color-gray);
    display: none;
    font-size: 1pc;
    font-weight: 600;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%
}

@media(min-width:1025px) {
    .filter-left-instructions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.filter-left .tc_accordion-wrapper {
    display: none
}

@media(min-width:1025px) {
    .filter-left .tc_accordion-wrapper {
        display: block
    }
}

@media(max-width:1023px) {
    .v-overlay__content {
        bottom: 0;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important
    }

    .v-overlay__content .tc-accordion-modal {
        border-top-left-radius: 1pc !important;
        border-top-right-radius: 1pc !important;
        padding: 2pc 0 5pc;
        position: relative
    }

    .v-overlay__content .tc-accordion-modal .v-card-header {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: end;
        padding: 0 1pc;
        width: 100%
    }

    .v-overlay__content .tc-accordion-modal .v-card-header button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-pack: distribute;
        align-items: center;
        color: var(--text-link-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        justify-content: space-around
    }

    .v-overlay__content .tc-accordion-modal .v-card-title {
        text-wrap: wrap;
        letter-spacing: 0 !important;
        line-height: 24px;
        margin-top: 1pc;
        padding: 0 1pc;
        width: 100%
    }

    .v-overlay__content .tc-accordion-modal .v-card-title p:first-child {
        color: var(--color-black_text);
        font-size: 18px;
        font-weight: 600
    }

    .v-overlay__content .tc-accordion-modal .v-card-title p:nth-child(2) {
        color: var(--color-gray);
        font-size: 14px
    }

    .v-overlay__content .tc-accordion-modal .v-card-title .tc-cta-container_link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        height: 20px;
        margin-bottom: 24px;
        margin-top: 1pc;
        width: 5pc
    }

    .v-overlay__content .tc-accordion-modal .v-card-title .tc-cta-container_link.tc_btn-mobile button {
        font-size: 14px;
        min-width: 10px;
        width: auto !important
    }

    .v-overlay__content .tc-accordion-modal .v-card-text {
        padding: 0 !important
    }

    .v-overlay__content .tc-accordion-modal .v-card-text button {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none
    }

    .v-overlay__content .tc-accordion-modal .v-card-text .v-list .v-list-item .v-list-item__content .v-list-item-title {
        font-weight: 600 !important
    }

    .v-overlay__content .tc-accordion-modal .tc-accordion-modal-body {
        max-height: 100vh;
        overflow-y: scroll
    }

    .v-overlay__content .tc-accordion-modal .v-card-actions {
        bottom: 1pc;
        padding: 0 1pc;
        position: fixed;
        width: 100%
    }

    .v-overlay__content .tc-accordion-modal .v-card-actions button {
        background-color: var(--button-primary-bg);
        border-radius: 20px;
        color: var(--color-white) !important;
        font-family: var(--font-normal);
        font-size: 1pc;
        letter-spacing: 0;
        text-transform: none;
        width: 100%
    }
}

@media(max-width:1024px) {
    .tc-container-search-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        position: relative
    }

    .tc-container-search-filter .filter-left-title {
        bottom: 100%;
        left: 0;
        position: absolute
    }

    .tc-stort-by {
        margin-left: 6px
    }

    .tc-stort-by>p {
        display: none
    }
}

@media(min-width:1025px) {
    .tc-stort-by {
        position: absolute;
        right: 0;
        top: -63px;
        z-index: 80
    }
}

@media(min-width:1025px)and (max-width:1398px) {
    .tc-stort-by {
        right: 1pc
    }
}

.tc-container-search {
    position: relative
}

@media(max-width:1024px) {
    .tc-container-search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:1023px) {
    .custom-dropdown-overlay {
        background: #000;
        display: none;
        height: 100vh;
        left: 0;
        opacity: .4;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2
    }

    .custom-dropdown-options {
        border-radius: 24px 24px 0 0 !important;
        bottom: 0;
        font-size: 1pc;
        padding: 20px 0;
        position: fixed;
        top: 3pc;
        width: 100%
    }

    .custom-dropdown-options--modal {
        display: block;
        font-size: 14px;
        padding-right: 20px
    }

    .custom-dropdown-option {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        letter-spacing: .009375em;
        line-height: 1.5rem;
        overflow: hidden;
        overflow-wrap: normal;
        padding: 10px 10px 10px 20px;
        text-overflow: ellipsis;
        text-transform: none;
        white-space: nowrap;
        word-break: normal
    }
}

.ais-dropdown {
    display: none
}

.ais-dropdown .custom-dropdown {
    background-color: var(--color_bg_color_chip);
    border-radius: 20px;
    color: var(--color_text_color_chip);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    min-height: 28px;
    opacity: 1;
    padding: 3px 5px 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ais-dropdown .custom-dropdown--div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-around
}

.ais-dropdown .custom-dropdown #icon-arrow-on {
    display: none
}

.ais-dropdown .custom-dropdown-options {
    background-color: var(--color-white) !important;
    border-radius: 24px !important;
    -webkit-box-shadow: 0 0 6px hsla(0, 0%, 50%, .37);
    box-shadow: 0 0 6px hsla(0, 0%, 50%, .37);
    color: #222;
    display: none;
    left: 0;
    min-width: 190px !important;
    overflow: hidden;
    padding: 8px 0;
    position: absolute;
    top: 30px;
    z-index: 9002
}

.ais-dropdown .custom-dropdown-options--modal {
    display: none;
    min-height: 24px
}

.ais-dropdown .custom-dropdown-options .modalClose {
    position: relative
}

.ais-dropdown .custom-dropdown-options .modalClose p {
    color: var(--color_text_color_chip) !important;
    font-weight: 600;
    position: absolute;
    right: 35px
}

.ais-dropdown .custom-dropdown-options .modalClose svg {
    position: absolute;
    right: 8px
}

.ais-dropdown .custom-dropdown .open .custom-dropdown-options {
    display: block
}

.ais-dropdown .custom-dropdown-option {
    cursor: pointer;
    padding: 8px
}

.ais-dropdown .custom-dropdown-option:hover {
    background-color: var(--color_bg_color_chip)
}

.ais-dropdown .custom-dropdown-title {
    text-wrap: wrap;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 0 !important;
    line-height: 24px;
    margin-top: 1pc;
    padding: 0 1pc;
    width: 100%
}

.ais-dropdown .custom-dropdown-title h2 {
    color: var(--color-black_text);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}

.ais-dropdown .custom-dropdown-title p {
    color: var(--color-gray);
    font-size: 14px
}

.ais-dropdown .custom-dropdown-title .tc-cta-container_link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 20px;
    margin-bottom: 24px;
    margin-top: 1pc;
    min-width: 10px;
    width: 5pc;
    width: auto !important
}

.ais-dropdown .custom-dropdown--scroll {
    max-height: calc(100vh - 157px);
    overflow-y: auto
}

@media(max-width:1024px) {
    .ais-dropdown {
        display: block;
        position: static
    }

    .ais-dropdown .custom-dropdown-overlay {
        background: #000;
        display: none;
        height: 100vh;
        left: 0;
        opacity: .4;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9001
    }

    .ais-dropdown .custom-dropdown-options {
        border-radius: 24px 24px 0 0 !important;
        bottom: 0;
        font-size: 1pc;
        padding: 20px 0;
        position: fixed;
        top: 3pc;
        width: 100%
    }

    .ais-dropdown .custom-dropdown-options--modal {
        display: block;
        font-size: 14px;
        padding-right: 20px
    }

    .ais-dropdown .custom-dropdown-option {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        letter-spacing: .009375em;
        line-height: 1.5rem;
        overflow: hidden;
        overflow-wrap: normal;
        padding: 10px 10px 10px 20px;
        text-overflow: ellipsis;
        text-transform: none;
        white-space: nowrap;
        word-break: normal
    }
}

.tc-container-chip-filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin: 1pc 0 0
}

@media(min-width:1025px) {
    .tc-container-chip-filter {
        display: none
    }
}

.ais-CurrentRefinements,
.ais-CurrentRefinements-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ais-CurrentRefinements {
    gap: 0 1pc;
    margin-top: 0 !important
}

.ais-CurrentRefinements .aisCurrent-chip--container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    justify-content: center;
    margin-bottom: 4px;
    width: 100%
}

.ais-CurrentRefinements .aisCurrent-chip--container .v-chip {
    margin-right: 0
}

.ais-CurrentRefinements .chipType-benefit-closable {
    background-color: transparent;
    border: 1px solid var(--color_text_color_chip);
    color: var(--color_text_color_chip) !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    max-width: 100%;
    text-align: center
}

.ais-CurrentRefinements .chipType-benefit-closable .v-chip__underlay {
    background-color: transparent
}

.ais-CurrentRefinements .chipType-benefit-closable span {
    padding-right: 5px
}

.ais-CurrentRefinements .chipType-benefit-closable img {
    margin-right: -5px;
    width: 18px
}

@media(max-width:992px) {

    .custom-dropdown-label,
    .custom-select-label {
        max-width: 102px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.full-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    margin: 0 -15px
}

.full-banner h2 {
    color: #fff
}

.tc__banner {
    padding-top: 0
}

:root {
    --img_textlink: var(--tc_textlink)
}

.img-text-link--wrapper {
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-family: var(--tc_font_normal);
    height: 150px;
    width: 202px
}

.img-text-link--wrapper a {
    text-decoration: none
}

.img-text-link--wrapper a .img-text-link--img {
    border-radius: 8px;
    height: 90pt;
    width: 202px
}

.img-text-link--wrapper a .img-text-link--text {
    color: var(--img_textlink);
    font-size: 1pc;
    font-weight: 600;
    padding-top: 8px
}

:root {
    --pagination_bg_color: var(--tc_blue_pastel);
    --pagination_text_color: var(--tc_informative)
}

.v-pagination {
    margin: 30px auto auto;
    max-width: 285px
}

.v-pagination .v-pagination__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.v-pagination .v-pagination__item.v-pagination__item--is-active .v-btn.v-theme--light {
    background-color: var(--pagination_bg_color)
}

.v-pagination .v-pagination__item .v-btn__content {
    color: var(--pagination_text_color);
    font-size: 13px;
    font-weight: 600
}

.v-pagination .v-pagination__item .v-btn {
    height: 30px;
    width: 30px
}

.v-pagination .v-pagination__item .v-btn.v-theme--light.v-btn--disabled[ellipsis=true] {
    opacity: 1
}

.v-pagination .v-pagination__item .v-btn .v-btn__overlay,
.v-pagination .v-pagination__item .v-btn .v-btn__underlay {
    display: none
}

.v-pagination .v-pagination__next .v-btn,
.v-pagination .v-pagination__prev .v-btn {
    --v-btn-size: 3;
    background-color: var(--pagination_bg_color);
    height: 30px;
    width: 30px
}

.v-pagination .v-pagination__next .v-btn.v-btn--disabled,
.v-pagination .v-pagination__prev .v-btn.v-btn--disabled {
    opacity: .2
}

.v-pagination .v-pagination__prev .v-icon {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/icon-arrow-left.svg)
}

.v-pagination .v-pagination__next .v-icon {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/icon-arrow-right.svg)
}

.tc-text-color-active {
    color: var(--tc_activo_text)
}

.buscador-algolia-filtros-titulo {
    margin-bottom: 60px;
    width: 100%
}

@media only screen and (min-width:1025px) {
    .buscador-algolia-filtros-titulo {
        margin-top: -2pc
    }
}

@media only screen and (max-width:1024px) {
    .buscador-algolia-filtros-titulo {
        margin-bottom: 0
    }
}

.buscador-algolia-filtros-titulo p {
    margin: 0
}

.buscador-algolia-filtros {
    display: grid;
    grid-template-columns: 4in 110px calc(100% - 520px);
    grid-template-rows: 3pc calc(100% - 6pc) 3pc
}

.buscador-algolia-filtros-categorias {
    align-self: center;
    grid-area: 1/1/2/3
}

.buscador-algolia-filtros-ordenar {
    align-self: center;
    grid-area: 1/3/2/4;
    justify-self: end
}

.buscador-algolia-filtros-subtitle {
    display: none
}

.buscador-algolia-filtros-filtros {
    border-right: 1px solid #e3edf6;
    grid-area: 2/1/3/2;
    padding-right: 24px
}

@media only screen and (max-width:1024px) {
    .buscador-algolia-filtros-filtros {
        border-right: none
    }
}

.buscador-algolia-filtros-cards {
    grid-area: 2/2/3/5
}

.buscador-algolia-filtros-pagination {
    grid-area: 3/2/4/5
}

.grid-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    justify-content: start;
    padding: 8px 0
}

@media only screen and (max-width:991px) {
    .grid-start {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .buscador-algolia-filtros {
        display: grid;
        grid-template-columns: 324px 20px calc(100% - 404px);
        grid-template-rows: 3pc calc(100% - 6pc) 3pc
    }
}

@media only screen and (max-width:768px) {
    .buscador-algolia-filtros {
        display: grid;
        grid-template-columns: 170px calc(100% - 204px);
        grid-template-rows: 3pc 3pc 3pc calc(100% - 2in) 3pc
    }

    .buscador-algolia-filtros-categorias {
        align-self: center;
        grid-area: 1/1/2/3
    }

    .buscador-algolia-filtros-subtitle {
        align-self: center;
        display: block;
        grid-area: 2/1/3/3
    }

    .buscador-algolia-filtros-ordenar {
        align-self: end;
        grid-area: 3/2/4/3;
        justify-self: start
    }

    .buscador-algolia-filtros-filtros {
        align-self: end;
        border: none;
        grid-area: 3/1/4/2;
        justify-self: start;
        padding-right: 0
    }

    .buscador-algolia-filtros-cards {
        grid-area: 4/1/5/3
    }

    .buscador-algolia-filtros-pagination {
        grid-area: 5/1/6/3
    }

    .buscador-algolia-filtros-ordenar-hide {
        display: none
    }

    .grid-start {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ais-Hits-item {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    width: auto !important
}

.ais-Hits-list {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    justify-content: space-evenly !important
}

.display-none {
    display: none !important
}

.buscador-filtros {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0;
    position: relative
}

.buscador-filtros .tc-text-color-support {
    padding-right: 5px;
    padding-top: 8px
}

.tc_articulos {
    padding-top: 0;
    position: relative
}

.tc_articulos-cardBasicImg .ais-Hits-item:has(.hit:empty) {
    display: none !important
}

.tc_articulos-container {
    display: block !important
}

.tc_articulos-container--title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222;
    display: -webkit-box;
    font-family: var(--tc_font_normal);
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px !important;
    max-height: 40px;
    overflow: hidden;
    padding-bottom: 50px;
    position: relative;
    text-decoration: none !important;
    text-overflow: ellipsis
}

.tc_articulos-container .ais-Hits-item:has(.hit:empty) {
    display: none !important
}

.tc_articulos-sortBy {
    position: absolute;
    right: 0;
    top: -46px
}

.tc_articulos-sortBy--title {
    margin-right: 15px;
    margin-top: 10px
}

@media(max-width:1023px) {
    .tc_articulos-sortBy {
        position: static
    }
}

.tc_articulos .tc_articulos-sortBy--title {
    margin-bottom: 4px;
    margin-top: 4px
}

.tc_articulos .ais-Hits-list,
.tc_articulos .ais-InfiniteHits-list,
.tc_articulos .ais-InfiniteResults-list,
.tc_articulos .ais-Results-list {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    margin-bottom: 24px;
    margin-left: 0
}

.tc_articulos .ais-Hits-item,
.tc_articulos .ais-InfiniteHits-item,
.tc_articulos .ais-InfiniteResults-item,
.tc_articulos .ais-Results-item {
    margin: 0 0 8px;
    padding: 0 8px 1rem
}

.tc_articulos .tc_articulos-container--title {
    margin-top: 0
}

.tc_articulos-cardBasicImg .ais-Hits-list,
.tc_articulos-cardBasicImg .ais-InfiniteHits-list,
.tc_articulos-cardBasicImg .ais-InfiniteResults-list,
.tc_articulos-cardBasicImg .ais-Results-list {
    margin-top: 2pc
}

@media(min-width:1025px)and (max-width:1247px) {

    .tc_articulos-cardBasicImg .ais-Hits-list,
    .tc_articulos-cardBasicImg .ais-InfiniteHits-list,
    .tc_articulos-cardBasicImg .ais-InfiniteResults-list,
    .tc_articulos-cardBasicImg .ais-Results-list {
        max-width: 50pc
    }
}

@media(max-width:797px) {

    .tc_articulos-cardBasicImg .ais-Hits-list,
    .tc_articulos-cardBasicImg .ais-InfiniteHits-list,
    .tc_articulos-cardBasicImg .ais-InfiniteResults-list,
    .tc_articulos-cardBasicImg .ais-Results-list {
        max-width: 600px
    }
}

.tc_articulos-cardBasicImg .ais-Hits-item:nth-of-type(odd),
.tc_articulos-cardBasicImg .ais-InfiniteHits-item:nth-of-type(odd),
.tc_articulos-cardBasicImg .ais-InfiniteResults-item:nth-of-type(odd),
.tc_articulos-cardBasicImg .ais-Results-item:nth-of-type(odd) {
    padding-left: 0
}

@media(min-width:1025px)and (max-width:1247px) {

    .tc_articulos-cardBasicImg .ais-Hits-item:nth-of-type(odd),
    .tc_articulos-cardBasicImg .ais-InfiniteHits-item:nth-of-type(odd),
    .tc_articulos-cardBasicImg .ais-InfiniteResults-item:nth-of-type(odd),
    .tc_articulos-cardBasicImg .ais-Results-item:nth-of-type(odd) {
        padding-right: 0
    }
}

@media(max-width:797px) {

    .tc_articulos-cardBasicImg .ais-Hits-item:nth-of-type(odd),
    .tc_articulos-cardBasicImg .ais-InfiniteHits-item:nth-of-type(odd),
    .tc_articulos-cardBasicImg .ais-InfiniteResults-item:nth-of-type(odd),
    .tc_articulos-cardBasicImg .ais-Results-item:nth-of-type(odd) {
        padding-right: 0
    }
}

.tc_articulos-cardBasicImg .ais-Hits-item:nth-of-type(2n),
.tc_articulos-cardBasicImg .ais-InfiniteHits-item:nth-of-type(2n),
.tc_articulos-cardBasicImg .ais-InfiniteResults-item:nth-of-type(2n),
.tc_articulos-cardBasicImg .ais-Results-item:nth-of-type(2n) {
    padding-right: 0
}

@media(min-width:1025px)and (max-width:1247px) {

    .tc_articulos-cardBasicImg .ais-Hits-item:nth-of-type(2n),
    .tc_articulos-cardBasicImg .ais-InfiniteHits-item:nth-of-type(2n),
    .tc_articulos-cardBasicImg .ais-InfiniteResults-item:nth-of-type(2n),
    .tc_articulos-cardBasicImg .ais-Results-item:nth-of-type(2n) {
        padding-left: 0
    }
}

@media(max-width:797px) {

    .tc_articulos-cardBasicImg .ais-Hits-item:nth-of-type(2n),
    .tc_articulos-cardBasicImg .ais-InfiniteHits-item:nth-of-type(2n),
    .tc_articulos-cardBasicImg .ais-InfiniteResults-item:nth-of-type(2n),
    .tc_articulos-cardBasicImg .ais-Results-item:nth-of-type(2n) {
        padding-left: 0
    }
}

.tc_articulos-container .tc_articulos-container--title {
    margin-bottom: 2pc !important;
    padding-bottom: 0
}

.tc_articulos-container .ais-Hits-item,
.tc_articulos-container .ais-InfiniteHits-item,
.tc_articulos-container .ais-InfiniteResults-item,
.tc_articulos-container .ais-Results-item {
    padding-left: 0;
    padding-right: 0
}

section.search-category-section {
    overflow: hidden
}

section.search-category-section h2.section-title {
    font-size: 24px;
    margin-bottom: 14px
}

@media(max-width:767px) {
    section.search-category-section h2.section-title {
        padding: 0 1pc;
        text-align: left
    }
}

section.search-category-section.tc-bg--blue_ultramarine h2 {
    color: #fff
}

section.search-category-section>.container-fluid {
    padding-left: 0;
    padding-right: 0
}

section.search-category-section .tc-cta-container {
    padding: 0 1pc
}

@media(max-width:767px) {
    section.search-category-section .v-btn {
        width: 100%
    }
}

section.search-category-section swiper-container:not(.slider-centered) {
    margin-left: 60px !important;
    width: calc(100% - 60px) !important
}

section.search-category-section swiper-slide:first-of-type {
    margin-left: 9pt !important
}

section.search-category-section swiper-slide:last-of-type {
    margin-right: 9pt !important
}

.results-num {
    font-size: 2pc;
    font-weight: 600
}

@media(max-width:991px) {
    .results-num {
        font-size: 24px;
        margin: 0;
        padding: 1pc 0
    }
}

.results-num span {
    display: inline-block;
    vertical-align: middle
}

.results-num span.filled {
    margin-right: 8px
}

.results-num span.hits-num {
    color: #0a3d7e;
    font-size: 24px
}

@media(max-width:991px) {
    .results-num span.hits-num {
        font-size: 14px
    }
}

.tc_query--results {
    padding-top: 0
}

@media(max-width:991px) {
    .tc_query--results {
        padding-bottom: 0
    }
}

.buscador-algolia-filtros-filtros {
    width: 100%
}

@media(min-width:1025px) {
    .buscador-algolia-filtros-filtros {
        width: 358px
    }
}

.buscador-algolia-filtros-filtros .v-container {
    max-width: 1366px
}

.buscador-algolia-filtros-filtros .v-row {
    margin: 0 -1pc
}

@media(min-width:1025px) {
    .buscador-algolia-filtros-cards {
        width: calc(100% - 358px)
    }
}

.buscador-algolia-filtros-cards .v-row {
    margin: -9pt -1pc
}

.buscador-algolia-filtros-cards .ais-Hits-list,
.buscador-algolia-filtros-cards .ais-InfiniteHits-list,
.buscador-algolia-filtros-cards .ais-InfiniteResults-list,
.buscador-algolia-filtros-cards .ais-Results-list {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

@media(min-width:1025px) {

    .buscador-algolia-filtros-cards .ais-Hits-list,
    .buscador-algolia-filtros-cards .ais-InfiniteHits-list,
    .buscador-algolia-filtros-cards .ais-InfiniteResults-list,
    .buscador-algolia-filtros-cards .ais-Results-list {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        margin-left: 24px
    }
}

.buscador-algolia-filtros-cards .ais-Hits-item,
.buscador-algolia-filtros-cards .ais-InfiniteHits-item,
.buscador-algolia-filtros-cards .ais-InfiniteResults-item,
.buscador-algolia-filtros-cards .ais-Results-item {
    margin: 0 0 1pc;
    padding: 0 8px 1pc
}

@media(min-width:1025px) {

    .buscador-algolia-filtros-cards .ais-Hits-item .hit,
    .buscador-algolia-filtros-cards .ais-InfiniteHits-item .hit,
    .buscador-algolia-filtros-cards .ais-InfiniteResults-item .hit,
    .buscador-algolia-filtros-cards .ais-Results-item .hit {
        margin: 0 auto
    }
}

.buscador-indices {
    padding-top: 0
}

@media(max-width:1024px) {
    .buscador-indices {
        padding-bottom: 0
    }
}

.buscador-indices .no-results-block {
    margin-top: 24px;
    padding: 0 1pc;
    position: relative
}

@media(max-width:767px) {
    .buscador-indices .no-results-block {
        padding: 0 1pc
    }
}

.buscador-indices .no-results-block svg {
    fill: #00529b;
    left: 1pc;
    position: absolute
}

.buscador-indices .no-results-block p {
    color: #00529b;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 1pc;
    padding-left: 2pc
}

.buscador-indices .no-results-block p.secondText {
    font-weight: 600;
    margin-bottom: 0
}

.buscador-indices .no-results-block .banner-estatico {
    margin-bottom: 20px;
    margin-top: 24px
}

@media(max-width:767px) {
    .buscador-indices .no-results-block .banner-estatico {
        max-width: 414px
    }
}

.buscador-indices .no-results-block .banner-estatico img {
    width: 100%
}

.buscador-indices swiper-container::part(button-next),
.buscador-indices swiper-container::part(button-prev) {
    top: 26px
}

.buscador-indices swiper-container::part(button-prev) {
    left: 0
}

.buscador-indices swiper-container::part(button-next) {
    right: 0
}

.buscador-indices .container-fluid {
    padding: 0
}

.buscador-indices .container-fluid p {
    padding: 0 15px
}

.buscador-indices swiper-slide {
    height: 40px;
    padding-bottom: 0;
    padding-top: 0
}

.buscador-indices swiper-slide:first-of-type {
    margin-left: 15px
}

.buscador-indices swiper-slide:last-of-type {
    margin-right: 7px
}

:root {
    --color_text_color_etiqueta_promocion: var(--tc_promo_text);
    --color_bg_color_etiqueta_promocion: var(--tc_promo_bg);
    --color_text_color_etiqueta_proximamente: var(--tc_proximamente_text);
    --color_bg_color_etiqueta_proximamente: var(--tc_proximamente_bg);
    --color_text_color_etiqueta_nuevo: var(--tc_nuevo_text);
    --color_bg_color_etiqueta_nuevo: var(--tc_nuevo_bg);
    --color_text_color_etiqueta_preventa: var(--tc_preventa_text);
    --color_bg_color_etiqueta_preventa: var(--tc_preventa_bg);
    --color_text_color_etiqueta_recomendado: var(--tc_recomendado_text);
    --color_bg_color_etiqueta_recomendado: var(--tc_recomendado_bg);
    --color_text_color_etiqueta_activo: var(--tc_activo_text);
    --color_bg_color_etiqueta_activo: var(--tc_activo_bg);
    --color_bg_color_regalo: var(--tc_success_bg);
    --border_chip: 20px;
    --border_chip_second: 4px;
    --padding_chip: 4px 16px;
    --padding_chip_second: 2px 8px;
    --padding_chip_image: 5px 8px;
    --filter-inactive-bg: var(--tc_white);
    --filter-inactive-text: var(--tc_textlink_disabled);
    --filter-inactive-border: var(--tc_primary_disabled_d);
    --filter-font: var(--tc_font_normal);
    --image-chip-bg-color: var(--tc_primary_disabled);
    --color_bg_color_chip: var(--tc_blue_pastel);
    --color_text_color_chip: var(--tc_textlink);
    --modal-title-text: var(--tc_informative);
    --color-white: var(--tc_white);
    --font-normal: var(--tc_font_normal);
    --button-primary-bg: var(--tc_primary_active)
}

.v-select.chipSelect {
    height: 28px
}

.v-select.chipSelect.v-select--active-menu {
    border: none
}

.v-select.chipSelect [class^=v-select__] {
    color: var(--color_text_color_chip) !important;
    font-family: var(--font-normal);
    font-size: 14px;
    font-weight: 600;
    opacity: 1
}

.v-select.chipSelect .v-input__control {
    background-color: var(--color_bg_color_chip);
    border-radius: 20px;
    color: var(--color_text_color_chip);
    font-weight: 600;
    height: 28px;
    opacity: 1
}

.v-select.chipSelect .v-input__control .v-field {
    border-radius: 20px;
    padding-right: 0
}

.v-select.chipSelect .v-input__control .v-field [class^=v-field__] {
    height: 28px;
    min-height: 28px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0
}

.v-select.chipSelect .v-input__control .v-field .v-field__outline:before {
    border: none
}

.v-select.chipSelect .v-input__control .v-field .v-field__outline:after {
    border: 1px solid var(--color_text_color_chip);
    border-radius: 20px
}

.v-select.chipSelect .v-input__control .v-field .v-field__append-inner i {
    display: none
}

.v-select.chipSelect .v-input__control .v-field .v-field__overlay {
    opacity: 0
}

.v-select.chipSelect .v-input__control .v-field .v-field__field,
.v-select.chipSelect .v-input__control .v-field .v-field__input {
    opacity: 1
}

.v-select.chipSelect .v-input__control .v-field .v-field__input .v-select__selection .v-select__selection-text,
.v-select.chipSelect .v-input__control .v-field .v-label {
    color: var(--color_text_color_chip) !important;
    font-family: var(--font-normal);
    font-size: 14px;
    font-weight: 600;
    opacity: 1
}

@media(max-width:1023px) {
    .v-overlay__content.v-select__content {
        border-top-left-radius: 24px !important;
        border-top-right-radius: 24px !important;
        bottom: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        max-height: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        position: fixed !important;
        width: 100% !important
    }

    .v-overlay__content.v-select__content .modalClose button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-pack: distribute;
        align-items: center;
        color: var(--color_text_color_chip);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        justify-content: space-around
    }

    .v-overlay__content.v-select__content .modalAceptar button {
        background-color: var(--button-primary-bg) !important;
        border-radius: 20px;
        color: var(--color-white) !important;
        font-family: var(--font-normal);
        font-size: 1pc;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
        width: 100%
    }

    .v-overlay__content.v-select__content .v-list {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-pack: distribute !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        height: 100% !important;
        justify-content: space-around !important;
        padding: 8px 0 !important
    }

    .v-overlay__content.v-select__content .v-list .v-list-item.v-list-item--prepend {
        font-weight: 600
    }

    .v-overlay__content.v-select__content .v-list .v-list-item.v-list-item--link .v-list-item__content .v-list-item-title {
        font-size: 1pc;
        font-weight: 600
    }

    .v-overlay__content.v-select__content .v-list .v-list-item:hover {
        background-color: var(--color_bg_color_chip)
    }

    .v-overlay__content.v-select__content .v-list .v-list-item:hover:first-child {
        background-color: transparent
    }

    .v-overlay__content.v-select__content .v-list .v-list-item--variant-text .v-list-item__overlay {
        background-color: transparent !important
    }
}

@media(min-width:1025px) {
    .v-overlay__content.v-select__content {
        background-color: var(--color-white) !important;
        border-radius: 24px !important;
        -webkit-box-shadow: 0 0 6px hsla(0, 0%, 50%, .37);
        box-shadow: 0 0 6px hsla(0, 0%, 50%, .37);
        min-width: 190px !important;
        padding: 8px 0
    }

    .v-overlay__content.v-select__content .v-list {
        border-radius: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 0
    }

    .v-overlay__content.v-select__content .v-list .v-list-item {
        min-height: 0;
        padding: 8px 1pc
    }

    .v-overlay__content.v-select__content .v-list .v-list-item .v-list-item-title {
        font-size: 15px;
        font-weight: 600
    }

    .v-overlay__content.v-select__content .v-list .v-list-item:hover {
        background-color: var(--color_bg_color_chip)
    }

    .v-overlay__content.v-select__content .v-list .v-list-item--variant-text .v-list-item__overlay {
        background-color: transparent !important
    }
}

@media(max-width:1023px) {
    .select-text-link {
        color: var(--modal-title-text);
        font-size: 20px;
        font-weight: 600;
        margin: 9pt 0;
        text-align: center
    }
}

@media(min-width:1025px) {
    .select-text-link {
        color: var(--modal-title-text);
        font-size: 1pc;
        font-weight: 600
    }
}

.ais-SortBy {
    position: relative
}

.ais-SortBy .custom-select {
    background-color: var(--color_bg_color_chip);
    border-radius: 20px;
    color: var(--color_text_color_chip);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    min-height: 28px;
    opacity: 1;
    padding: 3px 5px 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ais-SortBy .custom-select--div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-around
}

.ais-SortBy .custom-select #icon-arrow-hide {
    display: none
}

.ais-SortBy .custom-select-options {
    background-color: var(--color-white) !important;
    border-radius: 24px !important;
    -webkit-box-shadow: 0 0 6px hsla(0, 0%, 50%, .37);
    box-shadow: 0 0 6px hsla(0, 0%, 50%, .37);
    color: #222;
    display: none;
    left: 0;
    min-width: 190px !important;
    overflow: hidden;
    padding: 8px 0;
    position: absolute;
    top: 30px;
    z-index: 3
}

@media(min-width:1025px) {
    .ais-SortBy .custom-select-options {
        left: auto;
        right: 0
    }
}

.ais-SortBy .custom-select-options--modal {
    display: none;
    min-height: 24px
}

.ais-SortBy .custom-select-options .modalClose {
    position: relative
}

.ais-SortBy .custom-select-options .modalClose p {
    color: var(--color_text_color_chip) !important;
    font-weight: 600;
    position: absolute;
    right: 35px
}

.ais-SortBy .custom-select-options .modalClose svg {
    position: absolute;
    right: 8px
}

.ais-SortBy .custom-select .open .custom-select-options {
    display: block
}

.ais-SortBy .custom-select-option {
    cursor: pointer;
    padding: 8px
}

.ais-SortBy .custom-select-option:hover {
    background-color: var(--color_bg_color_chip)
}

@media(max-width:1024px) {
    .ais-SortBy {
        position: static
    }

    .ais-SortBy .custom-select-overlay {
        background: #000;
        display: none;
        height: 100vh;
        left: 0;
        opacity: .4;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2
    }

    .ais-SortBy .custom-select-options {
        border-radius: 24px 24px 0 0 !important;
        bottom: 0;
        font-size: 1pc;
        padding: 20px 0;
        position: fixed;
        top: auto;
        width: 100%
    }

    .ais-SortBy .custom-select-options--modal {
        display: block;
        font-size: 14px;
        padding-right: 20px
    }

    .ais-SortBy .custom-select-option {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        letter-spacing: .009375em;
        line-height: 1.5rem;
        overflow: hidden;
        overflow-wrap: normal;
        padding: 10px 10px 10px 20px;
        text-overflow: ellipsis;
        text-transform: none;
        white-space: nowrap;
        word-break: normal
    }
}

.v-pagination__list {
    display: inline-flex;
    justify-content: center;
    list-style-type: none;
    width: 100%
}

.v-pagination__first,
.v-pagination__item,
.v-pagination__last,
.v-pagination__next,
.v-pagination__prev {
    margin: .3rem
}

.v-btn {
    align-items: center;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 4px;
    border-style: solid;
    border-width: 0;
    display: inline-grid;
    flex-shrink: 0;
    font-weight: 500;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    justify-content: center;
    letter-spacing: .0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    user-select: none;
    vertical-align: middle
}

.v-btn--size-x-small {
    --v-btn-size: 0.625rem;
    --v-btn-height: 20px;
    font-size: var(--v-btn-size);
    min-width: 36px;
    padding: 0 8px
}

.v-btn--size-small {
    --v-btn-size: 0.75rem;
    --v-btn-height: 28px;
    font-size: var(--v-btn-size);
    min-width: 50px;
    padding: 0 9pt
}

.v-btn--size-default {
    --v-btn-size: 0.875rem;
    --v-btn-height: 36px;
    font-size: var(--v-btn-size);
    min-width: 4pc;
    padding: 0 1pc
}

.v-btn--size-large {
    --v-btn-size: 1rem;
    --v-btn-height: 44px;
    font-size: var(--v-btn-size);
    min-width: 78px;
    padding: 0 20px
}

.v-btn--size-x-large {
    --v-btn-size: 1.125rem;
    --v-btn-height: 52px;
    font-size: var(--v-btn-size);
    min-width: 92px;
    padding: 0 24px
}

.v-btn.v-btn--density-default {
    height: calc(var(--v-btn-height))
}

.v-btn.v-btn--density-comfortable {
    height: calc(var(--v-btn-height) - 8px)
}

.v-btn.v-btn--density-compact {
    height: calc(var(--v-btn-height) - 9pt)
}

.v-btn--border {
    border-width: thin;
    box-shadow: none
}

.v-btn--absolute {
    position: absolute
}

.v-btn--fixed {
    position: fixed
}

.v-btn:hover>.v-btn__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier))
}

.v-btn:focus-visible>.v-btn__overlay {
    opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {
    .v-btn:focus>.v-btn__overlay {
        opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
    }
}

.v-btn--active>.v-btn__overlay,
.v-btn[aria-haspopup=menu][aria-expanded=true]>.v-btn__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier))
}

.v-btn--active:hover>.v-btn__overlay,
.v-btn[aria-haspopup=menu][aria-expanded=true]:hover>.v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
}

.v-btn--active:focus-visible>.v-btn__overlay,
.v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {

    .v-btn--active:focus>.v-btn__overlay,
    .v-btn[aria-haspopup=menu][aria-expanded=true]:focus>.v-btn__overlay {
        opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-btn--variant-outlined,
.v-btn--variant-plain,
.v-btn--variant-text,
.v-btn--variant-tonal {
    background: transparent;
    color: inherit
}

.v-btn--variant-plain {
    opacity: .62
}

.v-btn--variant-plain:focus,
.v-btn--variant-plain:hover {
    opacity: 1
}

.v-btn--variant-plain .v-btn__overlay {
    display: none
}

.v-btn--variant-elevated,
.v-btn--variant-flat {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))
}

.v-btn--variant-elevated {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-btn--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-btn--variant-outlined {
    border: thin solid
}

.v-btn--variant-text .v-btn__overlay {
    background: currentColor
}

.v-btn--variant-tonal .v-btn__underlay {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-activated-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

@supports selector(:focus-visible) {
    .v-btn:after {
        border: 2px solid;
        border-radius: inherit;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: opacity .2s ease-in-out;
        width: 100%
    }

    .v-btn:focus-visible:after {
        opacity: calc(var(--v-theme-overlay-multiplier)*.25)
    }
}

.v-btn--icon {
    border-radius: 50%;
    min-width: 0;
    padding: 0
}

.v-btn--icon.v-btn--size-default {
    --v-btn-size: 1rem
}

.v-btn--icon.v-btn--density-default {
    height: calc(var(--v-btn-height) + 9pt);
    width: calc(var(--v-btn-height) + 9pt)
}

.v-btn--icon.v-btn--density-comfortable {
    height: calc(var(--v-btn-height));
    width: calc(var(--v-btn-height))
}

.v-btn--icon.v-btn--density-compact {
    height: calc(var(--v-btn-height) - 8px);
    width: calc(var(--v-btn-height) - 8px)
}

.v-btn--elevated:focus,
.v-btn--elevated:hover {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-btn--elevated:active {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-btn--flat {
    box-shadow: none
}

.v-btn--block {
    display: flex;
    flex: 1 0 auto;
    min-width: 100%
}

.v-btn--disabled {
    opacity: .26;
    pointer-events: none
}

.v-btn--disabled:hover {
    opacity: .26
}

.v-btn--disabled.v-btn--variant-elevated,
.v-btn--disabled.v-btn--variant-flat {
    background: rgb(var(--v-theme-surface));
    box-shadow: none;
    color: rgba(var(--v-theme-on-surface), .26);
    opacity: 1
}

.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay,
.v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
    opacity: .4615384615
}

.v-btn--loading {
    pointer-events: none
}

.v-btn--loading .v-btn__append,
.v-btn--loading .v-btn__content,
.v-btn--loading .v-btn__prepend {
    opacity: 0
}

.v-btn--stacked {
    align-content: center;
    grid-template-areas: "prepend" "content" "append";
    grid-template-columns: auto;
    grid-template-rows: max-content max-content max-content;
    justify-items: center
}

.v-btn--stacked .v-btn__content {
    flex-direction: column;
    line-height: 1.25
}

.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content>.v-icon--end,
.v-btn--stacked .v-btn__content>.v-icon--start,
.v-btn--stacked .v-btn__prepend {
    margin-inline-end: 0;
    margin-inline-start: 0
}

.v-btn--stacked .v-btn__content>.v-icon--start,
.v-btn--stacked .v-btn__prepend {
    margin-bottom: 4px
}

.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content>.v-icon--end {
    margin-top: 4px
}

.v-btn--stacked.v-btn--size-x-small {
    --v-btn-size: 0.625rem;
    --v-btn-height: 56px;
    font-size: var(--v-btn-size);
    min-width: 56px;
    padding: 0 9pt
}

.v-btn--stacked.v-btn--size-small {
    --v-btn-size: 0.75rem;
    --v-btn-height: 64px;
    font-size: var(--v-btn-size);
    min-width: 4pc;
    padding: 0 14px
}

.v-btn--stacked.v-btn--size-default {
    --v-btn-size: 0.875rem;
    --v-btn-height: 72px;
    font-size: var(--v-btn-size);
    min-width: 72px;
    padding: 0 1pc
}

.v-btn--stacked.v-btn--size-large {
    --v-btn-size: 1rem;
    --v-btn-height: 80px;
    font-size: var(--v-btn-size);
    min-width: 5pc;
    padding: 0 18px
}

.v-btn--stacked.v-btn--size-x-large {
    --v-btn-size: 1.125rem;
    --v-btn-height: 88px;
    font-size: var(--v-btn-size);
    min-width: 88px;
    padding: 0 20px
}

.v-btn--stacked.v-btn--density-default {
    height: calc(var(--v-btn-height))
}

.v-btn--stacked.v-btn--density-comfortable {
    height: calc(var(--v-btn-height) - 1pc)
}

.v-btn--stacked.v-btn--density-compact {
    height: calc(var(--v-btn-height) - 24px)
}

.v-btn--rounded {
    border-radius: 24px
}

.v-btn--rounded.v-btn--icon {
    border-radius: 4px
}

.v-btn .v-icon {
    --v-icon-size-multiplier: 0.8571428571
}

.v-btn--icon .v-icon {
    --v-icon-size-multiplier: 1
}

.v-btn--stacked .v-icon {
    --v-icon-size-multiplier: 1.1428571429
}

.v-btn__loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-btn__append,
.v-btn__content,
.v-btn__prepend {
    align-items: center;
    display: flex;
    transition: transform, opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.v-btn__prepend {
    grid-area: prepend;
    margin-inline-end: calc(var(--v-btn-height)/4.5);
    margin-inline-start: calc(var(--v-btn-height)/-9)
}

.v-btn__append {
    grid-area: append;
    margin-inline-end: calc(var(--v-btn-height)/-9);
    margin-inline-start: calc(var(--v-btn-height)/4.5)
}

.v-btn__content {
    grid-area: content;
    justify-content: center;
    white-space: nowrap
}

.v-btn__content>.v-icon--start {
    margin-inline-end: calc(var(--v-btn-height)/4.5);
    margin-inline-start: calc(var(--v-btn-height)/-9)
}

.v-btn__content>.v-icon--end {
    margin-inline-end: calc(var(--v-btn-height)/-9);
    margin-inline-start: calc(var(--v-btn-height)/4.5)
}

.v-btn--stacked .v-btn__content {
    white-space: normal
}

.v-btn__overlay {
    background-color: currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.v-btn__overlay,
.v-btn__underlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.v-card-actions .v-btn {
    padding: 0 8px
}

.v-card-actions .v-btn~.v-btn:not(.v-btn-toggle .v-btn) {
    margin-inline-start: .5rem
}

.v-banner-actions .v-btn {
    padding: 0 8px
}

.v-pagination .v-btn {
    border-radius: 4px
}

.v-btn__overlay {
    transition: none
}

.v-pagination__item--is-active .v-btn__overlay {
    opacity: var(--v-border-opacity)
}

.v-snackbar-actions .v-btn {
    padding: 0 8px
}

.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled)>.v-btn__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier))
}

.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):hover>.v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
}

.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus-visible>.v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {
    .v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus>.v-btn__overlay {
        opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-btn-group {
    background: transparent;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 4px;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    display: inline-flex;
    flex-wrap: nowrap;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    vertical-align: middle
}

.v-btn-group--border {
    border-width: thin;
    box-shadow: none
}

.v-btn-group--density-default.v-btn-group {
    height: 3pc
}

.v-btn-group--density-comfortable.v-btn-group {
    height: 40px
}

.v-btn-group--density-compact.v-btn-group {
    height: 36px
}

.v-btn-group .v-btn {
    border-color: inherit;
    border-radius: 0
}

.v-btn-group .v-btn:not(:last-child) {
    border-inline-end: none
}

.v-btn-group .v-btn:not(:first-child) {
    border-inline-start: none
}

.v-btn-group .v-btn:first-child {
    border-end-start-radius: inherit;
    border-start-start-radius: inherit
}

.v-btn-group .v-btn:last-child {
    border-end-end-radius: inherit;
    border-start-end-radius: inherit
}

.v-btn-group--divided .v-btn:not(:last-child) {
    border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-inline-end-style: solid;
    border-inline-end-width: thin
}

.v-btn-group--tile {
    border-radius: 0
}

.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.v-progress-linear__background {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    transition-property: width, left, right;
    transition: inherit
}

.v-progress-linear__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.v-progress-linear__determinate,
.v-progress-linear__indeterminate {
    background: currentColor
}

.v-progress-linear__determinate {
    height: inherit;
    left: 0;
    position: absolute;
    transition: inherit;
    transition-property: width, left, right
}

.v-progress-linear__indeterminate .long,
.v-progress-linear__indeterminate .short {
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: auto;
    will-change: left, right
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr
}

.v-progress-linear__stream {
    animation: stream .25s linear infinite;
    animation-play-state: paused;
    bottom: 0;
    left: auto;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    transition: inherit;
    transition-property: width, left, right
}

.v-progress-linear--reverse .v-progress-linear__background,
.v-progress-linear--reverse .v-progress-linear__content,
.v-progress-linear--reverse .v-progress-linear__determinate,
.v-progress-linear--reverse .v-progress-linear__indeterminate .long,
.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
    left: auto;
    right: 0
}

.v-progress-linear--reverse .v-progress-linear__indeterminate .long {
    animation-name: indeterminate-rtl
}

.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-rtl
}

.v-progress-linear--reverse .v-progress-linear__stream {
    right: auto
}

.v-progress-linear--absolute,
.v-progress-linear--fixed {
    left: 0;
    z-index: 1
}

.v-progress-linear--absolute {
    position: absolute
}

.v-progress-linear--fixed {
    position: fixed
}

.v-progress-linear--rounded {
    border-radius: 9999px
}

.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
    border-radius: inherit
}

.v-progress-linear--striped .v-progress-linear__determinate {
    animation: progress-linear-stripes 1s linear infinite;
    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .25) 0, hsla(0, 0%, 100%, .25) 75%, transparent 0, transparent);
    background-repeat: repeat;
    background-size: var(--v-progress-linear-height)
}

.v-progress-linear--active .v-progress-linear__indeterminate .long,
.v-progress-linear--active .v-progress-linear__indeterminate .short,
.v-progress-linear--active .v-progress-linear__stream {
    animation-play-state: running
}

.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
.v-progress-linear--rounded-bar .v-progress-linear__stream+.v-progress-linear__background {
    border-radius: 9999px
}

.v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-locale--is-ltr.v-progress-linear--rounded-bar .v-progress-linear__determinate {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.v-locale--is-rtl .v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-locale--is-rtl.v-progress-linear--rounded-bar .v-progress-linear__determinate {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%
    }

    60% {
        left: -90%;
        right: 100%
    }

    to {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate-rtl {
    0% {
        left: 100%;
        right: -90%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: -35%;
        right: 100%
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short-rtl {
    0% {
        left: 100%;
        right: -200%
    }

    60% {
        left: -8%;
        right: 107%
    }

    to {
        left: -8%;
        right: 107%
    }
}

@keyframes stream {
    to {
        transform: translateX(var(--v-progress-linear-stream-to))
    }
}

@keyframes progress-linear-stripes {
    0% {
        background-position-x: var(--v-progress-linear-height)
    }
}

.v-ripple__container {
    border-radius: inherit;
    contain: strict;
    height: 100%;
    width: 100%;
    z-index: 0
}

.v-ripple__animation,
.v-ripple__container {
    color: inherit;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0
}

.v-ripple__animation {
    background: currentColor;
    border-radius: 50%;
    opacity: 0;
    will-change: transform, opacity
}

.v-ripple__animation--enter {
    opacity: 0;
    transition: none
}

.v-ripple__animation--in {
    opacity: calc(var(--v-theme-overlay-multiplier)*.25);
    transition: transform .25s cubic-bezier(0, 0, .2, 1), opacity .1s cubic-bezier(0, 0, .2, 1)
}

.v-ripple__animation--out {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0, 0, .2, 1)
}

.v-icon {
    --v-icon-size-multiplier: 1;
    font-feature-settings: "liga";
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    min-width: 1em;
    position: relative;
    text-align: center;
    text-indent: 0;
    user-select: none;
    vertical-align: middle;
    width: 1em
}

.v-icon--clickable {
    cursor: pointer
}

.v-icon--size-x-small {
    font-size: calc(var(--v-icon-size-multiplier)*1em)
}

.v-icon--size-small {
    font-size: calc(var(--v-icon-size-multiplier)*1.25em)
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier)*1.5em)
}

.v-icon--size-large {
    font-size: calc(var(--v-icon-size-multiplier)*1.75em)
}

.v-icon--size-x-large {
    font-size: calc(var(--v-icon-size-multiplier)*2em)
}

.v-icon__svg {
    fill: currentColor;
    height: 100%;
    width: 100%
}

.v-icon--start {
    margin-inline-end: 8px
}

.v-icon--end {
    margin-inline-start: 8px
}

.v-progress-circular {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    vertical-align: middle
}

.v-progress-circular>svg {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.v-progress-circular__content {
    align-items: center;
    display: flex;
    justify-content: center
}

.v-progress-circular__underlay {
    stroke: currentColor;
    color: rgba(var(--v-border-color), var(--v-border-opacity));
    z-index: 1
}

.v-progress-circular__overlay {
    stroke: currentColor;
    transition: all .2s ease-in-out, stroke-width 0s;
    z-index: 2
}

.v-progress-circular--size-x-small {
    height: 1pc;
    width: 1pc
}

.v-progress-circular--size-small {
    height: 24px;
    width: 24px
}

.v-progress-circular--size-default {
    height: 2pc;
    width: 2pc
}

.v-progress-circular--size-large {
    height: 3pc;
    width: 3pc
}

.v-progress-circular--size-x-large {
    height: 4pc;
    width: 4pc
}

.v-progress-circular--indeterminate>svg {
    animation: progress-circular-rotate 1.4s linear infinite;
    transform-origin: center center;
    transition: all .2s ease-in-out
}

.v-progress-circular--indeterminate .v-progress-circular__overlay {
    stroke-dasharray: 25, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
    transform: rotate(-90deg);
    transform-origin: center center
}

.v-progress-circular--disable-shrink>svg {
    animation-duration: .7s
}

.v-progress-circular--disable-shrink .v-progress-circular__overlay {
    animation: none
}

.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay,
.v-progress-circular--indeterminate:not(.v-progress-circular--visible)>svg {
    animation-play-state: paused !important
}

@keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0px
    }

    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -93pt
    }
}

@keyframes progress-circular-rotate {
    to {
        transform: rotate(270deg)
    }
}

.v-card {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 4px;
    border-style: solid;
    border-width: 0;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition-duration: .28s;
    transition-property: box-shadow, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 0
}

.v-card--border {
    border-width: thin;
    box-shadow: none
}

.v-card--absolute {
    position: absolute
}

.v-card--fixed {
    position: fixed
}

.v-card:hover>.v-card__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier))
}

.v-card:focus-visible>.v-card__overlay {
    opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {
    .v-card:focus>.v-card__overlay {
        opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
    }
}

.v-card--active>.v-card__overlay,
.v-card[aria-haspopup=menu][aria-expanded=true]>.v-card__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier))
}

.v-card--active:hover>.v-card__overlay,
.v-card[aria-haspopup=menu][aria-expanded=true]:hover>.v-card__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
}

.v-card--active:focus-visible>.v-card__overlay,
.v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-card__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {

    .v-card--active:focus>.v-card__overlay,
    .v-card[aria-haspopup=menu][aria-expanded=true]:focus>.v-card__overlay {
        opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-card--variant-outlined,
.v-card--variant-plain,
.v-card--variant-text,
.v-card--variant-tonal {
    background: transparent;
    color: inherit
}

.v-card--variant-plain {
    opacity: .62
}

.v-card--variant-plain:focus,
.v-card--variant-plain:hover {
    opacity: 1
}

.v-card--variant-plain .v-card__overlay {
    display: none
}

.v-card--variant-elevated,
.v-card--variant-flat {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))
}

.v-card--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-card--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-card--variant-outlined {
    border: thin solid
}

.v-card--variant-text .v-card__overlay {
    background: currentColor
}

.v-card--variant-tonal .v-card__underlay {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-activated-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.v-card--disabled {
    pointer-events: none;
    user-select: none
}

.v-card--disabled>:not(.v-card__loader) {
    opacity: .6
}

.v-card--flat {
    box-shadow: none
}

.v-card--hover {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    cursor: pointer
}

.v-card--hover:after,
.v-card--hover:before {
    border-radius: inherit;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: inherit
}

.v-card--hover:before {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    opacity: 1;
    z-index: -1
}

.v-card--hover:after {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    opacity: 0;
    z-index: 1
}

.v-card--hover:hover:after {
    opacity: 1
}

.v-card--hover:hover:before {
    opacity: 0
}

.v-card--link {
    cursor: pointer
}

.v-card-actions {
    align-items: center;
    display: flex;
    flex: none;
    min-height: 52px;
    padding: .5rem
}

.v-card-item {
    align-items: center;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    padding: .625rem 1rem
}

.v-card-item+.v-card-text {
    padding-top: 0
}

.v-card-item__prepend {
    grid-area: prepend;
    padding-inline-end: 1rem
}

.v-card-item__append {
    grid-area: append;
    padding-inline-start: 1rem
}

.v-card-item__content {
    align-self: center;
    grid-area: content;
    overflow: hidden
}

.v-card-title {
    word-wrap: break-word;
    display: block;
    flex: none;
    font-size: 1.25rem;
    font-weight: 500;
    hyphens: auto;
    letter-spacing: .0125em;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: normal;
    padding: .5rem 1rem;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
    word-break: normal
}

.v-card .v-card-title {
    line-height: 2rem
}

.v-card--density-comfortable .v-card-title {
    line-height: 1.75rem
}

.v-card--density-compact .v-card-title {
    line-height: 1.55rem
}

.v-card-item .v-card-title {
    padding: 0
}

.v-card-title+.v-card-actions,
.v-card-title+.v-card-text {
    padding-top: 0
}

.v-card-subtitle {
    display: block;
    flex: none;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    opacity: var(--v-medium-emphasis-opacity);
    overflow: hidden;
    padding: 0 1rem;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap
}

.v-card .v-card-subtitle {
    line-height: 1.25rem
}

.v-card--density-comfortable .v-card-subtitle {
    line-height: 1.125rem
}

.v-card--density-compact .v-card-subtitle {
    line-height: 1rem
}

.v-card-item .v-card-subtitle {
    padding: 0 0 .25rem
}

.v-card-text {
    flex: 1 1 auto;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    padding: 1rem;
    text-transform: none
}

.v-card .v-card-text {
    line-height: 1.25rem
}

.v-card--density-comfortable .v-card-text {
    line-height: 1.2rem
}

.v-card--density-compact .v-card-text {
    line-height: 1.15rem
}

.v-card__image {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-card__content {
    border-radius: inherit;
    overflow: hidden;
    position: relative
}

.v-card__loader {
    bottom: auto;
    width: 100%;
    z-index: 1
}

.v-card__loader,
.v-card__overlay {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.v-card__overlay {
    background-color: currentColor;
    border-radius: inherit;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out
}

.v-img {
    --v-theme-overlay-multiplier: 3;
    z-index: 0
}

.v-img--booting .v-responsive__sizer {
    transition: none
}

.v-img__error,
.v-img__gradient,
.v-img__img,
.v-img__picture,
.v-img__placeholder {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-img__img--preload {
    filter: blur(4px)
}

.v-img__img--contain {
    object-fit: contain
}

.v-img__img--cover {
    object-fit: cover
}

.v-img__gradient {
    background-repeat: no-repeat
}

.v-responsive {
    display: flex;
    flex: 1 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.v-responsive--inline {
    display: inline-flex;
    flex: 0 0 auto
}

.v-responsive__content {
    flex: 1 0 0px;
    max-width: 100%
}

.v-responsive__sizer~.v-responsive__content {
    margin-inline-start: -100%
}

.v-responsive__sizer {
    flex: 1 0 0px;
    pointer-events: none;
    transition: padding-bottom .2s cubic-bezier(.4, 0, .2, 1)
}

.v-avatar {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: none;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition-property: width, height;
    vertical-align: middle
}

.v-avatar.v-avatar--size-x-small {
    --v-avatar-height: 24px
}

.v-avatar.v-avatar--size-small {
    --v-avatar-height: 32px
}

.v-avatar.v-avatar--size-default {
    --v-avatar-height: 40px
}

.v-avatar.v-avatar--size-large {
    --v-avatar-height: 48px
}

.v-avatar.v-avatar--size-x-large {
    --v-avatar-height: 56px
}

.v-avatar.v-avatar--density-default {
    height: calc(var(--v-avatar-height));
    width: calc(var(--v-avatar-height))
}

.v-avatar.v-avatar--density-comfortable {
    height: calc(var(--v-avatar-height) - 4px);
    width: calc(var(--v-avatar-height) - 4px)
}

.v-avatar.v-avatar--density-compact {
    height: calc(var(--v-avatar-height) - 8px);
    width: calc(var(--v-avatar-height) - 8px)
}

.v-avatar--variant-outlined,
.v-avatar--variant-plain,
.v-avatar--variant-text,
.v-avatar--variant-tonal {
    background: transparent;
    color: inherit
}

.v-avatar--variant-plain {
    opacity: .62
}

.v-avatar--variant-plain:focus,
.v-avatar--variant-plain:hover {
    opacity: 1
}

.v-avatar--variant-plain .v-avatar__overlay {
    display: none
}

.v-avatar--variant-elevated,
.v-avatar--variant-flat {
    background: var(--v-theme-surface);
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity))
}

.v-avatar--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-avatar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-avatar--variant-outlined {
    border: thin solid
}

.v-avatar--variant-text .v-avatar__overlay {
    background: currentColor
}

.v-avatar--variant-tonal .v-avatar__underlay {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-activated-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.v-avatar--rounded {
    border-radius: 4px
}

.v-avatar .v-img {
    height: 100%;
    width: 100%
}

.ais-Breadcrumb-list,
.ais-CurrentRefinements-list,
.ais-HierarchicalMenu-list,
.ais-Hits-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-Results-list,
.ais-ToggleRefinement-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-SearchBox-reset,
.ais-SearchBox-submit,
.ais-VoiceSearch-button {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-SearchBox-reset[disabled],
.ais-SearchBox-submit[disabled],
.ais-VoiceSearch-button[disabled] {
    cursor: default
}

.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
    overflow-anchor: none
}

.ais-Breadcrumb-item,
.ais-Breadcrumb-list,
.ais-Pagination-list,
.ais-PoweredBy,
.ais-RangeInput-form,
.ais-RatingMenu-link {
    align-items: center;
    display: flex
}

.ais-GeoSearch,
.ais-GeoSearch-map {
    height: 100%
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
    margin-left: 1em
}

.ais-PoweredBy-logo {
    display: block;
    height: 1.2em;
    width: auto
}

.ais-PoweredBy-text {
    margin-right: .3rem
}

.ais-RatingMenu-starIcon {
    display: block;
    height: 20px;
    width: 20px
}

.ais-SearchBox-input::-ms-clear,
.ais-SearchBox-input::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
    display: none
}

.ais-RangeSlider .rheostat {
    margin-bottom: 40px;
    margin-top: 40px;
    overflow: visible
}

.ais-RangeSlider .rheostat-background {
    height: 6px;
    top: 0;
    width: 100%
}

.ais-RangeSlider .rheostat-handle {
    margin-left: -9pt;
    top: -7px
}

.ais-RangeSlider .rheostat-background {
    background-color: #fff;
    border: 1px solid #aaa;
    position: relative
}

.ais-RangeSlider .rheostat-progress {
    background-color: #333;
    height: 4px;
    position: absolute;
    top: 1px
}

.rheostat-handle {
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 50%;
    cursor: grab;
    height: 20px;
    position: relative;
    width: 20px;
    z-index: 1
}

.rheostat-marker {
    background-color: #aaa;
    height: 5px;
    margin-left: -1px;
    position: absolute;
    width: 1px
}

.rheostat-marker--large {
    height: 9px
}

.rheostat-value {
    padding-top: 15px
}

.rheostat-tooltip,
.rheostat-value {
    margin-left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

.rheostat-tooltip {
    top: -22px
}

[class^=ais-] {
    box-sizing: border-box;
    font-size: 1rem
}

a[class^=ais-] {
    text-decoration: none
}

.ais-Breadcrumb,
.ais-ClearRefinements,
.ais-CurrentRefinements,
.ais-GeoSearch,
.ais-HierarchicalMenu,
.ais-Hits,
.ais-HitsPerPage,
.ais-InfiniteHits,
.ais-InfiniteResults,
.ais-Menu,
.ais-MenuSelect,
.ais-NumericMenu,
.ais-NumericSelector,
.ais-Pagination,
.ais-Panel,
.ais-PoweredBy,
.ais-RangeInput,
.ais-RangeSlider,
.ais-RatingMenu,
.ais-RefinementList,
.ais-RelevantSort,
.ais-Results,
.ais-ResultsPerPage,
.ais-SearchBox,
.ais-SortBy,
.ais-Stats,
.ais-ToggleRefinement {
    color: #3a4570
}

.ais-Breadcrumb-item--selected,
.ais-HierarchicalMenu-item--selected,
.ais-Menu-item--selected {
    font-weight: 700
}

.ais-Breadcrumb-separator {
    font-weight: 400;
    margin: 0 .3em
}

.ais-Breadcrumb-link,
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-Pagination-link,
.ais-RatingMenu-link {
    color: #0096db;
    transition: color .2s ease-out
}

.ais-Breadcrumb-link:focus,
.ais-Breadcrumb-link:hover,
.ais-HierarchicalMenu-link:focus,
.ais-HierarchicalMenu-link:hover,
.ais-Menu-link:focus,
.ais-Menu-link:hover,
.ais-Pagination-link:focus,
.ais-Pagination-link:hover,
.ais-RatingMenu-link:focus,
.ais-RatingMenu-link:hover {
    color: #0073a8
}

.ais-ClearRefinements-button,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore,
.ais-RelevantSort-button {
    background-color: #0096db;
    border-radius: 5px;
    color: #fff;
    font-size: .8rem;
    outline: none;
    padding: .3rem .5rem;
    transition: background-color .2s ease-out
}

.ais-ClearRefinements-button:focus,
.ais-ClearRefinements-button:hover,
.ais-CurrentRefinements-reset:focus,
.ais-CurrentRefinements-reset:hover,
.ais-GeoSearch-redo:focus,
.ais-GeoSearch-redo:hover,
.ais-GeoSearch-reset:focus,
.ais-GeoSearch-reset:hover,
.ais-HierarchicalMenu-showMore:focus,
.ais-HierarchicalMenu-showMore:hover,
.ais-InfiniteHits-loadMore:focus,
.ais-InfiniteHits-loadMore:hover,
.ais-InfiniteHits-loadPrevious:focus,
.ais-InfiniteHits-loadPrevious:hover,
.ais-InfiniteResults-loadMore:focus,
.ais-InfiniteResults-loadMore:hover,
.ais-Menu-showMore:focus,
.ais-Menu-showMore:hover,
.ais-RefinementList-showMore:focus,
.ais-RefinementList-showMore:hover,
.ais-RelevantSort-button:focus,
.ais-RelevantSort-button:hover {
    background-color: #0073a8
}

.ais-ClearRefinements-button--disabled,
.ais-GeoSearch-redo--disabled,
.ais-GeoSearch-reset--disabled,
.ais-HierarchicalMenu-showMore--disabled,
.ais-InfiniteHits-loadMore--disabled,
.ais-InfiniteResults-loadMore--disabled,
.ais-Menu-showMore--disabled,
.ais-RefinementList-showMore--disabled {
    cursor: not-allowed;
    opacity: .6
}

.ais-ClearRefinements-button--disabled:focus,
.ais-ClearRefinements-button--disabled:hover,
.ais-GeoSearch-redo--disabled:focus,
.ais-GeoSearch-redo--disabled:hover,
.ais-GeoSearch-reset--disabled:focus,
.ais-GeoSearch-reset--disabled:hover,
.ais-HierarchicalMenu-showMore--disabled:focus,
.ais-HierarchicalMenu-showMore--disabled:hover,
.ais-InfiniteHits-loadMore--disabled:focus,
.ais-InfiniteHits-loadMore--disabled:hover,
.ais-InfiniteResults-loadMore--disabled:focus,
.ais-InfiniteResults-loadMore--disabled:hover,
.ais-Menu-showMore--disabled:focus,
.ais-Menu-showMore--disabled:hover,
.ais-RefinementList-showMore--disabled:focus,
.ais-RefinementList-showMore--disabled:hover {
    background-color: #0096db
}

.ais-InfiniteHits-loadPrevious--disabled {
    display: none
}

.ais-CurrentRefinements {
    margin-top: -.3rem
}

.ais-CurrentRefinements,
.ais-CurrentRefinements-list {
    display: flex;
    flex-wrap: wrap
}

.ais-CurrentRefinements-item {
    background-color: #495588;
    border-radius: 5px;
    display: flex;
    margin-right: .3rem;
    margin-top: .3rem;
    padding: .3rem .5rem
}

.ais-CurrentRefinements-category {
    display: flex;
    margin-left: .3em
}

.ais-CurrentRefinements-delete {
    margin-left: .3rem
}

.ais-CurrentRefinements-categoryLabel,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-label {
    color: #fff;
    font-size: .8rem;
    white-space: nowrap
}

.ais-CurrentRefinements-reset {
    margin-top: .3rem;
    white-space: nowrap
}

.ais-CurrentRefinements-reset+.ais-CurrentRefinements-list {
    margin-left: .3rem
}

.ais-GeoSearch {
    position: relative
}

.ais-GeoSearch-control {
    left: 3.75rem;
    position: absolute;
    top: .8rem
}

.ais-GeoSearch-label {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    display: block;
    font-size: .8rem;
    outline: none;
    padding: .3rem .5rem;
    transition: background-color .2s ease-out
}

.ais-GeoSearch-input {
    margin: 0 .25rem 0 0
}

.ais-GeoSearch-label,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
    white-space: nowrap
}

.ais-GeoSearch-reset {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.ais-HierarchicalMenu-link,
.ais-Menu-link {
    display: block;
    line-height: 1.5
}

.ais-HierarchicalMenu-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-RatingMenu-list,
.ais-RefinementList-list {
    font-weight: 400;
    line-height: 1.5
}

.ais-HierarchicalMenu-link:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M7.3 24l-2.8-2.8 9.3-9.2-9.3-9.2 2.8-2.8 12.2 12z%27 fill%3D%22%233A4570%22 /%3E%3C/svg%3E");
    background-size: 100% 100%;
    content: "";
    display: none;
    height: 10px;
    margin-left: .3em;
    width: 10px
}

.ais-HierarchicalMenu-item--parent>.ais-HierarchicalMenu-link:after {
    display: inline-block
}

.ais-HierarchicalMenu-item--selected>.ais-HierarchicalMenu-link:after {
    transform: rotate(90deg)
}

.ais-CurrentRefinements-count,
.ais-RatingMenu-count {
    font-size: .8rem
}

.ais-CurrentRefinements-count:before,
.ais-RatingMenu-count:before {
    content: "("
}

.ais-CurrentRefinements-count:after,
.ais-RatingMenu-count:after {
    content: ")"
}

.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RefinementList-count,
.ais-ToggleRefinement-count {
    background-color: #dfe2ee;
    border-radius: 8px;
    color: #3a4570;
    font-size: .8rem;
    padding: .1rem .4rem
}

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
    margin-top: .5rem
}

.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
    background-color: #ffc168
}

.ais-ReverseHighlight-highlighted,
.ais-ReverseSnippet-highlighted {
    background: none;
    font-style: normal;
    font-weight: 700
}

.ais-Hits-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Results-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-top: -1rem
}

.ais-Panel-body .ais-Hits-list,
.ais-Panel-body .ais-InfiniteHits-list,
.ais-Panel-body .ais-InfiniteResults-list,
.ais-Panel-body .ais-Results-list {
    margin: .5rem 0 0 -1rem
}

.ais-Hits-item,
.ais-InfiniteHits-item,
.ais-InfiniteResults-item,
.ais-Results-item {
    border: 1px solid #c4c8d8;
    box-shadow: 0 2px 5px 0 #e3e5ec;
    margin-left: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    width: calc(25% - 1rem)
}

.ais-Panel-body .ais-Hits-item,
.ais-Panel-body .ais-InfiniteHits-item,
.ais-Panel-body .ais-InfiniteResults-item,
.ais-Panel-body .ais-Results-item {
    margin: .5rem 0 .5rem 1rem
}

.ais-InfiniteHits-loadMore,
.ais-InfiniteResults-loadMore {
    margin-top: 1rem
}

.ais-InfiniteHits-loadPrevious {
    margin-bottom: 1rem
}

.ais-HitsPerPage-select,
.ais-MenuSelect-select,
.ais-NumericSelector-select,
.ais-ResultsPerPage-select,
.ais-SortBy-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 7.3l2.8-2.8 9.2 9.3 9.2-9.3 2.8 2.8-12 12.2z%27 fill%3D%22%233A4570%22 /%3E%3C/svg%3E");
    background-position: 92% 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    border: 1px solid #c4c8d8;
    border-radius: 5px;
    max-width: 100%;
    padding: .3rem 2rem .3rem .3rem
}

.ais-Panel--collapsible {
    position: relative
}

.ais-Panel--collapsible.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsible.ais-Panel--collapsed .ais-Panel-footer {
    display: none
}

.ais-Panel--collapsible .ais-Panel-collapseButton {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ais-Panel-header {
    border-bottom: 1px solid #c4c8d8;
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    text-transform: uppercase
}

.ais-Panel-footer {
    font-size: .8rem;
    margin-top: .5rem
}

.ais-RangeInput-input {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .2rem;
    width: 5rem
}

.ais-RangeInput-separator {
    margin: 0 .3rem
}

.ais-RangeInput-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #0096db;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: .8rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-left: .3rem;
    outline: none;
    padding: 0 .5rem;
    transition: .2s ease-out
}

.ais-RangeInput-submit:focus,
.ais-RangeInput-submit:hover {
    background-color: #0073a8
}

.ais-RatingMenu-count {
    color: #3a4570
}

.ais-Pagination-list {
    justify-content: center
}

.ais-Pagination-item+.ais-Pagination-item {
    margin-left: .3rem
}

.ais-Pagination-link {
    border: 1px solid #c4c8d8;
    border-radius: 5px;
    display: block;
    padding: .3rem .6rem;
    transition: background-color .2s ease-out
}

.ais-Pagination-link:focus,
.ais-Pagination-link:hover {
    background-color: #e3e5ec
}

.ais-Pagination-item--disabled .ais-Pagination-link {
    color: #a5abc4;
    cursor: not-allowed;
    opacity: .6
}

.ais-Pagination-item--disabled .ais-Pagination-link:focus,
.ais-Pagination-item--disabled .ais-Pagination-link:hover {
    background-color: #fff;
    color: #a5abc4
}

.ais-Pagination-item--selected .ais-Pagination-link {
    background-color: #0096db;
    border-color: #0096db;
    color: #fff
}

.ais-Pagination-item--selected .ais-Pagination-link:focus,
.ais-Pagination-item--selected .ais-Pagination-link:hover {
    color: #fff
}

.ais-PoweredBy-text,
.ais-RelevantSort-text,
.ais-Stats-text,
.rheostat-tooltip,
.rheostat-value {
    font-size: .8rem
}

.ais-RangeSlider .rheostat-progress {
    background-color: #495588
}

.ais-RangeSlider .rheostat-background {
    border-color: #878faf;
    box-sizing: border-box
}

.ais-RangeSlider .rheostat-handle {
    border-color: #878faf
}

.ais-RangeSlider .rheostat-marker {
    background-color: #878faf
}

.ais-Panel-body .ais-RangeSlider {
    margin: 2rem 0
}

.ais-RangeSlider-handle {
    background: #fff;
    border: 1px solid #46aeda;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    position: relative;
    width: 20px;
    z-index: 1
}

.ais-RangeSlider-tooltip {
    background: #fff;
    font-size: .8em;
    position: absolute;
    top: -22px
}

.ais-RangeSlider-value {
    font-size: .8em;
    margin-left: -20px;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    width: 40px
}

.ais-RangeSlider-marker {
    background: #ddd;
    height: 5px;
    margin-left: -1px;
    position: absolute;
    width: 1px
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-count,
.ais-RatingMenu-item--disabled .ais-RatingMenu-label {
    color: #c4c8d8
}

.ais-RatingMenu-item--selected {
    font-weight: 700
}

.ais-RatingMenu-link {
    line-height: 1.5
}

.ais-RatingMenu-link>*+* {
    margin-left: .3rem
}

.ais-RatingMenu-starIcon {
    fill: #ffc168;
    position: relative;
    top: -1px;
    width: 15px
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
    fill: #c4c8d8
}

.ais-HierarchicalMenu-searchBox>*,
.ais-Menu-searchBox>*,
.ais-RefinementList-searchBox>* {
    margin-bottom: .5rem
}

.ais-SearchBox-form {
    display: block;
    position: relative
}

.ais-SearchBox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #c4c8d8;
    border-radius: 5px;
    padding: .3rem 1.7rem;
    position: relative;
    width: 100%
}

.ais-SearchBox-input::-webkit-input-placeholder {
    color: #a5aed1
}

.ais-SearchBox-input::-moz-placeholder {
    color: #a5aed1
}

.ais-SearchBox-input:-ms-input-placeholder {
    color: #a5aed1
}

.ais-SearchBox-input:-moz-placeholder {
    color: #a5aed1
}

.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset,
.ais-SearchBox-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 20px;
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 1
}

.ais-SearchBox-submit {
    left: .3rem
}

.ais-SearchBox-reset {
    right: .3rem
}

.ais-SearchBox-loadingIcon,
.ais-SearchBox-resetIcon,
.ais-SearchBox-submitIcon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.ais-SearchBox-resetIcon path,
.ais-SearchBox-submitIcon path {
    fill: #495588
}

.ais-SearchBox-submitIcon {
    height: 14px;
    width: 14px
}

.ais-SearchBox-resetIcon {
    height: 9pt;
    width: 9pt
}

.ais-SearchBox-loadingIcon {
    height: 1pc;
    width: 1pc
}

.ais-VoiceSearch-button {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #3a4570;
    height: 24px;
    padding: 4px;
    width: 24px
}

.ais-VoiceSearch-button svg {
    color: currentColor
}

.ais-VoiceSearch-button:hover {
    background-color: #a5aed1;
    color: #fff;
    cursor: pointer
}

.ais-VoiceSearch-button:disabled {
    color: #a5aed1
}

.ais-VoiceSearch-button:disabled:hover {
    background: inherit;
    color: #a5aed1;
    cursor: not-allowed
}

.v-chip {
    align-items: center;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 9999px;
    border-style: solid;
    border-width: 0;
    cursor: default;
    display: inline-flex;
    font-weight: 400;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap
}

.v-chip.v-chip--size-x-small {
    --v-chip-size: 0.625rem;
    --v-chip-height: 18px;
    font-size: .625rem;
    padding: 0 7px
}

.v-chip.v-chip--size-x-small .v-avatar {
    --v-avatar-height: 12px
}

.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
    --v-avatar-height: 18px
}

.v-chip.v-chip--size-x-small .v-avatar--start {
    margin-inline-end: 3.5px;
    margin-inline-start: -4.9px
}

.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
    margin-inline-start: -7px
}

.v-chip.v-chip--size-x-small .v-avatar--end {
    margin-inline-end: -4.9px;
    margin-inline-start: 3.5px
}

.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
    margin-inline-end: -7px
}

.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end+.v-chip__close {
    margin-inline-start: 10.5px
}

.v-chip.v-chip--size-x-small .v-chip__filter,
.v-chip.v-chip--size-x-small .v-icon--start {
    margin-inline-end: 3.5px;
    margin-inline-start: -3.5px
}

.v-chip.v-chip--size-x-small .v-chip__close,
.v-chip.v-chip--size-x-small .v-icon--end {
    margin-inline-end: -3.5px;
    margin-inline-start: 3.5px
}

.v-chip.v-chip--size-x-small .v-avatar--end+.v-chip__close,
.v-chip.v-chip--size-x-small .v-chip__append+.v-chip__close,
.v-chip.v-chip--size-x-small .v-icon--end+.v-chip__close {
    margin-inline-start: 7px
}

.v-chip.v-chip--size-small {
    --v-chip-size: 0.75rem;
    --v-chip-height: 24px;
    font-size: .75rem;
    padding: 0 9px
}

.v-chip.v-chip--size-small .v-avatar {
    --v-avatar-height: 18px
}

.v-chip--pill.v-chip.v-chip--size-small .v-avatar {
    --v-avatar-height: 24px
}

.v-chip.v-chip--size-small .v-avatar--start {
    margin-inline-end: 4.5px;
    margin-inline-start: -6.3px
}

.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
    margin-inline-start: -9px
}

.v-chip.v-chip--size-small .v-avatar--end {
    margin-inline-end: -6.3px;
    margin-inline-start: 4.5px
}

.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
    margin-inline-end: -9px
}

.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end+.v-chip__close {
    margin-inline-start: 13.5px
}

.v-chip.v-chip--size-small .v-chip__filter,
.v-chip.v-chip--size-small .v-icon--start {
    margin-inline-end: 4.5px;
    margin-inline-start: -4.5px
}

.v-chip.v-chip--size-small .v-chip__close,
.v-chip.v-chip--size-small .v-icon--end {
    margin-inline-end: -4.5px;
    margin-inline-start: 4.5px
}

.v-chip.v-chip--size-small .v-avatar--end+.v-chip__close,
.v-chip.v-chip--size-small .v-chip__append+.v-chip__close,
.v-chip.v-chip--size-small .v-icon--end+.v-chip__close {
    margin-inline-start: 9px
}

.v-chip.v-chip--size-default {
    --v-chip-size: 0.875rem;
    --v-chip-height: 30px;
    font-size: .875rem;
    padding: 0 11px
}

.v-chip.v-chip--size-default .v-avatar {
    --v-avatar-height: 24px
}

.v-chip--pill.v-chip.v-chip--size-default .v-avatar {
    --v-avatar-height: 30px
}

.v-chip.v-chip--size-default .v-avatar--start {
    margin-inline-end: 5.5px;
    margin-inline-start: -7.7px
}

.v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
    margin-inline-start: -11px
}

.v-chip.v-chip--size-default .v-avatar--end {
    margin-inline-end: -7.7px;
    margin-inline-start: 5.5px
}

.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
    margin-inline-end: -11px
}

.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end+.v-chip__close {
    margin-inline-start: 16.5px
}

.v-chip.v-chip--size-default .v-chip__filter,
.v-chip.v-chip--size-default .v-icon--start {
    margin-inline-end: 5.5px;
    margin-inline-start: -5.5px
}

.v-chip.v-chip--size-default .v-chip__close,
.v-chip.v-chip--size-default .v-icon--end {
    margin-inline-end: -5.5px;
    margin-inline-start: 5.5px
}

.v-chip.v-chip--size-default .v-avatar--end+.v-chip__close,
.v-chip.v-chip--size-default .v-chip__append+.v-chip__close,
.v-chip.v-chip--size-default .v-icon--end+.v-chip__close {
    margin-inline-start: 11px
}

.v-chip.v-chip--size-large {
    --v-chip-size: 1rem;
    --v-chip-height: 36px;
    font-size: 1rem;
    padding: 0 14px
}

.v-chip.v-chip--size-large .v-avatar {
    --v-avatar-height: 30px
}

.v-chip--pill.v-chip.v-chip--size-large .v-avatar {
    --v-avatar-height: 36px
}

.v-chip.v-chip--size-large .v-avatar--start {
    margin-inline-end: 7px;
    margin-inline-start: -9.8px
}

.v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
    margin-inline-start: -14px
}

.v-chip.v-chip--size-large .v-avatar--end {
    margin-inline-end: -9.8px;
    margin-inline-start: 7px
}

.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
    margin-inline-end: -14px
}

.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end+.v-chip__close {
    margin-inline-start: 21px
}

.v-chip.v-chip--size-large .v-chip__filter,
.v-chip.v-chip--size-large .v-icon--start {
    margin-inline-end: 7px;
    margin-inline-start: -7px
}

.v-chip.v-chip--size-large .v-chip__close,
.v-chip.v-chip--size-large .v-icon--end {
    margin-inline-end: -7px;
    margin-inline-start: 7px
}

.v-chip.v-chip--size-large .v-avatar--end+.v-chip__close,
.v-chip.v-chip--size-large .v-chip__append+.v-chip__close,
.v-chip.v-chip--size-large .v-icon--end+.v-chip__close {
    margin-inline-start: 14px
}

.v-chip.v-chip--size-x-large {
    --v-chip-size: 1.125rem;
    --v-chip-height: 42px;
    font-size: 1.125rem;
    padding: 0 1pc
}

.v-chip.v-chip--size-x-large .v-avatar {
    --v-avatar-height: 36px
}

.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
    --v-avatar-height: 42px
}

.v-chip.v-chip--size-x-large .v-avatar--start {
    margin-inline-end: 8px;
    margin-inline-start: -.7pc
}

.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
    margin-inline-start: -1pc
}

.v-chip.v-chip--size-x-large .v-avatar--end {
    margin-inline-end: -.7pc;
    margin-inline-start: 8px
}

.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
    margin-inline-end: -1pc
}

.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end+.v-chip__close {
    margin-inline-start: 24px
}

.v-chip.v-chip--size-x-large .v-chip__filter,
.v-chip.v-chip--size-x-large .v-icon--start {
    margin-inline-end: 8px;
    margin-inline-start: -8px
}

.v-chip.v-chip--size-x-large .v-chip__close,
.v-chip.v-chip--size-x-large .v-icon--end {
    margin-inline-end: -8px;
    margin-inline-start: 8px
}

.v-chip.v-chip--size-x-large .v-avatar--end+.v-chip__close,
.v-chip.v-chip--size-x-large .v-chip__append+.v-chip__close,
.v-chip.v-chip--size-x-large .v-icon--end+.v-chip__close {
    margin-inline-start: 1pc
}

.v-chip.v-chip--density-default {
    height: calc(var(--v-chip-height))
}

.v-chip.v-chip--density-comfortable {
    height: calc(var(--v-chip-height) - 8px)
}

.v-chip.v-chip--density-compact {
    height: calc(var(--v-chip-height) - 9pt)
}

.v-chip:hover>.v-chip__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier))
}

.v-chip:focus-visible>.v-chip__overlay {
    opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {
    .v-chip:focus>.v-chip__overlay {
        opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
    }
}

.v-chip--active>.v-chip__overlay,
.v-chip[aria-haspopup=menu][aria-expanded=true]>.v-chip__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier))
}

.v-chip--active:hover>.v-chip__overlay,
.v-chip[aria-haspopup=menu][aria-expanded=true]:hover>.v-chip__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
}

.v-chip--active:focus-visible>.v-chip__overlay,
.v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-chip__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {

    .v-chip--active:focus>.v-chip__overlay,
    .v-chip[aria-haspopup=menu][aria-expanded=true]:focus>.v-chip__overlay {
        opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-chip--variant-outlined,
.v-chip--variant-plain,
.v-chip--variant-text,
.v-chip--variant-tonal {
    background: transparent;
    color: inherit
}

.v-chip--variant-plain {
    opacity: .26
}

.v-chip--variant-plain:focus,
.v-chip--variant-plain:hover {
    opacity: 1
}

.v-chip--variant-plain .v-chip__overlay {
    display: none
}

.v-chip--variant-elevated,
.v-chip--variant-flat {
    background: rgb(var(--v-theme-surface-variant));
    color: rgb(var(--v-theme-on-surface-variant))
}

.v-chip--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-chip--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-chip--variant-outlined {
    border: thin solid
}

.v-chip--variant-text .v-chip__overlay {
    background: currentColor
}

.v-chip--variant-tonal .v-chip__underlay {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-activated-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.v-chip--border {
    border-width: thin
}

.v-chip--link {
    cursor: pointer
}

.v-chip--filter {
    user-select: none
}

.v-chip__content {
    align-items: center;
    display: inline-flex
}

.v-autocomplete__selection .v-chip__content,
.v-combobox__selection .v-chip__content,
.v-select__selection .v-chip__content {
    overflow: hidden
}

.v-chip__append,
.v-chip__close,
.v-chip__filter,
.v-chip__prepend {
    align-items: center;
    display: inline-flex
}

.v-chip__close {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 18px;
    max-height: 18px;
    max-width: 18px;
    user-select: none
}

.v-chip__close .v-icon {
    font-size: inherit
}

.v-chip__filter {
    transition: .15s cubic-bezier(.4, 0, .2, 1)
}

.v-chip__overlay {
    background-color: currentColor;
    border-radius: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-in-out;
    width: 100%
}

.v-chip--disabled {
    opacity: .3;
    pointer-events: none;
    user-select: none
}

.v-chip--label {
    border-radius: 4px
}

.v-chip-group {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding: 4px 0
}

.v-chip-group .v-chip {
    margin: 4px 8px 4px 0
}

.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
    opacity: var(--v-activated-opacity)
}

.v-chip-group--column {
    flex-wrap: wrap;
    white-space: normal
}

.card-device--hover:hover {
    color: transparent
}

.v-checkbox .v-selection-control {
    min-height: var(--v-input-control-height)
}

.v-input {
    --v-input-chips-margin-top: 2px;
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.v-input--disabled {
    pointer-events: none
}

.v-input--density-default {
    --v-input-control-height: 56px;
    --v-input-padding-top: 15px
}

.v-input--density-comfortable {
    --v-input-control-height: 48px;
    --v-input-padding-top: 11px
}

.v-input--density-compact {
    --v-input-control-height: 40px;
    --v-input-padding-top: 7px
}

.v-input--density-default {
    --v-input-chips-margin-bottom: 0px
}

.v-input--density-comfortable {
    --v-input-chips-margin-bottom: 2px
}

.v-input--density-compact {
    --v-input-chips-margin-bottom: 4px
}

.v-input--vertical {
    grid-template-areas: "append" "control" "prepend";
    grid-template-columns: min-content;
    grid-template-rows: max-content auto max-content
}

.v-input--vertical .v-input__prepend {
    margin-block-start: 1pc
}

.v-input--vertical .v-input__append {
    margin-block-end: 1pc
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: auto auto
}

.v-input--horizontal .v-input__prepend {
    margin-inline-end: 1pc
}

.v-input--horizontal .v-input__append {
    margin-inline-start: 1pc
}

.v-input__details {
    align-items: flex-end;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    grid-area: messages;
    justify-content: space-between;
    letter-spacing: .0333333333em;
    line-height: normal;
    min-height: 22px;
    overflow: hidden;
    padding-top: 6px
}

.v-input__append>.v-icon,
.v-input__details>.v-icon,
.v-input__prepend>.v-icon {
    opacity: var(--v-medium-emphasis-opacity)
}

.v-input--disabled .v-input__append .v-messages,
.v-input--disabled .v-input__append>.v-icon,
.v-input--disabled .v-input__details .v-messages,
.v-input--disabled .v-input__details>.v-icon,
.v-input--disabled .v-input__prepend .v-messages,
.v-input--disabled .v-input__prepend>.v-icon,
.v-input--error .v-input__append .v-messages,
.v-input--error .v-input__append>.v-icon,
.v-input--error .v-input__details .v-messages,
.v-input--error .v-input__details>.v-icon,
.v-input--error .v-input__prepend .v-messages,
.v-input--error .v-input__prepend>.v-icon {
    opacity: 1
}

.v-input--disabled .v-input__append,
.v-input--disabled .v-input__details,
.v-input--disabled .v-input__prepend {
    opacity: var(--v-disabled-opacity)
}

.v-input--error:not(.v-input--disabled) .v-input__append .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__append>.v-icon,
.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__details>.v-icon,
.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__prepend>.v-icon {
    color: rgb(var(--v-theme-error))
}

.v-input__append,
.v-input__prepend {
    align-items: flex-start;
    display: flex;
    padding-top: var(--v-input-padding-top)
}

.v-input--center-affix .v-input__append,
.v-input--center-affix .v-input__prepend {
    align-items: center;
    padding-top: 0
}

.v-input__prepend {
    grid-area: prepend
}

.v-input__append {
    grid-area: append
}

.v-input__control {
    display: flex;
    grid-area: control
}

.v-messages {
    flex: 1 1 auto;
    font-size: 9pt;
    min-height: 14px;
    min-width: 1px;
    opacity: var(--v-medium-emphasis-opacity);
    position: relative
}

.v-messages__message {
    word-wrap: break-word;
    hyphens: auto;
    line-height: 9pt;
    overflow-wrap: break-word;
    transition-duration: .15s;
    word-break: break-word
}

.v-selection-control {
    align-items: center;
    contain: layout;
    display: flex;
    flex: 1 0;
    grid-area: control;
    position: relative;
    user-select: none
}

.v-selection-control .v-label {
    height: 100%;
    white-space: normal;
    word-break: break-word
}

.v-selection-control--disabled {
    opacity: var(--v-disabled-opacity);
    pointer-events: none
}

.v-selection-control--disabled .v-label,
.v-selection-control--error .v-label {
    opacity: 1
}

.v-selection-control--error:not(.v-selection-control--disabled) .v-label {
    color: rgb(var(--v-theme-error))
}

.v-selection-control--inline {
    display: inline-flex;
    flex: 0 0 auto;
    max-width: 100%;
    min-width: 0
}

.v-selection-control--inline .v-label {
    width: auto
}

.v-selection-control--density-default {
    --v-selection-control-size: 40px
}

.v-selection-control--density-comfortable {
    --v-selection-control-size: 36px
}

.v-selection-control--density-compact {
    --v-selection-control-size: 28px
}

.v-selection-control__wrapper {
    display: inline-flex
}

.v-selection-control__input,
.v-selection-control__wrapper {
    align-items: center;
    flex: none;
    height: var(--v-selection-control-size);
    justify-content: center;
    position: relative;
    width: var(--v-selection-control-size)
}

.v-selection-control__input {
    border-radius: 50%;
    display: flex
}

.v-selection-control__input input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-selection-control__input:before {
    background-color: currentColor;
    border-radius: 100%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.v-selection-control__input:hover:before {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier))
}

.v-selection-control__input>.v-icon {
    opacity: var(--v-medium-emphasis-opacity)
}

.v-selection-control--dirty .v-selection-control__input>.v-icon,
.v-selection-control--disabled .v-selection-control__input>.v-icon,
.v-selection-control--error .v-selection-control__input>.v-icon {
    opacity: 1
}

.v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input>.v-icon {
    color: rgb(var(--v-theme-error))
}

.v-selection-control--focus-visible .v-selection-control__input:before {
    opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
}

.v-selection-control-group {
    display: flex;
    flex-direction: column;
    grid-area: control
}

.v-selection-control-group--inline {
    flex-direction: row;
    flex-wrap: wrap
}

.v-label {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-size: 1rem;
    letter-spacing: .009375em;
    min-width: 0;
    opacity: var(--v-medium-emphasis-opacity);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v-label--clickable {
    cursor: pointer
}

.v-text-field input {
    color: inherit;
    flex: 1;
    min-width: 0;
    opacity: 0;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.v-text-field input:active,
.v-text-field input:focus {
    outline: none
}

.v-text-field input:invalid {
    box-shadow: none
}

.v-text-field .v-field {
    cursor: text
}

.v-text-field--prefixed.v-text-field .v-field__input {
    --v-field-padding-start: 6px
}

.v-text-field--suffixed.v-text-field .v-field__input {
    --v-field-padding-end: 0
}

.v-text-field .v-field__input input {
    margin-bottom: var(--v-input-chips-margin-bottom);
    margin-top: var(--v-input-chips-margin-top)
}

.v-text-field input.v-field__input {
    min-height: calc(max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px) - var(--v-input-chips-margin-top) - var(--v-input-chips-margin-bottom));
    padding-bottom: calc(var(--v-input-chips-margin-bottom) + var(--v-field-input-padding-bottom));
    padding-top: calc(var(--v-input-chips-margin-top) + var(--v-field-input-padding-top))
}

.v-text-field .v-input__details {
    padding-inline-end: 1pc;
    padding-inline-start: 1pc
}

.v-text-field .v-field--active input,
.v-text-field .v-field--no-label input {
    opacity: 1
}

.v-text-field .v-field--single-line input {
    transition: none
}

.v-text-field__prefix,
.v-text-field__suffix {
    align-items: center;
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    cursor: default;
    display: flex;
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px);
    opacity: 0;
    padding-bottom: var(--v-field-padding-bottom, 6px);
    padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
    transition: inherit;
    white-space: nowrap
}

.v-text-field__prefix__text,
.v-text-field__suffix__text {
    margin-bottom: var(--v-input-chips-margin-bottom);
    margin-top: var(--v-input-chips-margin-top)
}

.v-field--active .v-text-field__prefix,
.v-field--active .v-text-field__suffix {
    opacity: 1
}

.v-field--disabled .v-text-field__prefix,
.v-field--disabled .v-text-field__suffix {
    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity))
}

.v-text-field__prefix {
    padding-inline-start: var(--v-field-padding-start)
}

.v-text-field__suffix {
    padding-inline-end: var(--v-field-padding-end)
}

.v-text-field--plain-underlined {
    --v-field-padding-top--plain-underlined: 6px
}

.v-text-field--plain-underlined .v-input__details {
    padding: 0
}

.v-text-field--plain-underlined .v-input__append,
.v-text-field--plain-underlined .v-input__prepend {
    align-items: flex-start;
    padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top))
}

.v-field {
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 10px;
    --v-field-padding-bottom: 5px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 5px);
    border-radius: 4px;
    contain: layout;
    display: grid;
    flex: 1 0;
    font-size: 1pc;
    grid-area: control;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    letter-spacing: .009375em;
    max-width: 100%;
    position: relative
}

.v-field--disabled {
    opacity: var(--v-disabled-opacity);
    pointer-events: none
}

.v-field--prepended {
    padding-inline-start: 9pt
}

.v-field--appended {
    padding-inline-end: 9pt
}

.v-field--variant-solo,
.v-field--variant-solo-filled,
.v-field--variant-solo-inverted {
    background: rgb(var(--v-theme-surface));
    border-color: transparent;
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))
}

.v-field--variant-solo-inverted.v-field--focused {
    color: rgb(var(--v-theme-on-surface-variant))
}

.v-field--variant-filled {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.v-input--density-default .v-field--variant-filled,
.v-input--density-default .v-field--variant-solo,
.v-input--density-default .v-field--variant-solo-filled,
.v-input--density-default .v-field--variant-solo-inverted {
    --v-input-control-height: 56px;
    --v-field-padding-bottom: 5px
}

.v-input--density-comfortable .v-field--variant-filled,
.v-input--density-comfortable .v-field--variant-solo,
.v-input--density-comfortable .v-field--variant-solo-filled,
.v-input--density-comfortable .v-field--variant-solo-inverted {
    --v-input-control-height: 48px;
    --v-field-padding-bottom: 1px
}

.v-input--density-compact .v-field--variant-filled,
.v-input--density-compact .v-field--variant-solo,
.v-input--density-compact .v-field--variant-solo-filled,
.v-input--density-compact .v-field--variant-solo-inverted {
    --v-input-control-height: 40px;
    --v-field-padding-bottom: 0px
}

.v-field--no-label,
.v-field--single-line,
.v-field--variant-outlined {
    --v-field-padding-top: 0px
}

.v-input--density-default .v-field--no-label,
.v-input--density-default .v-field--single-line,
.v-input--density-default .v-field--variant-outlined {
    --v-field-padding-bottom: 15px
}

.v-input--density-comfortable .v-field--no-label,
.v-input--density-comfortable .v-field--single-line,
.v-input--density-comfortable .v-field--variant-outlined {
    --v-field-padding-bottom: 11px
}

.v-input--density-compact .v-field--no-label,
.v-input--density-compact .v-field--single-line,
.v-input--density-compact .v-field--variant-outlined {
    --v-field-padding-bottom: 7px
}

.v-field--variant-plain,
.v-field--variant-underlined {
    border-radius: 0;
    padding: 0
}

.v-field--variant-plain.v-field,
.v-field--variant-underlined.v-field {
    --v-field-padding-start: 0px;
    --v-field-padding-end: 0px;
    --v-field-padding-top: var(--v-field-padding-top--plain-underlined, 6px)
}

.v-input--density-default .v-field--variant-plain,
.v-input--density-default .v-field--variant-underlined {
    --v-input-control-height: 48px;
    --v-field-padding-bottom: 5px
}

.v-input--density-comfortable .v-field--variant-plain,
.v-input--density-comfortable .v-field--variant-underlined {
    --v-input-control-height: 40px;
    --v-field-padding-bottom: 1px
}

.v-input--density-compact .v-field--variant-plain,
.v-input--density-compact .v-field--variant-underlined {
    --v-input-control-height: 32px;
    --v-field-padding-bottom: 0px
}

.v-field--flat {
    box-shadow: none
}

.v-field--rounded {
    border-radius: 9999px
}

.v-field.v-field--prepended {
    --v-field-padding-start: 6px
}

.v-field.v-field--appended {
    --v-field-padding-end: 6px
}

.v-field__input {
    color: inherit;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: .009375em;
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom) + var(--v-input-chips-margin-bottom) + 2px);
    min-width: 0;
    opacity: var(--v-high-emphasis-opacity);
    padding-inline-end: var(--v-field-padding-end);
    padding-bottom: var(--v-field-input-padding-bottom);
    padding-inline-start: var(--v-field-padding-start);
    padding-top: var(--v-field-input-padding-top);
    position: relative;
    width: 100%
}

.v-field__input input {
    letter-spacing: inherit
}

.v-field__input input::placeholder,
input.v-field__input::placeholder,
textarea.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity)
}

.v-field__input:active,
.v-field__input:focus {
    outline: none
}

.v-field__input:invalid {
    box-shadow: none
}

.v-field__field {
    align-items: flex-start;
    display: flex;
    flex: 1 0;
    grid-area: field;
    position: relative
}

.v-field__prepend-inner {
    grid-area: prepend-inner;
    padding-inline-end: var(--v-field-padding-after)
}

.v-field__clearable {
    grid-area: clear
}

.v-field__append-inner {
    grid-area: append-inner;
    padding-inline-start: var(--v-field-padding-after)
}

.v-field__append-inner,
.v-field__clearable,
.v-field__prepend-inner {
    align-items: flex-start;
    display: flex;
    padding-top: var(--v-input-padding-top, 10px)
}

.v-field--center-affix .v-field__append-inner,
.v-field--center-affix .v-field__clearable,
.v-field--center-affix .v-field__prepend-inner {
    align-items: center;
    padding-top: 0
}

.v-field.v-field--variant-plain .v-field__append-inner,
.v-field.v-field--variant-plain .v-field__clearable,
.v-field.v-field--variant-plain .v-field__prepend-inner,
.v-field.v-field--variant-underlined .v-field__append-inner,
.v-field.v-field--variant-underlined .v-field__clearable,
.v-field.v-field--variant-underlined .v-field__prepend-inner {
    align-items: flex-start;
    padding-bottom: var(--v-field-padding-bottom, 5px);
    padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0))
}

.v-field--focused .v-field__append-inner,
.v-field--focused .v-field__prepend-inner {
    opacity: 1
}

.v-field__append-inner>.v-icon,
.v-field__clearable>.v-icon,
.v-field__prepend-inner>.v-icon {
    opacity: var(--v-medium-emphasis-opacity)
}

.v-field--disabled .v-field__append-inner>.v-icon,
.v-field--disabled .v-field__clearable>.v-icon,
.v-field--disabled .v-field__prepend-inner>.v-icon,
.v-field--error .v-field__append-inner>.v-icon,
.v-field--error .v-field__clearable>.v-icon,
.v-field--error .v-field__prepend-inner>.v-icon {
    opacity: 1
}

.v-field--error:not(.v-field--disabled) .v-field__append-inner>.v-icon,
.v-field--error:not(.v-field--disabled) .v-field__clearable>.v-icon,
.v-field--error:not(.v-field--disabled) .v-field__prepend-inner>.v-icon {
    color: rgb(var(--v-theme-error))
}

.v-field__clearable {
    cursor: pointer;
    margin-inline-end: 4px;
    margin-inline-start: 4px;
    opacity: 0;
    overflow: hidden;
    transition: .15s cubic-bezier(.4, 0, .2, 1);
    transition-property: opacity, transform, width
}

.v-field--focused .v-field__clearable,
.v-field--persistent-clear .v-field__clearable {
    opacity: 1
}

@media (hover:hover) {
    .v-field:hover .v-field__clearable {
        opacity: 1
    }
}

.v-label.v-field-label {
    contain: layout paint;
    margin-inline-end: var(--v-field-padding-end);
    margin-inline-start: var(--v-field-padding-start);
    max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
    pointer-events: none;
    position: absolute;
    top: var(--v-input-padding-top);
    transform-origin: left center;
    transition: .15s cubic-bezier(.4, 0, .2, 1);
    transition-property: opacity, transform;
    z-index: 1
}

.v-field--variant-plain .v-label.v-field-label,
.v-field--variant-underlined .v-label.v-field-label {
    top: calc(var(--v-input-padding-top) + var(--v-field-padding-top))
}

.v-field--center-affix .v-label.v-field-label {
    top: 50%;
    transform: translateY(-50%)
}

.v-field--active .v-label.v-field-label {
    visibility: hidden
}

.v-field--error .v-label.v-field-label,
.v-field--focused .v-label.v-field-label {
    opacity: 1
}

.v-field--error:not(.v-field--disabled) .v-label.v-field-label {
    color: rgb(var(--v-theme-error))
}

.v-label.v-field-label--floating {
    --v-field-label-scale: 0.75em;
    font-size: var(--v-field-label-scale);
    max-width: 100%;
    visibility: hidden
}

.v-field--center-affix .v-label.v-field-label--floating {
    transform: none
}

.v-field.v-field--active .v-label.v-field-label--floating {
    visibility: unset
}

.v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating,
.v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating,
.v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating,
.v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating {
    top: 7px
}

.v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating,
.v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating,
.v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating,
.v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating {
    top: 5px
}

.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating,
.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating {
    top: 3px
}

.v-field--variant-plain .v-label.v-field-label--floating,
.v-field--variant-underlined .v-label.v-field-label--floating {
    margin: 0;
    top: var(--v-input-padding-top);
    transform: translateY(-1pc)
}

.v-field--variant-outlined .v-label.v-field-label--floating {
    margin: 0 4px;
    position: static;
    transform: translateY(-50%);
    transform-origin: center
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: 0.38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%
}

@media (hover:hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity)
    }
}

.v-field--error:not(.v-field--disabled) .v-field__outline {
    color: rgb(var(--v-theme-error))
}

.v-field.v-field--focused .v-field__outline,
.v-input.v-input--error .v-field__outline {
    --v-field-border-opacity: 1
}

.v-field--variant-outlined.v-field--focused .v-field__outline {
    --v-field-border-width: 2px
}

.v-field--variant-filled .v-field__outline:before,
.v-field--variant-underlined .v-field__outline:before {
    border-color: currentColor;
    border-style: solid;
    border-width: 0 0 var(--v-field-border-width);
    content: "";
    height: 100%;
    left: 0;
    opacity: var(--v-field-border-opacity);
    position: absolute;
    top: 0;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.v-field--variant-filled .v-field__outline:after,
.v-field--variant-underlined .v-field__outline:after {
    border: solid;
    border-width: 0 0 2px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.v-field--focused.v-field--variant-filled .v-field__outline:after,
.v-field--focused.v-field--variant-underlined .v-field__outline:after {
    transform: scaleX(1)
}

.v-field--variant-outlined .v-field__outline {
    border-radius: inherit
}

.v-field--variant-outlined .v-field__outline__end,
.v-field--variant-outlined .v-field__outline__notch:after,
.v-field--variant-outlined .v-field__outline__notch:before,
.v-field--variant-outlined .v-field__outline__start {
    border: 0 solid;
    opacity: var(--v-field-border-opacity);
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.v-field--variant-outlined .v-field__outline__start {
    border-bottom-width: var(--v-field-border-width);
    border-inline-start-width: var(--v-field-border-width);
    border-top-width: var(--v-field-border-width);
    flex: 0 0 12px
}

.v-field--rounded.v-field--variant-outlined .v-field__outline__start,
[class*=" rounded-"].v-field--variant-outlined .v-field__outline__start,
[class^=rounded-].v-field--variant-outlined .v-field__outline__start {
    flex-basis: calc(var(--v-input-control-height)/2 + 2px)
}

.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start,
.v-locale--is-ltr.v-field--variant-outlined .v-field__outline__start {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: 0
}

.v-locale--is-rtl .v-field--variant-outlined .v-field__outline__start,
.v-locale--is-rtl.v-field--variant-outlined .v-field__outline__start {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: inherit
}

.v-field--variant-outlined .v-field__outline__notch {
    flex: none;
    position: relative
}

.v-field--variant-outlined .v-field__outline__notch:after,
.v-field--variant-outlined .v-field__outline__notch:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: var(--v-field-border-opacity);
    position: absolute;
    top: 0;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.v-field--variant-outlined .v-field__outline__notch:before {
    border-width: var(--v-field-border-width) 0 0
}

.v-field--variant-outlined .v-field__outline__notch:after {
    border-width: 0 0 var(--v-field-border-width);
    bottom: 0
}

.v-field--active.v-field--variant-outlined .v-field__outline__notch:before {
    opacity: 0
}

.v-field--variant-outlined .v-field__outline__end {
    border-bottom-width: var(--v-field-border-width);
    border-inline-end-width: var(--v-field-border-width);
    border-top-width: var(--v-field-border-width);
    flex: 1
}

.v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end,
.v-locale--is-ltr.v-field--variant-outlined .v-field__outline__end {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: inherit
}

.v-locale--is-rtl .v-field--variant-outlined .v-field__outline__end,
.v-locale--is-rtl.v-field--variant-outlined .v-field__outline__end {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: 0
}

.v-field__loader {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    width: 100%
}

.v-field--variant-outlined .v-field__loader {
    top: calc(100% - 3px)
}

.v-field__overlay {
    border-radius: inherit;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.v-field--variant-filled .v-field__overlay {
    background-color: currentColor;
    opacity: .04;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.v-field--variant-filled.v-field--has-background .v-field__overlay {
    opacity: 0
}

@media (hover:hover) {
    .v-field--variant-filled:hover .v-field__overlay {
        opacity: calc((.04 + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-field--variant-filled.v-field--focused .v-field__overlay {
    opacity: calc((.04 + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

.v-field--variant-solo-filled .v-field__overlay {
    background-color: currentColor;
    opacity: .04;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

@media (hover:hover) {
    .v-field--variant-solo-filled:hover .v-field__overlay {
        opacity: calc((.04 + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-field--variant-solo-filled.v-field--focused .v-field__overlay {
    opacity: calc((.04 + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

.v-field--variant-solo-inverted .v-field__overlay {
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
    opacity: 0
}

@media (hover:hover) {
    .v-field--variant-solo-inverted:hover .v-field__overlay {
        opacity: calc((.04 + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
    background-color: rgb(var(--v-theme-surface-variant));
    opacity: 1
}

.v-field--reverse .v-field__field,
.v-field--reverse .v-field__input {
    flex-direction: row-reverse
}

.v-locale--is-ltr .v-field--reverse .v-field__input,
.v-locale--is-ltr .v-field--reverse input,
.v-locale--is-ltr.v-field--reverse .v-field__input,
.v-locale--is-ltr.v-field--reverse input {
    text-align: right
}

.v-locale--is-rtl .v-field--reverse .v-field__input,
.v-locale--is-rtl .v-field--reverse input,
.v-locale--is-rtl.v-field--reverse .v-field__input,
.v-locale--is-rtl.v-field--reverse input {
    text-align: left
}

.v-input--disabled .v-field--variant-filled .v-field__outline:before,
.v-input--disabled .v-field--variant-underlined .v-field__outline:before {
    border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat
}

.v-field--loading .v-field__outline:after,
.v-field--loading .v-field__outline:before {
    opacity: 0
}

.v-counter {
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    flex: 0 1 auto;
    font-size: 9pt;
    transition-duration: .15s
}

.tc_accordion-checkbox-container>.tc_accordion-color-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tc-checkbox-count {
    font-weight: 600;
    margin: 0;
    padding: 0 5px
}

label {
    font-weight: 400;
    margin: 0;
    padding: 0 5px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.tc-cta-container {
    min-width: 0
}

.ais-RangeInput {
    margin-top: 1pc
}

.ais-RangeInput-label {
    padding: 0;
    position: relative
}

.ais-RangeInput-label span {
    background-color: #fff;
    color: #3f3f3f;
    font-size: 12.5px;
    font-weight: 600;
    left: 20%;
    padding: 0 10px;
    position: absolute;
    top: -9px
}

.ais-RangeInput-label i {
    left: 5px;
    position: absolute;
    top: 9px
}

.ais-RangeInput-input {
    border: 1px solid #e5eaf0;
    border-radius: 75pt;
    font-size: 1pc;
    min-width: 75pt;
    padding: 20px 25px
}

.ais-RangeInput-input::-webkit-input-placeholder {
    color: #ababab
}

.ais-RangeInput-input::-moz-placeholder {
    color: #ababab
}

.ais-RangeInput-input:-ms-input-placeholder {
    color: #ababab
}

.ais-RangeInput-input::-ms-input-placeholder {
    color: #ababab
}

.ais-RangeInput-input::placeholder {
    color: #ababab
}

.ais-RangeInput-submit {
    background: #fff;
    color: #0171d1 !important;
    font-size: 1pc;
    font-weight: 600;
    min-width: 75pt
}

.ais-RangeInput-submit:hover {
    background: #fff;
    text-decoration: underline
}

.ais-RangeInput-submit:focus {
    background: #fff
}

.tc_icono-field {
    background-image: url(../../../etc.clientlibs/telcelcom/clientlibs/clientlib-vue-site/resources/images/icons/IconoPrecio.svg);
    opacity: 1 !important
}

.ais-RangeInput-separator {
    color: #fff
}

.isMobile .ais-RangeInput-input {
    min-width: 130px
}

.isMobile .ais-RangeInput-submit {
    min-width: 5pc
}

.ais-CurrentRefinements .aisCurrent-chip--container {
    width: auto
}

.v-container {
    margin-left: auto;
    margin-right: auto;
    padding: 1pc;
    width: 100%
}

@media (min-width:960px) {
    .v-container {
        max-width: 900px
    }
}

@media (min-width:1280px) {
    .v-container {
        max-width: 75pc
    }
}

@media (min-width:1920px) {
    .v-container {
        max-width: 1800px
    }
}

@media (min-width:2560px) {
    .v-container {
        max-width: 25in
    }
}

.v-container--fluid {
    max-width: 100%
}

.v-container.fill-height {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.v-row {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin: -9pt
}

.v-row+.v-row {
    margin-top: 9pt
}

.v-row+.v-row--dense {
    margin-top: 4px
}

.v-row--dense {
    margin: -4px
}

.v-row--dense>.v-col,
.v-row--dense>[class*=v-col-] {
    padding: 4px
}

.v-row.v-row--no-gutters {
    margin: 0
}

.v-row.v-row--no-gutters>.v-col,
.v-row.v-row--no-gutters>[class*=v-col-] {
    padding: 0
}

.v-spacer {
    flex-grow: 1
}

.v-col,
.v-col-1,
.v-col-10,
.v-col-11,
.v-col-12,
.v-col-2,
.v-col-3,
.v-col-4,
.v-col-5,
.v-col-6,
.v-col-7,
.v-col-8,
.v-col-9,
.v-col-auto,
.v-col-lg,
.v-col-lg-1,
.v-col-lg-10,
.v-col-lg-11,
.v-col-lg-12,
.v-col-lg-2,
.v-col-lg-3,
.v-col-lg-4,
.v-col-lg-5,
.v-col-lg-6,
.v-col-lg-7,
.v-col-lg-8,
.v-col-lg-9,
.v-col-lg-auto,
.v-col-md,
.v-col-md-1,
.v-col-md-10,
.v-col-md-11,
.v-col-md-12,
.v-col-md-2,
.v-col-md-3,
.v-col-md-4,
.v-col-md-5,
.v-col-md-6,
.v-col-md-7,
.v-col-md-8,
.v-col-md-9,
.v-col-md-auto,
.v-col-sm,
.v-col-sm-1,
.v-col-sm-10,
.v-col-sm-11,
.v-col-sm-12,
.v-col-sm-2,
.v-col-sm-3,
.v-col-sm-4,
.v-col-sm-5,
.v-col-sm-6,
.v-col-sm-7,
.v-col-sm-8,
.v-col-sm-9,
.v-col-sm-auto,
.v-col-xl,
.v-col-xl-1,
.v-col-xl-10,
.v-col-xl-11,
.v-col-xl-12,
.v-col-xl-2,
.v-col-xl-3,
.v-col-xl-4,
.v-col-xl-5,
.v-col-xl-6,
.v-col-xl-7,
.v-col-xl-8,
.v-col-xl-9,
.v-col-xl-auto,
.v-col-xxl,
.v-col-xxl-1,
.v-col-xxl-10,
.v-col-xxl-11,
.v-col-xxl-12,
.v-col-xxl-2,
.v-col-xxl-3,
.v-col-xxl-4,
.v-col-xxl-5,
.v-col-xxl-6,
.v-col-xxl-7,
.v-col-xxl-8,
.v-col-xxl-9,
.v-col-xxl-auto {
    padding: 9pt;
    width: 100%
}

.v-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.v-col-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
}

.v-col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.v-col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.v-col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.v-col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.v-col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.v-col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.v-col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.v-col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.v-col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.v-col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.v-col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.v-col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.v-locale--is-ltr .offset-1,
.v-locale--is-ltr.offset-1 {
    margin-left: 8.3333333333%
}

.v-locale--is-rtl .offset-1,
.v-locale--is-rtl.offset-1 {
    margin-right: 8.3333333333%
}

.v-locale--is-ltr .offset-2,
.v-locale--is-ltr.offset-2 {
    margin-left: 16.6666666667%
}

.v-locale--is-rtl .offset-2,
.v-locale--is-rtl.offset-2 {
    margin-right: 16.6666666667%
}

.v-locale--is-ltr .offset-3,
.v-locale--is-ltr.offset-3 {
    margin-left: 25%
}

.v-locale--is-rtl .offset-3,
.v-locale--is-rtl.offset-3 {
    margin-right: 25%
}

.v-locale--is-ltr .offset-4,
.v-locale--is-ltr.offset-4 {
    margin-left: 33.3333333333%
}

.v-locale--is-rtl .offset-4,
.v-locale--is-rtl.offset-4 {
    margin-right: 33.3333333333%
}

.v-locale--is-ltr .offset-5,
.v-locale--is-ltr.offset-5 {
    margin-left: 41.6666666667%
}

.v-locale--is-rtl .offset-5,
.v-locale--is-rtl.offset-5 {
    margin-right: 41.6666666667%
}

.v-locale--is-ltr .offset-6,
.v-locale--is-ltr.offset-6 {
    margin-left: 50%
}

.v-locale--is-rtl .offset-6,
.v-locale--is-rtl.offset-6 {
    margin-right: 50%
}

.v-locale--is-ltr .offset-7,
.v-locale--is-ltr.offset-7 {
    margin-left: 58.3333333333%
}

.v-locale--is-rtl .offset-7,
.v-locale--is-rtl.offset-7 {
    margin-right: 58.3333333333%
}

.v-locale--is-ltr .offset-8,
.v-locale--is-ltr.offset-8 {
    margin-left: 66.6666666667%
}

.v-locale--is-rtl .offset-8,
.v-locale--is-rtl.offset-8 {
    margin-right: 66.6666666667%
}

.v-locale--is-ltr .offset-9,
.v-locale--is-ltr.offset-9 {
    margin-left: 75%
}

.v-locale--is-rtl .offset-9,
.v-locale--is-rtl.offset-9 {
    margin-right: 75%
}

.v-locale--is-ltr .offset-10,
.v-locale--is-ltr.offset-10 {
    margin-left: 83.3333333333%
}

.v-locale--is-rtl .offset-10,
.v-locale--is-rtl.offset-10 {
    margin-right: 83.3333333333%
}

.v-locale--is-ltr .offset-11,
.v-locale--is-ltr.offset-11 {
    margin-left: 91.6666666667%
}

.v-locale--is-rtl .offset-11,
.v-locale--is-rtl.offset-11 {
    margin-right: 91.6666666667%
}

@media (min-width:600px) {
    .v-col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .v-col-sm-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .v-col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .v-col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .v-col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .v-col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .v-col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .v-col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .v-col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .v-col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .v-col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-locale--is-ltr .offset-sm-0,
    .v-locale--is-ltr.offset-sm-0 {
        margin-left: 0
    }

    .v-locale--is-rtl .offset-sm-0,
    .v-locale--is-rtl.offset-sm-0 {
        margin-right: 0
    }

    .v-locale--is-ltr .offset-sm-1,
    .v-locale--is-ltr.offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .v-locale--is-rtl .offset-sm-1,
    .v-locale--is-rtl.offset-sm-1 {
        margin-right: 8.3333333333%
    }

    .v-locale--is-ltr .offset-sm-2,
    .v-locale--is-ltr.offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .v-locale--is-rtl .offset-sm-2,
    .v-locale--is-rtl.offset-sm-2 {
        margin-right: 16.6666666667%
    }

    .v-locale--is-ltr .offset-sm-3,
    .v-locale--is-ltr.offset-sm-3 {
        margin-left: 25%
    }

    .v-locale--is-rtl .offset-sm-3,
    .v-locale--is-rtl.offset-sm-3 {
        margin-right: 25%
    }

    .v-locale--is-ltr .offset-sm-4,
    .v-locale--is-ltr.offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .v-locale--is-rtl .offset-sm-4,
    .v-locale--is-rtl.offset-sm-4 {
        margin-right: 33.3333333333%
    }

    .v-locale--is-ltr .offset-sm-5,
    .v-locale--is-ltr.offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .v-locale--is-rtl .offset-sm-5,
    .v-locale--is-rtl.offset-sm-5 {
        margin-right: 41.6666666667%
    }

    .v-locale--is-ltr .offset-sm-6,
    .v-locale--is-ltr.offset-sm-6 {
        margin-left: 50%
    }

    .v-locale--is-rtl .offset-sm-6,
    .v-locale--is-rtl.offset-sm-6 {
        margin-right: 50%
    }

    .v-locale--is-ltr .offset-sm-7,
    .v-locale--is-ltr.offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .v-locale--is-rtl .offset-sm-7,
    .v-locale--is-rtl.offset-sm-7 {
        margin-right: 58.3333333333%
    }

    .v-locale--is-ltr .offset-sm-8,
    .v-locale--is-ltr.offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .v-locale--is-rtl .offset-sm-8,
    .v-locale--is-rtl.offset-sm-8 {
        margin-right: 66.6666666667%
    }

    .v-locale--is-ltr .offset-sm-9,
    .v-locale--is-ltr.offset-sm-9 {
        margin-left: 75%
    }

    .v-locale--is-rtl .offset-sm-9,
    .v-locale--is-rtl.offset-sm-9 {
        margin-right: 75%
    }

    .v-locale--is-ltr .offset-sm-10,
    .v-locale--is-ltr.offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .v-locale--is-rtl .offset-sm-10,
    .v-locale--is-rtl.offset-sm-10 {
        margin-right: 83.3333333333%
    }

    .v-locale--is-ltr .offset-sm-11,
    .v-locale--is-ltr.offset-sm-11 {
        margin-left: 91.6666666667%
    }

    .v-locale--is-rtl .offset-sm-11,
    .v-locale--is-rtl.offset-sm-11 {
        margin-right: 91.6666666667%
    }
}

@media (min-width:960px) {
    .v-col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .v-col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .v-col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .v-col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .v-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .v-col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .v-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .v-col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .v-col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .v-col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .v-col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-locale--is-ltr .offset-md-0,
    .v-locale--is-ltr.offset-md-0 {
        margin-left: 0
    }

    .v-locale--is-rtl .offset-md-0,
    .v-locale--is-rtl.offset-md-0 {
        margin-right: 0
    }

    .v-locale--is-ltr .offset-md-1,
    .v-locale--is-ltr.offset-md-1 {
        margin-left: 8.3333333333%
    }

    .v-locale--is-rtl .offset-md-1,
    .v-locale--is-rtl.offset-md-1 {
        margin-right: 8.3333333333%
    }

    .v-locale--is-ltr .offset-md-2,
    .v-locale--is-ltr.offset-md-2 {
        margin-left: 16.6666666667%
    }

    .v-locale--is-rtl .offset-md-2,
    .v-locale--is-rtl.offset-md-2 {
        margin-right: 16.6666666667%
    }

    .v-locale--is-ltr .offset-md-3,
    .v-locale--is-ltr.offset-md-3 {
        margin-left: 25%
    }

    .v-locale--is-rtl .offset-md-3,
    .v-locale--is-rtl.offset-md-3 {
        margin-right: 25%
    }

    .v-locale--is-ltr .offset-md-4,
    .v-locale--is-ltr.offset-md-4 {
        margin-left: 33.3333333333%
    }

    .v-locale--is-rtl .offset-md-4,
    .v-locale--is-rtl.offset-md-4 {
        margin-right: 33.3333333333%
    }

    .v-locale--is-ltr .offset-md-5,
    .v-locale--is-ltr.offset-md-5 {
        margin-left: 41.6666666667%
    }

    .v-locale--is-rtl .offset-md-5,
    .v-locale--is-rtl.offset-md-5 {
        margin-right: 41.6666666667%
    }

    .v-locale--is-ltr .offset-md-6,
    .v-locale--is-ltr.offset-md-6 {
        margin-left: 50%
    }

    .v-locale--is-rtl .offset-md-6,
    .v-locale--is-rtl.offset-md-6 {
        margin-right: 50%
    }

    .v-locale--is-ltr .offset-md-7,
    .v-locale--is-ltr.offset-md-7 {
        margin-left: 58.3333333333%
    }

    .v-locale--is-rtl .offset-md-7,
    .v-locale--is-rtl.offset-md-7 {
        margin-right: 58.3333333333%
    }

    .v-locale--is-ltr .offset-md-8,
    .v-locale--is-ltr.offset-md-8 {
        margin-left: 66.6666666667%
    }

    .v-locale--is-rtl .offset-md-8,
    .v-locale--is-rtl.offset-md-8 {
        margin-right: 66.6666666667%
    }

    .v-locale--is-ltr .offset-md-9,
    .v-locale--is-ltr.offset-md-9 {
        margin-left: 75%
    }

    .v-locale--is-rtl .offset-md-9,
    .v-locale--is-rtl.offset-md-9 {
        margin-right: 75%
    }

    .v-locale--is-ltr .offset-md-10,
    .v-locale--is-ltr.offset-md-10 {
        margin-left: 83.3333333333%
    }

    .v-locale--is-rtl .offset-md-10,
    .v-locale--is-rtl.offset-md-10 {
        margin-right: 83.3333333333%
    }

    .v-locale--is-ltr .offset-md-11,
    .v-locale--is-ltr.offset-md-11 {
        margin-left: 91.6666666667%
    }

    .v-locale--is-rtl .offset-md-11,
    .v-locale--is-rtl.offset-md-11 {
        margin-right: 91.6666666667%
    }
}

@media (min-width:1280px) {
    .v-col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .v-col-lg-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .v-col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .v-col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .v-col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .v-col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .v-col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .v-col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .v-col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .v-col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .v-col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-locale--is-ltr .offset-lg-0,
    .v-locale--is-ltr.offset-lg-0 {
        margin-left: 0
    }

    .v-locale--is-rtl .offset-lg-0,
    .v-locale--is-rtl.offset-lg-0 {
        margin-right: 0
    }

    .v-locale--is-ltr .offset-lg-1,
    .v-locale--is-ltr.offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .v-locale--is-rtl .offset-lg-1,
    .v-locale--is-rtl.offset-lg-1 {
        margin-right: 8.3333333333%
    }

    .v-locale--is-ltr .offset-lg-2,
    .v-locale--is-ltr.offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .v-locale--is-rtl .offset-lg-2,
    .v-locale--is-rtl.offset-lg-2 {
        margin-right: 16.6666666667%
    }

    .v-locale--is-ltr .offset-lg-3,
    .v-locale--is-ltr.offset-lg-3 {
        margin-left: 25%
    }

    .v-locale--is-rtl .offset-lg-3,
    .v-locale--is-rtl.offset-lg-3 {
        margin-right: 25%
    }

    .v-locale--is-ltr .offset-lg-4,
    .v-locale--is-ltr.offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .v-locale--is-rtl .offset-lg-4,
    .v-locale--is-rtl.offset-lg-4 {
        margin-right: 33.3333333333%
    }

    .v-locale--is-ltr .offset-lg-5,
    .v-locale--is-ltr.offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .v-locale--is-rtl .offset-lg-5,
    .v-locale--is-rtl.offset-lg-5 {
        margin-right: 41.6666666667%
    }

    .v-locale--is-ltr .offset-lg-6,
    .v-locale--is-ltr.offset-lg-6 {
        margin-left: 50%
    }

    .v-locale--is-rtl .offset-lg-6,
    .v-locale--is-rtl.offset-lg-6 {
        margin-right: 50%
    }

    .v-locale--is-ltr .offset-lg-7,
    .v-locale--is-ltr.offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .v-locale--is-rtl .offset-lg-7,
    .v-locale--is-rtl.offset-lg-7 {
        margin-right: 58.3333333333%
    }

    .v-locale--is-ltr .offset-lg-8,
    .v-locale--is-ltr.offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .v-locale--is-rtl .offset-lg-8,
    .v-locale--is-rtl.offset-lg-8 {
        margin-right: 66.6666666667%
    }

    .v-locale--is-ltr .offset-lg-9,
    .v-locale--is-ltr.offset-lg-9 {
        margin-left: 75%
    }

    .v-locale--is-rtl .offset-lg-9,
    .v-locale--is-rtl.offset-lg-9 {
        margin-right: 75%
    }

    .v-locale--is-ltr .offset-lg-10,
    .v-locale--is-ltr.offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .v-locale--is-rtl .offset-lg-10,
    .v-locale--is-rtl.offset-lg-10 {
        margin-right: 83.3333333333%
    }

    .v-locale--is-ltr .offset-lg-11,
    .v-locale--is-ltr.offset-lg-11 {
        margin-left: 91.6666666667%
    }

    .v-locale--is-rtl .offset-lg-11,
    .v-locale--is-rtl.offset-lg-11 {
        margin-right: 91.6666666667%
    }
}

@media (min-width:1920px) {
    .v-col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .v-col-xl-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .v-col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .v-col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .v-col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .v-col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .v-col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .v-col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .v-col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .v-col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .v-col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-locale--is-ltr .offset-xl-0,
    .v-locale--is-ltr.offset-xl-0 {
        margin-left: 0
    }

    .v-locale--is-rtl .offset-xl-0,
    .v-locale--is-rtl.offset-xl-0 {
        margin-right: 0
    }

    .v-locale--is-ltr .offset-xl-1,
    .v-locale--is-ltr.offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .v-locale--is-rtl .offset-xl-1,
    .v-locale--is-rtl.offset-xl-1 {
        margin-right: 8.3333333333%
    }

    .v-locale--is-ltr .offset-xl-2,
    .v-locale--is-ltr.offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .v-locale--is-rtl .offset-xl-2,
    .v-locale--is-rtl.offset-xl-2 {
        margin-right: 16.6666666667%
    }

    .v-locale--is-ltr .offset-xl-3,
    .v-locale--is-ltr.offset-xl-3 {
        margin-left: 25%
    }

    .v-locale--is-rtl .offset-xl-3,
    .v-locale--is-rtl.offset-xl-3 {
        margin-right: 25%
    }

    .v-locale--is-ltr .offset-xl-4,
    .v-locale--is-ltr.offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .v-locale--is-rtl .offset-xl-4,
    .v-locale--is-rtl.offset-xl-4 {
        margin-right: 33.3333333333%
    }

    .v-locale--is-ltr .offset-xl-5,
    .v-locale--is-ltr.offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .v-locale--is-rtl .offset-xl-5,
    .v-locale--is-rtl.offset-xl-5 {
        margin-right: 41.6666666667%
    }

    .v-locale--is-ltr .offset-xl-6,
    .v-locale--is-ltr.offset-xl-6 {
        margin-left: 50%
    }

    .v-locale--is-rtl .offset-xl-6,
    .v-locale--is-rtl.offset-xl-6 {
        margin-right: 50%
    }

    .v-locale--is-ltr .offset-xl-7,
    .v-locale--is-ltr.offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .v-locale--is-rtl .offset-xl-7,
    .v-locale--is-rtl.offset-xl-7 {
        margin-right: 58.3333333333%
    }

    .v-locale--is-ltr .offset-xl-8,
    .v-locale--is-ltr.offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .v-locale--is-rtl .offset-xl-8,
    .v-locale--is-rtl.offset-xl-8 {
        margin-right: 66.6666666667%
    }

    .v-locale--is-ltr .offset-xl-9,
    .v-locale--is-ltr.offset-xl-9 {
        margin-left: 75%
    }

    .v-locale--is-rtl .offset-xl-9,
    .v-locale--is-rtl.offset-xl-9 {
        margin-right: 75%
    }

    .v-locale--is-ltr .offset-xl-10,
    .v-locale--is-ltr.offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .v-locale--is-rtl .offset-xl-10,
    .v-locale--is-rtl.offset-xl-10 {
        margin-right: 83.3333333333%
    }

    .v-locale--is-ltr .offset-xl-11,
    .v-locale--is-ltr.offset-xl-11 {
        margin-left: 91.6666666667%
    }

    .v-locale--is-rtl .offset-xl-11,
    .v-locale--is-rtl.offset-xl-11 {
        margin-right: 91.6666666667%
    }
}

@media (min-width:2560px) {
    .v-col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .v-col-xxl-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .v-col-xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .v-col-xxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .v-col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .v-col-xxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .v-col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-xxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .v-col-xxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .v-col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-xxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .v-col-xxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .v-col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-locale--is-ltr .offset-xxl-0,
    .v-locale--is-ltr.offset-xxl-0 {
        margin-left: 0
    }

    .v-locale--is-rtl .offset-xxl-0,
    .v-locale--is-rtl.offset-xxl-0 {
        margin-right: 0
    }

    .v-locale--is-ltr .offset-xxl-1,
    .v-locale--is-ltr.offset-xxl-1 {
        margin-left: 8.3333333333%
    }

    .v-locale--is-rtl .offset-xxl-1,
    .v-locale--is-rtl.offset-xxl-1 {
        margin-right: 8.3333333333%
    }

    .v-locale--is-ltr .offset-xxl-2,
    .v-locale--is-ltr.offset-xxl-2 {
        margin-left: 16.6666666667%
    }

    .v-locale--is-rtl .offset-xxl-2,
    .v-locale--is-rtl.offset-xxl-2 {
        margin-right: 16.6666666667%
    }

    .v-locale--is-ltr .offset-xxl-3,
    .v-locale--is-ltr.offset-xxl-3 {
        margin-left: 25%
    }

    .v-locale--is-rtl .offset-xxl-3,
    .v-locale--is-rtl.offset-xxl-3 {
        margin-right: 25%
    }

    .v-locale--is-ltr .offset-xxl-4,
    .v-locale--is-ltr.offset-xxl-4 {
        margin-left: 33.3333333333%
    }

    .v-locale--is-rtl .offset-xxl-4,
    .v-locale--is-rtl.offset-xxl-4 {
        margin-right: 33.3333333333%
    }

    .v-locale--is-ltr .offset-xxl-5,
    .v-locale--is-ltr.offset-xxl-5 {
        margin-left: 41.6666666667%
    }

    .v-locale--is-rtl .offset-xxl-5,
    .v-locale--is-rtl.offset-xxl-5 {
        margin-right: 41.6666666667%
    }

    .v-locale--is-ltr .offset-xxl-6,
    .v-locale--is-ltr.offset-xxl-6 {
        margin-left: 50%
    }

    .v-locale--is-rtl .offset-xxl-6,
    .v-locale--is-rtl.offset-xxl-6 {
        margin-right: 50%
    }

    .v-locale--is-ltr .offset-xxl-7,
    .v-locale--is-ltr.offset-xxl-7 {
        margin-left: 58.3333333333%
    }

    .v-locale--is-rtl .offset-xxl-7,
    .v-locale--is-rtl.offset-xxl-7 {
        margin-right: 58.3333333333%
    }

    .v-locale--is-ltr .offset-xxl-8,
    .v-locale--is-ltr.offset-xxl-8 {
        margin-left: 66.6666666667%
    }

    .v-locale--is-rtl .offset-xxl-8,
    .v-locale--is-rtl.offset-xxl-8 {
        margin-right: 66.6666666667%
    }

    .v-locale--is-ltr .offset-xxl-9,
    .v-locale--is-ltr.offset-xxl-9 {
        margin-left: 75%
    }

    .v-locale--is-rtl .offset-xxl-9,
    .v-locale--is-rtl.offset-xxl-9 {
        margin-right: 75%
    }

    .v-locale--is-ltr .offset-xxl-10,
    .v-locale--is-ltr.offset-xxl-10 {
        margin-left: 83.3333333333%
    }

    .v-locale--is-rtl .offset-xxl-10,
    .v-locale--is-rtl.offset-xxl-10 {
        margin-right: 83.3333333333%
    }

    .v-locale--is-ltr .offset-xxl-11,
    .v-locale--is-ltr.offset-xxl-11 {
        margin-left: 91.6666666667%
    }

    .v-locale--is-rtl .offset-xxl-11,
    .v-locale--is-rtl.offset-xxl-11 {
        margin-right: 91.6666666667%
    }
}

.v-radio-group>.v-input__control {
    flex-direction: column
}

.v-radio-group>.v-input__control>.v-label {
    margin-inline-start: 1pc
}

.v-radio-group>.v-input__control>.v-label+.v-selection-control-group {
    margin-top: 8px;
    padding-inline-start: 6px
}

.v-radio-group .v-input__details {
    padding-inline-end: 1pc;
    padding-inline-start: 1pc
}

.v-expansion-panel {
    background-color: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))
}

.v-expansion-panel:not(:first-child):after {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity))
}

.v-expansion-panel--disabled .v-expansion-panel-title {
    color: rgba(var(--v-theme-on-surface), .26)
}

.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
    opacity: .4615384615
}

.v-expansion-panels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.v-expansion-panels:not(.v-expansion-panels--variant-accordion)>:last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.v-expansion-panels--variant-accordion>:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.v-expansion-panels--variant-accordion>:last-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.v-expansion-panels--variant-accordion>:last-child .v-expansion-panel-title--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.v-expansion-panels--variant-accordion>:not(:first-child):not(:last-child) {
    border-radius: 0 !important
}

.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
    transition: border-radius .3s cubic-bezier(.4, 0, .2, 1)
}

.v-expansion-panel {
    border-radius: 4px;
    flex: 1 0 100%;
    max-width: 100%;
    position: relative;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition-property: margin-top, border-radius, border, max-width
}

.v-expansion-panel:not(:first-child):after {
    border-top-style: solid;
    border-top-width: thin;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

.v-expansion-panel--disabled .v-expansion-panel-title {
    pointer-events: none
}

.v-expansion-panel--active+.v-expansion-panel,
.v-expansion-panel--active:not(:first-child) {
    margin-top: 1pc
}

.v-expansion-panel--active+.v-expansion-panel:after,
.v-expansion-panel--active:not(:first-child):after {
    opacity: 0
}

.v-expansion-panel--active>.v-expansion-panel-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: 4pc
}

.v-expansion-panel__shadow {
    border-radius: inherit;
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-expansion-panel-title {
    align-items: center;
    border-radius: inherit;
    display: flex;
    font-size: .9375rem;
    justify-content: space-between;
    line-height: 1;
    min-height: 3pc;
    outline: none;
    padding: 1pc 24px;
    position: relative;
    text-align: start;
    transition: min-height .3s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.v-expansion-panel-title:hover>.v-expansion-panel-title__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier))
}

.v-expansion-panel-title:focus-visible>.v-expansion-panel-title__overlay {
    opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {
    .v-expansion-panel-title:focus>.v-expansion-panel-title__overlay {
        opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
    }
}

.v-expansion-panel-title--active>.v-expansion-panel-title__overlay,
.v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]>.v-expansion-panel-title__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier))
}

.v-expansion-panel-title--active:hover>.v-expansion-panel-title__overlay,
.v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover>.v-expansion-panel-title__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
}

.v-expansion-panel-title--active:focus-visible>.v-expansion-panel-title__overlay,
.v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-expansion-panel-title__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {

    .v-expansion-panel-title--active:focus>.v-expansion-panel-title__overlay,
    .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus>.v-expansion-panel-title__overlay {
        opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-expansion-panel-title--active:before {
    opacity: .12
}

.v-expansion-panel-title__overlay {
    background-color: currentColor;
    border-radius: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-expansion-panel-title__icon {
    display: inline-flex;
    margin-bottom: -4px;
    margin-top: -4px;
    margin-inline-start: auto;
    user-select: none
}

.v-expansion-panel-text {
    display: flex
}

.v-expansion-panel-text__wrapper {
    flex: 1 1 auto;
    max-width: 100%;
    padding: 8px 24px 1pc
}

.v-expansion-panels--variant-accordion>.v-expansion-panel {
    margin-top: 0
}

.v-expansion-panels--variant-accordion>.v-expansion-panel:after {
    opacity: 1
}

.v-expansion-panels--variant-popout>.v-expansion-panel {
    max-width: calc(100% - 2pc)
}

.v-expansion-panels--variant-popout>.v-expansion-panel--active {
    max-width: calc(100% + 1pc)
}

.v-expansion-panels--variant-inset>.v-expansion-panel {
    max-width: 100%
}

.v-expansion-panels--variant-inset>.v-expansion-panel--active {
    max-width: calc(100% - 2pc)
}

swiper-container {
    width: 100%
}

section {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 30px
}

.banner-ejemplo {
    background-color: #000;
    height: 155px;
    width: 100%
}

.container-fluid {
    max-width: 1366px
}

.buscador-indices .v-chip--disabled {
    clip: rect(0, 0, 0, 0) !important;
    border: none !important;
    height: 0 !important;
    margin: -1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 0 !important
}

@media(max-width:1023px) {

    .buscador-indices .tc-v-container.tc-mb-3,
    .buscador-indices .v-chip-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start
    }
}

.buscador-indices .v-chip.v-chip--size-default {
    background-color: transparent !important;
    border: 1px solid var(--filter-inactive-border);
    color: var(--filter-inactive-text)
}

.buscador-indices .v-chip--variant-tonal .v-chip__underlay {
    background-color: var(--tc_white);
    opacity: 1;
    z-index: -1
}

.buscador-indices .v-chip__content {
    font-weight: 600
}

.buscador-indices .v-chip.v-chip--size-default.tc-chip--selected {
    border: none
}

.buscador-indices .v-chip.v-chip--size-default.tc-chip--selected .v-chip__content {
    color: var(--tc_textlink)
}

.buscador-indices .v-chip.v-chip--size-default.tc-chip--selected .v-chip__underlay {
    background-color: var(--tc_blue_pastel) !important
}

@keyframes v-shake {
    59% {
        margin-left: 0
    }

    60%,
    80% {
        margin-left: 2px
    }

    70%,
    90% {
        margin-left: -2px
    }
}

.bg-black {
    background-color: #000 !important;
    color: #fff !important
}

.bg-white {
    background-color: #fff !important;
    color: #000 !important
}

.bg-transparent {
    background-color: transparent !important;
    color: currentColor !important
}

.bg-red {
    background-color: #f44336 !important;
    color: #fff !important
}

.bg-red-lighten-5 {
    background-color: #ffebee !important;
    color: #000 !important
}

.bg-red-lighten-4 {
    background-color: #ffcdd2 !important;
    color: #000 !important
}

.bg-red-lighten-3 {
    background-color: #ef9a9a !important;
    color: #000 !important
}

.bg-red-lighten-2 {
    background-color: #e57373 !important;
    color: #fff !important
}

.bg-red-lighten-1 {
    background-color: #ef5350 !important;
    color: #fff !important
}

.bg-red-darken-1 {
    background-color: #e53935 !important;
    color: #fff !important
}

.bg-red-darken-2 {
    background-color: #d32f2f !important;
    color: #fff !important
}

.bg-red-darken-3 {
    background-color: #c62828 !important;
    color: #fff !important
}

.bg-red-darken-4 {
    background-color: #b71c1c !important;
    color: #fff !important
}

.bg-red-accent-1 {
    background-color: #ff8a80 !important;
    color: #000 !important
}

.bg-red-accent-2 {
    background-color: #ff5252 !important;
    color: #fff !important
}

.bg-red-accent-3 {
    background-color: #ff1744 !important;
    color: #fff !important
}

.bg-red-accent-4 {
    background-color: #d50000 !important;
    color: #fff !important
}

.bg-pink {
    background-color: #e91e63 !important;
    color: #fff !important
}

.bg-pink-lighten-5 {
    background-color: #fce4ec !important;
    color: #000 !important
}

.bg-pink-lighten-4 {
    background-color: #f8bbd0 !important;
    color: #000 !important
}

.bg-pink-lighten-3 {
    background-color: #f48fb1 !important;
    color: #000 !important
}

.bg-pink-lighten-2 {
    background-color: #f06292 !important;
    color: #fff !important
}

.bg-pink-lighten-1 {
    background-color: #ec407a !important;
    color: #fff !important
}

.bg-pink-darken-1 {
    background-color: #d81b60 !important;
    color: #fff !important
}

.bg-pink-darken-2 {
    background-color: #c2185b !important;
    color: #fff !important
}

.bg-pink-darken-3 {
    background-color: #ad1457 !important;
    color: #fff !important
}

.bg-pink-darken-4 {
    background-color: #880e4f !important;
    color: #fff !important
}

.bg-pink-accent-1 {
    background-color: #ff80ab !important;
    color: #fff !important
}

.bg-pink-accent-2 {
    background-color: #ff4081 !important;
    color: #fff !important
}

.bg-pink-accent-3 {
    background-color: #f50057 !important;
    color: #fff !important
}

.bg-pink-accent-4 {
    background-color: #c51162 !important;
    color: #fff !important
}

.bg-purple {
    background-color: #9c27b0 !important;
    color: #fff !important
}

.bg-purple-lighten-5 {
    background-color: #f3e5f5 !important;
    color: #000 !important
}

.bg-purple-lighten-4 {
    background-color: #e1bee7 !important;
    color: #000 !important
}

.bg-purple-lighten-3 {
    background-color: #ce93d8 !important;
    color: #fff !important
}

.bg-purple-lighten-2 {
    background-color: #ba68c8 !important;
    color: #fff !important
}

.bg-purple-lighten-1 {
    background-color: #ab47bc !important;
    color: #fff !important
}

.bg-purple-darken-1 {
    background-color: #8e24aa !important;
    color: #fff !important
}

.bg-purple-darken-2 {
    background-color: #7b1fa2 !important;
    color: #fff !important
}

.bg-purple-darken-3 {
    background-color: #6a1b9a !important;
    color: #fff !important
}

.bg-purple-darken-4 {
    background-color: #4a148c !important;
    color: #fff !important
}

.bg-purple-accent-1 {
    background-color: #ea80fc !important;
    color: #fff !important
}

.bg-purple-accent-2 {
    background-color: #e040fb !important;
    color: #fff !important
}

.bg-purple-accent-3 {
    background-color: #d500f9 !important;
    color: #fff !important
}

.bg-purple-accent-4 {
    background-color: #a0f !important;
    color: #fff !important
}

.bg-deep-purple {
    background-color: #673ab7 !important;
    color: #fff !important
}

.bg-deep-purple-lighten-5 {
    background-color: #ede7f6 !important;
    color: #000 !important
}

.bg-deep-purple-lighten-4 {
    background-color: #d1c4e9 !important;
    color: #000 !important
}

.bg-deep-purple-lighten-3 {
    background-color: #b39ddb !important;
    color: #fff !important
}

.bg-deep-purple-lighten-2 {
    background-color: #9575cd !important;
    color: #fff !important
}

.bg-deep-purple-lighten-1 {
    background-color: #7e57c2 !important;
    color: #fff !important
}

.bg-deep-purple-darken-1 {
    background-color: #5e35b1 !important;
    color: #fff !important
}

.bg-deep-purple-darken-2 {
    background-color: #512da8 !important;
    color: #fff !important
}

.bg-deep-purple-darken-3 {
    background-color: #4527a0 !important;
    color: #fff !important
}

.bg-deep-purple-darken-4 {
    background-color: #311b92 !important;
    color: #fff !important
}

.bg-deep-purple-accent-1 {
    background-color: #b388ff !important;
    color: #fff !important
}

.bg-deep-purple-accent-2 {
    background-color: #7c4dff !important;
    color: #fff !important
}

.bg-deep-purple-accent-3 {
    background-color: #651fff !important;
    color: #fff !important
}

.bg-deep-purple-accent-4 {
    background-color: #6200ea !important;
    color: #fff !important
}

.bg-indigo {
    background-color: #3f51b5 !important;
    color: #fff !important
}

.bg-indigo-lighten-5 {
    background-color: #e8eaf6 !important;
    color: #000 !important
}

.bg-indigo-lighten-4 {
    background-color: #c5cae9 !important;
    color: #000 !important
}

.bg-indigo-lighten-3 {
    background-color: #9fa8da !important;
    color: #fff !important
}

.bg-indigo-lighten-2 {
    background-color: #7986cb !important;
    color: #fff !important
}

.bg-indigo-lighten-1 {
    background-color: #5c6bc0 !important;
    color: #fff !important
}

.bg-indigo-darken-1 {
    background-color: #3949ab !important;
    color: #fff !important
}

.bg-indigo-darken-2 {
    background-color: #303f9f !important;
    color: #fff !important
}

.bg-indigo-darken-3 {
    background-color: #283593 !important;
    color: #fff !important
}

.bg-indigo-darken-4 {
    background-color: #1a237e !important;
    color: #fff !important
}

.bg-indigo-accent-1 {
    background-color: #8c9eff !important;
    color: #fff !important
}

.bg-indigo-accent-2 {
    background-color: #536dfe !important;
    color: #fff !important
}

.bg-indigo-accent-3 {
    background-color: #3d5afe !important;
    color: #fff !important
}

.bg-indigo-accent-4 {
    background-color: #304ffe !important;
    color: #fff !important
}

.bg-blue {
    background-color: #2196f3 !important;
    color: #fff !important
}

.bg-blue-lighten-5 {
    background-color: #e3f2fd !important;
    color: #000 !important
}

.bg-blue-lighten-4 {
    background-color: #bbdefb !important;
    color: #000 !important
}

.bg-blue-lighten-3 {
    background-color: #90caf9 !important;
    color: #000 !important
}

.bg-blue-lighten-2 {
    background-color: #64b5f6 !important;
    color: #000 !important
}

.bg-blue-lighten-1 {
    background-color: #42a5f5 !important;
    color: #fff !important
}

.bg-blue-darken-1 {
    background-color: #1e88e5 !important;
    color: #fff !important
}

.bg-blue-darken-2 {
    background-color: #1976d2 !important;
    color: #fff !important
}

.bg-blue-darken-3 {
    background-color: #1565c0 !important;
    color: #fff !important
}

.bg-blue-darken-4 {
    background-color: #0d47a1 !important;
    color: #fff !important
}

.bg-blue-accent-1 {
    background-color: #82b1ff !important;
    color: #000 !important
}

.bg-blue-accent-2 {
    background-color: #448aff !important;
    color: #fff !important
}

.bg-blue-accent-3 {
    background-color: #2979ff !important;
    color: #fff !important
}

.bg-blue-accent-4 {
    background-color: #2962ff !important;
    color: #fff !important
}

.bg-light-blue {
    background-color: #03a9f4 !important;
    color: #fff !important
}

.bg-light-blue-lighten-5 {
    background-color: #e1f5fe !important;
    color: #000 !important
}

.bg-light-blue-lighten-4 {
    background-color: #b3e5fc !important;
    color: #000 !important
}

.bg-light-blue-lighten-3 {
    background-color: #81d4fa !important;
    color: #000 !important
}

.bg-light-blue-lighten-2 {
    background-color: #4fc3f7 !important;
    color: #000 !important
}

.bg-light-blue-lighten-1 {
    background-color: #29b6f6 !important;
    color: #000 !important
}

.bg-light-blue-darken-1 {
    background-color: #039be5 !important;
    color: #fff !important
}

.bg-light-blue-darken-2 {
    background-color: #0288d1 !important;
    color: #fff !important
}

.bg-light-blue-darken-3 {
    background-color: #0277bd !important;
    color: #fff !important
}

.bg-light-blue-darken-4 {
    background-color: #01579b !important;
    color: #fff !important
}

.bg-light-blue-accent-1 {
    background-color: #80d8ff !important;
    color: #000 !important
}

.bg-light-blue-accent-2 {
    background-color: #40c4ff !important;
    color: #000 !important
}

.bg-light-blue-accent-3 {
    background-color: #00b0ff !important;
    color: #fff !important
}

.bg-light-blue-accent-4 {
    background-color: #0091ea !important;
    color: #fff !important
}

.bg-cyan {
    background-color: #00bcd4 !important;
    color: #000 !important
}

.bg-cyan-lighten-5 {
    background-color: #e0f7fa !important;
    color: #000 !important
}

.bg-cyan-lighten-4 {
    background-color: #b2ebf2 !important;
    color: #000 !important
}

.bg-cyan-lighten-3 {
    background-color: #80deea !important;
    color: #000 !important
}

.bg-cyan-lighten-2 {
    background-color: #4dd0e1 !important;
    color: #000 !important
}

.bg-cyan-lighten-1 {
    background-color: #26c6da !important;
    color: #000 !important
}

.bg-cyan-darken-1 {
    background-color: #00acc1 !important;
    color: #fff !important
}

.bg-cyan-darken-2 {
    background-color: #0097a7 !important;
    color: #fff !important
}

.bg-cyan-darken-3 {
    background-color: #00838f !important;
    color: #fff !important
}

.bg-cyan-darken-4 {
    background-color: #006064 !important;
    color: #fff !important
}

.bg-cyan-accent-1 {
    background-color: #84ffff !important;
    color: #000 !important
}

.bg-cyan-accent-2 {
    background-color: #18ffff !important;
    color: #000 !important
}

.bg-cyan-accent-3 {
    background-color: #00e5ff !important;
    color: #000 !important
}

.bg-cyan-accent-4 {
    background-color: #00b8d4 !important;
    color: #fff !important
}

.bg-teal {
    background-color: #009688 !important;
    color: #fff !important
}

.bg-teal-lighten-5 {
    background-color: #e0f2f1 !important;
    color: #000 !important
}

.bg-teal-lighten-4 {
    background-color: #b2dfdb !important;
    color: #000 !important
}

.bg-teal-lighten-3 {
    background-color: #80cbc4 !important;
    color: #000 !important
}

.bg-teal-lighten-2 {
    background-color: #4db6ac !important;
    color: #fff !important
}

.bg-teal-lighten-1 {
    background-color: #26a69a !important;
    color: #fff !important
}

.bg-teal-darken-1 {
    background-color: #00897b !important;
    color: #fff !important
}

.bg-teal-darken-2 {
    background-color: #00796b !important;
    color: #fff !important
}

.bg-teal-darken-3 {
    background-color: #00695c !important;
    color: #fff !important
}

.bg-teal-darken-4 {
    background-color: #004d40 !important;
    color: #fff !important
}

.bg-teal-accent-1 {
    background-color: #a7ffeb !important;
    color: #000 !important
}

.bg-teal-accent-2 {
    background-color: #64ffda !important;
    color: #000 !important
}

.bg-teal-accent-3 {
    background-color: #1de9b6 !important;
    color: #000 !important
}

.bg-teal-accent-4 {
    background-color: #00bfa5 !important;
    color: #fff !important
}

.bg-green {
    background-color: #4caf50 !important;
    color: #fff !important
}

.bg-green-lighten-5 {
    background-color: #e8f5e9 !important;
    color: #000 !important
}

.bg-green-lighten-4 {
    background-color: #c8e6c9 !important;
    color: #000 !important
}

.bg-green-lighten-3 {
    background-color: #a5d6a7 !important;
    color: #000 !important
}

.bg-green-lighten-2 {
    background-color: #81c784 !important;
    color: #000 !important
}

.bg-green-lighten-1 {
    background-color: #66bb6a !important;
    color: #fff !important
}

.bg-green-darken-1 {
    background-color: #43a047 !important;
    color: #fff !important
}

.bg-green-darken-2 {
    background-color: #388e3c !important;
    color: #fff !important
}

.bg-green-darken-3 {
    background-color: #2e7d32 !important;
    color: #fff !important
}

.bg-green-darken-4 {
    background-color: #1b5e20 !important;
    color: #fff !important
}

.bg-green-accent-1 {
    background-color: #b9f6ca !important;
    color: #000 !important
}

.bg-green-accent-2 {
    background-color: #69f0ae !important;
    color: #000 !important
}

.bg-green-accent-3 {
    background-color: #00e676 !important;
    color: #000 !important
}

.bg-green-accent-4 {
    background-color: #00c853 !important;
    color: #000 !important
}

.bg-light-green {
    background-color: #8bc34a !important;
    color: #000 !important
}

.bg-light-green-lighten-5 {
    background-color: #f1f8e9 !important;
    color: #000 !important
}

.bg-light-green-lighten-4 {
    background-color: #dcedc8 !important;
    color: #000 !important
}

.bg-light-green-lighten-3 {
    background-color: #c5e1a5 !important;
    color: #000 !important
}

.bg-light-green-lighten-2 {
    background-color: #aed581 !important;
    color: #000 !important
}

.bg-light-green-lighten-1 {
    background-color: #9ccc65 !important;
    color: #000 !important
}

.bg-light-green-darken-1 {
    background-color: #7cb342 !important;
    color: #fff !important
}

.bg-light-green-darken-2 {
    background-color: #689f38 !important;
    color: #fff !important
}

.bg-light-green-darken-3 {
    background-color: #558b2f !important;
    color: #fff !important
}

.bg-light-green-darken-4 {
    background-color: #33691e !important;
    color: #fff !important
}

.bg-light-green-accent-1 {
    background-color: #ccff90 !important;
    color: #000 !important
}

.bg-light-green-accent-2 {
    background-color: #b2ff59 !important;
    color: #000 !important
}

.bg-light-green-accent-3 {
    background-color: #76ff03 !important;
    color: #000 !important
}

.bg-light-green-accent-4 {
    background-color: #64dd17 !important;
    color: #000 !important
}

.bg-lime {
    background-color: #cddc39 !important;
    color: #000 !important
}

.bg-lime-lighten-5 {
    background-color: #f9fbe7 !important;
    color: #000 !important
}

.bg-lime-lighten-4 {
    background-color: #f0f4c3 !important;
    color: #000 !important
}

.bg-lime-lighten-3 {
    background-color: #e6ee9c !important;
    color: #000 !important
}

.bg-lime-lighten-2 {
    background-color: #dce775 !important;
    color: #000 !important
}

.bg-lime-lighten-1 {
    background-color: #d4e157 !important;
    color: #000 !important
}

.bg-lime-darken-1 {
    background-color: #c0ca33 !important;
    color: #000 !important
}

.bg-lime-darken-2 {
    background-color: #afb42b !important;
    color: #000 !important
}

.bg-lime-darken-3 {
    background-color: #9e9d24 !important;
    color: #fff !important
}

.bg-lime-darken-4 {
    background-color: #827717 !important;
    color: #fff !important
}

.bg-lime-accent-1 {
    background-color: #f4ff81 !important;
    color: #000 !important
}

.bg-lime-accent-2 {
    background-color: #eeff41 !important;
    color: #000 !important
}

.bg-lime-accent-3 {
    background-color: #c6ff00 !important;
    color: #000 !important
}

.bg-lime-accent-4 {
    background-color: #aeea00 !important;
    color: #000 !important
}

.bg-yellow {
    background-color: #ffeb3b !important;
    color: #000 !important
}

.bg-yellow-lighten-5 {
    background-color: #fffde7 !important;
    color: #000 !important
}

.bg-yellow-lighten-4 {
    background-color: #fff9c4 !important;
    color: #000 !important
}

.bg-yellow-lighten-3 {
    background-color: #fff59d !important;
    color: #000 !important
}

.bg-yellow-lighten-2 {
    background-color: #fff176 !important;
    color: #000 !important
}

.bg-yellow-lighten-1 {
    background-color: #ffee58 !important;
    color: #000 !important
}

.bg-yellow-darken-1 {
    background-color: #fdd835 !important;
    color: #000 !important
}

.bg-yellow-darken-2 {
    background-color: #fbc02d !important;
    color: #000 !important
}

.bg-yellow-darken-3 {
    background-color: #f9a825 !important;
    color: #000 !important
}

.bg-yellow-darken-4 {
    background-color: #f57f17 !important;
    color: #fff !important
}

.bg-yellow-accent-1 {
    background-color: #ffff8d !important;
    color: #000 !important
}

.bg-yellow-accent-2 {
    background-color: #ff0 !important;
    color: #000 !important
}

.bg-yellow-accent-3 {
    background-color: #ffea00 !important;
    color: #000 !important
}

.bg-yellow-accent-4 {
    background-color: #ffd600 !important;
    color: #000 !important
}

.bg-amber {
    background-color: #ffc107 !important;
    color: #000 !important
}

.bg-amber-lighten-5 {
    background-color: #fff8e1 !important;
    color: #000 !important
}

.bg-amber-lighten-4 {
    background-color: #ffecb3 !important;
    color: #000 !important
}

.bg-amber-lighten-3 {
    background-color: #ffe082 !important;
    color: #000 !important
}

.bg-amber-lighten-2 {
    background-color: #ffd54f !important;
    color: #000 !important
}

.bg-amber-lighten-1 {
    background-color: #ffca28 !important;
    color: #000 !important
}

.bg-amber-darken-1 {
    background-color: #ffb300 !important;
    color: #000 !important
}

.bg-amber-darken-2 {
    background-color: #ffa000 !important;
    color: #000 !important
}

.bg-amber-darken-3 {
    background-color: #ff8f00 !important;
    color: #000 !important
}

.bg-amber-darken-4 {
    background-color: #ff6f00 !important;
    color: #fff !important
}

.bg-amber-accent-1 {
    background-color: #ffe57f !important;
    color: #000 !important
}

.bg-amber-accent-2 {
    background-color: #ffd740 !important;
    color: #000 !important
}

.bg-amber-accent-3 {
    background-color: #ffc400 !important;
    color: #000 !important
}

.bg-amber-accent-4 {
    background-color: #ffab00 !important;
    color: #000 !important
}

.bg-orange {
    background-color: #ff9800 !important;
    color: #000 !important
}

.bg-orange-lighten-5 {
    background-color: #fff3e0 !important;
    color: #000 !important
}

.bg-orange-lighten-4 {
    background-color: #ffe0b2 !important;
    color: #000 !important
}

.bg-orange-lighten-3 {
    background-color: #ffcc80 !important;
    color: #000 !important
}

.bg-orange-lighten-2 {
    background-color: #ffb74d !important;
    color: #000 !important
}

.bg-orange-lighten-1 {
    background-color: #ffa726 !important;
    color: #000 !important
}

.bg-orange-darken-1 {
    background-color: #fb8c00 !important;
    color: #fff !important
}

.bg-orange-darken-2 {
    background-color: #f57c00 !important;
    color: #fff !important
}

.bg-orange-darken-3 {
    background-color: #ef6c00 !important;
    color: #fff !important
}

.bg-orange-darken-4 {
    background-color: #e65100 !important;
    color: #fff !important
}

.bg-orange-accent-1 {
    background-color: #ffd180 !important;
    color: #000 !important
}

.bg-orange-accent-2 {
    background-color: #ffab40 !important;
    color: #000 !important
}

.bg-orange-accent-3 {
    background-color: #ff9100 !important;
    color: #000 !important
}

.bg-orange-accent-4 {
    background-color: #ff6d00 !important;
    color: #fff !important
}

.bg-deep-orange {
    background-color: #ff5722 !important;
    color: #fff !important
}

.bg-deep-orange-lighten-5 {
    background-color: #fbe9e7 !important;
    color: #000 !important
}

.bg-deep-orange-lighten-4 {
    background-color: #ffccbc !important;
    color: #000 !important
}

.bg-deep-orange-lighten-3 {
    background-color: #ffab91 !important;
    color: #000 !important
}

.bg-deep-orange-lighten-2 {
    background-color: #ff8a65 !important;
    color: #000 !important
}

.bg-deep-orange-lighten-1 {
    background-color: #ff7043 !important;
    color: #fff !important
}

.bg-deep-orange-darken-1 {
    background-color: #f4511e !important;
    color: #fff !important
}

.bg-deep-orange-darken-2 {
    background-color: #e64a19 !important;
    color: #fff !important
}

.bg-deep-orange-darken-3 {
    background-color: #d84315 !important;
    color: #fff !important
}

.bg-deep-orange-darken-4 {
    background-color: #bf360c !important;
    color: #fff !important
}

.bg-deep-orange-accent-1 {
    background-color: #ff9e80 !important;
    color: #000 !important
}

.bg-deep-orange-accent-2 {
    background-color: #ff6e40 !important;
    color: #fff !important
}

.bg-deep-orange-accent-3 {
    background-color: #ff3d00 !important;
    color: #fff !important
}

.bg-deep-orange-accent-4 {
    background-color: #dd2c00 !important;
    color: #fff !important
}

.bg-brown {
    background-color: #795548 !important;
    color: #fff !important
}

.bg-brown-lighten-5 {
    background-color: #efebe9 !important;
    color: #000 !important
}

.bg-brown-lighten-4 {
    background-color: #d7ccc8 !important;
    color: #000 !important
}

.bg-brown-lighten-3 {
    background-color: #bcaaa4 !important;
    color: #000 !important
}

.bg-brown-lighten-2 {
    background-color: #a1887f !important;
    color: #fff !important
}

.bg-brown-lighten-1 {
    background-color: #8d6e63 !important;
    color: #fff !important
}

.bg-brown-darken-1 {
    background-color: #6d4c41 !important;
    color: #fff !important
}

.bg-brown-darken-2 {
    background-color: #5d4037 !important;
    color: #fff !important
}

.bg-brown-darken-3 {
    background-color: #4e342e !important;
    color: #fff !important
}

.bg-brown-darken-4 {
    background-color: #3e2723 !important;
    color: #fff !important
}

.bg-blue-grey {
    background-color: #607d8b !important;
    color: #fff !important
}

.bg-blue-grey-lighten-5 {
    background-color: #eceff1 !important;
    color: #000 !important
}

.bg-blue-grey-lighten-4 {
    background-color: #cfd8dc !important;
    color: #000 !important
}

.bg-blue-grey-lighten-3 {
    background-color: #b0bec5 !important;
    color: #000 !important
}

.bg-blue-grey-lighten-2 {
    background-color: #90a4ae !important;
    color: #fff !important
}

.bg-blue-grey-lighten-1 {
    background-color: #78909c !important;
    color: #fff !important
}

.bg-blue-grey-darken-1 {
    background-color: #546e7a !important;
    color: #fff !important
}

.bg-blue-grey-darken-2 {
    background-color: #455a64 !important;
    color: #fff !important
}

.bg-blue-grey-darken-3 {
    background-color: #37474f !important;
    color: #fff !important
}

.bg-blue-grey-darken-4 {
    background-color: #263238 !important;
    color: #fff !important
}

.bg-grey {
    background-color: #9e9e9e !important;
    color: #fff !important
}

.bg-grey-lighten-5 {
    background-color: #fafafa !important;
    color: #000 !important
}

.bg-grey-lighten-4 {
    background-color: #f5f5f5 !important;
    color: #000 !important
}

.bg-grey-lighten-3 {
    background-color: #eee !important;
    color: #000 !important
}

.bg-grey-lighten-2 {
    background-color: #e0e0e0 !important;
    color: #000 !important
}

.bg-grey-lighten-1 {
    background-color: #bdbdbd !important;
    color: #000 !important
}

.bg-grey-darken-1 {
    background-color: #757575 !important;
    color: #fff !important
}

.bg-grey-darken-2 {
    background-color: #616161 !important;
    color: #fff !important
}

.bg-grey-darken-3 {
    background-color: #424242 !important;
    color: #fff !important
}

.bg-grey-darken-4 {
    background-color: #212121 !important;
    color: #fff !important
}

.bg-shades-black {
    background-color: #000 !important;
    color: #fff !important
}

.bg-shades-white {
    background-color: #fff !important;
    color: #000 !important
}

.bg-shades-transparent {
    background-color: transparent !important;
    color: currentColor !important
}

.text-black {
    color: #000 !important
}

.text-white {
    color: #fff !important
}

.text-transparent {
    color: transparent !important
}

.text-red {
    color: #f44336 !important
}

.text-red-lighten-5 {
    color: #ffebee !important
}

.text-red-lighten-4 {
    color: #ffcdd2 !important
}

.text-red-lighten-3 {
    color: #ef9a9a !important
}

.text-red-lighten-2 {
    color: #e57373 !important
}

.text-red-lighten-1 {
    color: #ef5350 !important
}

.text-red-darken-1 {
    color: #e53935 !important
}

.text-red-darken-2 {
    color: #d32f2f !important
}

.text-red-darken-3 {
    color: #c62828 !important
}

.text-red-darken-4 {
    color: #b71c1c !important
}

.text-red-accent-1 {
    color: #ff8a80 !important
}

.text-red-accent-2 {
    color: #ff5252 !important
}

.text-red-accent-3 {
    color: #ff1744 !important
}

.text-red-accent-4 {
    color: #d50000 !important
}

.text-pink {
    color: #e91e63 !important
}

.text-pink-lighten-5 {
    color: #fce4ec !important
}

.text-pink-lighten-4 {
    color: #f8bbd0 !important
}

.text-pink-lighten-3 {
    color: #f48fb1 !important
}

.text-pink-lighten-2 {
    color: #f06292 !important
}

.text-pink-lighten-1 {
    color: #ec407a !important
}

.text-pink-darken-1 {
    color: #d81b60 !important
}

.text-pink-darken-2 {
    color: #c2185b !important
}

.text-pink-darken-3 {
    color: #ad1457 !important
}

.text-pink-darken-4 {
    color: #880e4f !important
}

.text-pink-accent-1 {
    color: #ff80ab !important
}

.text-pink-accent-2 {
    color: #ff4081 !important
}

.text-pink-accent-3 {
    color: #f50057 !important
}

.text-pink-accent-4 {
    color: #c51162 !important
}

.text-purple {
    color: #9c27b0 !important
}

.text-purple-lighten-5 {
    color: #f3e5f5 !important
}

.text-purple-lighten-4 {
    color: #e1bee7 !important
}

.text-purple-lighten-3 {
    color: #ce93d8 !important
}

.text-purple-lighten-2 {
    color: #ba68c8 !important
}

.text-purple-lighten-1 {
    color: #ab47bc !important
}

.text-purple-darken-1 {
    color: #8e24aa !important
}

.text-purple-darken-2 {
    color: #7b1fa2 !important
}

.text-purple-darken-3 {
    color: #6a1b9a !important
}

.text-purple-darken-4 {
    color: #4a148c !important
}

.text-purple-accent-1 {
    color: #ea80fc !important
}

.text-purple-accent-2 {
    color: #e040fb !important
}

.text-purple-accent-3 {
    color: #d500f9 !important
}

.text-purple-accent-4 {
    color: #a0f !important
}

.text-deep-purple {
    color: #673ab7 !important
}

.text-deep-purple-lighten-5 {
    color: #ede7f6 !important
}

.text-deep-purple-lighten-4 {
    color: #d1c4e9 !important
}

.text-deep-purple-lighten-3 {
    color: #b39ddb !important
}

.text-deep-purple-lighten-2 {
    color: #9575cd !important
}

.text-deep-purple-lighten-1 {
    color: #7e57c2 !important
}

.text-deep-purple-darken-1 {
    color: #5e35b1 !important
}

.text-deep-purple-darken-2 {
    color: #512da8 !important
}

.text-deep-purple-darken-3 {
    color: #4527a0 !important
}

.text-deep-purple-darken-4 {
    color: #311b92 !important
}

.text-deep-purple-accent-1 {
    color: #b388ff !important
}

.text-deep-purple-accent-2 {
    color: #7c4dff !important
}

.text-deep-purple-accent-3 {
    color: #651fff !important
}

.text-deep-purple-accent-4 {
    color: #6200ea !important
}

.text-indigo {
    color: #3f51b5 !important
}

.text-indigo-lighten-5 {
    color: #e8eaf6 !important
}

.text-indigo-lighten-4 {
    color: #c5cae9 !important
}

.text-indigo-lighten-3 {
    color: #9fa8da !important
}

.text-indigo-lighten-2 {
    color: #7986cb !important
}

.text-indigo-lighten-1 {
    color: #5c6bc0 !important
}

.text-indigo-darken-1 {
    color: #3949ab !important
}

.text-indigo-darken-2 {
    color: #303f9f !important
}

.text-indigo-darken-3 {
    color: #283593 !important
}

.text-indigo-darken-4 {
    color: #1a237e !important
}

.text-indigo-accent-1 {
    color: #8c9eff !important
}

.text-indigo-accent-2 {
    color: #536dfe !important
}

.text-indigo-accent-3 {
    color: #3d5afe !important
}

.text-indigo-accent-4 {
    color: #304ffe !important
}

.text-blue {
    color: #2196f3 !important
}

.text-blue-lighten-5 {
    color: #e3f2fd !important
}

.text-blue-lighten-4 {
    color: #bbdefb !important
}

.text-blue-lighten-3 {
    color: #90caf9 !important
}

.text-blue-lighten-2 {
    color: #64b5f6 !important
}

.text-blue-lighten-1 {
    color: #42a5f5 !important
}

.text-blue-darken-1 {
    color: #1e88e5 !important
}

.text-blue-darken-2 {
    color: #1976d2 !important
}

.text-blue-darken-3 {
    color: #1565c0 !important
}

.text-blue-darken-4 {
    color: #0d47a1 !important
}

.text-blue-accent-1 {
    color: #82b1ff !important
}

.text-blue-accent-2 {
    color: #448aff !important
}

.text-blue-accent-3 {
    color: #2979ff !important
}

.text-blue-accent-4 {
    color: #2962ff !important
}

.text-light-blue {
    color: #03a9f4 !important
}

.text-light-blue-lighten-5 {
    color: #e1f5fe !important
}

.text-light-blue-lighten-4 {
    color: #b3e5fc !important
}

.text-light-blue-lighten-3 {
    color: #81d4fa !important
}

.text-light-blue-lighten-2 {
    color: #4fc3f7 !important
}

.text-light-blue-lighten-1 {
    color: #29b6f6 !important
}

.text-light-blue-darken-1 {
    color: #039be5 !important
}

.text-light-blue-darken-2 {
    color: #0288d1 !important
}

.text-light-blue-darken-3 {
    color: #0277bd !important
}

.text-light-blue-darken-4 {
    color: #01579b !important
}

.text-light-blue-accent-1 {
    color: #80d8ff !important
}

.text-light-blue-accent-2 {
    color: #40c4ff !important
}

.text-light-blue-accent-3 {
    color: #00b0ff !important
}

.text-light-blue-accent-4 {
    color: #0091ea !important
}

.text-cyan {
    color: #00bcd4 !important
}

.text-cyan-lighten-5 {
    color: #e0f7fa !important
}

.text-cyan-lighten-4 {
    color: #b2ebf2 !important
}

.text-cyan-lighten-3 {
    color: #80deea !important
}

.text-cyan-lighten-2 {
    color: #4dd0e1 !important
}

.text-cyan-lighten-1 {
    color: #26c6da !important
}

.text-cyan-darken-1 {
    color: #00acc1 !important
}

.text-cyan-darken-2 {
    color: #0097a7 !important
}

.text-cyan-darken-3 {
    color: #00838f !important
}

.text-cyan-darken-4 {
    color: #006064 !important
}

.text-cyan-accent-1 {
    color: #84ffff !important
}

.text-cyan-accent-2 {
    color: #18ffff !important
}

.text-cyan-accent-3 {
    color: #00e5ff !important
}

.text-cyan-accent-4 {
    color: #00b8d4 !important
}

.text-teal {
    color: #009688 !important
}

.text-teal-lighten-5 {
    color: #e0f2f1 !important
}

.text-teal-lighten-4 {
    color: #b2dfdb !important
}

.text-teal-lighten-3 {
    color: #80cbc4 !important
}

.text-teal-lighten-2 {
    color: #4db6ac !important
}

.text-teal-lighten-1 {
    color: #26a69a !important
}

.text-teal-darken-1 {
    color: #00897b !important
}

.text-teal-darken-2 {
    color: #00796b !important
}

.text-teal-darken-3 {
    color: #00695c !important
}

.text-teal-darken-4 {
    color: #004d40 !important
}

.text-teal-accent-1 {
    color: #a7ffeb !important
}

.text-teal-accent-2 {
    color: #64ffda !important
}

.text-teal-accent-3 {
    color: #1de9b6 !important
}

.text-teal-accent-4 {
    color: #00bfa5 !important
}

.text-green {
    color: #4caf50 !important
}

.text-green-lighten-5 {
    color: #e8f5e9 !important
}

.text-green-lighten-4 {
    color: #c8e6c9 !important
}

.text-green-lighten-3 {
    color: #a5d6a7 !important
}

.text-green-lighten-2 {
    color: #81c784 !important
}

.text-green-lighten-1 {
    color: #66bb6a !important
}

.text-green-darken-1 {
    color: #43a047 !important
}

.text-green-darken-2 {
    color: #388e3c !important
}

.text-green-darken-3 {
    color: #2e7d32 !important
}

.text-green-darken-4 {
    color: #1b5e20 !important
}

.text-green-accent-1 {
    color: #b9f6ca !important
}

.text-green-accent-2 {
    color: #69f0ae !important
}

.text-green-accent-3 {
    color: #00e676 !important
}

.text-green-accent-4 {
    color: #00c853 !important
}

.text-light-green {
    color: #8bc34a !important
}

.text-light-green-lighten-5 {
    color: #f1f8e9 !important
}

.text-light-green-lighten-4 {
    color: #dcedc8 !important
}

.text-light-green-lighten-3 {
    color: #c5e1a5 !important
}

.text-light-green-lighten-2 {
    color: #aed581 !important
}

.text-light-green-lighten-1 {
    color: #9ccc65 !important
}

.text-light-green-darken-1 {
    color: #7cb342 !important
}

.text-light-green-darken-2 {
    color: #689f38 !important
}

.text-light-green-darken-3 {
    color: #558b2f !important
}

.text-light-green-darken-4 {
    color: #33691e !important
}

.text-light-green-accent-1 {
    color: #ccff90 !important
}

.text-light-green-accent-2 {
    color: #b2ff59 !important
}

.text-light-green-accent-3 {
    color: #76ff03 !important
}

.text-light-green-accent-4 {
    color: #64dd17 !important
}

.text-lime {
    color: #cddc39 !important
}

.text-lime-lighten-5 {
    color: #f9fbe7 !important
}

.text-lime-lighten-4 {
    color: #f0f4c3 !important
}

.text-lime-lighten-3 {
    color: #e6ee9c !important
}

.text-lime-lighten-2 {
    color: #dce775 !important
}

.text-lime-lighten-1 {
    color: #d4e157 !important
}

.text-lime-darken-1 {
    color: #c0ca33 !important
}

.text-lime-darken-2 {
    color: #afb42b !important
}

.text-lime-darken-3 {
    color: #9e9d24 !important
}

.text-lime-darken-4 {
    color: #827717 !important
}

.text-lime-accent-1 {
    color: #f4ff81 !important
}

.text-lime-accent-2 {
    color: #eeff41 !important
}

.text-lime-accent-3 {
    color: #c6ff00 !important
}

.text-lime-accent-4 {
    color: #aeea00 !important
}

.text-yellow {
    color: #ffeb3b !important
}

.text-yellow-lighten-5 {
    color: #fffde7 !important
}

.text-yellow-lighten-4 {
    color: #fff9c4 !important
}

.text-yellow-lighten-3 {
    color: #fff59d !important
}

.text-yellow-lighten-2 {
    color: #fff176 !important
}

.text-yellow-lighten-1 {
    color: #ffee58 !important
}

.text-yellow-darken-1 {
    color: #fdd835 !important
}

.text-yellow-darken-2 {
    color: #fbc02d !important
}

.text-yellow-darken-3 {
    color: #f9a825 !important
}

.text-yellow-darken-4 {
    color: #f57f17 !important
}

.text-yellow-accent-1 {
    color: #ffff8d !important
}

.text-yellow-accent-2 {
    color: #ff0 !important
}

.text-yellow-accent-3 {
    color: #ffea00 !important
}

.text-yellow-accent-4 {
    color: #ffd600 !important
}

.text-amber {
    color: #ffc107 !important
}

.text-amber-lighten-5 {
    color: #fff8e1 !important
}

.text-amber-lighten-4 {
    color: #ffecb3 !important
}

.text-amber-lighten-3 {
    color: #ffe082 !important
}

.text-amber-lighten-2 {
    color: #ffd54f !important
}

.text-amber-lighten-1 {
    color: #ffca28 !important
}

.text-amber-darken-1 {
    color: #ffb300 !important
}

.text-amber-darken-2 {
    color: #ffa000 !important
}

.text-amber-darken-3 {
    color: #ff8f00 !important
}

.text-amber-darken-4 {
    color: #ff6f00 !important
}

.text-amber-accent-1 {
    color: #ffe57f !important
}

.text-amber-accent-2 {
    color: #ffd740 !important
}

.text-amber-accent-3 {
    color: #ffc400 !important
}

.text-amber-accent-4 {
    color: #ffab00 !important
}

.text-orange {
    color: #ff9800 !important
}

.text-orange-lighten-5 {
    color: #fff3e0 !important
}

.text-orange-lighten-4 {
    color: #ffe0b2 !important
}

.text-orange-lighten-3 {
    color: #ffcc80 !important
}

.text-orange-lighten-2 {
    color: #ffb74d !important
}

.text-orange-lighten-1 {
    color: #ffa726 !important
}

.text-orange-darken-1 {
    color: #fb8c00 !important
}

.text-orange-darken-2 {
    color: #f57c00 !important
}

.text-orange-darken-3 {
    color: #ef6c00 !important
}

.text-orange-darken-4 {
    color: #e65100 !important
}

.text-orange-accent-1 {
    color: #ffd180 !important
}

.text-orange-accent-2 {
    color: #ffab40 !important
}

.text-orange-accent-3 {
    color: #ff9100 !important
}

.text-orange-accent-4 {
    color: #ff6d00 !important
}

.text-deep-orange {
    color: #ff5722 !important
}

.text-deep-orange-lighten-5 {
    color: #fbe9e7 !important
}

.text-deep-orange-lighten-4 {
    color: #ffccbc !important
}

.text-deep-orange-lighten-3 {
    color: #ffab91 !important
}

.text-deep-orange-lighten-2 {
    color: #ff8a65 !important
}

.text-deep-orange-lighten-1 {
    color: #ff7043 !important
}

.text-deep-orange-darken-1 {
    color: #f4511e !important
}

.text-deep-orange-darken-2 {
    color: #e64a19 !important
}

.text-deep-orange-darken-3 {
    color: #d84315 !important
}

.text-deep-orange-darken-4 {
    color: #bf360c !important
}

.text-deep-orange-accent-1 {
    color: #ff9e80 !important
}

.text-deep-orange-accent-2 {
    color: #ff6e40 !important
}

.text-deep-orange-accent-3 {
    color: #ff3d00 !important
}

.text-deep-orange-accent-4 {
    color: #dd2c00 !important
}

.text-brown {
    color: #795548 !important
}

.text-brown-lighten-5 {
    color: #efebe9 !important
}

.text-brown-lighten-4 {
    color: #d7ccc8 !important
}

.text-brown-lighten-3 {
    color: #bcaaa4 !important
}

.text-brown-lighten-2 {
    color: #a1887f !important
}

.text-brown-lighten-1 {
    color: #8d6e63 !important
}

.text-brown-darken-1 {
    color: #6d4c41 !important
}

.text-brown-darken-2 {
    color: #5d4037 !important
}

.text-brown-darken-3 {
    color: #4e342e !important
}

.text-brown-darken-4 {
    color: #3e2723 !important
}

.text-blue-grey {
    color: #607d8b !important
}

.text-blue-grey-lighten-5 {
    color: #eceff1 !important
}

.text-blue-grey-lighten-4 {
    color: #cfd8dc !important
}

.text-blue-grey-lighten-3 {
    color: #b0bec5 !important
}

.text-blue-grey-lighten-2 {
    color: #90a4ae !important
}

.text-blue-grey-lighten-1 {
    color: #78909c !important
}

.text-blue-grey-darken-1 {
    color: #546e7a !important
}

.text-blue-grey-darken-2 {
    color: #455a64 !important
}

.text-blue-grey-darken-3 {
    color: #37474f !important
}

.text-blue-grey-darken-4 {
    color: #263238 !important
}

.text-grey {
    color: #9e9e9e !important
}

.text-grey-lighten-5 {
    color: #fafafa !important
}

.text-grey-lighten-4 {
    color: #f5f5f5 !important
}

.text-grey-lighten-3 {
    color: #eee !important
}

.text-grey-lighten-2 {
    color: #e0e0e0 !important
}

.text-grey-lighten-1 {
    color: #bdbdbd !important
}

.text-grey-darken-1 {
    color: #757575 !important
}

.text-grey-darken-2 {
    color: #616161 !important
}

.text-grey-darken-3 {
    color: #424242 !important
}

.text-grey-darken-4 {
    color: #212121 !important
}

.text-shades-black {
    color: #000 !important
}

.text-shades-white {
    color: #fff !important
}

.text-shades-transparent {
    color: transparent !important
}

html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    overflow-y: scroll;
    -moz-tab-size: 4;
    tab-size: 4;
    word-break: normal
}

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    margin: 0;
    padding: 0
}

hr {
    height: 0;
    overflow: visible
}

details,
main {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden] {
    display: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

pre {
    font-size: 1em
}

b,
strong {
    font-weight: bolder
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[disabled] {
    cursor: default
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    color: inherit;
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    color: inherit;
    font: inherit
}

::-ms-clear,
::-ms-reveal {
    display: none
}

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        clip: rect(0 0 0 0) !important;
        position: absolute !important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true] {
    cursor: default
}

.dialog-bottom-transition-enter-active,
.dialog-top-transition-enter-active,
.dialog-transition-enter-active {
    transition-duration: 225ms !important;
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.dialog-bottom-transition-leave-active,
.dialog-top-transition-leave-active,
.dialog-transition-leave-active {
    transition-duration: 125ms !important;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

.dialog-bottom-transition-enter-active,
.dialog-bottom-transition-leave-active,
.dialog-top-transition-enter-active,
.dialog-top-transition-leave-active,
.dialog-transition-enter-active,
.dialog-transition-leave-active {
    pointer-events: none;
    transition-property: transform, opacity !important
}

.dialog-transition-enter-from,
.dialog-transition-leave-to {
    opacity: 0;
    transform: scale(.9)
}

.dialog-transition-enter-to,
.dialog-transition-leave-from {
    opacity: 1
}

.dialog-bottom-transition-enter-from,
.dialog-bottom-transition-leave-to {
    transform: translateY(calc(50vh + 50%))
}

.dialog-top-transition-enter-from,
.dialog-top-transition-leave-to {
    transform: translateY(calc(-50vh - 50%))
}

.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active,
.picker-transition-enter-active,
.picker-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.picker-reverse-transition-move,
.picker-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.picker-reverse-transition-enter-from,
.picker-reverse-transition-leave-to,
.picker-transition-enter-from,
.picker-transition-leave-to {
    opacity: 0
}

.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-from,
.picker-reverse-transition-leave-to,
.picker-transition-leave-active,
.picker-transition-leave-from,
.picker-transition-leave-to {
    position: absolute !important
}

.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active,
.picker-transition-enter-active,
.picker-transition-leave-active {
    transition-property: transform, opacity !important
}

.picker-transition-enter-active,
.picker-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.picker-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.picker-transition-enter-from {
    transform: translateY(100%)
}

.picker-transition-leave-to {
    transform: translateY(-100%)
}

.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.picker-reverse-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.picker-reverse-transition-enter-from {
    transform: translateY(-100%)
}

.picker-reverse-transition-leave-to {
    transform: translateY(100%)
}

.expand-transition-enter-active,
.expand-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.expand-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.expand-transition-enter-active,
.expand-transition-leave-active {
    transition-property: height !important
}

.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.expand-x-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
    transition-property: width !important
}

.scale-transition-enter-active,
.scale-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scale-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scale-transition-leave-to {
    opacity: 0
}

.scale-transition-leave-active {
    transition-duration: .1s !important
}

.scale-transition-enter-from {
    opacity: 0;
    transform: scale(0)
}

.scale-transition-enter-active,
.scale-transition-leave-active {
    transition-property: transform, opacity !important
}

.scale-rotate-transition-enter-active,
.scale-rotate-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scale-rotate-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scale-rotate-transition-leave-to {
    opacity: 0
}

.scale-rotate-transition-leave-active {
    transition-duration: .1s !important
}

.scale-rotate-transition-enter-from {
    opacity: 0;
    transform: scale(0) rotate(-45deg)
}

.scale-rotate-transition-enter-active,
.scale-rotate-transition-leave-active {
    transition-property: transform, opacity !important
}

.scale-rotate-reverse-transition-enter-active,
.scale-rotate-reverse-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scale-rotate-reverse-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scale-rotate-reverse-transition-leave-to {
    opacity: 0
}

.scale-rotate-reverse-transition-leave-active {
    transition-duration: .1s !important
}

.scale-rotate-reverse-transition-enter-from {
    opacity: 0;
    transform: scale(0) rotate(45deg)
}

.scale-rotate-reverse-transition-enter-active,
.scale-rotate-reverse-transition-leave-active {
    transition-property: transform, opacity !important
}

.message-transition-enter-active,
.message-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.message-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.message-transition-enter-from,
.message-transition-leave-to {
    opacity: 0;
    transform: translateY(-15px)
}

.message-transition-leave-active,
.message-transition-leave-from {
    position: absolute
}

.message-transition-enter-active,
.message-transition-leave-active {
    transition-property: transform, opacity !important
}

.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-y-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-y-transition-enter-from,
.slide-y-transition-leave-to {
    opacity: 0;
    transform: translateY(-15px)
}

.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
    transition-property: transform, opacity !important
}

.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-y-reverse-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-y-reverse-transition-enter-from,
.slide-y-reverse-transition-leave-to {
    opacity: 0;
    transform: translateY(15px)
}

.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
    transition-property: transform, opacity !important
}

.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-y-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-y-transition-enter-from,
.scroll-y-transition-leave-to {
    opacity: 0
}

.scroll-y-transition-enter-from {
    transform: translateY(-15px)
}

.scroll-y-transition-leave-to {
    transform: translateY(15px)
}

.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
    transition-property: transform, opacity !important
}

.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-y-reverse-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-y-reverse-transition-enter-from,
.scroll-y-reverse-transition-leave-to {
    opacity: 0
}

.scroll-y-reverse-transition-enter-from {
    transform: translateY(15px)
}

.scroll-y-reverse-transition-leave-to {
    transform: translateY(-15px)
}

.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
    transition-property: transform, opacity !important
}

.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-x-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-x-transition-enter-from,
.scroll-x-transition-leave-to {
    opacity: 0
}

.scroll-x-transition-enter-from {
    transform: translateX(-15px)
}

.scroll-x-transition-leave-to {
    transform: translateX(15px)
}

.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
    transition-property: transform, opacity !important
}

.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-x-reverse-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.scroll-x-reverse-transition-enter-from,
.scroll-x-reverse-transition-leave-to {
    opacity: 0
}

.scroll-x-reverse-transition-enter-from {
    transform: translateX(15px)
}

.scroll-x-reverse-transition-leave-to {
    transform: translateX(-15px)
}

.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
    transition-property: transform, opacity !important
}

.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-x-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-x-transition-enter-from,
.slide-x-transition-leave-to {
    opacity: 0;
    transform: translateX(-15px)
}

.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
    transition-property: transform, opacity !important
}

.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-x-reverse-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.slide-x-reverse-transition-enter-from,
.slide-x-reverse-transition-leave-to {
    opacity: 0;
    transform: translateX(15px)
}

.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
    transition-property: transform, opacity !important
}

.fade-transition-enter-active,
.fade-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.fade-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.fade-transition-enter-from,
.fade-transition-leave-to {
    opacity: 0 !important
}

.fade-transition-enter-active,
.fade-transition-leave-active {
    transition-property: opacity !important
}

.fab-transition-enter-active,
.fab-transition-leave-active {
    transition-duration: .3s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.fab-transition-move {
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.fab-transition-enter-from,
.fab-transition-leave-to {
    transform: scale(0) rotate(-45deg)
}

.fab-transition-enter-active,
.fab-transition-leave-active {
    transition-property: transform !important
}

.v-locale--is-rtl {
    direction: rtl
}

.v-locale--is-ltr {
    direction: ltr
}

.blockquote {
    font-size: 18px;
    font-weight: 300;
    padding: 1pc 0 1pc 24px
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    overflow-x: hidden;
    text-rendering: optimizeLegibility
}

html.overflow-y-hidden {
    overflow-y: hidden !important
}

:root {
    --v-theme-overlay-multiplier: 1;
    --v-scrollbar-offset: 0px
}

@supports (-webkit-touch-callout:none) {
    body {
        cursor: pointer
    }
}

@media only print {
    .hidden-print-only {
        display: none !important
    }
}

@media only screen {
    .hidden-screen-only {
        display: none !important
    }
}

@media (max-width:599.98px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:600px) and (max-width:959.98px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:960px) and (max-width:1279.98px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1280px) and (max-width:1919.98px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:1920px) and (max-width:2559.98px) {
    .hidden-xl {
        display: none !important
    }
}

@media (min-width:2560px) {
    .hidden-xxl {
        display: none !important
    }
}

@media (min-width:600px) {
    .hidden-sm-and-up {
        display: none !important
    }
}

@media (min-width:960px) {
    .hidden-md-and-up {
        display: none !important
    }
}

@media (min-width:1280px) {
    .hidden-lg-and-up {
        display: none !important
    }
}

@media (min-width:1920px) {
    .hidden-xl-and-up {
        display: none !important
    }
}

@media (max-width:959.98px) {
    .hidden-sm-and-down {
        display: none !important
    }
}

@media (max-width:1279.98px) {
    .hidden-md-and-down {
        display: none !important
    }
}

@media (max-width:1919.98px) {
    .hidden-lg-and-down {
        display: none !important
    }
}

@media (max-width:2559.98px) {
    .hidden-xl-and-down {
        display: none !important
    }
}

.elevation-24 {
    box-shadow: 0 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-23 {
    box-shadow: 0 11px 14px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 23px 36px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 9px 44px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-22 {
    box-shadow: 0 10px 14px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 22px 35px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 8px 42px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-21 {
    box-shadow: 0 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 21px 33px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 8px 40px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-20 {
    box-shadow: 0 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 20px 31px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 8px 38px 7px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-19 {
    box-shadow: 0 9px 9pt -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 19px 29px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 7px 36px 6px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-18 {
    box-shadow: 0 9px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 18px 28px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 7px 34px 6px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-17 {
    box-shadow: 0 8px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 17px 26px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 6px 2pc 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-16 {
    box-shadow: 0 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1pc 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-15 {
    box-shadow: 0 8px 9px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 15px 22px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 6px 28px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-14 {
    box-shadow: 0 7px 9px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 14px 21px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 5px 26px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-13 {
    box-shadow: 0 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 13px 19px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 5px 24px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-12 {
    box-shadow: 0 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 9pt 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-11 {
    box-shadow: 0 6px 7px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 11px 15px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 4px 20px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-10 {
    box-shadow: 0 6px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 10px 14px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 4px 18px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-9 {
    box-shadow: 0 5px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 9px 9pt 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 1pc 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-8 {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-7 {
    box-shadow: 0 4px 5px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 7px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 2px 1pc 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-6 {
    box-shadow: 0 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 6px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 18px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-5 {
    box-shadow: 0 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 5px 8px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 14px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-4 {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-3 {
    box-shadow: 0 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 3px 4px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 8px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-1 {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.elevation-0 {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12)) !important
}

.d-sr-only,
.d-sr-only-focusable:not(:focus) {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.float-none {
    float: none !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.v-locale--is-rtl .float-end {
    float: left !important
}

.v-locale--is-ltr .float-end,
.v-locale--is-rtl .float-start {
    float: right !important
}

.v-locale--is-ltr .float-start {
    float: left !important
}

.flex-1-1,
.flex-fill {
    flex: 1 1 auto !important
}

.flex-1-0 {
    flex: 1 0 auto !important
}

.flex-0-1 {
    flex: 0 1 auto !important
}

.flex-0-0 {
    flex: 0 0 auto !important
}

.flex-1-1-100 {
    flex: 1 1 100% !important
}

.flex-1-0-100 {
    flex: 1 0 100% !important
}

.flex-0-1-100 {
    flex: 0 1 100% !important
}

.flex-0-0-100 {
    flex: 0 0 100% !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-start {
    justify-content: flex-start !important
}

.justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center !important
}

.justify-space-between {
    justify-content: space-between !important
}

.justify-space-around {
    justify-content: space-around !important
}

.justify-space-evenly {
    justify-content: space-evenly !important
}

.align-start {
    align-items: flex-start !important
}

.align-end {
    align-items: flex-end !important
}

.align-center {
    align-items: center !important
}

.align-baseline {
    align-items: baseline !important
}

.align-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-space-between {
    align-content: space-between !important
}

.align-content-space-around {
    align-content: space-around !important
}

.align-content-space-evenly {
    align-content: space-evenly !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-6 {
    order: 6 !important
}

.order-7 {
    order: 7 !important
}

.order-8 {
    order: 8 !important
}

.order-9 {
    order: 9 !important
}

.order-10 {
    order: 10 !important
}

.order-11 {
    order: 11 !important
}

.order-12 {
    order: 12 !important
}

.order-last {
    order: 13 !important
}

.ma-0 {
    margin: 0 !important
}

.ma-1 {
    margin: 4px !important
}

.ma-2 {
    margin: 8px !important
}

.ma-3 {
    margin: 9pt !important
}

.ma-4 {
    margin: 1pc !important
}

.ma-5 {
    margin: 20px !important
}

.ma-6 {
    margin: 24px !important
}

.ma-7 {
    margin: 28px !important
}

.ma-8 {
    margin: 2pc !important
}

.ma-9 {
    margin: 36px !important
}

.ma-10 {
    margin: 40px !important
}

.ma-11 {
    margin: 44px !important
}

.ma-12 {
    margin: 3pc !important
}

.ma-13 {
    margin: 52px !important
}

.ma-14 {
    margin: 56px !important
}

.ma-15 {
    margin: 60px !important
}

.ma-16 {
    margin: 4pc !important
}

.ma-auto {
    margin: auto !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-1 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.mx-2 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.mx-3 {
    margin-left: 9pt !important;
    margin-right: 9pt !important
}

.mx-4 {
    margin-left: 1pc !important;
    margin-right: 1pc !important
}

.mx-5 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mx-6 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.mx-7 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

.mx-8 {
    margin-left: 2pc !important;
    margin-right: 2pc !important
}

.mx-9 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.mx-10 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mx-11 {
    margin-left: 44px !important;
    margin-right: 44px !important
}

.mx-12 {
    margin-left: 3pc !important;
    margin-right: 3pc !important
}

.mx-13 {
    margin-left: 52px !important;
    margin-right: 52px !important
}

.mx-14 {
    margin-left: 56px !important;
    margin-right: 56px !important
}

.mx-15 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.mx-16 {
    margin-left: 4pc !important;
    margin-right: 4pc !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.my-1 {
    margin-bottom: 4px !important;
    margin-top: 4px !important
}

.my-2 {
    margin-bottom: 8px !important;
    margin-top: 8px !important
}

.my-3 {
    margin-bottom: 9pt !important;
    margin-top: 9pt !important
}

.my-4 {
    margin-bottom: 1pc !important;
    margin-top: 1pc !important
}

.my-5 {
    margin-bottom: 20px !important;
    margin-top: 20px !important
}

.my-6 {
    margin-bottom: 24px !important;
    margin-top: 24px !important
}

.my-7 {
    margin-bottom: 28px !important;
    margin-top: 28px !important
}

.my-8 {
    margin-bottom: 2pc !important;
    margin-top: 2pc !important
}

.my-9 {
    margin-bottom: 36px !important;
    margin-top: 36px !important
}

.my-10 {
    margin-bottom: 40px !important;
    margin-top: 40px !important
}

.my-11 {
    margin-bottom: 44px !important;
    margin-top: 44px !important
}

.my-12 {
    margin-bottom: 3pc !important;
    margin-top: 3pc !important
}

.my-13 {
    margin-bottom: 52px !important;
    margin-top: 52px !important
}

.my-14 {
    margin-bottom: 56px !important;
    margin-top: 56px !important
}

.my-15 {
    margin-bottom: 60px !important;
    margin-top: 60px !important
}

.my-16 {
    margin-bottom: 4pc !important;
    margin-top: 4pc !important
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 4px !important
}

.mt-2 {
    margin-top: 8px !important
}

.mt-3 {
    margin-top: 9pt !important
}

.mt-4 {
    margin-top: 1pc !important
}

.mt-5 {
    margin-top: 20px !important
}

.mt-6 {
    margin-top: 24px !important
}

.mt-7 {
    margin-top: 28px !important
}

.mt-8 {
    margin-top: 2pc !important
}

.mt-9 {
    margin-top: 36px !important
}

.mt-10 {
    margin-top: 40px !important
}

.mt-11 {
    margin-top: 44px !important
}

.mt-12 {
    margin-top: 3pc !important
}

.mt-13 {
    margin-top: 52px !important
}

.mt-14 {
    margin-top: 56px !important
}

.mt-15 {
    margin-top: 60px !important
}

.mt-16 {
    margin-top: 4pc !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: 4px !important
}

.mr-2 {
    margin-right: 8px !important
}

.mr-3 {
    margin-right: 9pt !important
}

.mr-4 {
    margin-right: 1pc !important
}

.mr-5 {
    margin-right: 20px !important
}

.mr-6 {
    margin-right: 24px !important
}

.mr-7 {
    margin-right: 28px !important
}

.mr-8 {
    margin-right: 2pc !important
}

.mr-9 {
    margin-right: 36px !important
}

.mr-10 {
    margin-right: 40px !important
}

.mr-11 {
    margin-right: 44px !important
}

.mr-12 {
    margin-right: 3pc !important
}

.mr-13 {
    margin-right: 52px !important
}

.mr-14 {
    margin-right: 56px !important
}

.mr-15 {
    margin-right: 60px !important
}

.mr-16 {
    margin-right: 4pc !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 4px !important
}

.mb-2 {
    margin-bottom: 8px !important
}

.mb-3 {
    margin-bottom: 9pt !important
}

.mb-4 {
    margin-bottom: 1pc !important
}

.mb-5 {
    margin-bottom: 20px !important
}

.mb-6 {
    margin-bottom: 24px !important
}

.mb-7 {
    margin-bottom: 28px !important
}

.mb-8 {
    margin-bottom: 2pc !important
}

.mb-9 {
    margin-bottom: 36px !important
}

.mb-10 {
    margin-bottom: 40px !important
}

.mb-11 {
    margin-bottom: 44px !important
}

.mb-12 {
    margin-bottom: 3pc !important
}

.mb-13 {
    margin-bottom: 52px !important
}

.mb-14 {
    margin-bottom: 56px !important
}

.mb-15 {
    margin-bottom: 60px !important
}

.mb-16 {
    margin-bottom: 4pc !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-1 {
    margin-left: 4px !important
}

.ml-2 {
    margin-left: 8px !important
}

.ml-3 {
    margin-left: 9pt !important
}

.ml-4 {
    margin-left: 1pc !important
}

.ml-5 {
    margin-left: 20px !important
}

.ml-6 {
    margin-left: 24px !important
}

.ml-7 {
    margin-left: 28px !important
}

.ml-8 {
    margin-left: 2pc !important
}

.ml-9 {
    margin-left: 36px !important
}

.ml-10 {
    margin-left: 40px !important
}

.ml-11 {
    margin-left: 44px !important
}

.ml-12 {
    margin-left: 3pc !important
}

.ml-13 {
    margin-left: 52px !important
}

.ml-14 {
    margin-left: 56px !important
}

.ml-15 {
    margin-left: 60px !important
}

.ml-16 {
    margin-left: 4pc !important
}

.ml-auto {
    margin-left: auto !important
}

.ms-0 {
    margin-inline-start: 0 !important
}

.ms-1 {
    margin-inline-start: 4px !important
}

.ms-2 {
    margin-inline-start: 8px !important
}

.ms-3 {
    margin-inline-start: 9pt !important
}

.ms-4 {
    margin-inline-start: 1pc !important
}

.ms-5 {
    margin-inline-start: 20px !important
}

.ms-6 {
    margin-inline-start: 24px !important
}

.ms-7 {
    margin-inline-start: 28px !important
}

.ms-8 {
    margin-inline-start: 2pc !important
}

.ms-9 {
    margin-inline-start: 36px !important
}

.ms-10 {
    margin-inline-start: 40px !important
}

.ms-11 {
    margin-inline-start: 44px !important
}

.ms-12 {
    margin-inline-start: 3pc !important
}

.ms-13 {
    margin-inline-start: 52px !important
}

.ms-14 {
    margin-inline-start: 56px !important
}

.ms-15 {
    margin-inline-start: 60px !important
}

.ms-16 {
    margin-inline-start: 4pc !important
}

.ms-auto {
    margin-inline-start: auto !important
}

.me-0 {
    margin-inline-end: 0 !important
}

.me-1 {
    margin-inline-end: 4px !important
}

.me-2 {
    margin-inline-end: 8px !important
}

.me-3 {
    margin-inline-end: 9pt !important
}

.me-4 {
    margin-inline-end: 1pc !important
}

.me-5 {
    margin-inline-end: 20px !important
}

.me-6 {
    margin-inline-end: 24px !important
}

.me-7 {
    margin-inline-end: 28px !important
}

.me-8 {
    margin-inline-end: 2pc !important
}

.me-9 {
    margin-inline-end: 36px !important
}

.me-10 {
    margin-inline-end: 40px !important
}

.me-11 {
    margin-inline-end: 44px !important
}

.me-12 {
    margin-inline-end: 3pc !important
}

.me-13 {
    margin-inline-end: 52px !important
}

.me-14 {
    margin-inline-end: 56px !important
}

.me-15 {
    margin-inline-end: 60px !important
}

.me-16 {
    margin-inline-end: 4pc !important
}

.me-auto {
    margin-inline-end: auto !important
}

.ma-n1 {
    margin: -4px !important
}

.ma-n2 {
    margin: -8px !important
}

.ma-n3 {
    margin: -9pt !important
}

.ma-n4 {
    margin: -1pc !important
}

.ma-n5 {
    margin: -20px !important
}

.ma-n6 {
    margin: -24px !important
}

.ma-n7 {
    margin: -28px !important
}

.ma-n8 {
    margin: -2pc !important
}

.ma-n9 {
    margin: -36px !important
}

.ma-n10 {
    margin: -40px !important
}

.ma-n11 {
    margin: -44px !important
}

.ma-n12 {
    margin: -3pc !important
}

.ma-n13 {
    margin: -52px !important
}

.ma-n14 {
    margin: -56px !important
}

.ma-n15 {
    margin: -60px !important
}

.ma-n16 {
    margin: -4pc !important
}

.mx-n1 {
    margin-left: -4px !important;
    margin-right: -4px !important
}

.mx-n2 {
    margin-left: -8px !important;
    margin-right: -8px !important
}

.mx-n3 {
    margin-left: -9pt !important;
    margin-right: -9pt !important
}

.mx-n4 {
    margin-left: -1pc !important;
    margin-right: -1pc !important
}

.mx-n5 {
    margin-left: -20px !important;
    margin-right: -20px !important
}

.mx-n6 {
    margin-left: -24px !important;
    margin-right: -24px !important
}

.mx-n7 {
    margin-left: -28px !important;
    margin-right: -28px !important
}

.mx-n8 {
    margin-left: -2pc !important;
    margin-right: -2pc !important
}

.mx-n9 {
    margin-left: -36px !important;
    margin-right: -36px !important
}

.mx-n10 {
    margin-left: -40px !important;
    margin-right: -40px !important
}

.mx-n11 {
    margin-left: -44px !important;
    margin-right: -44px !important
}

.mx-n12 {
    margin-left: -3pc !important;
    margin-right: -3pc !important
}

.mx-n13 {
    margin-left: -52px !important;
    margin-right: -52px !important
}

.mx-n14 {
    margin-left: -56px !important;
    margin-right: -56px !important
}

.mx-n15 {
    margin-left: -60px !important;
    margin-right: -60px !important
}

.mx-n16 {
    margin-left: -4pc !important;
    margin-right: -4pc !important
}

.my-n1 {
    margin-bottom: -4px !important;
    margin-top: -4px !important
}

.my-n2 {
    margin-bottom: -8px !important;
    margin-top: -8px !important
}

.my-n3 {
    margin-bottom: -9pt !important;
    margin-top: -9pt !important
}

.my-n4 {
    margin-bottom: -1pc !important;
    margin-top: -1pc !important
}

.my-n5 {
    margin-bottom: -20px !important;
    margin-top: -20px !important
}

.my-n6 {
    margin-bottom: -24px !important;
    margin-top: -24px !important
}

.my-n7 {
    margin-bottom: -28px !important;
    margin-top: -28px !important
}

.my-n8 {
    margin-bottom: -2pc !important;
    margin-top: -2pc !important
}

.my-n9 {
    margin-bottom: -36px !important;
    margin-top: -36px !important
}

.my-n10 {
    margin-bottom: -40px !important;
    margin-top: -40px !important
}

.my-n11 {
    margin-bottom: -44px !important;
    margin-top: -44px !important
}

.my-n12 {
    margin-bottom: -3pc !important;
    margin-top: -3pc !important
}

.my-n13 {
    margin-bottom: -52px !important;
    margin-top: -52px !important
}

.my-n14 {
    margin-bottom: -56px !important;
    margin-top: -56px !important
}

.my-n15 {
    margin-bottom: -60px !important;
    margin-top: -60px !important
}

.my-n16 {
    margin-bottom: -4pc !important;
    margin-top: -4pc !important
}

.mt-n1 {
    margin-top: -4px !important
}

.mt-n2 {
    margin-top: -8px !important
}

.mt-n3 {
    margin-top: -9pt !important
}

.mt-n4 {
    margin-top: -1pc !important
}

.mt-n5 {
    margin-top: -20px !important
}

.mt-n6 {
    margin-top: -24px !important
}

.mt-n7 {
    margin-top: -28px !important
}

.mt-n8 {
    margin-top: -2pc !important
}

.mt-n9 {
    margin-top: -36px !important
}

.mt-n10 {
    margin-top: -40px !important
}

.mt-n11 {
    margin-top: -44px !important
}

.mt-n12 {
    margin-top: -3pc !important
}

.mt-n13 {
    margin-top: -52px !important
}

.mt-n14 {
    margin-top: -56px !important
}

.mt-n15 {
    margin-top: -60px !important
}

.mt-n16 {
    margin-top: -4pc !important
}

.mr-n1 {
    margin-right: -4px !important
}

.mr-n2 {
    margin-right: -8px !important
}

.mr-n3 {
    margin-right: -9pt !important
}

.mr-n4 {
    margin-right: -1pc !important
}

.mr-n5 {
    margin-right: -20px !important
}

.mr-n6 {
    margin-right: -24px !important
}

.mr-n7 {
    margin-right: -28px !important
}

.mr-n8 {
    margin-right: -2pc !important
}

.mr-n9 {
    margin-right: -36px !important
}

.mr-n10 {
    margin-right: -40px !important
}

.mr-n11 {
    margin-right: -44px !important
}

.mr-n12 {
    margin-right: -3pc !important
}

.mr-n13 {
    margin-right: -52px !important
}

.mr-n14 {
    margin-right: -56px !important
}

.mr-n15 {
    margin-right: -60px !important
}

.mr-n16 {
    margin-right: -4pc !important
}

.mb-n1 {
    margin-bottom: -4px !important
}

.mb-n2 {
    margin-bottom: -8px !important
}

.mb-n3 {
    margin-bottom: -9pt !important
}

.mb-n4 {
    margin-bottom: -1pc !important
}

.mb-n5 {
    margin-bottom: -20px !important
}

.mb-n6 {
    margin-bottom: -24px !important
}

.mb-n7 {
    margin-bottom: -28px !important
}

.mb-n8 {
    margin-bottom: -2pc !important
}

.mb-n9 {
    margin-bottom: -36px !important
}

.mb-n10 {
    margin-bottom: -40px !important
}

.mb-n11 {
    margin-bottom: -44px !important
}

.mb-n12 {
    margin-bottom: -3pc !important
}

.mb-n13 {
    margin-bottom: -52px !important
}

.mb-n14 {
    margin-bottom: -56px !important
}

.mb-n15 {
    margin-bottom: -60px !important
}

.mb-n16 {
    margin-bottom: -4pc !important
}

.ml-n1 {
    margin-left: -4px !important
}

.ml-n2 {
    margin-left: -8px !important
}

.ml-n3 {
    margin-left: -9pt !important
}

.ml-n4 {
    margin-left: -1pc !important
}

.ml-n5 {
    margin-left: -20px !important
}

.ml-n6 {
    margin-left: -24px !important
}

.ml-n7 {
    margin-left: -28px !important
}

.ml-n8 {
    margin-left: -2pc !important
}

.ml-n9 {
    margin-left: -36px !important
}

.ml-n10 {
    margin-left: -40px !important
}

.ml-n11 {
    margin-left: -44px !important
}

.ml-n12 {
    margin-left: -3pc !important
}

.ml-n13 {
    margin-left: -52px !important
}

.ml-n14 {
    margin-left: -56px !important
}

.ml-n15 {
    margin-left: -60px !important
}

.ml-n16 {
    margin-left: -4pc !important
}

.ms-n1 {
    margin-inline-start: -4px !important
}

.ms-n2 {
    margin-inline-start: -8px !important
}

.ms-n3 {
    margin-inline-start: -9pt !important
}

.ms-n4 {
    margin-inline-start: -1pc !important
}

.ms-n5 {
    margin-inline-start: -20px !important
}

.ms-n6 {
    margin-inline-start: -24px !important
}

.ms-n7 {
    margin-inline-start: -28px !important
}

.ms-n8 {
    margin-inline-start: -2pc !important
}

.ms-n9 {
    margin-inline-start: -36px !important
}

.ms-n10 {
    margin-inline-start: -40px !important
}

.ms-n11 {
    margin-inline-start: -44px !important
}

.ms-n12 {
    margin-inline-start: -3pc !important
}

.ms-n13 {
    margin-inline-start: -52px !important
}

.ms-n14 {
    margin-inline-start: -56px !important
}

.ms-n15 {
    margin-inline-start: -60px !important
}

.ms-n16 {
    margin-inline-start: -4pc !important
}

.me-n1 {
    margin-inline-end: -4px !important
}

.me-n2 {
    margin-inline-end: -8px !important
}

.me-n3 {
    margin-inline-end: -9pt !important
}

.me-n4 {
    margin-inline-end: -1pc !important
}

.me-n5 {
    margin-inline-end: -20px !important
}

.me-n6 {
    margin-inline-end: -24px !important
}

.me-n7 {
    margin-inline-end: -28px !important
}

.me-n8 {
    margin-inline-end: -2pc !important
}

.me-n9 {
    margin-inline-end: -36px !important
}

.me-n10 {
    margin-inline-end: -40px !important
}

.me-n11 {
    margin-inline-end: -44px !important
}

.me-n12 {
    margin-inline-end: -3pc !important
}

.me-n13 {
    margin-inline-end: -52px !important
}

.me-n14 {
    margin-inline-end: -56px !important
}

.me-n15 {
    margin-inline-end: -60px !important
}

.me-n16 {
    margin-inline-end: -4pc !important
}

.pa-0 {
    padding: 0 !important
}

.pa-1 {
    padding: 4px !important
}

.pa-2 {
    padding: 8px !important
}

.pa-3 {
    padding: 9pt !important
}

.pa-4 {
    padding: 1pc !important
}

.pa-5 {
    padding: 20px !important
}

.pa-6 {
    padding: 24px !important
}

.pa-7 {
    padding: 28px !important
}

.pa-8 {
    padding: 2pc !important
}

.pa-9 {
    padding: 36px !important
}

.pa-10 {
    padding: 40px !important
}

.pa-11 {
    padding: 44px !important
}

.pa-12 {
    padding: 3pc !important
}

.pa-13 {
    padding: 52px !important
}

.pa-14 {
    padding: 56px !important
}

.pa-15 {
    padding: 60px !important
}

.pa-16 {
    padding: 4pc !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.px-3 {
    padding-left: 9pt !important;
    padding-right: 9pt !important
}

.px-4 {
    padding-left: 1pc !important;
    padding-right: 1pc !important
}

.px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.px-8 {
    padding-left: 2pc !important;
    padding-right: 2pc !important
}

.px-9 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.px-10 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.px-11 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.px-12 {
    padding-left: 3pc !important;
    padding-right: 3pc !important
}

.px-13 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.px-14 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.px-15 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.px-16 {
    padding-left: 4pc !important;
    padding-right: 4pc !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.py-1 {
    padding-bottom: 4px !important;
    padding-top: 4px !important
}

.py-2 {
    padding-bottom: 8px !important;
    padding-top: 8px !important
}

.py-3 {
    padding-bottom: 9pt !important;
    padding-top: 9pt !important
}

.py-4 {
    padding-bottom: 1pc !important;
    padding-top: 1pc !important
}

.py-5 {
    padding-bottom: 20px !important;
    padding-top: 20px !important
}

.py-6 {
    padding-bottom: 24px !important;
    padding-top: 24px !important
}

.py-7 {
    padding-bottom: 28px !important;
    padding-top: 28px !important
}

.py-8 {
    padding-bottom: 2pc !important;
    padding-top: 2pc !important
}

.py-9 {
    padding-bottom: 36px !important;
    padding-top: 36px !important
}

.py-10 {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.py-11 {
    padding-bottom: 44px !important;
    padding-top: 44px !important
}

.py-12 {
    padding-bottom: 3pc !important;
    padding-top: 3pc !important
}

.py-13 {
    padding-bottom: 52px !important;
    padding-top: 52px !important
}

.py-14 {
    padding-bottom: 56px !important;
    padding-top: 56px !important
}

.py-15 {
    padding-bottom: 60px !important;
    padding-top: 60px !important
}

.py-16 {
    padding-bottom: 4pc !important;
    padding-top: 4pc !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 4px !important
}

.pt-2 {
    padding-top: 8px !important
}

.pt-3 {
    padding-top: 9pt !important
}

.pt-4 {
    padding-top: 1pc !important
}

.pt-5 {
    padding-top: 20px !important
}

.pt-6 {
    padding-top: 24px !important
}

.pt-7 {
    padding-top: 28px !important
}

.pt-8 {
    padding-top: 2pc !important
}

.pt-9 {
    padding-top: 36px !important
}

.pt-10 {
    padding-top: 40px !important
}

.pt-11 {
    padding-top: 44px !important
}

.pt-12 {
    padding-top: 3pc !important
}

.pt-13 {
    padding-top: 52px !important
}

.pt-14 {
    padding-top: 56px !important
}

.pt-15 {
    padding-top: 60px !important
}

.pt-16 {
    padding-top: 4pc !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: 4px !important
}

.pr-2 {
    padding-right: 8px !important
}

.pr-3 {
    padding-right: 9pt !important
}

.pr-4 {
    padding-right: 1pc !important
}

.pr-5 {
    padding-right: 20px !important
}

.pr-6 {
    padding-right: 24px !important
}

.pr-7 {
    padding-right: 28px !important
}

.pr-8 {
    padding-right: 2pc !important
}

.pr-9 {
    padding-right: 36px !important
}

.pr-10 {
    padding-right: 40px !important
}

.pr-11 {
    padding-right: 44px !important
}

.pr-12 {
    padding-right: 3pc !important
}

.pr-13 {
    padding-right: 52px !important
}

.pr-14 {
    padding-right: 56px !important
}

.pr-15 {
    padding-right: 60px !important
}

.pr-16 {
    padding-right: 4pc !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 4px !important
}

.pb-2 {
    padding-bottom: 8px !important
}

.pb-3 {
    padding-bottom: 9pt !important
}

.pb-4 {
    padding-bottom: 1pc !important
}

.pb-5 {
    padding-bottom: 20px !important
}

.pb-6 {
    padding-bottom: 24px !important
}

.pb-7 {
    padding-bottom: 28px !important
}

.pb-8 {
    padding-bottom: 2pc !important
}

.pb-9 {
    padding-bottom: 36px !important
}

.pb-10 {
    padding-bottom: 40px !important
}

.pb-11 {
    padding-bottom: 44px !important
}

.pb-12 {
    padding-bottom: 3pc !important
}

.pb-13 {
    padding-bottom: 52px !important
}

.pb-14 {
    padding-bottom: 56px !important
}

.pb-15 {
    padding-bottom: 60px !important
}

.pb-16 {
    padding-bottom: 4pc !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: 4px !important
}

.pl-2 {
    padding-left: 8px !important
}

.pl-3 {
    padding-left: 9pt !important
}

.pl-4 {
    padding-left: 1pc !important
}

.pl-5 {
    padding-left: 20px !important
}

.pl-6 {
    padding-left: 24px !important
}

.pl-7 {
    padding-left: 28px !important
}

.pl-8 {
    padding-left: 2pc !important
}

.pl-9 {
    padding-left: 36px !important
}

.pl-10 {
    padding-left: 40px !important
}

.pl-11 {
    padding-left: 44px !important
}

.pl-12 {
    padding-left: 3pc !important
}

.pl-13 {
    padding-left: 52px !important
}

.pl-14 {
    padding-left: 56px !important
}

.pl-15 {
    padding-left: 60px !important
}

.pl-16 {
    padding-left: 4pc !important
}

.ps-0 {
    padding-inline-start: 0 !important
}

.ps-1 {
    padding-inline-start: 4px !important
}

.ps-2 {
    padding-inline-start: 8px !important
}

.ps-3 {
    padding-inline-start: 9pt !important
}

.ps-4 {
    padding-inline-start: 1pc !important
}

.ps-5 {
    padding-inline-start: 20px !important
}

.ps-6 {
    padding-inline-start: 24px !important
}

.ps-7 {
    padding-inline-start: 28px !important
}

.ps-8 {
    padding-inline-start: 2pc !important
}

.ps-9 {
    padding-inline-start: 36px !important
}

.ps-10 {
    padding-inline-start: 40px !important
}

.ps-11 {
    padding-inline-start: 44px !important
}

.ps-12 {
    padding-inline-start: 3pc !important
}

.ps-13 {
    padding-inline-start: 52px !important
}

.ps-14 {
    padding-inline-start: 56px !important
}

.ps-15 {
    padding-inline-start: 60px !important
}

.ps-16 {
    padding-inline-start: 4pc !important
}

.pe-0 {
    padding-inline-end: 0 !important
}

.pe-1 {
    padding-inline-end: 4px !important
}

.pe-2 {
    padding-inline-end: 8px !important
}

.pe-3 {
    padding-inline-end: 9pt !important
}

.pe-4 {
    padding-inline-end: 1pc !important
}

.pe-5 {
    padding-inline-end: 20px !important
}

.pe-6 {
    padding-inline-end: 24px !important
}

.pe-7 {
    padding-inline-end: 28px !important
}

.pe-8 {
    padding-inline-end: 2pc !important
}

.pe-9 {
    padding-inline-end: 36px !important
}

.pe-10 {
    padding-inline-end: 40px !important
}

.pe-11 {
    padding-inline-end: 44px !important
}

.pe-12 {
    padding-inline-end: 3pc !important
}

.pe-13 {
    padding-inline-end: 52px !important
}

.pe-14 {
    padding-inline-end: 56px !important
}

.pe-15 {
    padding-inline-end: 60px !important
}

.pe-16 {
    padding-inline-end: 4pc !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-sm {
    border-radius: 2px !important
}

.rounded {
    border-radius: 4px !important
}

.rounded-lg {
    border-radius: 8px !important
}

.rounded-xl {
    border-radius: 24px !important
}

.rounded-pill {
    border-radius: 9999px !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-shaped {
    border-radius: 24px 0 !important
}

.rounded-t-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-t-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important
}

.rounded-t {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.rounded-t-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.rounded-t-xl {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important
}

.rounded-t-pill {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important
}

.rounded-t-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-t-shaped {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 0 !important
}

.v-locale--is-ltr .rounded-e-0 {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.v-locale--is-rtl .rounded-e-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.v-locale--is-ltr .rounded-e-sm {
    border-bottom-right-radius: 2px !important;
    border-top-right-radius: 2px !important
}

.v-locale--is-rtl .rounded-e-sm {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important
}

.v-locale--is-ltr .rounded-e {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.v-locale--is-rtl .rounded-e {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important
}

.v-locale--is-ltr .rounded-e-lg {
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.v-locale--is-rtl .rounded-e-lg {
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important
}

.v-locale--is-ltr .rounded-e-xl {
    border-bottom-right-radius: 24px !important;
    border-top-right-radius: 24px !important
}

.v-locale--is-rtl .rounded-e-xl {
    border-bottom-left-radius: 24px !important;
    border-top-left-radius: 24px !important
}

.v-locale--is-ltr .rounded-e-pill {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important
}

.v-locale--is-rtl .rounded-e-pill {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important
}

.v-locale--is-ltr .rounded-e-circle {
    border-bottom-right-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.v-locale--is-rtl .rounded-e-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.v-locale--is-ltr .rounded-e-shaped {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 24px !important
}

.v-locale--is-rtl .rounded-e-shaped {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 24px !important
}

.rounded-b-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-b-sm {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important
}

.rounded-b {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.rounded-b-lg {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

.rounded-b-xl {
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 24px !important
}

.rounded-b-pill {
    border-bottom-left-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important
}

.rounded-b-circle {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-b-shaped {
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 0 !important
}

.v-locale--is-ltr .rounded-s-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.v-locale--is-rtl .rounded-s-0 {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.v-locale--is-ltr .rounded-s-sm {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important
}

.v-locale--is-rtl .rounded-s-sm {
    border-bottom-right-radius: 2px !important;
    border-top-right-radius: 2px !important
}

.v-locale--is-ltr .rounded-s {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important
}

.v-locale--is-rtl .rounded-s {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.v-locale--is-ltr .rounded-s-lg {
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important
}

.v-locale--is-rtl .rounded-s-lg {
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.v-locale--is-ltr .rounded-s-xl {
    border-bottom-left-radius: 24px !important;
    border-top-left-radius: 24px !important
}

.v-locale--is-rtl .rounded-s-xl {
    border-bottom-right-radius: 24px !important;
    border-top-right-radius: 24px !important
}

.v-locale--is-ltr .rounded-s-pill {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important
}

.v-locale--is-rtl .rounded-s-pill {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important
}

.v-locale--is-ltr .rounded-s-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.v-locale--is-rtl .rounded-s-circle {
    border-bottom-right-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.v-locale--is-ltr .rounded-s-shaped {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 24px !important
}

.v-locale--is-rtl .rounded-s-shaped {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 24px !important
}

.v-locale--is-ltr .rounded-ts-0 {
    border-top-left-radius: 0 !important
}

.v-locale--is-rtl .rounded-ts-0 {
    border-top-right-radius: 0 !important
}

.v-locale--is-ltr .rounded-ts-sm {
    border-top-left-radius: 2px !important
}

.v-locale--is-rtl .rounded-ts-sm {
    border-top-right-radius: 2px !important
}

.v-locale--is-ltr .rounded-ts {
    border-top-left-radius: 4px !important
}

.v-locale--is-rtl .rounded-ts {
    border-top-right-radius: 4px !important
}

.v-locale--is-ltr .rounded-ts-lg {
    border-top-left-radius: 8px !important
}

.v-locale--is-rtl .rounded-ts-lg {
    border-top-right-radius: 8px !important
}

.v-locale--is-ltr .rounded-ts-xl {
    border-top-left-radius: 24px !important
}

.v-locale--is-rtl .rounded-ts-xl {
    border-top-right-radius: 24px !important
}

.v-locale--is-ltr .rounded-ts-pill {
    border-top-left-radius: 9999px !important
}

.v-locale--is-rtl .rounded-ts-pill {
    border-top-right-radius: 9999px !important
}

.v-locale--is-ltr .rounded-ts-circle {
    border-top-left-radius: 50% !important
}

.v-locale--is-rtl .rounded-ts-circle {
    border-top-right-radius: 50% !important
}

.v-locale--is-ltr .rounded-ts-shaped {
    border-top-left-radius: 24px 0 !important
}

.v-locale--is-rtl .rounded-ts-shaped {
    border-top-right-radius: 24px 0 !important
}

.v-locale--is-ltr .rounded-te-0 {
    border-top-right-radius: 0 !important
}

.v-locale--is-rtl .rounded-te-0 {
    border-top-left-radius: 0 !important
}

.v-locale--is-ltr .rounded-te-sm {
    border-top-right-radius: 2px !important
}

.v-locale--is-rtl .rounded-te-sm {
    border-top-left-radius: 2px !important
}

.v-locale--is-ltr .rounded-te {
    border-top-right-radius: 4px !important
}

.v-locale--is-rtl .rounded-te {
    border-top-left-radius: 4px !important
}

.v-locale--is-ltr .rounded-te-lg {
    border-top-right-radius: 8px !important
}

.v-locale--is-rtl .rounded-te-lg {
    border-top-left-radius: 8px !important
}

.v-locale--is-ltr .rounded-te-xl {
    border-top-right-radius: 24px !important
}

.v-locale--is-rtl .rounded-te-xl {
    border-top-left-radius: 24px !important
}

.v-locale--is-ltr .rounded-te-pill {
    border-top-right-radius: 9999px !important
}

.v-locale--is-rtl .rounded-te-pill {
    border-top-left-radius: 9999px !important
}

.v-locale--is-ltr .rounded-te-circle {
    border-top-right-radius: 50% !important
}

.v-locale--is-rtl .rounded-te-circle {
    border-top-left-radius: 50% !important
}

.v-locale--is-ltr .rounded-te-shaped {
    border-top-right-radius: 24px 0 !important
}

.v-locale--is-rtl .rounded-te-shaped {
    border-top-left-radius: 24px 0 !important
}

.v-locale--is-ltr .rounded-be-0 {
    border-bottom-right-radius: 0 !important
}

.v-locale--is-rtl .rounded-be-0 {
    border-bottom-left-radius: 0 !important
}

.v-locale--is-ltr .rounded-be-sm {
    border-bottom-right-radius: 2px !important
}

.v-locale--is-rtl .rounded-be-sm {
    border-bottom-left-radius: 2px !important
}

.v-locale--is-ltr .rounded-be {
    border-bottom-right-radius: 4px !important
}

.v-locale--is-rtl .rounded-be {
    border-bottom-left-radius: 4px !important
}

.v-locale--is-ltr .rounded-be-lg {
    border-bottom-right-radius: 8px !important
}

.v-locale--is-rtl .rounded-be-lg {
    border-bottom-left-radius: 8px !important
}

.v-locale--is-ltr .rounded-be-xl {
    border-bottom-right-radius: 24px !important
}

.v-locale--is-rtl .rounded-be-xl {
    border-bottom-left-radius: 24px !important
}

.v-locale--is-ltr .rounded-be-pill {
    border-bottom-right-radius: 9999px !important
}

.v-locale--is-rtl .rounded-be-pill {
    border-bottom-left-radius: 9999px !important
}

.v-locale--is-ltr .rounded-be-circle {
    border-bottom-right-radius: 50% !important
}

.v-locale--is-rtl .rounded-be-circle {
    border-bottom-left-radius: 50% !important
}

.v-locale--is-ltr .rounded-be-shaped {
    border-bottom-right-radius: 24px 0 !important
}

.v-locale--is-rtl .rounded-be-shaped {
    border-bottom-left-radius: 24px 0 !important
}

.v-locale--is-ltr .rounded-bs-0 {
    border-bottom-left-radius: 0 !important
}

.v-locale--is-rtl .rounded-bs-0 {
    border-bottom-right-radius: 0 !important
}

.v-locale--is-ltr .rounded-bs-sm {
    border-bottom-left-radius: 2px !important
}

.v-locale--is-rtl .rounded-bs-sm {
    border-bottom-right-radius: 2px !important
}

.v-locale--is-ltr .rounded-bs {
    border-bottom-left-radius: 4px !important
}

.v-locale--is-rtl .rounded-bs {
    border-bottom-right-radius: 4px !important
}

.v-locale--is-ltr .rounded-bs-lg {
    border-bottom-left-radius: 8px !important
}

.v-locale--is-rtl .rounded-bs-lg {
    border-bottom-right-radius: 8px !important
}

.v-locale--is-ltr .rounded-bs-xl {
    border-bottom-left-radius: 24px !important
}

.v-locale--is-rtl .rounded-bs-xl {
    border-bottom-right-radius: 24px !important
}

.v-locale--is-ltr .rounded-bs-pill {
    border-bottom-left-radius: 9999px !important
}

.v-locale--is-rtl .rounded-bs-pill {
    border-bottom-right-radius: 9999px !important
}

.v-locale--is-ltr .rounded-bs-circle {
    border-bottom-left-radius: 50% !important
}

.v-locale--is-rtl .rounded-bs-circle {
    border-bottom-right-radius: 50% !important
}

.v-locale--is-ltr .rounded-bs-shaped {
    border-bottom-left-radius: 24px 0 !important
}

.v-locale--is-rtl .rounded-bs-shaped {
    border-bottom-right-radius: 24px 0 !important
}

.border-0 {
    border-width: 0 !important
}

.border,
.border-0 {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-style: solid !important
}

.border {
    border-width: thin !important
}

.border-sm {
    border-width: 1px !important
}

.border-md,
.border-sm {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-style: solid !important
}

.border-md {
    border-width: 2px !important
}

.border-lg {
    border-width: 4px !important
}

.border-lg,
.border-xl {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-style: solid !important
}

.border-xl {
    border-width: 8px !important
}

.border-opacity-0 {
    --v-border-opacity: 0 !important
}

.border-opacity {
    --v-border-opacity: 0.12 !important
}

.border-opacity-25 {
    --v-border-opacity: 0.25 !important
}

.border-opacity-50 {
    --v-border-opacity: 0.5 !important
}

.border-opacity-75 {
    --v-border-opacity: 0.75 !important
}

.border-opacity-100 {
    --v-border-opacity: 1 !important
}

.border-t-0 {
    border-block-start-width: 0 !important
}

.border-t,
.border-t-0 {
    border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-block-start-style: solid !important
}

.border-t {
    border-block-start-width: thin !important
}

.border-t-sm {
    border-block-start-width: 1px !important
}

.border-t-md,
.border-t-sm {
    border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-block-start-style: solid !important
}

.border-t-md {
    border-block-start-width: 2px !important
}

.border-t-lg {
    border-block-start-width: 4px !important
}

.border-t-lg,
.border-t-xl {
    border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-block-start-style: solid !important
}

.border-t-xl {
    border-block-start-width: 8px !important
}

.border-e-0 {
    border-inline-end-width: 0 !important
}

.border-e,
.border-e-0 {
    border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-inline-end-style: solid !important
}

.border-e {
    border-inline-end-width: thin !important
}

.border-e-sm {
    border-inline-end-width: 1px !important
}

.border-e-md,
.border-e-sm {
    border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-inline-end-style: solid !important
}

.border-e-md {
    border-inline-end-width: 2px !important
}

.border-e-lg {
    border-inline-end-width: 4px !important
}

.border-e-lg,
.border-e-xl {
    border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-inline-end-style: solid !important
}

.border-e-xl {
    border-inline-end-width: 8px !important
}

.border-b-0 {
    border-block-end-width: 0 !important
}

.border-b,
.border-b-0 {
    border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-block-end-style: solid !important
}

.border-b {
    border-block-end-width: thin !important
}

.border-b-sm {
    border-block-end-width: 1px !important
}

.border-b-md,
.border-b-sm {
    border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-block-end-style: solid !important
}

.border-b-md {
    border-block-end-width: 2px !important
}

.border-b-lg {
    border-block-end-width: 4px !important
}

.border-b-lg,
.border-b-xl {
    border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-block-end-style: solid !important
}

.border-b-xl {
    border-block-end-width: 8px !important
}

.border-s-0 {
    border-inline-start-width: 0 !important
}

.border-s,
.border-s-0 {
    border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-inline-start-style: solid !important
}

.border-s {
    border-inline-start-width: thin !important
}

.border-s-sm {
    border-inline-start-width: 1px !important
}

.border-s-md,
.border-s-sm {
    border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-inline-start-style: solid !important
}

.border-s-md {
    border-inline-start-width: 2px !important
}

.border-s-lg {
    border-inline-start-width: 4px !important
}

.border-s-lg,
.border-s-xl {
    border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
    border-inline-start-style: solid !important
}

.border-s-xl {
    border-inline-start-width: 8px !important
}

.border-solid {
    border-style: solid !important
}

.border-dashed {
    border-style: dashed !important
}

.border-dotted {
    border-style: dotted !important
}

.border-double {
    border-style: double !important
}

.border-none {
    border-style: none !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

.text-start {
    text-align: start !important
}

.text-end {
    text-align: end !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-overline {
    text-decoration: overline !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-wrap {
    white-space: normal !important
}

.text-no-wrap {
    white-space: nowrap !important
}

.text-pre {
    white-space: pre !important
}

.text-pre-line {
    white-space: pre-line !important
}

.text-pre-wrap {
    white-space: pre-wrap !important
}

.text-break {
    overflow-wrap: break-word !important;
    word-break: break-word !important
}

.text-high-emphasis {
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !important
}

.text-medium-emphasis {
    color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important
}

.text-disabled {
    color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important
}

.text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.text-h1 {
    font-size: 6rem !important;
    letter-spacing: -.015625em !important;
    line-height: 6rem
}

.text-h1,
.text-h2 {
    font-family: Roboto, sans-serif !important;
    font-weight: 300;
    text-transform: none !important
}

.text-h2 {
    font-size: 3.75rem !important;
    letter-spacing: -.0083333333em !important;
    line-height: 3.75rem
}

.text-h3 {
    font-size: 3rem !important;
    letter-spacing: normal !important;
    line-height: 3.125rem
}

.text-h3,
.text-h4 {
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
    text-transform: none !important
}

.text-h4 {
    font-size: 2.125rem !important;
    letter-spacing: .0073529412em !important;
    line-height: 2.5rem
}

.text-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    letter-spacing: normal !important
}

.text-h5,
.text-h6 {
    font-family: Roboto, sans-serif !important;
    line-height: 2rem;
    text-transform: none !important
}

.text-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    letter-spacing: .0125em !important
}

.text-subtitle-1 {
    font-size: 1rem !important;
    font-weight: 400;
    letter-spacing: .009375em !important;
    line-height: 1.75rem
}

.text-subtitle-1,
.text-subtitle-2 {
    font-family: Roboto, sans-serif !important;
    text-transform: none !important
}

.text-subtitle-2 {
    font-size: .875rem !important;
    font-weight: 500;
    letter-spacing: .0071428571em !important;
    line-height: 1.375rem
}

.text-body-1 {
    font-size: 1rem !important;
    letter-spacing: .03125em !important;
    line-height: 1.5rem
}

.text-body-1,
.text-body-2 {
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
    text-transform: none !important
}

.text-body-2 {
    letter-spacing: .0178571429em !important;
    line-height: 1.25rem
}

.text-body-2,
.text-button {
    font-size: .875rem !important
}

.text-button {
    font-family: Roboto, sans-serif !important;
    font-weight: 500;
    letter-spacing: .0892857143em !important;
    line-height: 2.25rem;
    text-transform: uppercase !important
}

.text-caption {
    font-weight: 400;
    letter-spacing: .0333333333em !important;
    line-height: 1.25rem;
    text-transform: none !important
}

.text-caption,
.text-overline {
    font-family: Roboto, sans-serif !important;
    font-size: .75rem !important
}

.text-overline {
    font-weight: 500;
    letter-spacing: .1666666667em !important;
    line-height: 2rem;
    text-transform: uppercase !important
}

.text-none {
    text-transform: none !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.font-weight-thin {
    font-weight: 100 !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-regular {
    font-weight: 400 !important
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-black {
    font-weight: 900 !important
}

.font-italic {
    font-style: italic !important
}

.text-mono {
    font-family: monospace !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-fixed {
    position: fixed !important
}

.position-absolute {
    position: absolute !important
}

.position-sticky {
    position: sticky !important
}

.fill-height {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.h-screen {
    height: 100vh !important
}

.h-0 {
    height: 0 !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-screen {
    height: 100dvh !important
}

.w-auto {
    width: auto !important
}

.w-0 {
    width: 0 !important
}

.w-25 {
    width: 25% !important
}

.w-33 {
    width: 33% !important
}

.w-50 {
    width: 50% !important
}

.w-66 {
    width: 66% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

@media (min-width:600px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .float-sm-none {
        float: none !important
    }

    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .v-locale--is-rtl .float-sm-end {
        float: left !important
    }

    .v-locale--is-ltr .float-sm-end,
    .v-locale--is-rtl .float-sm-start {
        float: right !important
    }

    .v-locale--is-ltr .float-sm-start {
        float: left !important
    }

    .flex-sm-1-1,
    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-1-0 {
        flex: 1 0 auto !important
    }

    .flex-sm-0-1 {
        flex: 0 1 auto !important
    }

    .flex-sm-0-0 {
        flex: 0 0 auto !important
    }

    .flex-sm-1-1-100 {
        flex: 1 1 100% !important
    }

    .flex-sm-1-0-100 {
        flex: 1 0 100% !important
    }

    .flex-sm-0-1-100 {
        flex: 0 1 100% !important
    }

    .flex-sm-0-0-100 {
        flex: 0 0 100% !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-sm-start {
        justify-content: flex-start !important
    }

    .justify-sm-end {
        justify-content: flex-end !important
    }

    .justify-sm-center {
        justify-content: center !important
    }

    .justify-sm-space-between {
        justify-content: space-between !important
    }

    .justify-sm-space-around {
        justify-content: space-around !important
    }

    .justify-sm-space-evenly {
        justify-content: space-evenly !important
    }

    .align-sm-start {
        align-items: flex-start !important
    }

    .align-sm-end {
        align-items: flex-end !important
    }

    .align-sm-center {
        align-items: center !important
    }

    .align-sm-baseline {
        align-items: baseline !important
    }

    .align-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-space-between {
        align-content: space-between !important
    }

    .align-content-sm-space-around {
        align-content: space-around !important
    }

    .align-content-sm-space-evenly {
        align-content: space-evenly !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-6 {
        order: 6 !important
    }

    .order-sm-7 {
        order: 7 !important
    }

    .order-sm-8 {
        order: 8 !important
    }

    .order-sm-9 {
        order: 9 !important
    }

    .order-sm-10 {
        order: 10 !important
    }

    .order-sm-11 {
        order: 11 !important
    }

    .order-sm-12 {
        order: 12 !important
    }

    .order-sm-last {
        order: 13 !important
    }

    .ma-sm-0 {
        margin: 0 !important
    }

    .ma-sm-1 {
        margin: 4px !important
    }

    .ma-sm-2 {
        margin: 8px !important
    }

    .ma-sm-3 {
        margin: 9pt !important
    }

    .ma-sm-4 {
        margin: 1pc !important
    }

    .ma-sm-5 {
        margin: 20px !important
    }

    .ma-sm-6 {
        margin: 24px !important
    }

    .ma-sm-7 {
        margin: 28px !important
    }

    .ma-sm-8 {
        margin: 2pc !important
    }

    .ma-sm-9 {
        margin: 36px !important
    }

    .ma-sm-10 {
        margin: 40px !important
    }

    .ma-sm-11 {
        margin: 44px !important
    }

    .ma-sm-12 {
        margin: 3pc !important
    }

    .ma-sm-13 {
        margin: 52px !important
    }

    .ma-sm-14 {
        margin: 56px !important
    }

    .ma-sm-15 {
        margin: 60px !important
    }

    .ma-sm-16 {
        margin: 4pc !important
    }

    .ma-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-sm-1 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .mx-sm-2 {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .mx-sm-3 {
        margin-left: 9pt !important;
        margin-right: 9pt !important
    }

    .mx-sm-4 {
        margin-left: 1pc !important;
        margin-right: 1pc !important
    }

    .mx-sm-5 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mx-sm-6 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .mx-sm-7 {
        margin-left: 28px !important;
        margin-right: 28px !important
    }

    .mx-sm-8 {
        margin-left: 2pc !important;
        margin-right: 2pc !important
    }

    .mx-sm-9 {
        margin-left: 36px !important;
        margin-right: 36px !important
    }

    .mx-sm-10 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mx-sm-11 {
        margin-left: 44px !important;
        margin-right: 44px !important
    }

    .mx-sm-12 {
        margin-left: 3pc !important;
        margin-right: 3pc !important
    }

    .mx-sm-13 {
        margin-left: 52px !important;
        margin-right: 52px !important
    }

    .mx-sm-14 {
        margin-left: 56px !important;
        margin-right: 56px !important
    }

    .mx-sm-15 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .mx-sm-16 {
        margin-left: 4pc !important;
        margin-right: 4pc !important
    }

    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-sm-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-sm-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }

    .my-sm-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }

    .my-sm-3 {
        margin-bottom: 9pt !important;
        margin-top: 9pt !important
    }

    .my-sm-4 {
        margin-bottom: 1pc !important;
        margin-top: 1pc !important
    }

    .my-sm-5 {
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .my-sm-6 {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }

    .my-sm-7 {
        margin-bottom: 28px !important;
        margin-top: 28px !important
    }

    .my-sm-8 {
        margin-bottom: 2pc !important;
        margin-top: 2pc !important
    }

    .my-sm-9 {
        margin-bottom: 36px !important;
        margin-top: 36px !important
    }

    .my-sm-10 {
        margin-bottom: 40px !important;
        margin-top: 40px !important
    }

    .my-sm-11 {
        margin-bottom: 44px !important;
        margin-top: 44px !important
    }

    .my-sm-12 {
        margin-bottom: 3pc !important;
        margin-top: 3pc !important
    }

    .my-sm-13 {
        margin-bottom: 52px !important;
        margin-top: 52px !important
    }

    .my-sm-14 {
        margin-bottom: 56px !important;
        margin-top: 56px !important
    }

    .my-sm-15 {
        margin-bottom: 60px !important;
        margin-top: 60px !important
    }

    .my-sm-16 {
        margin-bottom: 4pc !important;
        margin-top: 4pc !important
    }

    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: 4px !important
    }

    .mt-sm-2 {
        margin-top: 8px !important
    }

    .mt-sm-3 {
        margin-top: 9pt !important
    }

    .mt-sm-4 {
        margin-top: 1pc !important
    }

    .mt-sm-5 {
        margin-top: 20px !important
    }

    .mt-sm-6 {
        margin-top: 24px !important
    }

    .mt-sm-7 {
        margin-top: 28px !important
    }

    .mt-sm-8 {
        margin-top: 2pc !important
    }

    .mt-sm-9 {
        margin-top: 36px !important
    }

    .mt-sm-10 {
        margin-top: 40px !important
    }

    .mt-sm-11 {
        margin-top: 44px !important
    }

    .mt-sm-12 {
        margin-top: 3pc !important
    }

    .mt-sm-13 {
        margin-top: 52px !important
    }

    .mt-sm-14 {
        margin-top: 56px !important
    }

    .mt-sm-15 {
        margin-top: 60px !important
    }

    .mt-sm-16 {
        margin-top: 4pc !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mr-sm-1 {
        margin-right: 4px !important
    }

    .mr-sm-2 {
        margin-right: 8px !important
    }

    .mr-sm-3 {
        margin-right: 9pt !important
    }

    .mr-sm-4 {
        margin-right: 1pc !important
    }

    .mr-sm-5 {
        margin-right: 20px !important
    }

    .mr-sm-6 {
        margin-right: 24px !important
    }

    .mr-sm-7 {
        margin-right: 28px !important
    }

    .mr-sm-8 {
        margin-right: 2pc !important
    }

    .mr-sm-9 {
        margin-right: 36px !important
    }

    .mr-sm-10 {
        margin-right: 40px !important
    }

    .mr-sm-11 {
        margin-right: 44px !important
    }

    .mr-sm-12 {
        margin-right: 3pc !important
    }

    .mr-sm-13 {
        margin-right: 52px !important
    }

    .mr-sm-14 {
        margin-right: 56px !important
    }

    .mr-sm-15 {
        margin-right: 60px !important
    }

    .mr-sm-16 {
        margin-right: 4pc !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: 4px !important
    }

    .mb-sm-2 {
        margin-bottom: 8px !important
    }

    .mb-sm-3 {
        margin-bottom: 9pt !important
    }

    .mb-sm-4 {
        margin-bottom: 1pc !important
    }

    .mb-sm-5 {
        margin-bottom: 20px !important
    }

    .mb-sm-6 {
        margin-bottom: 24px !important
    }

    .mb-sm-7 {
        margin-bottom: 28px !important
    }

    .mb-sm-8 {
        margin-bottom: 2pc !important
    }

    .mb-sm-9 {
        margin-bottom: 36px !important
    }

    .mb-sm-10 {
        margin-bottom: 40px !important
    }

    .mb-sm-11 {
        margin-bottom: 44px !important
    }

    .mb-sm-12 {
        margin-bottom: 3pc !important
    }

    .mb-sm-13 {
        margin-bottom: 52px !important
    }

    .mb-sm-14 {
        margin-bottom: 56px !important
    }

    .mb-sm-15 {
        margin-bottom: 60px !important
    }

    .mb-sm-16 {
        margin-bottom: 4pc !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .ml-sm-1 {
        margin-left: 4px !important
    }

    .ml-sm-2 {
        margin-left: 8px !important
    }

    .ml-sm-3 {
        margin-left: 9pt !important
    }

    .ml-sm-4 {
        margin-left: 1pc !important
    }

    .ml-sm-5 {
        margin-left: 20px !important
    }

    .ml-sm-6 {
        margin-left: 24px !important
    }

    .ml-sm-7 {
        margin-left: 28px !important
    }

    .ml-sm-8 {
        margin-left: 2pc !important
    }

    .ml-sm-9 {
        margin-left: 36px !important
    }

    .ml-sm-10 {
        margin-left: 40px !important
    }

    .ml-sm-11 {
        margin-left: 44px !important
    }

    .ml-sm-12 {
        margin-left: 3pc !important
    }

    .ml-sm-13 {
        margin-left: 52px !important
    }

    .ml-sm-14 {
        margin-left: 56px !important
    }

    .ml-sm-15 {
        margin-left: 60px !important
    }

    .ml-sm-16 {
        margin-left: 4pc !important
    }

    .ml-sm-auto {
        margin-left: auto !important
    }

    .ms-sm-0 {
        margin-inline-start: 0 !important
    }

    .ms-sm-1 {
        margin-inline-start: 4px !important
    }

    .ms-sm-2 {
        margin-inline-start: 8px !important
    }

    .ms-sm-3 {
        margin-inline-start: 9pt !important
    }

    .ms-sm-4 {
        margin-inline-start: 1pc !important
    }

    .ms-sm-5 {
        margin-inline-start: 20px !important
    }

    .ms-sm-6 {
        margin-inline-start: 24px !important
    }

    .ms-sm-7 {
        margin-inline-start: 28px !important
    }

    .ms-sm-8 {
        margin-inline-start: 2pc !important
    }

    .ms-sm-9 {
        margin-inline-start: 36px !important
    }

    .ms-sm-10 {
        margin-inline-start: 40px !important
    }

    .ms-sm-11 {
        margin-inline-start: 44px !important
    }

    .ms-sm-12 {
        margin-inline-start: 3pc !important
    }

    .ms-sm-13 {
        margin-inline-start: 52px !important
    }

    .ms-sm-14 {
        margin-inline-start: 56px !important
    }

    .ms-sm-15 {
        margin-inline-start: 60px !important
    }

    .ms-sm-16 {
        margin-inline-start: 4pc !important
    }

    .ms-sm-auto {
        margin-inline-start: auto !important
    }

    .me-sm-0 {
        margin-inline-end: 0 !important
    }

    .me-sm-1 {
        margin-inline-end: 4px !important
    }

    .me-sm-2 {
        margin-inline-end: 8px !important
    }

    .me-sm-3 {
        margin-inline-end: 9pt !important
    }

    .me-sm-4 {
        margin-inline-end: 1pc !important
    }

    .me-sm-5 {
        margin-inline-end: 20px !important
    }

    .me-sm-6 {
        margin-inline-end: 24px !important
    }

    .me-sm-7 {
        margin-inline-end: 28px !important
    }

    .me-sm-8 {
        margin-inline-end: 2pc !important
    }

    .me-sm-9 {
        margin-inline-end: 36px !important
    }

    .me-sm-10 {
        margin-inline-end: 40px !important
    }

    .me-sm-11 {
        margin-inline-end: 44px !important
    }

    .me-sm-12 {
        margin-inline-end: 3pc !important
    }

    .me-sm-13 {
        margin-inline-end: 52px !important
    }

    .me-sm-14 {
        margin-inline-end: 56px !important
    }

    .me-sm-15 {
        margin-inline-end: 60px !important
    }

    .me-sm-16 {
        margin-inline-end: 4pc !important
    }

    .me-sm-auto {
        margin-inline-end: auto !important
    }

    .ma-sm-n1 {
        margin: -4px !important
    }

    .ma-sm-n2 {
        margin: -8px !important
    }

    .ma-sm-n3 {
        margin: -9pt !important
    }

    .ma-sm-n4 {
        margin: -1pc !important
    }

    .ma-sm-n5 {
        margin: -20px !important
    }

    .ma-sm-n6 {
        margin: -24px !important
    }

    .ma-sm-n7 {
        margin: -28px !important
    }

    .ma-sm-n8 {
        margin: -2pc !important
    }

    .ma-sm-n9 {
        margin: -36px !important
    }

    .ma-sm-n10 {
        margin: -40px !important
    }

    .ma-sm-n11 {
        margin: -44px !important
    }

    .ma-sm-n12 {
        margin: -3pc !important
    }

    .ma-sm-n13 {
        margin: -52px !important
    }

    .ma-sm-n14 {
        margin: -56px !important
    }

    .ma-sm-n15 {
        margin: -60px !important
    }

    .ma-sm-n16 {
        margin: -4pc !important
    }

    .mx-sm-n1 {
        margin-left: -4px !important;
        margin-right: -4px !important
    }

    .mx-sm-n2 {
        margin-left: -8px !important;
        margin-right: -8px !important
    }

    .mx-sm-n3 {
        margin-left: -9pt !important;
        margin-right: -9pt !important
    }

    .mx-sm-n4 {
        margin-left: -1pc !important;
        margin-right: -1pc !important
    }

    .mx-sm-n5 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

    .mx-sm-n6 {
        margin-left: -24px !important;
        margin-right: -24px !important
    }

    .mx-sm-n7 {
        margin-left: -28px !important;
        margin-right: -28px !important
    }

    .mx-sm-n8 {
        margin-left: -2pc !important;
        margin-right: -2pc !important
    }

    .mx-sm-n9 {
        margin-left: -36px !important;
        margin-right: -36px !important
    }

    .mx-sm-n10 {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .mx-sm-n11 {
        margin-left: -44px !important;
        margin-right: -44px !important
    }

    .mx-sm-n12 {
        margin-left: -3pc !important;
        margin-right: -3pc !important
    }

    .mx-sm-n13 {
        margin-left: -52px !important;
        margin-right: -52px !important
    }

    .mx-sm-n14 {
        margin-left: -56px !important;
        margin-right: -56px !important
    }

    .mx-sm-n15 {
        margin-left: -60px !important;
        margin-right: -60px !important
    }

    .mx-sm-n16 {
        margin-left: -4pc !important;
        margin-right: -4pc !important
    }

    .my-sm-n1 {
        margin-bottom: -4px !important;
        margin-top: -4px !important
    }

    .my-sm-n2 {
        margin-bottom: -8px !important;
        margin-top: -8px !important
    }

    .my-sm-n3 {
        margin-bottom: -9pt !important;
        margin-top: -9pt !important
    }

    .my-sm-n4 {
        margin-bottom: -1pc !important;
        margin-top: -1pc !important
    }

    .my-sm-n5 {
        margin-bottom: -20px !important;
        margin-top: -20px !important
    }

    .my-sm-n6 {
        margin-bottom: -24px !important;
        margin-top: -24px !important
    }

    .my-sm-n7 {
        margin-bottom: -28px !important;
        margin-top: -28px !important
    }

    .my-sm-n8 {
        margin-bottom: -2pc !important;
        margin-top: -2pc !important
    }

    .my-sm-n9 {
        margin-bottom: -36px !important;
        margin-top: -36px !important
    }

    .my-sm-n10 {
        margin-bottom: -40px !important;
        margin-top: -40px !important
    }

    .my-sm-n11 {
        margin-bottom: -44px !important;
        margin-top: -44px !important
    }

    .my-sm-n12 {
        margin-bottom: -3pc !important;
        margin-top: -3pc !important
    }

    .my-sm-n13 {
        margin-bottom: -52px !important;
        margin-top: -52px !important
    }

    .my-sm-n14 {
        margin-bottom: -56px !important;
        margin-top: -56px !important
    }

    .my-sm-n15 {
        margin-bottom: -60px !important;
        margin-top: -60px !important
    }

    .my-sm-n16 {
        margin-bottom: -4pc !important;
        margin-top: -4pc !important
    }

    .mt-sm-n1 {
        margin-top: -4px !important
    }

    .mt-sm-n2 {
        margin-top: -8px !important
    }

    .mt-sm-n3 {
        margin-top: -9pt !important
    }

    .mt-sm-n4 {
        margin-top: -1pc !important
    }

    .mt-sm-n5 {
        margin-top: -20px !important
    }

    .mt-sm-n6 {
        margin-top: -24px !important
    }

    .mt-sm-n7 {
        margin-top: -28px !important
    }

    .mt-sm-n8 {
        margin-top: -2pc !important
    }

    .mt-sm-n9 {
        margin-top: -36px !important
    }

    .mt-sm-n10 {
        margin-top: -40px !important
    }

    .mt-sm-n11 {
        margin-top: -44px !important
    }

    .mt-sm-n12 {
        margin-top: -3pc !important
    }

    .mt-sm-n13 {
        margin-top: -52px !important
    }

    .mt-sm-n14 {
        margin-top: -56px !important
    }

    .mt-sm-n15 {
        margin-top: -60px !important
    }

    .mt-sm-n16 {
        margin-top: -4pc !important
    }

    .mr-sm-n1 {
        margin-right: -4px !important
    }

    .mr-sm-n2 {
        margin-right: -8px !important
    }

    .mr-sm-n3 {
        margin-right: -9pt !important
    }

    .mr-sm-n4 {
        margin-right: -1pc !important
    }

    .mr-sm-n5 {
        margin-right: -20px !important
    }

    .mr-sm-n6 {
        margin-right: -24px !important
    }

    .mr-sm-n7 {
        margin-right: -28px !important
    }

    .mr-sm-n8 {
        margin-right: -2pc !important
    }

    .mr-sm-n9 {
        margin-right: -36px !important
    }

    .mr-sm-n10 {
        margin-right: -40px !important
    }

    .mr-sm-n11 {
        margin-right: -44px !important
    }

    .mr-sm-n12 {
        margin-right: -3pc !important
    }

    .mr-sm-n13 {
        margin-right: -52px !important
    }

    .mr-sm-n14 {
        margin-right: -56px !important
    }

    .mr-sm-n15 {
        margin-right: -60px !important
    }

    .mr-sm-n16 {
        margin-right: -4pc !important
    }

    .mb-sm-n1 {
        margin-bottom: -4px !important
    }

    .mb-sm-n2 {
        margin-bottom: -8px !important
    }

    .mb-sm-n3 {
        margin-bottom: -9pt !important
    }

    .mb-sm-n4 {
        margin-bottom: -1pc !important
    }

    .mb-sm-n5 {
        margin-bottom: -20px !important
    }

    .mb-sm-n6 {
        margin-bottom: -24px !important
    }

    .mb-sm-n7 {
        margin-bottom: -28px !important
    }

    .mb-sm-n8 {
        margin-bottom: -2pc !important
    }

    .mb-sm-n9 {
        margin-bottom: -36px !important
    }

    .mb-sm-n10 {
        margin-bottom: -40px !important
    }

    .mb-sm-n11 {
        margin-bottom: -44px !important
    }

    .mb-sm-n12 {
        margin-bottom: -3pc !important
    }

    .mb-sm-n13 {
        margin-bottom: -52px !important
    }

    .mb-sm-n14 {
        margin-bottom: -56px !important
    }

    .mb-sm-n15 {
        margin-bottom: -60px !important
    }

    .mb-sm-n16 {
        margin-bottom: -4pc !important
    }

    .ml-sm-n1 {
        margin-left: -4px !important
    }

    .ml-sm-n2 {
        margin-left: -8px !important
    }

    .ml-sm-n3 {
        margin-left: -9pt !important
    }

    .ml-sm-n4 {
        margin-left: -1pc !important
    }

    .ml-sm-n5 {
        margin-left: -20px !important
    }

    .ml-sm-n6 {
        margin-left: -24px !important
    }

    .ml-sm-n7 {
        margin-left: -28px !important
    }

    .ml-sm-n8 {
        margin-left: -2pc !important
    }

    .ml-sm-n9 {
        margin-left: -36px !important
    }

    .ml-sm-n10 {
        margin-left: -40px !important
    }

    .ml-sm-n11 {
        margin-left: -44px !important
    }

    .ml-sm-n12 {
        margin-left: -3pc !important
    }

    .ml-sm-n13 {
        margin-left: -52px !important
    }

    .ml-sm-n14 {
        margin-left: -56px !important
    }

    .ml-sm-n15 {
        margin-left: -60px !important
    }

    .ml-sm-n16 {
        margin-left: -4pc !important
    }

    .ms-sm-n1 {
        margin-inline-start: -4px !important
    }

    .ms-sm-n2 {
        margin-inline-start: -8px !important
    }

    .ms-sm-n3 {
        margin-inline-start: -9pt !important
    }

    .ms-sm-n4 {
        margin-inline-start: -1pc !important
    }

    .ms-sm-n5 {
        margin-inline-start: -20px !important
    }

    .ms-sm-n6 {
        margin-inline-start: -24px !important
    }

    .ms-sm-n7 {
        margin-inline-start: -28px !important
    }

    .ms-sm-n8 {
        margin-inline-start: -2pc !important
    }

    .ms-sm-n9 {
        margin-inline-start: -36px !important
    }

    .ms-sm-n10 {
        margin-inline-start: -40px !important
    }

    .ms-sm-n11 {
        margin-inline-start: -44px !important
    }

    .ms-sm-n12 {
        margin-inline-start: -3pc !important
    }

    .ms-sm-n13 {
        margin-inline-start: -52px !important
    }

    .ms-sm-n14 {
        margin-inline-start: -56px !important
    }

    .ms-sm-n15 {
        margin-inline-start: -60px !important
    }

    .ms-sm-n16 {
        margin-inline-start: -4pc !important
    }

    .me-sm-n1 {
        margin-inline-end: -4px !important
    }

    .me-sm-n2 {
        margin-inline-end: -8px !important
    }

    .me-sm-n3 {
        margin-inline-end: -9pt !important
    }

    .me-sm-n4 {
        margin-inline-end: -1pc !important
    }

    .me-sm-n5 {
        margin-inline-end: -20px !important
    }

    .me-sm-n6 {
        margin-inline-end: -24px !important
    }

    .me-sm-n7 {
        margin-inline-end: -28px !important
    }

    .me-sm-n8 {
        margin-inline-end: -2pc !important
    }

    .me-sm-n9 {
        margin-inline-end: -36px !important
    }

    .me-sm-n10 {
        margin-inline-end: -40px !important
    }

    .me-sm-n11 {
        margin-inline-end: -44px !important
    }

    .me-sm-n12 {
        margin-inline-end: -3pc !important
    }

    .me-sm-n13 {
        margin-inline-end: -52px !important
    }

    .me-sm-n14 {
        margin-inline-end: -56px !important
    }

    .me-sm-n15 {
        margin-inline-end: -60px !important
    }

    .me-sm-n16 {
        margin-inline-end: -4pc !important
    }

    .pa-sm-0 {
        padding: 0 !important
    }

    .pa-sm-1 {
        padding: 4px !important
    }

    .pa-sm-2 {
        padding: 8px !important
    }

    .pa-sm-3 {
        padding: 9pt !important
    }

    .pa-sm-4 {
        padding: 1pc !important
    }

    .pa-sm-5 {
        padding: 20px !important
    }

    .pa-sm-6 {
        padding: 24px !important
    }

    .pa-sm-7 {
        padding: 28px !important
    }

    .pa-sm-8 {
        padding: 2pc !important
    }

    .pa-sm-9 {
        padding: 36px !important
    }

    .pa-sm-10 {
        padding: 40px !important
    }

    .pa-sm-11 {
        padding: 44px !important
    }

    .pa-sm-12 {
        padding: 3pc !important
    }

    .pa-sm-13 {
        padding: 52px !important
    }

    .pa-sm-14 {
        padding: 56px !important
    }

    .pa-sm-15 {
        padding: 60px !important
    }

    .pa-sm-16 {
        padding: 4pc !important
    }

    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-sm-1 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .px-sm-2 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .px-sm-3 {
        padding-left: 9pt !important;
        padding-right: 9pt !important
    }

    .px-sm-4 {
        padding-left: 1pc !important;
        padding-right: 1pc !important
    }

    .px-sm-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .px-sm-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .px-sm-7 {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .px-sm-8 {
        padding-left: 2pc !important;
        padding-right: 2pc !important
    }

    .px-sm-9 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .px-sm-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .px-sm-11 {
        padding-left: 44px !important;
        padding-right: 44px !important
    }

    .px-sm-12 {
        padding-left: 3pc !important;
        padding-right: 3pc !important
    }

    .px-sm-13 {
        padding-left: 52px !important;
        padding-right: 52px !important
    }

    .px-sm-14 {
        padding-left: 56px !important;
        padding-right: 56px !important
    }

    .px-sm-15 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .px-sm-16 {
        padding-left: 4pc !important;
        padding-right: 4pc !important
    }

    .py-sm-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-sm-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }

    .py-sm-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }

    .py-sm-3 {
        padding-bottom: 9pt !important;
        padding-top: 9pt !important
    }

    .py-sm-4 {
        padding-bottom: 1pc !important;
        padding-top: 1pc !important
    }

    .py-sm-5 {
        padding-bottom: 20px !important;
        padding-top: 20px !important
    }

    .py-sm-6 {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }

    .py-sm-7 {
        padding-bottom: 28px !important;
        padding-top: 28px !important
    }

    .py-sm-8 {
        padding-bottom: 2pc !important;
        padding-top: 2pc !important
    }

    .py-sm-9 {
        padding-bottom: 36px !important;
        padding-top: 36px !important
    }

    .py-sm-10 {
        padding-bottom: 40px !important;
        padding-top: 40px !important
    }

    .py-sm-11 {
        padding-bottom: 44px !important;
        padding-top: 44px !important
    }

    .py-sm-12 {
        padding-bottom: 3pc !important;
        padding-top: 3pc !important
    }

    .py-sm-13 {
        padding-bottom: 52px !important;
        padding-top: 52px !important
    }

    .py-sm-14 {
        padding-bottom: 56px !important;
        padding-top: 56px !important
    }

    .py-sm-15 {
        padding-bottom: 60px !important;
        padding-top: 60px !important
    }

    .py-sm-16 {
        padding-bottom: 4pc !important;
        padding-top: 4pc !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: 4px !important
    }

    .pt-sm-2 {
        padding-top: 8px !important
    }

    .pt-sm-3 {
        padding-top: 9pt !important
    }

    .pt-sm-4 {
        padding-top: 1pc !important
    }

    .pt-sm-5 {
        padding-top: 20px !important
    }

    .pt-sm-6 {
        padding-top: 24px !important
    }

    .pt-sm-7 {
        padding-top: 28px !important
    }

    .pt-sm-8 {
        padding-top: 2pc !important
    }

    .pt-sm-9 {
        padding-top: 36px !important
    }

    .pt-sm-10 {
        padding-top: 40px !important
    }

    .pt-sm-11 {
        padding-top: 44px !important
    }

    .pt-sm-12 {
        padding-top: 3pc !important
    }

    .pt-sm-13 {
        padding-top: 52px !important
    }

    .pt-sm-14 {
        padding-top: 56px !important
    }

    .pt-sm-15 {
        padding-top: 60px !important
    }

    .pt-sm-16 {
        padding-top: 4pc !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pr-sm-1 {
        padding-right: 4px !important
    }

    .pr-sm-2 {
        padding-right: 8px !important
    }

    .pr-sm-3 {
        padding-right: 9pt !important
    }

    .pr-sm-4 {
        padding-right: 1pc !important
    }

    .pr-sm-5 {
        padding-right: 20px !important
    }

    .pr-sm-6 {
        padding-right: 24px !important
    }

    .pr-sm-7 {
        padding-right: 28px !important
    }

    .pr-sm-8 {
        padding-right: 2pc !important
    }

    .pr-sm-9 {
        padding-right: 36px !important
    }

    .pr-sm-10 {
        padding-right: 40px !important
    }

    .pr-sm-11 {
        padding-right: 44px !important
    }

    .pr-sm-12 {
        padding-right: 3pc !important
    }

    .pr-sm-13 {
        padding-right: 52px !important
    }

    .pr-sm-14 {
        padding-right: 56px !important
    }

    .pr-sm-15 {
        padding-right: 60px !important
    }

    .pr-sm-16 {
        padding-right: 4pc !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: 4px !important
    }

    .pb-sm-2 {
        padding-bottom: 8px !important
    }

    .pb-sm-3 {
        padding-bottom: 9pt !important
    }

    .pb-sm-4 {
        padding-bottom: 1pc !important
    }

    .pb-sm-5 {
        padding-bottom: 20px !important
    }

    .pb-sm-6 {
        padding-bottom: 24px !important
    }

    .pb-sm-7 {
        padding-bottom: 28px !important
    }

    .pb-sm-8 {
        padding-bottom: 2pc !important
    }

    .pb-sm-9 {
        padding-bottom: 36px !important
    }

    .pb-sm-10 {
        padding-bottom: 40px !important
    }

    .pb-sm-11 {
        padding-bottom: 44px !important
    }

    .pb-sm-12 {
        padding-bottom: 3pc !important
    }

    .pb-sm-13 {
        padding-bottom: 52px !important
    }

    .pb-sm-14 {
        padding-bottom: 56px !important
    }

    .pb-sm-15 {
        padding-bottom: 60px !important
    }

    .pb-sm-16 {
        padding-bottom: 4pc !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .pl-sm-1 {
        padding-left: 4px !important
    }

    .pl-sm-2 {
        padding-left: 8px !important
    }

    .pl-sm-3 {
        padding-left: 9pt !important
    }

    .pl-sm-4 {
        padding-left: 1pc !important
    }

    .pl-sm-5 {
        padding-left: 20px !important
    }

    .pl-sm-6 {
        padding-left: 24px !important
    }

    .pl-sm-7 {
        padding-left: 28px !important
    }

    .pl-sm-8 {
        padding-left: 2pc !important
    }

    .pl-sm-9 {
        padding-left: 36px !important
    }

    .pl-sm-10 {
        padding-left: 40px !important
    }

    .pl-sm-11 {
        padding-left: 44px !important
    }

    .pl-sm-12 {
        padding-left: 3pc !important
    }

    .pl-sm-13 {
        padding-left: 52px !important
    }

    .pl-sm-14 {
        padding-left: 56px !important
    }

    .pl-sm-15 {
        padding-left: 60px !important
    }

    .pl-sm-16 {
        padding-left: 4pc !important
    }

    .ps-sm-0 {
        padding-inline-start: 0 !important
    }

    .ps-sm-1 {
        padding-inline-start: 4px !important
    }

    .ps-sm-2 {
        padding-inline-start: 8px !important
    }

    .ps-sm-3 {
        padding-inline-start: 9pt !important
    }

    .ps-sm-4 {
        padding-inline-start: 1pc !important
    }

    .ps-sm-5 {
        padding-inline-start: 20px !important
    }

    .ps-sm-6 {
        padding-inline-start: 24px !important
    }

    .ps-sm-7 {
        padding-inline-start: 28px !important
    }

    .ps-sm-8 {
        padding-inline-start: 2pc !important
    }

    .ps-sm-9 {
        padding-inline-start: 36px !important
    }

    .ps-sm-10 {
        padding-inline-start: 40px !important
    }

    .ps-sm-11 {
        padding-inline-start: 44px !important
    }

    .ps-sm-12 {
        padding-inline-start: 3pc !important
    }

    .ps-sm-13 {
        padding-inline-start: 52px !important
    }

    .ps-sm-14 {
        padding-inline-start: 56px !important
    }

    .ps-sm-15 {
        padding-inline-start: 60px !important
    }

    .ps-sm-16 {
        padding-inline-start: 4pc !important
    }

    .pe-sm-0 {
        padding-inline-end: 0 !important
    }

    .pe-sm-1 {
        padding-inline-end: 4px !important
    }

    .pe-sm-2 {
        padding-inline-end: 8px !important
    }

    .pe-sm-3 {
        padding-inline-end: 9pt !important
    }

    .pe-sm-4 {
        padding-inline-end: 1pc !important
    }

    .pe-sm-5 {
        padding-inline-end: 20px !important
    }

    .pe-sm-6 {
        padding-inline-end: 24px !important
    }

    .pe-sm-7 {
        padding-inline-end: 28px !important
    }

    .pe-sm-8 {
        padding-inline-end: 2pc !important
    }

    .pe-sm-9 {
        padding-inline-end: 36px !important
    }

    .pe-sm-10 {
        padding-inline-end: 40px !important
    }

    .pe-sm-11 {
        padding-inline-end: 44px !important
    }

    .pe-sm-12 {
        padding-inline-end: 3pc !important
    }

    .pe-sm-13 {
        padding-inline-end: 52px !important
    }

    .pe-sm-14 {
        padding-inline-end: 56px !important
    }

    .pe-sm-15 {
        padding-inline-end: 60px !important
    }

    .pe-sm-16 {
        padding-inline-end: 4pc !important
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .text-sm-justify {
        text-align: justify !important
    }

    .text-sm-start {
        text-align: start !important
    }

    .text-sm-end {
        text-align: end !important
    }

    .text-sm-h1 {
        font-size: 6rem !important;
        letter-spacing: -.015625em !important;
        line-height: 6rem
    }

    .text-sm-h1,
    .text-sm-h2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 300;
        text-transform: none !important
    }

    .text-sm-h2 {
        font-size: 3.75rem !important;
        letter-spacing: -.0083333333em !important;
        line-height: 3.75rem
    }

    .text-sm-h3 {
        font-size: 3rem !important;
        letter-spacing: normal !important;
        line-height: 3.125rem
    }

    .text-sm-h3,
    .text-sm-h4 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-sm-h4 {
        font-size: 2.125rem !important;
        letter-spacing: .0073529412em !important;
        line-height: 2.5rem
    }

    .text-sm-h5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        letter-spacing: normal !important
    }

    .text-sm-h5,
    .text-sm-h6 {
        font-family: Roboto, sans-serif !important;
        line-height: 2rem;
        text-transform: none !important
    }

    .text-sm-h6 {
        font-size: 1.25rem !important;
        font-weight: 500;
        letter-spacing: .0125em !important
    }

    .text-sm-subtitle-1 {
        font-size: 1rem !important;
        font-weight: 400;
        letter-spacing: .009375em !important;
        line-height: 1.75rem
    }

    .text-sm-subtitle-1,
    .text-sm-subtitle-2 {
        font-family: Roboto, sans-serif !important;
        text-transform: none !important
    }

    .text-sm-subtitle-2 {
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0071428571em !important;
        line-height: 1.375rem
    }

    .text-sm-body-1 {
        font-size: 1rem !important;
        letter-spacing: .03125em !important;
        line-height: 1.5rem
    }

    .text-sm-body-1,
    .text-sm-body-2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-sm-body-2 {
        font-size: .875rem !important;
        letter-spacing: .0178571429em !important;
        line-height: 1.25rem
    }

    .text-sm-button {
        font-family: Roboto, sans-serif !important;
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0892857143em !important;
        line-height: 2.25rem;
        text-transform: uppercase !important
    }

    .text-sm-caption {
        font-weight: 400;
        letter-spacing: .0333333333em !important;
        line-height: 1.25rem;
        text-transform: none !important
    }

    .text-sm-caption,
    .text-sm-overline {
        font-family: Roboto, sans-serif !important;
        font-size: .75rem !important
    }

    .text-sm-overline {
        font-weight: 500;
        letter-spacing: .1666666667em !important;
        line-height: 2rem;
        text-transform: uppercase !important
    }
}

@media (min-width:960px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .float-md-none {
        float: none !important
    }

    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .v-locale--is-rtl .float-md-end {
        float: left !important
    }

    .v-locale--is-ltr .float-md-end,
    .v-locale--is-rtl .float-md-start {
        float: right !important
    }

    .v-locale--is-ltr .float-md-start {
        float: left !important
    }

    .flex-md-1-1,
    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-1-0 {
        flex: 1 0 auto !important
    }

    .flex-md-0-1 {
        flex: 0 1 auto !important
    }

    .flex-md-0-0 {
        flex: 0 0 auto !important
    }

    .flex-md-1-1-100 {
        flex: 1 1 100% !important
    }

    .flex-md-1-0-100 {
        flex: 1 0 100% !important
    }

    .flex-md-0-1-100 {
        flex: 0 1 100% !important
    }

    .flex-md-0-0-100 {
        flex: 0 0 100% !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-md-start {
        justify-content: flex-start !important
    }

    .justify-md-end {
        justify-content: flex-end !important
    }

    .justify-md-center {
        justify-content: center !important
    }

    .justify-md-space-between {
        justify-content: space-between !important
    }

    .justify-md-space-around {
        justify-content: space-around !important
    }

    .justify-md-space-evenly {
        justify-content: space-evenly !important
    }

    .align-md-start {
        align-items: flex-start !important
    }

    .align-md-end {
        align-items: flex-end !important
    }

    .align-md-center {
        align-items: center !important
    }

    .align-md-baseline {
        align-items: baseline !important
    }

    .align-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-space-between {
        align-content: space-between !important
    }

    .align-content-md-space-around {
        align-content: space-around !important
    }

    .align-content-md-space-evenly {
        align-content: space-evenly !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-6 {
        order: 6 !important
    }

    .order-md-7 {
        order: 7 !important
    }

    .order-md-8 {
        order: 8 !important
    }

    .order-md-9 {
        order: 9 !important
    }

    .order-md-10 {
        order: 10 !important
    }

    .order-md-11 {
        order: 11 !important
    }

    .order-md-12 {
        order: 12 !important
    }

    .order-md-last {
        order: 13 !important
    }

    .ma-md-0 {
        margin: 0 !important
    }

    .ma-md-1 {
        margin: 4px !important
    }

    .ma-md-2 {
        margin: 8px !important
    }

    .ma-md-3 {
        margin: 9pt !important
    }

    .ma-md-4 {
        margin: 1pc !important
    }

    .ma-md-5 {
        margin: 20px !important
    }

    .ma-md-6 {
        margin: 24px !important
    }

    .ma-md-7 {
        margin: 28px !important
    }

    .ma-md-8 {
        margin: 2pc !important
    }

    .ma-md-9 {
        margin: 36px !important
    }

    .ma-md-10 {
        margin: 40px !important
    }

    .ma-md-11 {
        margin: 44px !important
    }

    .ma-md-12 {
        margin: 3pc !important
    }

    .ma-md-13 {
        margin: 52px !important
    }

    .ma-md-14 {
        margin: 56px !important
    }

    .ma-md-15 {
        margin: 60px !important
    }

    .ma-md-16 {
        margin: 4pc !important
    }

    .ma-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-md-1 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .mx-md-2 {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .mx-md-3 {
        margin-left: 9pt !important;
        margin-right: 9pt !important
    }

    .mx-md-4 {
        margin-left: 1pc !important;
        margin-right: 1pc !important
    }

    .mx-md-5 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mx-md-6 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .mx-md-7 {
        margin-left: 28px !important;
        margin-right: 28px !important
    }

    .mx-md-8 {
        margin-left: 2pc !important;
        margin-right: 2pc !important
    }

    .mx-md-9 {
        margin-left: 36px !important;
        margin-right: 36px !important
    }

    .mx-md-10 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mx-md-11 {
        margin-left: 44px !important;
        margin-right: 44px !important
    }

    .mx-md-12 {
        margin-left: 3pc !important;
        margin-right: 3pc !important
    }

    .mx-md-13 {
        margin-left: 52px !important;
        margin-right: 52px !important
    }

    .mx-md-14 {
        margin-left: 56px !important;
        margin-right: 56px !important
    }

    .mx-md-15 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .mx-md-16 {
        margin-left: 4pc !important;
        margin-right: 4pc !important
    }

    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-md-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-md-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }

    .my-md-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }

    .my-md-3 {
        margin-bottom: 9pt !important;
        margin-top: 9pt !important
    }

    .my-md-4 {
        margin-bottom: 1pc !important;
        margin-top: 1pc !important
    }

    .my-md-5 {
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .my-md-6 {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }

    .my-md-7 {
        margin-bottom: 28px !important;
        margin-top: 28px !important
    }

    .my-md-8 {
        margin-bottom: 2pc !important;
        margin-top: 2pc !important
    }

    .my-md-9 {
        margin-bottom: 36px !important;
        margin-top: 36px !important
    }

    .my-md-10 {
        margin-bottom: 40px !important;
        margin-top: 40px !important
    }

    .my-md-11 {
        margin-bottom: 44px !important;
        margin-top: 44px !important
    }

    .my-md-12 {
        margin-bottom: 3pc !important;
        margin-top: 3pc !important
    }

    .my-md-13 {
        margin-bottom: 52px !important;
        margin-top: 52px !important
    }

    .my-md-14 {
        margin-bottom: 56px !important;
        margin-top: 56px !important
    }

    .my-md-15 {
        margin-bottom: 60px !important;
        margin-top: 60px !important
    }

    .my-md-16 {
        margin-bottom: 4pc !important;
        margin-top: 4pc !important
    }

    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: 4px !important
    }

    .mt-md-2 {
        margin-top: 8px !important
    }

    .mt-md-3 {
        margin-top: 9pt !important
    }

    .mt-md-4 {
        margin-top: 1pc !important
    }

    .mt-md-5 {
        margin-top: 20px !important
    }

    .mt-md-6 {
        margin-top: 24px !important
    }

    .mt-md-7 {
        margin-top: 28px !important
    }

    .mt-md-8 {
        margin-top: 2pc !important
    }

    .mt-md-9 {
        margin-top: 36px !important
    }

    .mt-md-10 {
        margin-top: 40px !important
    }

    .mt-md-11 {
        margin-top: 44px !important
    }

    .mt-md-12 {
        margin-top: 3pc !important
    }

    .mt-md-13 {
        margin-top: 52px !important
    }

    .mt-md-14 {
        margin-top: 56px !important
    }

    .mt-md-15 {
        margin-top: 60px !important
    }

    .mt-md-16 {
        margin-top: 4pc !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mr-md-1 {
        margin-right: 4px !important
    }

    .mr-md-2 {
        margin-right: 8px !important
    }

    .mr-md-3 {
        margin-right: 9pt !important
    }

    .mr-md-4 {
        margin-right: 1pc !important
    }

    .mr-md-5 {
        margin-right: 20px !important
    }

    .mr-md-6 {
        margin-right: 24px !important
    }

    .mr-md-7 {
        margin-right: 28px !important
    }

    .mr-md-8 {
        margin-right: 2pc !important
    }

    .mr-md-9 {
        margin-right: 36px !important
    }

    .mr-md-10 {
        margin-right: 40px !important
    }

    .mr-md-11 {
        margin-right: 44px !important
    }

    .mr-md-12 {
        margin-right: 3pc !important
    }

    .mr-md-13 {
        margin-right: 52px !important
    }

    .mr-md-14 {
        margin-right: 56px !important
    }

    .mr-md-15 {
        margin-right: 60px !important
    }

    .mr-md-16 {
        margin-right: 4pc !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: 4px !important
    }

    .mb-md-2 {
        margin-bottom: 8px !important
    }

    .mb-md-3 {
        margin-bottom: 9pt !important
    }

    .mb-md-4 {
        margin-bottom: 1pc !important
    }

    .mb-md-5 {
        margin-bottom: 20px !important
    }

    .mb-md-6 {
        margin-bottom: 24px !important
    }

    .mb-md-7 {
        margin-bottom: 28px !important
    }

    .mb-md-8 {
        margin-bottom: 2pc !important
    }

    .mb-md-9 {
        margin-bottom: 36px !important
    }

    .mb-md-10 {
        margin-bottom: 40px !important
    }

    .mb-md-11 {
        margin-bottom: 44px !important
    }

    .mb-md-12 {
        margin-bottom: 3pc !important
    }

    .mb-md-13 {
        margin-bottom: 52px !important
    }

    .mb-md-14 {
        margin-bottom: 56px !important
    }

    .mb-md-15 {
        margin-bottom: 60px !important
    }

    .mb-md-16 {
        margin-bottom: 4pc !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .ml-md-1 {
        margin-left: 4px !important
    }

    .ml-md-2 {
        margin-left: 8px !important
    }

    .ml-md-3 {
        margin-left: 9pt !important
    }

    .ml-md-4 {
        margin-left: 1pc !important
    }

    .ml-md-5 {
        margin-left: 20px !important
    }

    .ml-md-6 {
        margin-left: 24px !important
    }

    .ml-md-7 {
        margin-left: 28px !important
    }

    .ml-md-8 {
        margin-left: 2pc !important
    }

    .ml-md-9 {
        margin-left: 36px !important
    }

    .ml-md-10 {
        margin-left: 40px !important
    }

    .ml-md-11 {
        margin-left: 44px !important
    }

    .ml-md-12 {
        margin-left: 3pc !important
    }

    .ml-md-13 {
        margin-left: 52px !important
    }

    .ml-md-14 {
        margin-left: 56px !important
    }

    .ml-md-15 {
        margin-left: 60px !important
    }

    .ml-md-16 {
        margin-left: 4pc !important
    }

    .ml-md-auto {
        margin-left: auto !important
    }

    .ms-md-0 {
        margin-inline-start: 0 !important
    }

    .ms-md-1 {
        margin-inline-start: 4px !important
    }

    .ms-md-2 {
        margin-inline-start: 8px !important
    }

    .ms-md-3 {
        margin-inline-start: 9pt !important
    }

    .ms-md-4 {
        margin-inline-start: 1pc !important
    }

    .ms-md-5 {
        margin-inline-start: 20px !important
    }

    .ms-md-6 {
        margin-inline-start: 24px !important
    }

    .ms-md-7 {
        margin-inline-start: 28px !important
    }

    .ms-md-8 {
        margin-inline-start: 2pc !important
    }

    .ms-md-9 {
        margin-inline-start: 36px !important
    }

    .ms-md-10 {
        margin-inline-start: 40px !important
    }

    .ms-md-11 {
        margin-inline-start: 44px !important
    }

    .ms-md-12 {
        margin-inline-start: 3pc !important
    }

    .ms-md-13 {
        margin-inline-start: 52px !important
    }

    .ms-md-14 {
        margin-inline-start: 56px !important
    }

    .ms-md-15 {
        margin-inline-start: 60px !important
    }

    .ms-md-16 {
        margin-inline-start: 4pc !important
    }

    .ms-md-auto {
        margin-inline-start: auto !important
    }

    .me-md-0 {
        margin-inline-end: 0 !important
    }

    .me-md-1 {
        margin-inline-end: 4px !important
    }

    .me-md-2 {
        margin-inline-end: 8px !important
    }

    .me-md-3 {
        margin-inline-end: 9pt !important
    }

    .me-md-4 {
        margin-inline-end: 1pc !important
    }

    .me-md-5 {
        margin-inline-end: 20px !important
    }

    .me-md-6 {
        margin-inline-end: 24px !important
    }

    .me-md-7 {
        margin-inline-end: 28px !important
    }

    .me-md-8 {
        margin-inline-end: 2pc !important
    }

    .me-md-9 {
        margin-inline-end: 36px !important
    }

    .me-md-10 {
        margin-inline-end: 40px !important
    }

    .me-md-11 {
        margin-inline-end: 44px !important
    }

    .me-md-12 {
        margin-inline-end: 3pc !important
    }

    .me-md-13 {
        margin-inline-end: 52px !important
    }

    .me-md-14 {
        margin-inline-end: 56px !important
    }

    .me-md-15 {
        margin-inline-end: 60px !important
    }

    .me-md-16 {
        margin-inline-end: 4pc !important
    }

    .me-md-auto {
        margin-inline-end: auto !important
    }

    .ma-md-n1 {
        margin: -4px !important
    }

    .ma-md-n2 {
        margin: -8px !important
    }

    .ma-md-n3 {
        margin: -9pt !important
    }

    .ma-md-n4 {
        margin: -1pc !important
    }

    .ma-md-n5 {
        margin: -20px !important
    }

    .ma-md-n6 {
        margin: -24px !important
    }

    .ma-md-n7 {
        margin: -28px !important
    }

    .ma-md-n8 {
        margin: -2pc !important
    }

    .ma-md-n9 {
        margin: -36px !important
    }

    .ma-md-n10 {
        margin: -40px !important
    }

    .ma-md-n11 {
        margin: -44px !important
    }

    .ma-md-n12 {
        margin: -3pc !important
    }

    .ma-md-n13 {
        margin: -52px !important
    }

    .ma-md-n14 {
        margin: -56px !important
    }

    .ma-md-n15 {
        margin: -60px !important
    }

    .ma-md-n16 {
        margin: -4pc !important
    }

    .mx-md-n1 {
        margin-left: -4px !important;
        margin-right: -4px !important
    }

    .mx-md-n2 {
        margin-left: -8px !important;
        margin-right: -8px !important
    }

    .mx-md-n3 {
        margin-left: -9pt !important;
        margin-right: -9pt !important
    }

    .mx-md-n4 {
        margin-left: -1pc !important;
        margin-right: -1pc !important
    }

    .mx-md-n5 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

    .mx-md-n6 {
        margin-left: -24px !important;
        margin-right: -24px !important
    }

    .mx-md-n7 {
        margin-left: -28px !important;
        margin-right: -28px !important
    }

    .mx-md-n8 {
        margin-left: -2pc !important;
        margin-right: -2pc !important
    }

    .mx-md-n9 {
        margin-left: -36px !important;
        margin-right: -36px !important
    }

    .mx-md-n10 {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .mx-md-n11 {
        margin-left: -44px !important;
        margin-right: -44px !important
    }

    .mx-md-n12 {
        margin-left: -3pc !important;
        margin-right: -3pc !important
    }

    .mx-md-n13 {
        margin-left: -52px !important;
        margin-right: -52px !important
    }

    .mx-md-n14 {
        margin-left: -56px !important;
        margin-right: -56px !important
    }

    .mx-md-n15 {
        margin-left: -60px !important;
        margin-right: -60px !important
    }

    .mx-md-n16 {
        margin-left: -4pc !important;
        margin-right: -4pc !important
    }

    .my-md-n1 {
        margin-bottom: -4px !important;
        margin-top: -4px !important
    }

    .my-md-n2 {
        margin-bottom: -8px !important;
        margin-top: -8px !important
    }

    .my-md-n3 {
        margin-bottom: -9pt !important;
        margin-top: -9pt !important
    }

    .my-md-n4 {
        margin-bottom: -1pc !important;
        margin-top: -1pc !important
    }

    .my-md-n5 {
        margin-bottom: -20px !important;
        margin-top: -20px !important
    }

    .my-md-n6 {
        margin-bottom: -24px !important;
        margin-top: -24px !important
    }

    .my-md-n7 {
        margin-bottom: -28px !important;
        margin-top: -28px !important
    }

    .my-md-n8 {
        margin-bottom: -2pc !important;
        margin-top: -2pc !important
    }

    .my-md-n9 {
        margin-bottom: -36px !important;
        margin-top: -36px !important
    }

    .my-md-n10 {
        margin-bottom: -40px !important;
        margin-top: -40px !important
    }

    .my-md-n11 {
        margin-bottom: -44px !important;
        margin-top: -44px !important
    }

    .my-md-n12 {
        margin-bottom: -3pc !important;
        margin-top: -3pc !important
    }

    .my-md-n13 {
        margin-bottom: -52px !important;
        margin-top: -52px !important
    }

    .my-md-n14 {
        margin-bottom: -56px !important;
        margin-top: -56px !important
    }

    .my-md-n15 {
        margin-bottom: -60px !important;
        margin-top: -60px !important
    }

    .my-md-n16 {
        margin-bottom: -4pc !important;
        margin-top: -4pc !important
    }

    .mt-md-n1 {
        margin-top: -4px !important
    }

    .mt-md-n2 {
        margin-top: -8px !important
    }

    .mt-md-n3 {
        margin-top: -9pt !important
    }

    .mt-md-n4 {
        margin-top: -1pc !important
    }

    .mt-md-n5 {
        margin-top: -20px !important
    }

    .mt-md-n6 {
        margin-top: -24px !important
    }

    .mt-md-n7 {
        margin-top: -28px !important
    }

    .mt-md-n8 {
        margin-top: -2pc !important
    }

    .mt-md-n9 {
        margin-top: -36px !important
    }

    .mt-md-n10 {
        margin-top: -40px !important
    }

    .mt-md-n11 {
        margin-top: -44px !important
    }

    .mt-md-n12 {
        margin-top: -3pc !important
    }

    .mt-md-n13 {
        margin-top: -52px !important
    }

    .mt-md-n14 {
        margin-top: -56px !important
    }

    .mt-md-n15 {
        margin-top: -60px !important
    }

    .mt-md-n16 {
        margin-top: -4pc !important
    }

    .mr-md-n1 {
        margin-right: -4px !important
    }

    .mr-md-n2 {
        margin-right: -8px !important
    }

    .mr-md-n3 {
        margin-right: -9pt !important
    }

    .mr-md-n4 {
        margin-right: -1pc !important
    }

    .mr-md-n5 {
        margin-right: -20px !important
    }

    .mr-md-n6 {
        margin-right: -24px !important
    }

    .mr-md-n7 {
        margin-right: -28px !important
    }

    .mr-md-n8 {
        margin-right: -2pc !important
    }

    .mr-md-n9 {
        margin-right: -36px !important
    }

    .mr-md-n10 {
        margin-right: -40px !important
    }

    .mr-md-n11 {
        margin-right: -44px !important
    }

    .mr-md-n12 {
        margin-right: -3pc !important
    }

    .mr-md-n13 {
        margin-right: -52px !important
    }

    .mr-md-n14 {
        margin-right: -56px !important
    }

    .mr-md-n15 {
        margin-right: -60px !important
    }

    .mr-md-n16 {
        margin-right: -4pc !important
    }

    .mb-md-n1 {
        margin-bottom: -4px !important
    }

    .mb-md-n2 {
        margin-bottom: -8px !important
    }

    .mb-md-n3 {
        margin-bottom: -9pt !important
    }

    .mb-md-n4 {
        margin-bottom: -1pc !important
    }

    .mb-md-n5 {
        margin-bottom: -20px !important
    }

    .mb-md-n6 {
        margin-bottom: -24px !important
    }

    .mb-md-n7 {
        margin-bottom: -28px !important
    }

    .mb-md-n8 {
        margin-bottom: -2pc !important
    }

    .mb-md-n9 {
        margin-bottom: -36px !important
    }

    .mb-md-n10 {
        margin-bottom: -40px !important
    }

    .mb-md-n11 {
        margin-bottom: -44px !important
    }

    .mb-md-n12 {
        margin-bottom: -3pc !important
    }

    .mb-md-n13 {
        margin-bottom: -52px !important
    }

    .mb-md-n14 {
        margin-bottom: -56px !important
    }

    .mb-md-n15 {
        margin-bottom: -60px !important
    }

    .mb-md-n16 {
        margin-bottom: -4pc !important
    }

    .ml-md-n1 {
        margin-left: -4px !important
    }

    .ml-md-n2 {
        margin-left: -8px !important
    }

    .ml-md-n3 {
        margin-left: -9pt !important
    }

    .ml-md-n4 {
        margin-left: -1pc !important
    }

    .ml-md-n5 {
        margin-left: -20px !important
    }

    .ml-md-n6 {
        margin-left: -24px !important
    }

    .ml-md-n7 {
        margin-left: -28px !important
    }

    .ml-md-n8 {
        margin-left: -2pc !important
    }

    .ml-md-n9 {
        margin-left: -36px !important
    }

    .ml-md-n10 {
        margin-left: -40px !important
    }

    .ml-md-n11 {
        margin-left: -44px !important
    }

    .ml-md-n12 {
        margin-left: -3pc !important
    }

    .ml-md-n13 {
        margin-left: -52px !important
    }

    .ml-md-n14 {
        margin-left: -56px !important
    }

    .ml-md-n15 {
        margin-left: -60px !important
    }

    .ml-md-n16 {
        margin-left: -4pc !important
    }

    .ms-md-n1 {
        margin-inline-start: -4px !important
    }

    .ms-md-n2 {
        margin-inline-start: -8px !important
    }

    .ms-md-n3 {
        margin-inline-start: -9pt !important
    }

    .ms-md-n4 {
        margin-inline-start: -1pc !important
    }

    .ms-md-n5 {
        margin-inline-start: -20px !important
    }

    .ms-md-n6 {
        margin-inline-start: -24px !important
    }

    .ms-md-n7 {
        margin-inline-start: -28px !important
    }

    .ms-md-n8 {
        margin-inline-start: -2pc !important
    }

    .ms-md-n9 {
        margin-inline-start: -36px !important
    }

    .ms-md-n10 {
        margin-inline-start: -40px !important
    }

    .ms-md-n11 {
        margin-inline-start: -44px !important
    }

    .ms-md-n12 {
        margin-inline-start: -3pc !important
    }

    .ms-md-n13 {
        margin-inline-start: -52px !important
    }

    .ms-md-n14 {
        margin-inline-start: -56px !important
    }

    .ms-md-n15 {
        margin-inline-start: -60px !important
    }

    .ms-md-n16 {
        margin-inline-start: -4pc !important
    }

    .me-md-n1 {
        margin-inline-end: -4px !important
    }

    .me-md-n2 {
        margin-inline-end: -8px !important
    }

    .me-md-n3 {
        margin-inline-end: -9pt !important
    }

    .me-md-n4 {
        margin-inline-end: -1pc !important
    }

    .me-md-n5 {
        margin-inline-end: -20px !important
    }

    .me-md-n6 {
        margin-inline-end: -24px !important
    }

    .me-md-n7 {
        margin-inline-end: -28px !important
    }

    .me-md-n8 {
        margin-inline-end: -2pc !important
    }

    .me-md-n9 {
        margin-inline-end: -36px !important
    }

    .me-md-n10 {
        margin-inline-end: -40px !important
    }

    .me-md-n11 {
        margin-inline-end: -44px !important
    }

    .me-md-n12 {
        margin-inline-end: -3pc !important
    }

    .me-md-n13 {
        margin-inline-end: -52px !important
    }

    .me-md-n14 {
        margin-inline-end: -56px !important
    }

    .me-md-n15 {
        margin-inline-end: -60px !important
    }

    .me-md-n16 {
        margin-inline-end: -4pc !important
    }

    .pa-md-0 {
        padding: 0 !important
    }

    .pa-md-1 {
        padding: 4px !important
    }

    .pa-md-2 {
        padding: 8px !important
    }

    .pa-md-3 {
        padding: 9pt !important
    }

    .pa-md-4 {
        padding: 1pc !important
    }

    .pa-md-5 {
        padding: 20px !important
    }

    .pa-md-6 {
        padding: 24px !important
    }

    .pa-md-7 {
        padding: 28px !important
    }

    .pa-md-8 {
        padding: 2pc !important
    }

    .pa-md-9 {
        padding: 36px !important
    }

    .pa-md-10 {
        padding: 40px !important
    }

    .pa-md-11 {
        padding: 44px !important
    }

    .pa-md-12 {
        padding: 3pc !important
    }

    .pa-md-13 {
        padding: 52px !important
    }

    .pa-md-14 {
        padding: 56px !important
    }

    .pa-md-15 {
        padding: 60px !important
    }

    .pa-md-16 {
        padding: 4pc !important
    }

    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-md-1 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .px-md-2 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .px-md-3 {
        padding-left: 9pt !important;
        padding-right: 9pt !important
    }

    .px-md-4 {
        padding-left: 1pc !important;
        padding-right: 1pc !important
    }

    .px-md-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .px-md-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .px-md-7 {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .px-md-8 {
        padding-left: 2pc !important;
        padding-right: 2pc !important
    }

    .px-md-9 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .px-md-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .px-md-11 {
        padding-left: 44px !important;
        padding-right: 44px !important
    }

    .px-md-12 {
        padding-left: 3pc !important;
        padding-right: 3pc !important
    }

    .px-md-13 {
        padding-left: 52px !important;
        padding-right: 52px !important
    }

    .px-md-14 {
        padding-left: 56px !important;
        padding-right: 56px !important
    }

    .px-md-15 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .px-md-16 {
        padding-left: 4pc !important;
        padding-right: 4pc !important
    }

    .py-md-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-md-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }

    .py-md-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }

    .py-md-3 {
        padding-bottom: 9pt !important;
        padding-top: 9pt !important
    }

    .py-md-4 {
        padding-bottom: 1pc !important;
        padding-top: 1pc !important
    }

    .py-md-5 {
        padding-bottom: 20px !important;
        padding-top: 20px !important
    }

    .py-md-6 {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }

    .py-md-7 {
        padding-bottom: 28px !important;
        padding-top: 28px !important
    }

    .py-md-8 {
        padding-bottom: 2pc !important;
        padding-top: 2pc !important
    }

    .py-md-9 {
        padding-bottom: 36px !important;
        padding-top: 36px !important
    }

    .py-md-10 {
        padding-bottom: 40px !important;
        padding-top: 40px !important
    }

    .py-md-11 {
        padding-bottom: 44px !important;
        padding-top: 44px !important
    }

    .py-md-12 {
        padding-bottom: 3pc !important;
        padding-top: 3pc !important
    }

    .py-md-13 {
        padding-bottom: 52px !important;
        padding-top: 52px !important
    }

    .py-md-14 {
        padding-bottom: 56px !important;
        padding-top: 56px !important
    }

    .py-md-15 {
        padding-bottom: 60px !important;
        padding-top: 60px !important
    }

    .py-md-16 {
        padding-bottom: 4pc !important;
        padding-top: 4pc !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: 4px !important
    }

    .pt-md-2 {
        padding-top: 8px !important
    }

    .pt-md-3 {
        padding-top: 9pt !important
    }

    .pt-md-4 {
        padding-top: 1pc !important
    }

    .pt-md-5 {
        padding-top: 20px !important
    }

    .pt-md-6 {
        padding-top: 24px !important
    }

    .pt-md-7 {
        padding-top: 28px !important
    }

    .pt-md-8 {
        padding-top: 2pc !important
    }

    .pt-md-9 {
        padding-top: 36px !important
    }

    .pt-md-10 {
        padding-top: 40px !important
    }

    .pt-md-11 {
        padding-top: 44px !important
    }

    .pt-md-12 {
        padding-top: 3pc !important
    }

    .pt-md-13 {
        padding-top: 52px !important
    }

    .pt-md-14 {
        padding-top: 56px !important
    }

    .pt-md-15 {
        padding-top: 60px !important
    }

    .pt-md-16 {
        padding-top: 4pc !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pr-md-1 {
        padding-right: 4px !important
    }

    .pr-md-2 {
        padding-right: 8px !important
    }

    .pr-md-3 {
        padding-right: 9pt !important
    }

    .pr-md-4 {
        padding-right: 1pc !important
    }

    .pr-md-5 {
        padding-right: 20px !important
    }

    .pr-md-6 {
        padding-right: 24px !important
    }

    .pr-md-7 {
        padding-right: 28px !important
    }

    .pr-md-8 {
        padding-right: 2pc !important
    }

    .pr-md-9 {
        padding-right: 36px !important
    }

    .pr-md-10 {
        padding-right: 40px !important
    }

    .pr-md-11 {
        padding-right: 44px !important
    }

    .pr-md-12 {
        padding-right: 3pc !important
    }

    .pr-md-13 {
        padding-right: 52px !important
    }

    .pr-md-14 {
        padding-right: 56px !important
    }

    .pr-md-15 {
        padding-right: 60px !important
    }

    .pr-md-16 {
        padding-right: 4pc !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: 4px !important
    }

    .pb-md-2 {
        padding-bottom: 8px !important
    }

    .pb-md-3 {
        padding-bottom: 9pt !important
    }

    .pb-md-4 {
        padding-bottom: 1pc !important
    }

    .pb-md-5 {
        padding-bottom: 20px !important
    }

    .pb-md-6 {
        padding-bottom: 24px !important
    }

    .pb-md-7 {
        padding-bottom: 28px !important
    }

    .pb-md-8 {
        padding-bottom: 2pc !important
    }

    .pb-md-9 {
        padding-bottom: 36px !important
    }

    .pb-md-10 {
        padding-bottom: 40px !important
    }

    .pb-md-11 {
        padding-bottom: 44px !important
    }

    .pb-md-12 {
        padding-bottom: 3pc !important
    }

    .pb-md-13 {
        padding-bottom: 52px !important
    }

    .pb-md-14 {
        padding-bottom: 56px !important
    }

    .pb-md-15 {
        padding-bottom: 60px !important
    }

    .pb-md-16 {
        padding-bottom: 4pc !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .pl-md-1 {
        padding-left: 4px !important
    }

    .pl-md-2 {
        padding-left: 8px !important
    }

    .pl-md-3 {
        padding-left: 9pt !important
    }

    .pl-md-4 {
        padding-left: 1pc !important
    }

    .pl-md-5 {
        padding-left: 20px !important
    }

    .pl-md-6 {
        padding-left: 24px !important
    }

    .pl-md-7 {
        padding-left: 28px !important
    }

    .pl-md-8 {
        padding-left: 2pc !important
    }

    .pl-md-9 {
        padding-left: 36px !important
    }

    .pl-md-10 {
        padding-left: 40px !important
    }

    .pl-md-11 {
        padding-left: 44px !important
    }

    .pl-md-12 {
        padding-left: 3pc !important
    }

    .pl-md-13 {
        padding-left: 52px !important
    }

    .pl-md-14 {
        padding-left: 56px !important
    }

    .pl-md-15 {
        padding-left: 60px !important
    }

    .pl-md-16 {
        padding-left: 4pc !important
    }

    .ps-md-0 {
        padding-inline-start: 0 !important
    }

    .ps-md-1 {
        padding-inline-start: 4px !important
    }

    .ps-md-2 {
        padding-inline-start: 8px !important
    }

    .ps-md-3 {
        padding-inline-start: 9pt !important
    }

    .ps-md-4 {
        padding-inline-start: 1pc !important
    }

    .ps-md-5 {
        padding-inline-start: 20px !important
    }

    .ps-md-6 {
        padding-inline-start: 24px !important
    }

    .ps-md-7 {
        padding-inline-start: 28px !important
    }

    .ps-md-8 {
        padding-inline-start: 2pc !important
    }

    .ps-md-9 {
        padding-inline-start: 36px !important
    }

    .ps-md-10 {
        padding-inline-start: 40px !important
    }

    .ps-md-11 {
        padding-inline-start: 44px !important
    }

    .ps-md-12 {
        padding-inline-start: 3pc !important
    }

    .ps-md-13 {
        padding-inline-start: 52px !important
    }

    .ps-md-14 {
        padding-inline-start: 56px !important
    }

    .ps-md-15 {
        padding-inline-start: 60px !important
    }

    .ps-md-16 {
        padding-inline-start: 4pc !important
    }

    .pe-md-0 {
        padding-inline-end: 0 !important
    }

    .pe-md-1 {
        padding-inline-end: 4px !important
    }

    .pe-md-2 {
        padding-inline-end: 8px !important
    }

    .pe-md-3 {
        padding-inline-end: 9pt !important
    }

    .pe-md-4 {
        padding-inline-end: 1pc !important
    }

    .pe-md-5 {
        padding-inline-end: 20px !important
    }

    .pe-md-6 {
        padding-inline-end: 24px !important
    }

    .pe-md-7 {
        padding-inline-end: 28px !important
    }

    .pe-md-8 {
        padding-inline-end: 2pc !important
    }

    .pe-md-9 {
        padding-inline-end: 36px !important
    }

    .pe-md-10 {
        padding-inline-end: 40px !important
    }

    .pe-md-11 {
        padding-inline-end: 44px !important
    }

    .pe-md-12 {
        padding-inline-end: 3pc !important
    }

    .pe-md-13 {
        padding-inline-end: 52px !important
    }

    .pe-md-14 {
        padding-inline-end: 56px !important
    }

    .pe-md-15 {
        padding-inline-end: 60px !important
    }

    .pe-md-16 {
        padding-inline-end: 4pc !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }

    .text-md-justify {
        text-align: justify !important
    }

    .text-md-start {
        text-align: start !important
    }

    .text-md-end {
        text-align: end !important
    }

    .text-md-h1 {
        font-size: 6rem !important;
        letter-spacing: -.015625em !important;
        line-height: 6rem
    }

    .text-md-h1,
    .text-md-h2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 300;
        text-transform: none !important
    }

    .text-md-h2 {
        font-size: 3.75rem !important;
        letter-spacing: -.0083333333em !important;
        line-height: 3.75rem
    }

    .text-md-h3 {
        font-size: 3rem !important;
        letter-spacing: normal !important;
        line-height: 3.125rem
    }

    .text-md-h3,
    .text-md-h4 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-md-h4 {
        font-size: 2.125rem !important;
        letter-spacing: .0073529412em !important;
        line-height: 2.5rem
    }

    .text-md-h5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        letter-spacing: normal !important
    }

    .text-md-h5,
    .text-md-h6 {
        font-family: Roboto, sans-serif !important;
        line-height: 2rem;
        text-transform: none !important
    }

    .text-md-h6 {
        font-size: 1.25rem !important;
        font-weight: 500;
        letter-spacing: .0125em !important
    }

    .text-md-subtitle-1 {
        font-size: 1rem !important;
        font-weight: 400;
        letter-spacing: .009375em !important;
        line-height: 1.75rem
    }

    .text-md-subtitle-1,
    .text-md-subtitle-2 {
        font-family: Roboto, sans-serif !important;
        text-transform: none !important
    }

    .text-md-subtitle-2 {
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0071428571em !important;
        line-height: 1.375rem
    }

    .text-md-body-1 {
        font-size: 1rem !important;
        letter-spacing: .03125em !important;
        line-height: 1.5rem
    }

    .text-md-body-1,
    .text-md-body-2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-md-body-2 {
        font-size: .875rem !important;
        letter-spacing: .0178571429em !important;
        line-height: 1.25rem
    }

    .text-md-button {
        font-family: Roboto, sans-serif !important;
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0892857143em !important;
        line-height: 2.25rem;
        text-transform: uppercase !important
    }

    .text-md-caption {
        font-weight: 400;
        letter-spacing: .0333333333em !important;
        line-height: 1.25rem;
        text-transform: none !important
    }

    .text-md-caption,
    .text-md-overline {
        font-family: Roboto, sans-serif !important;
        font-size: .75rem !important
    }

    .text-md-overline {
        font-weight: 500;
        letter-spacing: .1666666667em !important;
        line-height: 2rem;
        text-transform: uppercase !important
    }
}

@media (min-width:1280px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .float-lg-none {
        float: none !important
    }

    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .v-locale--is-rtl .float-lg-end {
        float: left !important
    }

    .v-locale--is-ltr .float-lg-end,
    .v-locale--is-rtl .float-lg-start {
        float: right !important
    }

    .v-locale--is-ltr .float-lg-start {
        float: left !important
    }

    .flex-lg-1-1,
    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-1-0 {
        flex: 1 0 auto !important
    }

    .flex-lg-0-1 {
        flex: 0 1 auto !important
    }

    .flex-lg-0-0 {
        flex: 0 0 auto !important
    }

    .flex-lg-1-1-100 {
        flex: 1 1 100% !important
    }

    .flex-lg-1-0-100 {
        flex: 1 0 100% !important
    }

    .flex-lg-0-1-100 {
        flex: 0 1 100% !important
    }

    .flex-lg-0-0-100 {
        flex: 0 0 100% !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-lg-start {
        justify-content: flex-start !important
    }

    .justify-lg-end {
        justify-content: flex-end !important
    }

    .justify-lg-center {
        justify-content: center !important
    }

    .justify-lg-space-between {
        justify-content: space-between !important
    }

    .justify-lg-space-around {
        justify-content: space-around !important
    }

    .justify-lg-space-evenly {
        justify-content: space-evenly !important
    }

    .align-lg-start {
        align-items: flex-start !important
    }

    .align-lg-end {
        align-items: flex-end !important
    }

    .align-lg-center {
        align-items: center !important
    }

    .align-lg-baseline {
        align-items: baseline !important
    }

    .align-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-space-between {
        align-content: space-between !important
    }

    .align-content-lg-space-around {
        align-content: space-around !important
    }

    .align-content-lg-space-evenly {
        align-content: space-evenly !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-6 {
        order: 6 !important
    }

    .order-lg-7 {
        order: 7 !important
    }

    .order-lg-8 {
        order: 8 !important
    }

    .order-lg-9 {
        order: 9 !important
    }

    .order-lg-10 {
        order: 10 !important
    }

    .order-lg-11 {
        order: 11 !important
    }

    .order-lg-12 {
        order: 12 !important
    }

    .order-lg-last {
        order: 13 !important
    }

    .ma-lg-0 {
        margin: 0 !important
    }

    .ma-lg-1 {
        margin: 4px !important
    }

    .ma-lg-2 {
        margin: 8px !important
    }

    .ma-lg-3 {
        margin: 9pt !important
    }

    .ma-lg-4 {
        margin: 1pc !important
    }

    .ma-lg-5 {
        margin: 20px !important
    }

    .ma-lg-6 {
        margin: 24px !important
    }

    .ma-lg-7 {
        margin: 28px !important
    }

    .ma-lg-8 {
        margin: 2pc !important
    }

    .ma-lg-9 {
        margin: 36px !important
    }

    .ma-lg-10 {
        margin: 40px !important
    }

    .ma-lg-11 {
        margin: 44px !important
    }

    .ma-lg-12 {
        margin: 3pc !important
    }

    .ma-lg-13 {
        margin: 52px !important
    }

    .ma-lg-14 {
        margin: 56px !important
    }

    .ma-lg-15 {
        margin: 60px !important
    }

    .ma-lg-16 {
        margin: 4pc !important
    }

    .ma-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-lg-1 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .mx-lg-2 {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .mx-lg-3 {
        margin-left: 9pt !important;
        margin-right: 9pt !important
    }

    .mx-lg-4 {
        margin-left: 1pc !important;
        margin-right: 1pc !important
    }

    .mx-lg-5 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mx-lg-6 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .mx-lg-7 {
        margin-left: 28px !important;
        margin-right: 28px !important
    }

    .mx-lg-8 {
        margin-left: 2pc !important;
        margin-right: 2pc !important
    }

    .mx-lg-9 {
        margin-left: 36px !important;
        margin-right: 36px !important
    }

    .mx-lg-10 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mx-lg-11 {
        margin-left: 44px !important;
        margin-right: 44px !important
    }

    .mx-lg-12 {
        margin-left: 3pc !important;
        margin-right: 3pc !important
    }

    .mx-lg-13 {
        margin-left: 52px !important;
        margin-right: 52px !important
    }

    .mx-lg-14 {
        margin-left: 56px !important;
        margin-right: 56px !important
    }

    .mx-lg-15 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .mx-lg-16 {
        margin-left: 4pc !important;
        margin-right: 4pc !important
    }

    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-lg-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-lg-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }

    .my-lg-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }

    .my-lg-3 {
        margin-bottom: 9pt !important;
        margin-top: 9pt !important
    }

    .my-lg-4 {
        margin-bottom: 1pc !important;
        margin-top: 1pc !important
    }

    .my-lg-5 {
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .my-lg-6 {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }

    .my-lg-7 {
        margin-bottom: 28px !important;
        margin-top: 28px !important
    }

    .my-lg-8 {
        margin-bottom: 2pc !important;
        margin-top: 2pc !important
    }

    .my-lg-9 {
        margin-bottom: 36px !important;
        margin-top: 36px !important
    }

    .my-lg-10 {
        margin-bottom: 40px !important;
        margin-top: 40px !important
    }

    .my-lg-11 {
        margin-bottom: 44px !important;
        margin-top: 44px !important
    }

    .my-lg-12 {
        margin-bottom: 3pc !important;
        margin-top: 3pc !important
    }

    .my-lg-13 {
        margin-bottom: 52px !important;
        margin-top: 52px !important
    }

    .my-lg-14 {
        margin-bottom: 56px !important;
        margin-top: 56px !important
    }

    .my-lg-15 {
        margin-bottom: 60px !important;
        margin-top: 60px !important
    }

    .my-lg-16 {
        margin-bottom: 4pc !important;
        margin-top: 4pc !important
    }

    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: 4px !important
    }

    .mt-lg-2 {
        margin-top: 8px !important
    }

    .mt-lg-3 {
        margin-top: 9pt !important
    }

    .mt-lg-4 {
        margin-top: 1pc !important
    }

    .mt-lg-5 {
        margin-top: 20px !important
    }

    .mt-lg-6 {
        margin-top: 24px !important
    }

    .mt-lg-7 {
        margin-top: 28px !important
    }

    .mt-lg-8 {
        margin-top: 2pc !important
    }

    .mt-lg-9 {
        margin-top: 36px !important
    }

    .mt-lg-10 {
        margin-top: 40px !important
    }

    .mt-lg-11 {
        margin-top: 44px !important
    }

    .mt-lg-12 {
        margin-top: 3pc !important
    }

    .mt-lg-13 {
        margin-top: 52px !important
    }

    .mt-lg-14 {
        margin-top: 56px !important
    }

    .mt-lg-15 {
        margin-top: 60px !important
    }

    .mt-lg-16 {
        margin-top: 4pc !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mr-lg-1 {
        margin-right: 4px !important
    }

    .mr-lg-2 {
        margin-right: 8px !important
    }

    .mr-lg-3 {
        margin-right: 9pt !important
    }

    .mr-lg-4 {
        margin-right: 1pc !important
    }

    .mr-lg-5 {
        margin-right: 20px !important
    }

    .mr-lg-6 {
        margin-right: 24px !important
    }

    .mr-lg-7 {
        margin-right: 28px !important
    }

    .mr-lg-8 {
        margin-right: 2pc !important
    }

    .mr-lg-9 {
        margin-right: 36px !important
    }

    .mr-lg-10 {
        margin-right: 40px !important
    }

    .mr-lg-11 {
        margin-right: 44px !important
    }

    .mr-lg-12 {
        margin-right: 3pc !important
    }

    .mr-lg-13 {
        margin-right: 52px !important
    }

    .mr-lg-14 {
        margin-right: 56px !important
    }

    .mr-lg-15 {
        margin-right: 60px !important
    }

    .mr-lg-16 {
        margin-right: 4pc !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: 4px !important
    }

    .mb-lg-2 {
        margin-bottom: 8px !important
    }

    .mb-lg-3 {
        margin-bottom: 9pt !important
    }

    .mb-lg-4 {
        margin-bottom: 1pc !important
    }

    .mb-lg-5 {
        margin-bottom: 20px !important
    }

    .mb-lg-6 {
        margin-bottom: 24px !important
    }

    .mb-lg-7 {
        margin-bottom: 28px !important
    }

    .mb-lg-8 {
        margin-bottom: 2pc !important
    }

    .mb-lg-9 {
        margin-bottom: 36px !important
    }

    .mb-lg-10 {
        margin-bottom: 40px !important
    }

    .mb-lg-11 {
        margin-bottom: 44px !important
    }

    .mb-lg-12 {
        margin-bottom: 3pc !important
    }

    .mb-lg-13 {
        margin-bottom: 52px !important
    }

    .mb-lg-14 {
        margin-bottom: 56px !important
    }

    .mb-lg-15 {
        margin-bottom: 60px !important
    }

    .mb-lg-16 {
        margin-bottom: 4pc !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .ml-lg-1 {
        margin-left: 4px !important
    }

    .ml-lg-2 {
        margin-left: 8px !important
    }

    .ml-lg-3 {
        margin-left: 9pt !important
    }

    .ml-lg-4 {
        margin-left: 1pc !important
    }

    .ml-lg-5 {
        margin-left: 20px !important
    }

    .ml-lg-6 {
        margin-left: 24px !important
    }

    .ml-lg-7 {
        margin-left: 28px !important
    }

    .ml-lg-8 {
        margin-left: 2pc !important
    }

    .ml-lg-9 {
        margin-left: 36px !important
    }

    .ml-lg-10 {
        margin-left: 40px !important
    }

    .ml-lg-11 {
        margin-left: 44px !important
    }

    .ml-lg-12 {
        margin-left: 3pc !important
    }

    .ml-lg-13 {
        margin-left: 52px !important
    }

    .ml-lg-14 {
        margin-left: 56px !important
    }

    .ml-lg-15 {
        margin-left: 60px !important
    }

    .ml-lg-16 {
        margin-left: 4pc !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .ms-lg-0 {
        margin-inline-start: 0 !important
    }

    .ms-lg-1 {
        margin-inline-start: 4px !important
    }

    .ms-lg-2 {
        margin-inline-start: 8px !important
    }

    .ms-lg-3 {
        margin-inline-start: 9pt !important
    }

    .ms-lg-4 {
        margin-inline-start: 1pc !important
    }

    .ms-lg-5 {
        margin-inline-start: 20px !important
    }

    .ms-lg-6 {
        margin-inline-start: 24px !important
    }

    .ms-lg-7 {
        margin-inline-start: 28px !important
    }

    .ms-lg-8 {
        margin-inline-start: 2pc !important
    }

    .ms-lg-9 {
        margin-inline-start: 36px !important
    }

    .ms-lg-10 {
        margin-inline-start: 40px !important
    }

    .ms-lg-11 {
        margin-inline-start: 44px !important
    }

    .ms-lg-12 {
        margin-inline-start: 3pc !important
    }

    .ms-lg-13 {
        margin-inline-start: 52px !important
    }

    .ms-lg-14 {
        margin-inline-start: 56px !important
    }

    .ms-lg-15 {
        margin-inline-start: 60px !important
    }

    .ms-lg-16 {
        margin-inline-start: 4pc !important
    }

    .ms-lg-auto {
        margin-inline-start: auto !important
    }

    .me-lg-0 {
        margin-inline-end: 0 !important
    }

    .me-lg-1 {
        margin-inline-end: 4px !important
    }

    .me-lg-2 {
        margin-inline-end: 8px !important
    }

    .me-lg-3 {
        margin-inline-end: 9pt !important
    }

    .me-lg-4 {
        margin-inline-end: 1pc !important
    }

    .me-lg-5 {
        margin-inline-end: 20px !important
    }

    .me-lg-6 {
        margin-inline-end: 24px !important
    }

    .me-lg-7 {
        margin-inline-end: 28px !important
    }

    .me-lg-8 {
        margin-inline-end: 2pc !important
    }

    .me-lg-9 {
        margin-inline-end: 36px !important
    }

    .me-lg-10 {
        margin-inline-end: 40px !important
    }

    .me-lg-11 {
        margin-inline-end: 44px !important
    }

    .me-lg-12 {
        margin-inline-end: 3pc !important
    }

    .me-lg-13 {
        margin-inline-end: 52px !important
    }

    .me-lg-14 {
        margin-inline-end: 56px !important
    }

    .me-lg-15 {
        margin-inline-end: 60px !important
    }

    .me-lg-16 {
        margin-inline-end: 4pc !important
    }

    .me-lg-auto {
        margin-inline-end: auto !important
    }

    .ma-lg-n1 {
        margin: -4px !important
    }

    .ma-lg-n2 {
        margin: -8px !important
    }

    .ma-lg-n3 {
        margin: -9pt !important
    }

    .ma-lg-n4 {
        margin: -1pc !important
    }

    .ma-lg-n5 {
        margin: -20px !important
    }

    .ma-lg-n6 {
        margin: -24px !important
    }

    .ma-lg-n7 {
        margin: -28px !important
    }

    .ma-lg-n8 {
        margin: -2pc !important
    }

    .ma-lg-n9 {
        margin: -36px !important
    }

    .ma-lg-n10 {
        margin: -40px !important
    }

    .ma-lg-n11 {
        margin: -44px !important
    }

    .ma-lg-n12 {
        margin: -3pc !important
    }

    .ma-lg-n13 {
        margin: -52px !important
    }

    .ma-lg-n14 {
        margin: -56px !important
    }

    .ma-lg-n15 {
        margin: -60px !important
    }

    .ma-lg-n16 {
        margin: -4pc !important
    }

    .mx-lg-n1 {
        margin-left: -4px !important;
        margin-right: -4px !important
    }

    .mx-lg-n2 {
        margin-left: -8px !important;
        margin-right: -8px !important
    }

    .mx-lg-n3 {
        margin-left: -9pt !important;
        margin-right: -9pt !important
    }

    .mx-lg-n4 {
        margin-left: -1pc !important;
        margin-right: -1pc !important
    }

    .mx-lg-n5 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

    .mx-lg-n6 {
        margin-left: -24px !important;
        margin-right: -24px !important
    }

    .mx-lg-n7 {
        margin-left: -28px !important;
        margin-right: -28px !important
    }

    .mx-lg-n8 {
        margin-left: -2pc !important;
        margin-right: -2pc !important
    }

    .mx-lg-n9 {
        margin-left: -36px !important;
        margin-right: -36px !important
    }

    .mx-lg-n10 {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .mx-lg-n11 {
        margin-left: -44px !important;
        margin-right: -44px !important
    }

    .mx-lg-n12 {
        margin-left: -3pc !important;
        margin-right: -3pc !important
    }

    .mx-lg-n13 {
        margin-left: -52px !important;
        margin-right: -52px !important
    }

    .mx-lg-n14 {
        margin-left: -56px !important;
        margin-right: -56px !important
    }

    .mx-lg-n15 {
        margin-left: -60px !important;
        margin-right: -60px !important
    }

    .mx-lg-n16 {
        margin-left: -4pc !important;
        margin-right: -4pc !important
    }

    .my-lg-n1 {
        margin-bottom: -4px !important;
        margin-top: -4px !important
    }

    .my-lg-n2 {
        margin-bottom: -8px !important;
        margin-top: -8px !important
    }

    .my-lg-n3 {
        margin-bottom: -9pt !important;
        margin-top: -9pt !important
    }

    .my-lg-n4 {
        margin-bottom: -1pc !important;
        margin-top: -1pc !important
    }

    .my-lg-n5 {
        margin-bottom: -20px !important;
        margin-top: -20px !important
    }

    .my-lg-n6 {
        margin-bottom: -24px !important;
        margin-top: -24px !important
    }

    .my-lg-n7 {
        margin-bottom: -28px !important;
        margin-top: -28px !important
    }

    .my-lg-n8 {
        margin-bottom: -2pc !important;
        margin-top: -2pc !important
    }

    .my-lg-n9 {
        margin-bottom: -36px !important;
        margin-top: -36px !important
    }

    .my-lg-n10 {
        margin-bottom: -40px !important;
        margin-top: -40px !important
    }

    .my-lg-n11 {
        margin-bottom: -44px !important;
        margin-top: -44px !important
    }

    .my-lg-n12 {
        margin-bottom: -3pc !important;
        margin-top: -3pc !important
    }

    .my-lg-n13 {
        margin-bottom: -52px !important;
        margin-top: -52px !important
    }

    .my-lg-n14 {
        margin-bottom: -56px !important;
        margin-top: -56px !important
    }

    .my-lg-n15 {
        margin-bottom: -60px !important;
        margin-top: -60px !important
    }

    .my-lg-n16 {
        margin-bottom: -4pc !important;
        margin-top: -4pc !important
    }

    .mt-lg-n1 {
        margin-top: -4px !important
    }

    .mt-lg-n2 {
        margin-top: -8px !important
    }

    .mt-lg-n3 {
        margin-top: -9pt !important
    }

    .mt-lg-n4 {
        margin-top: -1pc !important
    }

    .mt-lg-n5 {
        margin-top: -20px !important
    }

    .mt-lg-n6 {
        margin-top: -24px !important
    }

    .mt-lg-n7 {
        margin-top: -28px !important
    }

    .mt-lg-n8 {
        margin-top: -2pc !important
    }

    .mt-lg-n9 {
        margin-top: -36px !important
    }

    .mt-lg-n10 {
        margin-top: -40px !important
    }

    .mt-lg-n11 {
        margin-top: -44px !important
    }

    .mt-lg-n12 {
        margin-top: -3pc !important
    }

    .mt-lg-n13 {
        margin-top: -52px !important
    }

    .mt-lg-n14 {
        margin-top: -56px !important
    }

    .mt-lg-n15 {
        margin-top: -60px !important
    }

    .mt-lg-n16 {
        margin-top: -4pc !important
    }

    .mr-lg-n1 {
        margin-right: -4px !important
    }

    .mr-lg-n2 {
        margin-right: -8px !important
    }

    .mr-lg-n3 {
        margin-right: -9pt !important
    }

    .mr-lg-n4 {
        margin-right: -1pc !important
    }

    .mr-lg-n5 {
        margin-right: -20px !important
    }

    .mr-lg-n6 {
        margin-right: -24px !important
    }

    .mr-lg-n7 {
        margin-right: -28px !important
    }

    .mr-lg-n8 {
        margin-right: -2pc !important
    }

    .mr-lg-n9 {
        margin-right: -36px !important
    }

    .mr-lg-n10 {
        margin-right: -40px !important
    }

    .mr-lg-n11 {
        margin-right: -44px !important
    }

    .mr-lg-n12 {
        margin-right: -3pc !important
    }

    .mr-lg-n13 {
        margin-right: -52px !important
    }

    .mr-lg-n14 {
        margin-right: -56px !important
    }

    .mr-lg-n15 {
        margin-right: -60px !important
    }

    .mr-lg-n16 {
        margin-right: -4pc !important
    }

    .mb-lg-n1 {
        margin-bottom: -4px !important
    }

    .mb-lg-n2 {
        margin-bottom: -8px !important
    }

    .mb-lg-n3 {
        margin-bottom: -9pt !important
    }

    .mb-lg-n4 {
        margin-bottom: -1pc !important
    }

    .mb-lg-n5 {
        margin-bottom: -20px !important
    }

    .mb-lg-n6 {
        margin-bottom: -24px !important
    }

    .mb-lg-n7 {
        margin-bottom: -28px !important
    }

    .mb-lg-n8 {
        margin-bottom: -2pc !important
    }

    .mb-lg-n9 {
        margin-bottom: -36px !important
    }

    .mb-lg-n10 {
        margin-bottom: -40px !important
    }

    .mb-lg-n11 {
        margin-bottom: -44px !important
    }

    .mb-lg-n12 {
        margin-bottom: -3pc !important
    }

    .mb-lg-n13 {
        margin-bottom: -52px !important
    }

    .mb-lg-n14 {
        margin-bottom: -56px !important
    }

    .mb-lg-n15 {
        margin-bottom: -60px !important
    }

    .mb-lg-n16 {
        margin-bottom: -4pc !important
    }

    .ml-lg-n1 {
        margin-left: -4px !important
    }

    .ml-lg-n2 {
        margin-left: -8px !important
    }

    .ml-lg-n3 {
        margin-left: -9pt !important
    }

    .ml-lg-n4 {
        margin-left: -1pc !important
    }

    .ml-lg-n5 {
        margin-left: -20px !important
    }

    .ml-lg-n6 {
        margin-left: -24px !important
    }

    .ml-lg-n7 {
        margin-left: -28px !important
    }

    .ml-lg-n8 {
        margin-left: -2pc !important
    }

    .ml-lg-n9 {
        margin-left: -36px !important
    }

    .ml-lg-n10 {
        margin-left: -40px !important
    }

    .ml-lg-n11 {
        margin-left: -44px !important
    }

    .ml-lg-n12 {
        margin-left: -3pc !important
    }

    .ml-lg-n13 {
        margin-left: -52px !important
    }

    .ml-lg-n14 {
        margin-left: -56px !important
    }

    .ml-lg-n15 {
        margin-left: -60px !important
    }

    .ml-lg-n16 {
        margin-left: -4pc !important
    }

    .ms-lg-n1 {
        margin-inline-start: -4px !important
    }

    .ms-lg-n2 {
        margin-inline-start: -8px !important
    }

    .ms-lg-n3 {
        margin-inline-start: -9pt !important
    }

    .ms-lg-n4 {
        margin-inline-start: -1pc !important
    }

    .ms-lg-n5 {
        margin-inline-start: -20px !important
    }

    .ms-lg-n6 {
        margin-inline-start: -24px !important
    }

    .ms-lg-n7 {
        margin-inline-start: -28px !important
    }

    .ms-lg-n8 {
        margin-inline-start: -2pc !important
    }

    .ms-lg-n9 {
        margin-inline-start: -36px !important
    }

    .ms-lg-n10 {
        margin-inline-start: -40px !important
    }

    .ms-lg-n11 {
        margin-inline-start: -44px !important
    }

    .ms-lg-n12 {
        margin-inline-start: -3pc !important
    }

    .ms-lg-n13 {
        margin-inline-start: -52px !important
    }

    .ms-lg-n14 {
        margin-inline-start: -56px !important
    }

    .ms-lg-n15 {
        margin-inline-start: -60px !important
    }

    .ms-lg-n16 {
        margin-inline-start: -4pc !important
    }

    .me-lg-n1 {
        margin-inline-end: -4px !important
    }

    .me-lg-n2 {
        margin-inline-end: -8px !important
    }

    .me-lg-n3 {
        margin-inline-end: -9pt !important
    }

    .me-lg-n4 {
        margin-inline-end: -1pc !important
    }

    .me-lg-n5 {
        margin-inline-end: -20px !important
    }

    .me-lg-n6 {
        margin-inline-end: -24px !important
    }

    .me-lg-n7 {
        margin-inline-end: -28px !important
    }

    .me-lg-n8 {
        margin-inline-end: -2pc !important
    }

    .me-lg-n9 {
        margin-inline-end: -36px !important
    }

    .me-lg-n10 {
        margin-inline-end: -40px !important
    }

    .me-lg-n11 {
        margin-inline-end: -44px !important
    }

    .me-lg-n12 {
        margin-inline-end: -3pc !important
    }

    .me-lg-n13 {
        margin-inline-end: -52px !important
    }

    .me-lg-n14 {
        margin-inline-end: -56px !important
    }

    .me-lg-n15 {
        margin-inline-end: -60px !important
    }

    .me-lg-n16 {
        margin-inline-end: -4pc !important
    }

    .pa-lg-0 {
        padding: 0 !important
    }

    .pa-lg-1 {
        padding: 4px !important
    }

    .pa-lg-2 {
        padding: 8px !important
    }

    .pa-lg-3 {
        padding: 9pt !important
    }

    .pa-lg-4 {
        padding: 1pc !important
    }

    .pa-lg-5 {
        padding: 20px !important
    }

    .pa-lg-6 {
        padding: 24px !important
    }

    .pa-lg-7 {
        padding: 28px !important
    }

    .pa-lg-8 {
        padding: 2pc !important
    }

    .pa-lg-9 {
        padding: 36px !important
    }

    .pa-lg-10 {
        padding: 40px !important
    }

    .pa-lg-11 {
        padding: 44px !important
    }

    .pa-lg-12 {
        padding: 3pc !important
    }

    .pa-lg-13 {
        padding: 52px !important
    }

    .pa-lg-14 {
        padding: 56px !important
    }

    .pa-lg-15 {
        padding: 60px !important
    }

    .pa-lg-16 {
        padding: 4pc !important
    }

    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-lg-1 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .px-lg-2 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .px-lg-3 {
        padding-left: 9pt !important;
        padding-right: 9pt !important
    }

    .px-lg-4 {
        padding-left: 1pc !important;
        padding-right: 1pc !important
    }

    .px-lg-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .px-lg-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .px-lg-7 {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .px-lg-8 {
        padding-left: 2pc !important;
        padding-right: 2pc !important
    }

    .px-lg-9 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .px-lg-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .px-lg-11 {
        padding-left: 44px !important;
        padding-right: 44px !important
    }

    .px-lg-12 {
        padding-left: 3pc !important;
        padding-right: 3pc !important
    }

    .px-lg-13 {
        padding-left: 52px !important;
        padding-right: 52px !important
    }

    .px-lg-14 {
        padding-left: 56px !important;
        padding-right: 56px !important
    }

    .px-lg-15 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .px-lg-16 {
        padding-left: 4pc !important;
        padding-right: 4pc !important
    }

    .py-lg-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-lg-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }

    .py-lg-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }

    .py-lg-3 {
        padding-bottom: 9pt !important;
        padding-top: 9pt !important
    }

    .py-lg-4 {
        padding-bottom: 1pc !important;
        padding-top: 1pc !important
    }

    .py-lg-5 {
        padding-bottom: 20px !important;
        padding-top: 20px !important
    }

    .py-lg-6 {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }

    .py-lg-7 {
        padding-bottom: 28px !important;
        padding-top: 28px !important
    }

    .py-lg-8 {
        padding-bottom: 2pc !important;
        padding-top: 2pc !important
    }

    .py-lg-9 {
        padding-bottom: 36px !important;
        padding-top: 36px !important
    }

    .py-lg-10 {
        padding-bottom: 40px !important;
        padding-top: 40px !important
    }

    .py-lg-11 {
        padding-bottom: 44px !important;
        padding-top: 44px !important
    }

    .py-lg-12 {
        padding-bottom: 3pc !important;
        padding-top: 3pc !important
    }

    .py-lg-13 {
        padding-bottom: 52px !important;
        padding-top: 52px !important
    }

    .py-lg-14 {
        padding-bottom: 56px !important;
        padding-top: 56px !important
    }

    .py-lg-15 {
        padding-bottom: 60px !important;
        padding-top: 60px !important
    }

    .py-lg-16 {
        padding-bottom: 4pc !important;
        padding-top: 4pc !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: 4px !important
    }

    .pt-lg-2 {
        padding-top: 8px !important
    }

    .pt-lg-3 {
        padding-top: 9pt !important
    }

    .pt-lg-4 {
        padding-top: 1pc !important
    }

    .pt-lg-5 {
        padding-top: 20px !important
    }

    .pt-lg-6 {
        padding-top: 24px !important
    }

    .pt-lg-7 {
        padding-top: 28px !important
    }

    .pt-lg-8 {
        padding-top: 2pc !important
    }

    .pt-lg-9 {
        padding-top: 36px !important
    }

    .pt-lg-10 {
        padding-top: 40px !important
    }

    .pt-lg-11 {
        padding-top: 44px !important
    }

    .pt-lg-12 {
        padding-top: 3pc !important
    }

    .pt-lg-13 {
        padding-top: 52px !important
    }

    .pt-lg-14 {
        padding-top: 56px !important
    }

    .pt-lg-15 {
        padding-top: 60px !important
    }

    .pt-lg-16 {
        padding-top: 4pc !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pr-lg-1 {
        padding-right: 4px !important
    }

    .pr-lg-2 {
        padding-right: 8px !important
    }

    .pr-lg-3 {
        padding-right: 9pt !important
    }

    .pr-lg-4 {
        padding-right: 1pc !important
    }

    .pr-lg-5 {
        padding-right: 20px !important
    }

    .pr-lg-6 {
        padding-right: 24px !important
    }

    .pr-lg-7 {
        padding-right: 28px !important
    }

    .pr-lg-8 {
        padding-right: 2pc !important
    }

    .pr-lg-9 {
        padding-right: 36px !important
    }

    .pr-lg-10 {
        padding-right: 40px !important
    }

    .pr-lg-11 {
        padding-right: 44px !important
    }

    .pr-lg-12 {
        padding-right: 3pc !important
    }

    .pr-lg-13 {
        padding-right: 52px !important
    }

    .pr-lg-14 {
        padding-right: 56px !important
    }

    .pr-lg-15 {
        padding-right: 60px !important
    }

    .pr-lg-16 {
        padding-right: 4pc !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: 4px !important
    }

    .pb-lg-2 {
        padding-bottom: 8px !important
    }

    .pb-lg-3 {
        padding-bottom: 9pt !important
    }

    .pb-lg-4 {
        padding-bottom: 1pc !important
    }

    .pb-lg-5 {
        padding-bottom: 20px !important
    }

    .pb-lg-6 {
        padding-bottom: 24px !important
    }

    .pb-lg-7 {
        padding-bottom: 28px !important
    }

    .pb-lg-8 {
        padding-bottom: 2pc !important
    }

    .pb-lg-9 {
        padding-bottom: 36px !important
    }

    .pb-lg-10 {
        padding-bottom: 40px !important
    }

    .pb-lg-11 {
        padding-bottom: 44px !important
    }

    .pb-lg-12 {
        padding-bottom: 3pc !important
    }

    .pb-lg-13 {
        padding-bottom: 52px !important
    }

    .pb-lg-14 {
        padding-bottom: 56px !important
    }

    .pb-lg-15 {
        padding-bottom: 60px !important
    }

    .pb-lg-16 {
        padding-bottom: 4pc !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .pl-lg-1 {
        padding-left: 4px !important
    }

    .pl-lg-2 {
        padding-left: 8px !important
    }

    .pl-lg-3 {
        padding-left: 9pt !important
    }

    .pl-lg-4 {
        padding-left: 1pc !important
    }

    .pl-lg-5 {
        padding-left: 20px !important
    }

    .pl-lg-6 {
        padding-left: 24px !important
    }

    .pl-lg-7 {
        padding-left: 28px !important
    }

    .pl-lg-8 {
        padding-left: 2pc !important
    }

    .pl-lg-9 {
        padding-left: 36px !important
    }

    .pl-lg-10 {
        padding-left: 40px !important
    }

    .pl-lg-11 {
        padding-left: 44px !important
    }

    .pl-lg-12 {
        padding-left: 3pc !important
    }

    .pl-lg-13 {
        padding-left: 52px !important
    }

    .pl-lg-14 {
        padding-left: 56px !important
    }

    .pl-lg-15 {
        padding-left: 60px !important
    }

    .pl-lg-16 {
        padding-left: 4pc !important
    }

    .ps-lg-0 {
        padding-inline-start: 0 !important
    }

    .ps-lg-1 {
        padding-inline-start: 4px !important
    }

    .ps-lg-2 {
        padding-inline-start: 8px !important
    }

    .ps-lg-3 {
        padding-inline-start: 9pt !important
    }

    .ps-lg-4 {
        padding-inline-start: 1pc !important
    }

    .ps-lg-5 {
        padding-inline-start: 20px !important
    }

    .ps-lg-6 {
        padding-inline-start: 24px !important
    }

    .ps-lg-7 {
        padding-inline-start: 28px !important
    }

    .ps-lg-8 {
        padding-inline-start: 2pc !important
    }

    .ps-lg-9 {
        padding-inline-start: 36px !important
    }

    .ps-lg-10 {
        padding-inline-start: 40px !important
    }

    .ps-lg-11 {
        padding-inline-start: 44px !important
    }

    .ps-lg-12 {
        padding-inline-start: 3pc !important
    }

    .ps-lg-13 {
        padding-inline-start: 52px !important
    }

    .ps-lg-14 {
        padding-inline-start: 56px !important
    }

    .ps-lg-15 {
        padding-inline-start: 60px !important
    }

    .ps-lg-16 {
        padding-inline-start: 4pc !important
    }

    .pe-lg-0 {
        padding-inline-end: 0 !important
    }

    .pe-lg-1 {
        padding-inline-end: 4px !important
    }

    .pe-lg-2 {
        padding-inline-end: 8px !important
    }

    .pe-lg-3 {
        padding-inline-end: 9pt !important
    }

    .pe-lg-4 {
        padding-inline-end: 1pc !important
    }

    .pe-lg-5 {
        padding-inline-end: 20px !important
    }

    .pe-lg-6 {
        padding-inline-end: 24px !important
    }

    .pe-lg-7 {
        padding-inline-end: 28px !important
    }

    .pe-lg-8 {
        padding-inline-end: 2pc !important
    }

    .pe-lg-9 {
        padding-inline-end: 36px !important
    }

    .pe-lg-10 {
        padding-inline-end: 40px !important
    }

    .pe-lg-11 {
        padding-inline-end: 44px !important
    }

    .pe-lg-12 {
        padding-inline-end: 3pc !important
    }

    .pe-lg-13 {
        padding-inline-end: 52px !important
    }

    .pe-lg-14 {
        padding-inline-end: 56px !important
    }

    .pe-lg-15 {
        padding-inline-end: 60px !important
    }

    .pe-lg-16 {
        padding-inline-end: 4pc !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .text-lg-justify {
        text-align: justify !important
    }

    .text-lg-start {
        text-align: start !important
    }

    .text-lg-end {
        text-align: end !important
    }

    .text-lg-h1 {
        font-size: 6rem !important;
        letter-spacing: -.015625em !important;
        line-height: 6rem
    }

    .text-lg-h1,
    .text-lg-h2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 300;
        text-transform: none !important
    }

    .text-lg-h2 {
        font-size: 3.75rem !important;
        letter-spacing: -.0083333333em !important;
        line-height: 3.75rem
    }

    .text-lg-h3 {
        font-size: 3rem !important;
        letter-spacing: normal !important;
        line-height: 3.125rem
    }

    .text-lg-h3,
    .text-lg-h4 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-lg-h4 {
        font-size: 2.125rem !important;
        letter-spacing: .0073529412em !important;
        line-height: 2.5rem
    }

    .text-lg-h5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        letter-spacing: normal !important
    }

    .text-lg-h5,
    .text-lg-h6 {
        font-family: Roboto, sans-serif !important;
        line-height: 2rem;
        text-transform: none !important
    }

    .text-lg-h6 {
        font-size: 1.25rem !important;
        font-weight: 500;
        letter-spacing: .0125em !important
    }

    .text-lg-subtitle-1 {
        font-size: 1rem !important;
        font-weight: 400;
        letter-spacing: .009375em !important;
        line-height: 1.75rem
    }

    .text-lg-subtitle-1,
    .text-lg-subtitle-2 {
        font-family: Roboto, sans-serif !important;
        text-transform: none !important
    }

    .text-lg-subtitle-2 {
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0071428571em !important;
        line-height: 1.375rem
    }

    .text-lg-body-1 {
        font-size: 1rem !important;
        letter-spacing: .03125em !important;
        line-height: 1.5rem
    }

    .text-lg-body-1,
    .text-lg-body-2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-lg-body-2 {
        font-size: .875rem !important;
        letter-spacing: .0178571429em !important;
        line-height: 1.25rem
    }

    .text-lg-button {
        font-family: Roboto, sans-serif !important;
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0892857143em !important;
        line-height: 2.25rem;
        text-transform: uppercase !important
    }

    .text-lg-caption {
        font-weight: 400;
        letter-spacing: .0333333333em !important;
        line-height: 1.25rem;
        text-transform: none !important
    }

    .text-lg-caption,
    .text-lg-overline {
        font-family: Roboto, sans-serif !important;
        font-size: .75rem !important
    }

    .text-lg-overline {
        font-weight: 500;
        letter-spacing: .1666666667em !important;
        line-height: 2rem;
        text-transform: uppercase !important
    }
}

@media (min-width:1920px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .float-xl-none {
        float: none !important
    }

    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .v-locale--is-rtl .float-xl-end {
        float: left !important
    }

    .v-locale--is-ltr .float-xl-end,
    .v-locale--is-rtl .float-xl-start {
        float: right !important
    }

    .v-locale--is-ltr .float-xl-start {
        float: left !important
    }

    .flex-xl-1-1,
    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-1-0 {
        flex: 1 0 auto !important
    }

    .flex-xl-0-1 {
        flex: 0 1 auto !important
    }

    .flex-xl-0-0 {
        flex: 0 0 auto !important
    }

    .flex-xl-1-1-100 {
        flex: 1 1 100% !important
    }

    .flex-xl-1-0-100 {
        flex: 1 0 100% !important
    }

    .flex-xl-0-1-100 {
        flex: 0 1 100% !important
    }

    .flex-xl-0-0-100 {
        flex: 0 0 100% !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-xl-start {
        justify-content: flex-start !important
    }

    .justify-xl-end {
        justify-content: flex-end !important
    }

    .justify-xl-center {
        justify-content: center !important
    }

    .justify-xl-space-between {
        justify-content: space-between !important
    }

    .justify-xl-space-around {
        justify-content: space-around !important
    }

    .justify-xl-space-evenly {
        justify-content: space-evenly !important
    }

    .align-xl-start {
        align-items: flex-start !important
    }

    .align-xl-end {
        align-items: flex-end !important
    }

    .align-xl-center {
        align-items: center !important
    }

    .align-xl-baseline {
        align-items: baseline !important
    }

    .align-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-space-between {
        align-content: space-between !important
    }

    .align-content-xl-space-around {
        align-content: space-around !important
    }

    .align-content-xl-space-evenly {
        align-content: space-evenly !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-6 {
        order: 6 !important
    }

    .order-xl-7 {
        order: 7 !important
    }

    .order-xl-8 {
        order: 8 !important
    }

    .order-xl-9 {
        order: 9 !important
    }

    .order-xl-10 {
        order: 10 !important
    }

    .order-xl-11 {
        order: 11 !important
    }

    .order-xl-12 {
        order: 12 !important
    }

    .order-xl-last {
        order: 13 !important
    }

    .ma-xl-0 {
        margin: 0 !important
    }

    .ma-xl-1 {
        margin: 4px !important
    }

    .ma-xl-2 {
        margin: 8px !important
    }

    .ma-xl-3 {
        margin: 9pt !important
    }

    .ma-xl-4 {
        margin: 1pc !important
    }

    .ma-xl-5 {
        margin: 20px !important
    }

    .ma-xl-6 {
        margin: 24px !important
    }

    .ma-xl-7 {
        margin: 28px !important
    }

    .ma-xl-8 {
        margin: 2pc !important
    }

    .ma-xl-9 {
        margin: 36px !important
    }

    .ma-xl-10 {
        margin: 40px !important
    }

    .ma-xl-11 {
        margin: 44px !important
    }

    .ma-xl-12 {
        margin: 3pc !important
    }

    .ma-xl-13 {
        margin: 52px !important
    }

    .ma-xl-14 {
        margin: 56px !important
    }

    .ma-xl-15 {
        margin: 60px !important
    }

    .ma-xl-16 {
        margin: 4pc !important
    }

    .ma-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-xl-1 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .mx-xl-2 {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .mx-xl-3 {
        margin-left: 9pt !important;
        margin-right: 9pt !important
    }

    .mx-xl-4 {
        margin-left: 1pc !important;
        margin-right: 1pc !important
    }

    .mx-xl-5 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mx-xl-6 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .mx-xl-7 {
        margin-left: 28px !important;
        margin-right: 28px !important
    }

    .mx-xl-8 {
        margin-left: 2pc !important;
        margin-right: 2pc !important
    }

    .mx-xl-9 {
        margin-left: 36px !important;
        margin-right: 36px !important
    }

    .mx-xl-10 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mx-xl-11 {
        margin-left: 44px !important;
        margin-right: 44px !important
    }

    .mx-xl-12 {
        margin-left: 3pc !important;
        margin-right: 3pc !important
    }

    .mx-xl-13 {
        margin-left: 52px !important;
        margin-right: 52px !important
    }

    .mx-xl-14 {
        margin-left: 56px !important;
        margin-right: 56px !important
    }

    .mx-xl-15 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .mx-xl-16 {
        margin-left: 4pc !important;
        margin-right: 4pc !important
    }

    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-xl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-xl-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }

    .my-xl-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }

    .my-xl-3 {
        margin-bottom: 9pt !important;
        margin-top: 9pt !important
    }

    .my-xl-4 {
        margin-bottom: 1pc !important;
        margin-top: 1pc !important
    }

    .my-xl-5 {
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .my-xl-6 {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }

    .my-xl-7 {
        margin-bottom: 28px !important;
        margin-top: 28px !important
    }

    .my-xl-8 {
        margin-bottom: 2pc !important;
        margin-top: 2pc !important
    }

    .my-xl-9 {
        margin-bottom: 36px !important;
        margin-top: 36px !important
    }

    .my-xl-10 {
        margin-bottom: 40px !important;
        margin-top: 40px !important
    }

    .my-xl-11 {
        margin-bottom: 44px !important;
        margin-top: 44px !important
    }

    .my-xl-12 {
        margin-bottom: 3pc !important;
        margin-top: 3pc !important
    }

    .my-xl-13 {
        margin-bottom: 52px !important;
        margin-top: 52px !important
    }

    .my-xl-14 {
        margin-bottom: 56px !important;
        margin-top: 56px !important
    }

    .my-xl-15 {
        margin-bottom: 60px !important;
        margin-top: 60px !important
    }

    .my-xl-16 {
        margin-bottom: 4pc !important;
        margin-top: 4pc !important
    }

    .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: 4px !important
    }

    .mt-xl-2 {
        margin-top: 8px !important
    }

    .mt-xl-3 {
        margin-top: 9pt !important
    }

    .mt-xl-4 {
        margin-top: 1pc !important
    }

    .mt-xl-5 {
        margin-top: 20px !important
    }

    .mt-xl-6 {
        margin-top: 24px !important
    }

    .mt-xl-7 {
        margin-top: 28px !important
    }

    .mt-xl-8 {
        margin-top: 2pc !important
    }

    .mt-xl-9 {
        margin-top: 36px !important
    }

    .mt-xl-10 {
        margin-top: 40px !important
    }

    .mt-xl-11 {
        margin-top: 44px !important
    }

    .mt-xl-12 {
        margin-top: 3pc !important
    }

    .mt-xl-13 {
        margin-top: 52px !important
    }

    .mt-xl-14 {
        margin-top: 56px !important
    }

    .mt-xl-15 {
        margin-top: 60px !important
    }

    .mt-xl-16 {
        margin-top: 4pc !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mr-xl-1 {
        margin-right: 4px !important
    }

    .mr-xl-2 {
        margin-right: 8px !important
    }

    .mr-xl-3 {
        margin-right: 9pt !important
    }

    .mr-xl-4 {
        margin-right: 1pc !important
    }

    .mr-xl-5 {
        margin-right: 20px !important
    }

    .mr-xl-6 {
        margin-right: 24px !important
    }

    .mr-xl-7 {
        margin-right: 28px !important
    }

    .mr-xl-8 {
        margin-right: 2pc !important
    }

    .mr-xl-9 {
        margin-right: 36px !important
    }

    .mr-xl-10 {
        margin-right: 40px !important
    }

    .mr-xl-11 {
        margin-right: 44px !important
    }

    .mr-xl-12 {
        margin-right: 3pc !important
    }

    .mr-xl-13 {
        margin-right: 52px !important
    }

    .mr-xl-14 {
        margin-right: 56px !important
    }

    .mr-xl-15 {
        margin-right: 60px !important
    }

    .mr-xl-16 {
        margin-right: 4pc !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: 4px !important
    }

    .mb-xl-2 {
        margin-bottom: 8px !important
    }

    .mb-xl-3 {
        margin-bottom: 9pt !important
    }

    .mb-xl-4 {
        margin-bottom: 1pc !important
    }

    .mb-xl-5 {
        margin-bottom: 20px !important
    }

    .mb-xl-6 {
        margin-bottom: 24px !important
    }

    .mb-xl-7 {
        margin-bottom: 28px !important
    }

    .mb-xl-8 {
        margin-bottom: 2pc !important
    }

    .mb-xl-9 {
        margin-bottom: 36px !important
    }

    .mb-xl-10 {
        margin-bottom: 40px !important
    }

    .mb-xl-11 {
        margin-bottom: 44px !important
    }

    .mb-xl-12 {
        margin-bottom: 3pc !important
    }

    .mb-xl-13 {
        margin-bottom: 52px !important
    }

    .mb-xl-14 {
        margin-bottom: 56px !important
    }

    .mb-xl-15 {
        margin-bottom: 60px !important
    }

    .mb-xl-16 {
        margin-bottom: 4pc !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .ml-xl-1 {
        margin-left: 4px !important
    }

    .ml-xl-2 {
        margin-left: 8px !important
    }

    .ml-xl-3 {
        margin-left: 9pt !important
    }

    .ml-xl-4 {
        margin-left: 1pc !important
    }

    .ml-xl-5 {
        margin-left: 20px !important
    }

    .ml-xl-6 {
        margin-left: 24px !important
    }

    .ml-xl-7 {
        margin-left: 28px !important
    }

    .ml-xl-8 {
        margin-left: 2pc !important
    }

    .ml-xl-9 {
        margin-left: 36px !important
    }

    .ml-xl-10 {
        margin-left: 40px !important
    }

    .ml-xl-11 {
        margin-left: 44px !important
    }

    .ml-xl-12 {
        margin-left: 3pc !important
    }

    .ml-xl-13 {
        margin-left: 52px !important
    }

    .ml-xl-14 {
        margin-left: 56px !important
    }

    .ml-xl-15 {
        margin-left: 60px !important
    }

    .ml-xl-16 {
        margin-left: 4pc !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .ms-xl-0 {
        margin-inline-start: 0 !important
    }

    .ms-xl-1 {
        margin-inline-start: 4px !important
    }

    .ms-xl-2 {
        margin-inline-start: 8px !important
    }

    .ms-xl-3 {
        margin-inline-start: 9pt !important
    }

    .ms-xl-4 {
        margin-inline-start: 1pc !important
    }

    .ms-xl-5 {
        margin-inline-start: 20px !important
    }

    .ms-xl-6 {
        margin-inline-start: 24px !important
    }

    .ms-xl-7 {
        margin-inline-start: 28px !important
    }

    .ms-xl-8 {
        margin-inline-start: 2pc !important
    }

    .ms-xl-9 {
        margin-inline-start: 36px !important
    }

    .ms-xl-10 {
        margin-inline-start: 40px !important
    }

    .ms-xl-11 {
        margin-inline-start: 44px !important
    }

    .ms-xl-12 {
        margin-inline-start: 3pc !important
    }

    .ms-xl-13 {
        margin-inline-start: 52px !important
    }

    .ms-xl-14 {
        margin-inline-start: 56px !important
    }

    .ms-xl-15 {
        margin-inline-start: 60px !important
    }

    .ms-xl-16 {
        margin-inline-start: 4pc !important
    }

    .ms-xl-auto {
        margin-inline-start: auto !important
    }

    .me-xl-0 {
        margin-inline-end: 0 !important
    }

    .me-xl-1 {
        margin-inline-end: 4px !important
    }

    .me-xl-2 {
        margin-inline-end: 8px !important
    }

    .me-xl-3 {
        margin-inline-end: 9pt !important
    }

    .me-xl-4 {
        margin-inline-end: 1pc !important
    }

    .me-xl-5 {
        margin-inline-end: 20px !important
    }

    .me-xl-6 {
        margin-inline-end: 24px !important
    }

    .me-xl-7 {
        margin-inline-end: 28px !important
    }

    .me-xl-8 {
        margin-inline-end: 2pc !important
    }

    .me-xl-9 {
        margin-inline-end: 36px !important
    }

    .me-xl-10 {
        margin-inline-end: 40px !important
    }

    .me-xl-11 {
        margin-inline-end: 44px !important
    }

    .me-xl-12 {
        margin-inline-end: 3pc !important
    }

    .me-xl-13 {
        margin-inline-end: 52px !important
    }

    .me-xl-14 {
        margin-inline-end: 56px !important
    }

    .me-xl-15 {
        margin-inline-end: 60px !important
    }

    .me-xl-16 {
        margin-inline-end: 4pc !important
    }

    .me-xl-auto {
        margin-inline-end: auto !important
    }

    .ma-xl-n1 {
        margin: -4px !important
    }

    .ma-xl-n2 {
        margin: -8px !important
    }

    .ma-xl-n3 {
        margin: -9pt !important
    }

    .ma-xl-n4 {
        margin: -1pc !important
    }

    .ma-xl-n5 {
        margin: -20px !important
    }

    .ma-xl-n6 {
        margin: -24px !important
    }

    .ma-xl-n7 {
        margin: -28px !important
    }

    .ma-xl-n8 {
        margin: -2pc !important
    }

    .ma-xl-n9 {
        margin: -36px !important
    }

    .ma-xl-n10 {
        margin: -40px !important
    }

    .ma-xl-n11 {
        margin: -44px !important
    }

    .ma-xl-n12 {
        margin: -3pc !important
    }

    .ma-xl-n13 {
        margin: -52px !important
    }

    .ma-xl-n14 {
        margin: -56px !important
    }

    .ma-xl-n15 {
        margin: -60px !important
    }

    .ma-xl-n16 {
        margin: -4pc !important
    }

    .mx-xl-n1 {
        margin-left: -4px !important;
        margin-right: -4px !important
    }

    .mx-xl-n2 {
        margin-left: -8px !important;
        margin-right: -8px !important
    }

    .mx-xl-n3 {
        margin-left: -9pt !important;
        margin-right: -9pt !important
    }

    .mx-xl-n4 {
        margin-left: -1pc !important;
        margin-right: -1pc !important
    }

    .mx-xl-n5 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

    .mx-xl-n6 {
        margin-left: -24px !important;
        margin-right: -24px !important
    }

    .mx-xl-n7 {
        margin-left: -28px !important;
        margin-right: -28px !important
    }

    .mx-xl-n8 {
        margin-left: -2pc !important;
        margin-right: -2pc !important
    }

    .mx-xl-n9 {
        margin-left: -36px !important;
        margin-right: -36px !important
    }

    .mx-xl-n10 {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .mx-xl-n11 {
        margin-left: -44px !important;
        margin-right: -44px !important
    }

    .mx-xl-n12 {
        margin-left: -3pc !important;
        margin-right: -3pc !important
    }

    .mx-xl-n13 {
        margin-left: -52px !important;
        margin-right: -52px !important
    }

    .mx-xl-n14 {
        margin-left: -56px !important;
        margin-right: -56px !important
    }

    .mx-xl-n15 {
        margin-left: -60px !important;
        margin-right: -60px !important
    }

    .mx-xl-n16 {
        margin-left: -4pc !important;
        margin-right: -4pc !important
    }

    .my-xl-n1 {
        margin-bottom: -4px !important;
        margin-top: -4px !important
    }

    .my-xl-n2 {
        margin-bottom: -8px !important;
        margin-top: -8px !important
    }

    .my-xl-n3 {
        margin-bottom: -9pt !important;
        margin-top: -9pt !important
    }

    .my-xl-n4 {
        margin-bottom: -1pc !important;
        margin-top: -1pc !important
    }

    .my-xl-n5 {
        margin-bottom: -20px !important;
        margin-top: -20px !important
    }

    .my-xl-n6 {
        margin-bottom: -24px !important;
        margin-top: -24px !important
    }

    .my-xl-n7 {
        margin-bottom: -28px !important;
        margin-top: -28px !important
    }

    .my-xl-n8 {
        margin-bottom: -2pc !important;
        margin-top: -2pc !important
    }

    .my-xl-n9 {
        margin-bottom: -36px !important;
        margin-top: -36px !important
    }

    .my-xl-n10 {
        margin-bottom: -40px !important;
        margin-top: -40px !important
    }

    .my-xl-n11 {
        margin-bottom: -44px !important;
        margin-top: -44px !important
    }

    .my-xl-n12 {
        margin-bottom: -3pc !important;
        margin-top: -3pc !important
    }

    .my-xl-n13 {
        margin-bottom: -52px !important;
        margin-top: -52px !important
    }

    .my-xl-n14 {
        margin-bottom: -56px !important;
        margin-top: -56px !important
    }

    .my-xl-n15 {
        margin-bottom: -60px !important;
        margin-top: -60px !important
    }

    .my-xl-n16 {
        margin-bottom: -4pc !important;
        margin-top: -4pc !important
    }

    .mt-xl-n1 {
        margin-top: -4px !important
    }

    .mt-xl-n2 {
        margin-top: -8px !important
    }

    .mt-xl-n3 {
        margin-top: -9pt !important
    }

    .mt-xl-n4 {
        margin-top: -1pc !important
    }

    .mt-xl-n5 {
        margin-top: -20px !important
    }

    .mt-xl-n6 {
        margin-top: -24px !important
    }

    .mt-xl-n7 {
        margin-top: -28px !important
    }

    .mt-xl-n8 {
        margin-top: -2pc !important
    }

    .mt-xl-n9 {
        margin-top: -36px !important
    }

    .mt-xl-n10 {
        margin-top: -40px !important
    }

    .mt-xl-n11 {
        margin-top: -44px !important
    }

    .mt-xl-n12 {
        margin-top: -3pc !important
    }

    .mt-xl-n13 {
        margin-top: -52px !important
    }

    .mt-xl-n14 {
        margin-top: -56px !important
    }

    .mt-xl-n15 {
        margin-top: -60px !important
    }

    .mt-xl-n16 {
        margin-top: -4pc !important
    }

    .mr-xl-n1 {
        margin-right: -4px !important
    }

    .mr-xl-n2 {
        margin-right: -8px !important
    }

    .mr-xl-n3 {
        margin-right: -9pt !important
    }

    .mr-xl-n4 {
        margin-right: -1pc !important
    }

    .mr-xl-n5 {
        margin-right: -20px !important
    }

    .mr-xl-n6 {
        margin-right: -24px !important
    }

    .mr-xl-n7 {
        margin-right: -28px !important
    }

    .mr-xl-n8 {
        margin-right: -2pc !important
    }

    .mr-xl-n9 {
        margin-right: -36px !important
    }

    .mr-xl-n10 {
        margin-right: -40px !important
    }

    .mr-xl-n11 {
        margin-right: -44px !important
    }

    .mr-xl-n12 {
        margin-right: -3pc !important
    }

    .mr-xl-n13 {
        margin-right: -52px !important
    }

    .mr-xl-n14 {
        margin-right: -56px !important
    }

    .mr-xl-n15 {
        margin-right: -60px !important
    }

    .mr-xl-n16 {
        margin-right: -4pc !important
    }

    .mb-xl-n1 {
        margin-bottom: -4px !important
    }

    .mb-xl-n2 {
        margin-bottom: -8px !important
    }

    .mb-xl-n3 {
        margin-bottom: -9pt !important
    }

    .mb-xl-n4 {
        margin-bottom: -1pc !important
    }

    .mb-xl-n5 {
        margin-bottom: -20px !important
    }

    .mb-xl-n6 {
        margin-bottom: -24px !important
    }

    .mb-xl-n7 {
        margin-bottom: -28px !important
    }

    .mb-xl-n8 {
        margin-bottom: -2pc !important
    }

    .mb-xl-n9 {
        margin-bottom: -36px !important
    }

    .mb-xl-n10 {
        margin-bottom: -40px !important
    }

    .mb-xl-n11 {
        margin-bottom: -44px !important
    }

    .mb-xl-n12 {
        margin-bottom: -3pc !important
    }

    .mb-xl-n13 {
        margin-bottom: -52px !important
    }

    .mb-xl-n14 {
        margin-bottom: -56px !important
    }

    .mb-xl-n15 {
        margin-bottom: -60px !important
    }

    .mb-xl-n16 {
        margin-bottom: -4pc !important
    }

    .ml-xl-n1 {
        margin-left: -4px !important
    }

    .ml-xl-n2 {
        margin-left: -8px !important
    }

    .ml-xl-n3 {
        margin-left: -9pt !important
    }

    .ml-xl-n4 {
        margin-left: -1pc !important
    }

    .ml-xl-n5 {
        margin-left: -20px !important
    }

    .ml-xl-n6 {
        margin-left: -24px !important
    }

    .ml-xl-n7 {
        margin-left: -28px !important
    }

    .ml-xl-n8 {
        margin-left: -2pc !important
    }

    .ml-xl-n9 {
        margin-left: -36px !important
    }

    .ml-xl-n10 {
        margin-left: -40px !important
    }

    .ml-xl-n11 {
        margin-left: -44px !important
    }

    .ml-xl-n12 {
        margin-left: -3pc !important
    }

    .ml-xl-n13 {
        margin-left: -52px !important
    }

    .ml-xl-n14 {
        margin-left: -56px !important
    }

    .ml-xl-n15 {
        margin-left: -60px !important
    }

    .ml-xl-n16 {
        margin-left: -4pc !important
    }

    .ms-xl-n1 {
        margin-inline-start: -4px !important
    }

    .ms-xl-n2 {
        margin-inline-start: -8px !important
    }

    .ms-xl-n3 {
        margin-inline-start: -9pt !important
    }

    .ms-xl-n4 {
        margin-inline-start: -1pc !important
    }

    .ms-xl-n5 {
        margin-inline-start: -20px !important
    }

    .ms-xl-n6 {
        margin-inline-start: -24px !important
    }

    .ms-xl-n7 {
        margin-inline-start: -28px !important
    }

    .ms-xl-n8 {
        margin-inline-start: -2pc !important
    }

    .ms-xl-n9 {
        margin-inline-start: -36px !important
    }

    .ms-xl-n10 {
        margin-inline-start: -40px !important
    }

    .ms-xl-n11 {
        margin-inline-start: -44px !important
    }

    .ms-xl-n12 {
        margin-inline-start: -3pc !important
    }

    .ms-xl-n13 {
        margin-inline-start: -52px !important
    }

    .ms-xl-n14 {
        margin-inline-start: -56px !important
    }

    .ms-xl-n15 {
        margin-inline-start: -60px !important
    }

    .ms-xl-n16 {
        margin-inline-start: -4pc !important
    }

    .me-xl-n1 {
        margin-inline-end: -4px !important
    }

    .me-xl-n2 {
        margin-inline-end: -8px !important
    }

    .me-xl-n3 {
        margin-inline-end: -9pt !important
    }

    .me-xl-n4 {
        margin-inline-end: -1pc !important
    }

    .me-xl-n5 {
        margin-inline-end: -20px !important
    }

    .me-xl-n6 {
        margin-inline-end: -24px !important
    }

    .me-xl-n7 {
        margin-inline-end: -28px !important
    }

    .me-xl-n8 {
        margin-inline-end: -2pc !important
    }

    .me-xl-n9 {
        margin-inline-end: -36px !important
    }

    .me-xl-n10 {
        margin-inline-end: -40px !important
    }

    .me-xl-n11 {
        margin-inline-end: -44px !important
    }

    .me-xl-n12 {
        margin-inline-end: -3pc !important
    }

    .me-xl-n13 {
        margin-inline-end: -52px !important
    }

    .me-xl-n14 {
        margin-inline-end: -56px !important
    }

    .me-xl-n15 {
        margin-inline-end: -60px !important
    }

    .me-xl-n16 {
        margin-inline-end: -4pc !important
    }

    .pa-xl-0 {
        padding: 0 !important
    }

    .pa-xl-1 {
        padding: 4px !important
    }

    .pa-xl-2 {
        padding: 8px !important
    }

    .pa-xl-3 {
        padding: 9pt !important
    }

    .pa-xl-4 {
        padding: 1pc !important
    }

    .pa-xl-5 {
        padding: 20px !important
    }

    .pa-xl-6 {
        padding: 24px !important
    }

    .pa-xl-7 {
        padding: 28px !important
    }

    .pa-xl-8 {
        padding: 2pc !important
    }

    .pa-xl-9 {
        padding: 36px !important
    }

    .pa-xl-10 {
        padding: 40px !important
    }

    .pa-xl-11 {
        padding: 44px !important
    }

    .pa-xl-12 {
        padding: 3pc !important
    }

    .pa-xl-13 {
        padding: 52px !important
    }

    .pa-xl-14 {
        padding: 56px !important
    }

    .pa-xl-15 {
        padding: 60px !important
    }

    .pa-xl-16 {
        padding: 4pc !important
    }

    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-xl-1 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .px-xl-2 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .px-xl-3 {
        padding-left: 9pt !important;
        padding-right: 9pt !important
    }

    .px-xl-4 {
        padding-left: 1pc !important;
        padding-right: 1pc !important
    }

    .px-xl-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .px-xl-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .px-xl-7 {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .px-xl-8 {
        padding-left: 2pc !important;
        padding-right: 2pc !important
    }

    .px-xl-9 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .px-xl-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .px-xl-11 {
        padding-left: 44px !important;
        padding-right: 44px !important
    }

    .px-xl-12 {
        padding-left: 3pc !important;
        padding-right: 3pc !important
    }

    .px-xl-13 {
        padding-left: 52px !important;
        padding-right: 52px !important
    }

    .px-xl-14 {
        padding-left: 56px !important;
        padding-right: 56px !important
    }

    .px-xl-15 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .px-xl-16 {
        padding-left: 4pc !important;
        padding-right: 4pc !important
    }

    .py-xl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-xl-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }

    .py-xl-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }

    .py-xl-3 {
        padding-bottom: 9pt !important;
        padding-top: 9pt !important
    }

    .py-xl-4 {
        padding-bottom: 1pc !important;
        padding-top: 1pc !important
    }

    .py-xl-5 {
        padding-bottom: 20px !important;
        padding-top: 20px !important
    }

    .py-xl-6 {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }

    .py-xl-7 {
        padding-bottom: 28px !important;
        padding-top: 28px !important
    }

    .py-xl-8 {
        padding-bottom: 2pc !important;
        padding-top: 2pc !important
    }

    .py-xl-9 {
        padding-bottom: 36px !important;
        padding-top: 36px !important
    }

    .py-xl-10 {
        padding-bottom: 40px !important;
        padding-top: 40px !important
    }

    .py-xl-11 {
        padding-bottom: 44px !important;
        padding-top: 44px !important
    }

    .py-xl-12 {
        padding-bottom: 3pc !important;
        padding-top: 3pc !important
    }

    .py-xl-13 {
        padding-bottom: 52px !important;
        padding-top: 52px !important
    }

    .py-xl-14 {
        padding-bottom: 56px !important;
        padding-top: 56px !important
    }

    .py-xl-15 {
        padding-bottom: 60px !important;
        padding-top: 60px !important
    }

    .py-xl-16 {
        padding-bottom: 4pc !important;
        padding-top: 4pc !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: 4px !important
    }

    .pt-xl-2 {
        padding-top: 8px !important
    }

    .pt-xl-3 {
        padding-top: 9pt !important
    }

    .pt-xl-4 {
        padding-top: 1pc !important
    }

    .pt-xl-5 {
        padding-top: 20px !important
    }

    .pt-xl-6 {
        padding-top: 24px !important
    }

    .pt-xl-7 {
        padding-top: 28px !important
    }

    .pt-xl-8 {
        padding-top: 2pc !important
    }

    .pt-xl-9 {
        padding-top: 36px !important
    }

    .pt-xl-10 {
        padding-top: 40px !important
    }

    .pt-xl-11 {
        padding-top: 44px !important
    }

    .pt-xl-12 {
        padding-top: 3pc !important
    }

    .pt-xl-13 {
        padding-top: 52px !important
    }

    .pt-xl-14 {
        padding-top: 56px !important
    }

    .pt-xl-15 {
        padding-top: 60px !important
    }

    .pt-xl-16 {
        padding-top: 4pc !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pr-xl-1 {
        padding-right: 4px !important
    }

    .pr-xl-2 {
        padding-right: 8px !important
    }

    .pr-xl-3 {
        padding-right: 9pt !important
    }

    .pr-xl-4 {
        padding-right: 1pc !important
    }

    .pr-xl-5 {
        padding-right: 20px !important
    }

    .pr-xl-6 {
        padding-right: 24px !important
    }

    .pr-xl-7 {
        padding-right: 28px !important
    }

    .pr-xl-8 {
        padding-right: 2pc !important
    }

    .pr-xl-9 {
        padding-right: 36px !important
    }

    .pr-xl-10 {
        padding-right: 40px !important
    }

    .pr-xl-11 {
        padding-right: 44px !important
    }

    .pr-xl-12 {
        padding-right: 3pc !important
    }

    .pr-xl-13 {
        padding-right: 52px !important
    }

    .pr-xl-14 {
        padding-right: 56px !important
    }

    .pr-xl-15 {
        padding-right: 60px !important
    }

    .pr-xl-16 {
        padding-right: 4pc !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: 4px !important
    }

    .pb-xl-2 {
        padding-bottom: 8px !important
    }

    .pb-xl-3 {
        padding-bottom: 9pt !important
    }

    .pb-xl-4 {
        padding-bottom: 1pc !important
    }

    .pb-xl-5 {
        padding-bottom: 20px !important
    }

    .pb-xl-6 {
        padding-bottom: 24px !important
    }

    .pb-xl-7 {
        padding-bottom: 28px !important
    }

    .pb-xl-8 {
        padding-bottom: 2pc !important
    }

    .pb-xl-9 {
        padding-bottom: 36px !important
    }

    .pb-xl-10 {
        padding-bottom: 40px !important
    }

    .pb-xl-11 {
        padding-bottom: 44px !important
    }

    .pb-xl-12 {
        padding-bottom: 3pc !important
    }

    .pb-xl-13 {
        padding-bottom: 52px !important
    }

    .pb-xl-14 {
        padding-bottom: 56px !important
    }

    .pb-xl-15 {
        padding-bottom: 60px !important
    }

    .pb-xl-16 {
        padding-bottom: 4pc !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .pl-xl-1 {
        padding-left: 4px !important
    }

    .pl-xl-2 {
        padding-left: 8px !important
    }

    .pl-xl-3 {
        padding-left: 9pt !important
    }

    .pl-xl-4 {
        padding-left: 1pc !important
    }

    .pl-xl-5 {
        padding-left: 20px !important
    }

    .pl-xl-6 {
        padding-left: 24px !important
    }

    .pl-xl-7 {
        padding-left: 28px !important
    }

    .pl-xl-8 {
        padding-left: 2pc !important
    }

    .pl-xl-9 {
        padding-left: 36px !important
    }

    .pl-xl-10 {
        padding-left: 40px !important
    }

    .pl-xl-11 {
        padding-left: 44px !important
    }

    .pl-xl-12 {
        padding-left: 3pc !important
    }

    .pl-xl-13 {
        padding-left: 52px !important
    }

    .pl-xl-14 {
        padding-left: 56px !important
    }

    .pl-xl-15 {
        padding-left: 60px !important
    }

    .pl-xl-16 {
        padding-left: 4pc !important
    }

    .ps-xl-0 {
        padding-inline-start: 0 !important
    }

    .ps-xl-1 {
        padding-inline-start: 4px !important
    }

    .ps-xl-2 {
        padding-inline-start: 8px !important
    }

    .ps-xl-3 {
        padding-inline-start: 9pt !important
    }

    .ps-xl-4 {
        padding-inline-start: 1pc !important
    }

    .ps-xl-5 {
        padding-inline-start: 20px !important
    }

    .ps-xl-6 {
        padding-inline-start: 24px !important
    }

    .ps-xl-7 {
        padding-inline-start: 28px !important
    }

    .ps-xl-8 {
        padding-inline-start: 2pc !important
    }

    .ps-xl-9 {
        padding-inline-start: 36px !important
    }

    .ps-xl-10 {
        padding-inline-start: 40px !important
    }

    .ps-xl-11 {
        padding-inline-start: 44px !important
    }

    .ps-xl-12 {
        padding-inline-start: 3pc !important
    }

    .ps-xl-13 {
        padding-inline-start: 52px !important
    }

    .ps-xl-14 {
        padding-inline-start: 56px !important
    }

    .ps-xl-15 {
        padding-inline-start: 60px !important
    }

    .ps-xl-16 {
        padding-inline-start: 4pc !important
    }

    .pe-xl-0 {
        padding-inline-end: 0 !important
    }

    .pe-xl-1 {
        padding-inline-end: 4px !important
    }

    .pe-xl-2 {
        padding-inline-end: 8px !important
    }

    .pe-xl-3 {
        padding-inline-end: 9pt !important
    }

    .pe-xl-4 {
        padding-inline-end: 1pc !important
    }

    .pe-xl-5 {
        padding-inline-end: 20px !important
    }

    .pe-xl-6 {
        padding-inline-end: 24px !important
    }

    .pe-xl-7 {
        padding-inline-end: 28px !important
    }

    .pe-xl-8 {
        padding-inline-end: 2pc !important
    }

    .pe-xl-9 {
        padding-inline-end: 36px !important
    }

    .pe-xl-10 {
        padding-inline-end: 40px !important
    }

    .pe-xl-11 {
        padding-inline-end: 44px !important
    }

    .pe-xl-12 {
        padding-inline-end: 3pc !important
    }

    .pe-xl-13 {
        padding-inline-end: 52px !important
    }

    .pe-xl-14 {
        padding-inline-end: 56px !important
    }

    .pe-xl-15 {
        padding-inline-end: 60px !important
    }

    .pe-xl-16 {
        padding-inline-end: 4pc !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .text-xl-justify {
        text-align: justify !important
    }

    .text-xl-start {
        text-align: start !important
    }

    .text-xl-end {
        text-align: end !important
    }

    .text-xl-h1 {
        font-size: 6rem !important;
        letter-spacing: -.015625em !important;
        line-height: 6rem
    }

    .text-xl-h1,
    .text-xl-h2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 300;
        text-transform: none !important
    }

    .text-xl-h2 {
        font-size: 3.75rem !important;
        letter-spacing: -.0083333333em !important;
        line-height: 3.75rem
    }

    .text-xl-h3 {
        font-size: 3rem !important;
        letter-spacing: normal !important;
        line-height: 3.125rem
    }

    .text-xl-h3,
    .text-xl-h4 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-xl-h4 {
        font-size: 2.125rem !important;
        letter-spacing: .0073529412em !important;
        line-height: 2.5rem
    }

    .text-xl-h5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        letter-spacing: normal !important
    }

    .text-xl-h5,
    .text-xl-h6 {
        font-family: Roboto, sans-serif !important;
        line-height: 2rem;
        text-transform: none !important
    }

    .text-xl-h6 {
        font-size: 1.25rem !important;
        font-weight: 500;
        letter-spacing: .0125em !important
    }

    .text-xl-subtitle-1 {
        font-size: 1rem !important;
        font-weight: 400;
        letter-spacing: .009375em !important;
        line-height: 1.75rem
    }

    .text-xl-subtitle-1,
    .text-xl-subtitle-2 {
        font-family: Roboto, sans-serif !important;
        text-transform: none !important
    }

    .text-xl-subtitle-2 {
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0071428571em !important;
        line-height: 1.375rem
    }

    .text-xl-body-1 {
        font-size: 1rem !important;
        letter-spacing: .03125em !important;
        line-height: 1.5rem
    }

    .text-xl-body-1,
    .text-xl-body-2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-xl-body-2 {
        font-size: .875rem !important;
        letter-spacing: .0178571429em !important;
        line-height: 1.25rem
    }

    .text-xl-button {
        font-family: Roboto, sans-serif !important;
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0892857143em !important;
        line-height: 2.25rem;
        text-transform: uppercase !important
    }

    .text-xl-caption {
        font-weight: 400;
        letter-spacing: .0333333333em !important;
        line-height: 1.25rem;
        text-transform: none !important
    }

    .text-xl-caption,
    .text-xl-overline {
        font-family: Roboto, sans-serif !important;
        font-size: .75rem !important
    }

    .text-xl-overline {
        font-weight: 500;
        letter-spacing: .1666666667em !important;
        line-height: 2rem;
        text-transform: uppercase !important
    }
}

@media (min-width:2560px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .float-xxl-none {
        float: none !important
    }

    .float-xxl-left {
        float: left !important
    }

    .float-xxl-right {
        float: right !important
    }

    .v-locale--is-rtl .float-xxl-end {
        float: left !important
    }

    .v-locale--is-ltr .float-xxl-end,
    .v-locale--is-rtl .float-xxl-start {
        float: right !important
    }

    .v-locale--is-ltr .float-xxl-start {
        float: left !important
    }

    .flex-xxl-1-1,
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-1-0 {
        flex: 1 0 auto !important
    }

    .flex-xxl-0-1 {
        flex: 0 1 auto !important
    }

    .flex-xxl-0-0 {
        flex: 0 0 auto !important
    }

    .flex-xxl-1-1-100 {
        flex: 1 1 100% !important
    }

    .flex-xxl-1-0-100 {
        flex: 1 0 100% !important
    }

    .flex-xxl-0-1-100 {
        flex: 0 1 100% !important
    }

    .flex-xxl-0-0-100 {
        flex: 0 0 100% !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-xxl-start {
        justify-content: flex-start !important
    }

    .justify-xxl-end {
        justify-content: flex-end !important
    }

    .justify-xxl-center {
        justify-content: center !important
    }

    .justify-xxl-space-between {
        justify-content: space-between !important
    }

    .justify-xxl-space-around {
        justify-content: space-around !important
    }

    .justify-xxl-space-evenly {
        justify-content: space-evenly !important
    }

    .align-xxl-start {
        align-items: flex-start !important
    }

    .align-xxl-end {
        align-items: flex-end !important
    }

    .align-xxl-center {
        align-items: center !important
    }

    .align-xxl-baseline {
        align-items: baseline !important
    }

    .align-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-space-between {
        align-content: space-between !important
    }

    .align-content-xxl-space-around {
        align-content: space-around !important
    }

    .align-content-xxl-space-evenly {
        align-content: space-evenly !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-6 {
        order: 6 !important
    }

    .order-xxl-7 {
        order: 7 !important
    }

    .order-xxl-8 {
        order: 8 !important
    }

    .order-xxl-9 {
        order: 9 !important
    }

    .order-xxl-10 {
        order: 10 !important
    }

    .order-xxl-11 {
        order: 11 !important
    }

    .order-xxl-12 {
        order: 12 !important
    }

    .order-xxl-last {
        order: 13 !important
    }

    .ma-xxl-0 {
        margin: 0 !important
    }

    .ma-xxl-1 {
        margin: 4px !important
    }

    .ma-xxl-2 {
        margin: 8px !important
    }

    .ma-xxl-3 {
        margin: 9pt !important
    }

    .ma-xxl-4 {
        margin: 1pc !important
    }

    .ma-xxl-5 {
        margin: 20px !important
    }

    .ma-xxl-6 {
        margin: 24px !important
    }

    .ma-xxl-7 {
        margin: 28px !important
    }

    .ma-xxl-8 {
        margin: 2pc !important
    }

    .ma-xxl-9 {
        margin: 36px !important
    }

    .ma-xxl-10 {
        margin: 40px !important
    }

    .ma-xxl-11 {
        margin: 44px !important
    }

    .ma-xxl-12 {
        margin: 3pc !important
    }

    .ma-xxl-13 {
        margin: 52px !important
    }

    .ma-xxl-14 {
        margin: 56px !important
    }

    .ma-xxl-15 {
        margin: 60px !important
    }

    .ma-xxl-16 {
        margin: 4pc !important
    }

    .ma-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mx-xxl-1 {
        margin-left: 4px !important;
        margin-right: 4px !important
    }

    .mx-xxl-2 {
        margin-left: 8px !important;
        margin-right: 8px !important
    }

    .mx-xxl-3 {
        margin-left: 9pt !important;
        margin-right: 9pt !important
    }

    .mx-xxl-4 {
        margin-left: 1pc !important;
        margin-right: 1pc !important
    }

    .mx-xxl-5 {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .mx-xxl-6 {
        margin-left: 24px !important;
        margin-right: 24px !important
    }

    .mx-xxl-7 {
        margin-left: 28px !important;
        margin-right: 28px !important
    }

    .mx-xxl-8 {
        margin-left: 2pc !important;
        margin-right: 2pc !important
    }

    .mx-xxl-9 {
        margin-left: 36px !important;
        margin-right: 36px !important
    }

    .mx-xxl-10 {
        margin-left: 40px !important;
        margin-right: 40px !important
    }

    .mx-xxl-11 {
        margin-left: 44px !important;
        margin-right: 44px !important
    }

    .mx-xxl-12 {
        margin-left: 3pc !important;
        margin-right: 3pc !important
    }

    .mx-xxl-13 {
        margin-left: 52px !important;
        margin-right: 52px !important
    }

    .mx-xxl-14 {
        margin-left: 56px !important;
        margin-right: 56px !important
    }

    .mx-xxl-15 {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .mx-xxl-16 {
        margin-left: 4pc !important;
        margin-right: 4pc !important
    }

    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-xxl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .my-xxl-1 {
        margin-bottom: 4px !important;
        margin-top: 4px !important
    }

    .my-xxl-2 {
        margin-bottom: 8px !important;
        margin-top: 8px !important
    }

    .my-xxl-3 {
        margin-bottom: 9pt !important;
        margin-top: 9pt !important
    }

    .my-xxl-4 {
        margin-bottom: 1pc !important;
        margin-top: 1pc !important
    }

    .my-xxl-5 {
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .my-xxl-6 {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }

    .my-xxl-7 {
        margin-bottom: 28px !important;
        margin-top: 28px !important
    }

    .my-xxl-8 {
        margin-bottom: 2pc !important;
        margin-top: 2pc !important
    }

    .my-xxl-9 {
        margin-bottom: 36px !important;
        margin-top: 36px !important
    }

    .my-xxl-10 {
        margin-bottom: 40px !important;
        margin-top: 40px !important
    }

    .my-xxl-11 {
        margin-bottom: 44px !important;
        margin-top: 44px !important
    }

    .my-xxl-12 {
        margin-bottom: 3pc !important;
        margin-top: 3pc !important
    }

    .my-xxl-13 {
        margin-bottom: 52px !important;
        margin-top: 52px !important
    }

    .my-xxl-14 {
        margin-bottom: 56px !important;
        margin-top: 56px !important
    }

    .my-xxl-15 {
        margin-bottom: 60px !important;
        margin-top: 60px !important
    }

    .my-xxl-16 {
        margin-bottom: 4pc !important;
        margin-top: 4pc !important
    }

    .my-xxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: 4px !important
    }

    .mt-xxl-2 {
        margin-top: 8px !important
    }

    .mt-xxl-3 {
        margin-top: 9pt !important
    }

    .mt-xxl-4 {
        margin-top: 1pc !important
    }

    .mt-xxl-5 {
        margin-top: 20px !important
    }

    .mt-xxl-6 {
        margin-top: 24px !important
    }

    .mt-xxl-7 {
        margin-top: 28px !important
    }

    .mt-xxl-8 {
        margin-top: 2pc !important
    }

    .mt-xxl-9 {
        margin-top: 36px !important
    }

    .mt-xxl-10 {
        margin-top: 40px !important
    }

    .mt-xxl-11 {
        margin-top: 44px !important
    }

    .mt-xxl-12 {
        margin-top: 3pc !important
    }

    .mt-xxl-13 {
        margin-top: 52px !important
    }

    .mt-xxl-14 {
        margin-top: 56px !important
    }

    .mt-xxl-15 {
        margin-top: 60px !important
    }

    .mt-xxl-16 {
        margin-top: 4pc !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-0 {
        margin-right: 0 !important
    }

    .mr-xxl-1 {
        margin-right: 4px !important
    }

    .mr-xxl-2 {
        margin-right: 8px !important
    }

    .mr-xxl-3 {
        margin-right: 9pt !important
    }

    .mr-xxl-4 {
        margin-right: 1pc !important
    }

    .mr-xxl-5 {
        margin-right: 20px !important
    }

    .mr-xxl-6 {
        margin-right: 24px !important
    }

    .mr-xxl-7 {
        margin-right: 28px !important
    }

    .mr-xxl-8 {
        margin-right: 2pc !important
    }

    .mr-xxl-9 {
        margin-right: 36px !important
    }

    .mr-xxl-10 {
        margin-right: 40px !important
    }

    .mr-xxl-11 {
        margin-right: 44px !important
    }

    .mr-xxl-12 {
        margin-right: 3pc !important
    }

    .mr-xxl-13 {
        margin-right: 52px !important
    }

    .mr-xxl-14 {
        margin-right: 56px !important
    }

    .mr-xxl-15 {
        margin-right: 60px !important
    }

    .mr-xxl-16 {
        margin-right: 4pc !important
    }

    .mr-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: 4px !important
    }

    .mb-xxl-2 {
        margin-bottom: 8px !important
    }

    .mb-xxl-3 {
        margin-bottom: 9pt !important
    }

    .mb-xxl-4 {
        margin-bottom: 1pc !important
    }

    .mb-xxl-5 {
        margin-bottom: 20px !important
    }

    .mb-xxl-6 {
        margin-bottom: 24px !important
    }

    .mb-xxl-7 {
        margin-bottom: 28px !important
    }

    .mb-xxl-8 {
        margin-bottom: 2pc !important
    }

    .mb-xxl-9 {
        margin-bottom: 36px !important
    }

    .mb-xxl-10 {
        margin-bottom: 40px !important
    }

    .mb-xxl-11 {
        margin-bottom: 44px !important
    }

    .mb-xxl-12 {
        margin-bottom: 3pc !important
    }

    .mb-xxl-13 {
        margin-bottom: 52px !important
    }

    .mb-xxl-14 {
        margin-bottom: 56px !important
    }

    .mb-xxl-15 {
        margin-bottom: 60px !important
    }

    .mb-xxl-16 {
        margin-bottom: 4pc !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-0 {
        margin-left: 0 !important
    }

    .ml-xxl-1 {
        margin-left: 4px !important
    }

    .ml-xxl-2 {
        margin-left: 8px !important
    }

    .ml-xxl-3 {
        margin-left: 9pt !important
    }

    .ml-xxl-4 {
        margin-left: 1pc !important
    }

    .ml-xxl-5 {
        margin-left: 20px !important
    }

    .ml-xxl-6 {
        margin-left: 24px !important
    }

    .ml-xxl-7 {
        margin-left: 28px !important
    }

    .ml-xxl-8 {
        margin-left: 2pc !important
    }

    .ml-xxl-9 {
        margin-left: 36px !important
    }

    .ml-xxl-10 {
        margin-left: 40px !important
    }

    .ml-xxl-11 {
        margin-left: 44px !important
    }

    .ml-xxl-12 {
        margin-left: 3pc !important
    }

    .ml-xxl-13 {
        margin-left: 52px !important
    }

    .ml-xxl-14 {
        margin-left: 56px !important
    }

    .ml-xxl-15 {
        margin-left: 60px !important
    }

    .ml-xxl-16 {
        margin-left: 4pc !important
    }

    .ml-xxl-auto {
        margin-left: auto !important
    }

    .ms-xxl-0 {
        margin-inline-start: 0 !important
    }

    .ms-xxl-1 {
        margin-inline-start: 4px !important
    }

    .ms-xxl-2 {
        margin-inline-start: 8px !important
    }

    .ms-xxl-3 {
        margin-inline-start: 9pt !important
    }

    .ms-xxl-4 {
        margin-inline-start: 1pc !important
    }

    .ms-xxl-5 {
        margin-inline-start: 20px !important
    }

    .ms-xxl-6 {
        margin-inline-start: 24px !important
    }

    .ms-xxl-7 {
        margin-inline-start: 28px !important
    }

    .ms-xxl-8 {
        margin-inline-start: 2pc !important
    }

    .ms-xxl-9 {
        margin-inline-start: 36px !important
    }

    .ms-xxl-10 {
        margin-inline-start: 40px !important
    }

    .ms-xxl-11 {
        margin-inline-start: 44px !important
    }

    .ms-xxl-12 {
        margin-inline-start: 3pc !important
    }

    .ms-xxl-13 {
        margin-inline-start: 52px !important
    }

    .ms-xxl-14 {
        margin-inline-start: 56px !important
    }

    .ms-xxl-15 {
        margin-inline-start: 60px !important
    }

    .ms-xxl-16 {
        margin-inline-start: 4pc !important
    }

    .ms-xxl-auto {
        margin-inline-start: auto !important
    }

    .me-xxl-0 {
        margin-inline-end: 0 !important
    }

    .me-xxl-1 {
        margin-inline-end: 4px !important
    }

    .me-xxl-2 {
        margin-inline-end: 8px !important
    }

    .me-xxl-3 {
        margin-inline-end: 9pt !important
    }

    .me-xxl-4 {
        margin-inline-end: 1pc !important
    }

    .me-xxl-5 {
        margin-inline-end: 20px !important
    }

    .me-xxl-6 {
        margin-inline-end: 24px !important
    }

    .me-xxl-7 {
        margin-inline-end: 28px !important
    }

    .me-xxl-8 {
        margin-inline-end: 2pc !important
    }

    .me-xxl-9 {
        margin-inline-end: 36px !important
    }

    .me-xxl-10 {
        margin-inline-end: 40px !important
    }

    .me-xxl-11 {
        margin-inline-end: 44px !important
    }

    .me-xxl-12 {
        margin-inline-end: 3pc !important
    }

    .me-xxl-13 {
        margin-inline-end: 52px !important
    }

    .me-xxl-14 {
        margin-inline-end: 56px !important
    }

    .me-xxl-15 {
        margin-inline-end: 60px !important
    }

    .me-xxl-16 {
        margin-inline-end: 4pc !important
    }

    .me-xxl-auto {
        margin-inline-end: auto !important
    }

    .ma-xxl-n1 {
        margin: -4px !important
    }

    .ma-xxl-n2 {
        margin: -8px !important
    }

    .ma-xxl-n3 {
        margin: -9pt !important
    }

    .ma-xxl-n4 {
        margin: -1pc !important
    }

    .ma-xxl-n5 {
        margin: -20px !important
    }

    .ma-xxl-n6 {
        margin: -24px !important
    }

    .ma-xxl-n7 {
        margin: -28px !important
    }

    .ma-xxl-n8 {
        margin: -2pc !important
    }

    .ma-xxl-n9 {
        margin: -36px !important
    }

    .ma-xxl-n10 {
        margin: -40px !important
    }

    .ma-xxl-n11 {
        margin: -44px !important
    }

    .ma-xxl-n12 {
        margin: -3pc !important
    }

    .ma-xxl-n13 {
        margin: -52px !important
    }

    .ma-xxl-n14 {
        margin: -56px !important
    }

    .ma-xxl-n15 {
        margin: -60px !important
    }

    .ma-xxl-n16 {
        margin: -4pc !important
    }

    .mx-xxl-n1 {
        margin-left: -4px !important;
        margin-right: -4px !important
    }

    .mx-xxl-n2 {
        margin-left: -8px !important;
        margin-right: -8px !important
    }

    .mx-xxl-n3 {
        margin-left: -9pt !important;
        margin-right: -9pt !important
    }

    .mx-xxl-n4 {
        margin-left: -1pc !important;
        margin-right: -1pc !important
    }

    .mx-xxl-n5 {
        margin-left: -20px !important;
        margin-right: -20px !important
    }

    .mx-xxl-n6 {
        margin-left: -24px !important;
        margin-right: -24px !important
    }

    .mx-xxl-n7 {
        margin-left: -28px !important;
        margin-right: -28px !important
    }

    .mx-xxl-n8 {
        margin-left: -2pc !important;
        margin-right: -2pc !important
    }

    .mx-xxl-n9 {
        margin-left: -36px !important;
        margin-right: -36px !important
    }

    .mx-xxl-n10 {
        margin-left: -40px !important;
        margin-right: -40px !important
    }

    .mx-xxl-n11 {
        margin-left: -44px !important;
        margin-right: -44px !important
    }

    .mx-xxl-n12 {
        margin-left: -3pc !important;
        margin-right: -3pc !important
    }

    .mx-xxl-n13 {
        margin-left: -52px !important;
        margin-right: -52px !important
    }

    .mx-xxl-n14 {
        margin-left: -56px !important;
        margin-right: -56px !important
    }

    .mx-xxl-n15 {
        margin-left: -60px !important;
        margin-right: -60px !important
    }

    .mx-xxl-n16 {
        margin-left: -4pc !important;
        margin-right: -4pc !important
    }

    .my-xxl-n1 {
        margin-bottom: -4px !important;
        margin-top: -4px !important
    }

    .my-xxl-n2 {
        margin-bottom: -8px !important;
        margin-top: -8px !important
    }

    .my-xxl-n3 {
        margin-bottom: -9pt !important;
        margin-top: -9pt !important
    }

    .my-xxl-n4 {
        margin-bottom: -1pc !important;
        margin-top: -1pc !important
    }

    .my-xxl-n5 {
        margin-bottom: -20px !important;
        margin-top: -20px !important
    }

    .my-xxl-n6 {
        margin-bottom: -24px !important;
        margin-top: -24px !important
    }

    .my-xxl-n7 {
        margin-bottom: -28px !important;
        margin-top: -28px !important
    }

    .my-xxl-n8 {
        margin-bottom: -2pc !important;
        margin-top: -2pc !important
    }

    .my-xxl-n9 {
        margin-bottom: -36px !important;
        margin-top: -36px !important
    }

    .my-xxl-n10 {
        margin-bottom: -40px !important;
        margin-top: -40px !important
    }

    .my-xxl-n11 {
        margin-bottom: -44px !important;
        margin-top: -44px !important
    }

    .my-xxl-n12 {
        margin-bottom: -3pc !important;
        margin-top: -3pc !important
    }

    .my-xxl-n13 {
        margin-bottom: -52px !important;
        margin-top: -52px !important
    }

    .my-xxl-n14 {
        margin-bottom: -56px !important;
        margin-top: -56px !important
    }

    .my-xxl-n15 {
        margin-bottom: -60px !important;
        margin-top: -60px !important
    }

    .my-xxl-n16 {
        margin-bottom: -4pc !important;
        margin-top: -4pc !important
    }

    .mt-xxl-n1 {
        margin-top: -4px !important
    }

    .mt-xxl-n2 {
        margin-top: -8px !important
    }

    .mt-xxl-n3 {
        margin-top: -9pt !important
    }

    .mt-xxl-n4 {
        margin-top: -1pc !important
    }

    .mt-xxl-n5 {
        margin-top: -20px !important
    }

    .mt-xxl-n6 {
        margin-top: -24px !important
    }

    .mt-xxl-n7 {
        margin-top: -28px !important
    }

    .mt-xxl-n8 {
        margin-top: -2pc !important
    }

    .mt-xxl-n9 {
        margin-top: -36px !important
    }

    .mt-xxl-n10 {
        margin-top: -40px !important
    }

    .mt-xxl-n11 {
        margin-top: -44px !important
    }

    .mt-xxl-n12 {
        margin-top: -3pc !important
    }

    .mt-xxl-n13 {
        margin-top: -52px !important
    }

    .mt-xxl-n14 {
        margin-top: -56px !important
    }

    .mt-xxl-n15 {
        margin-top: -60px !important
    }

    .mt-xxl-n16 {
        margin-top: -4pc !important
    }

    .mr-xxl-n1 {
        margin-right: -4px !important
    }

    .mr-xxl-n2 {
        margin-right: -8px !important
    }

    .mr-xxl-n3 {
        margin-right: -9pt !important
    }

    .mr-xxl-n4 {
        margin-right: -1pc !important
    }

    .mr-xxl-n5 {
        margin-right: -20px !important
    }

    .mr-xxl-n6 {
        margin-right: -24px !important
    }

    .mr-xxl-n7 {
        margin-right: -28px !important
    }

    .mr-xxl-n8 {
        margin-right: -2pc !important
    }

    .mr-xxl-n9 {
        margin-right: -36px !important
    }

    .mr-xxl-n10 {
        margin-right: -40px !important
    }

    .mr-xxl-n11 {
        margin-right: -44px !important
    }

    .mr-xxl-n12 {
        margin-right: -3pc !important
    }

    .mr-xxl-n13 {
        margin-right: -52px !important
    }

    .mr-xxl-n14 {
        margin-right: -56px !important
    }

    .mr-xxl-n15 {
        margin-right: -60px !important
    }

    .mr-xxl-n16 {
        margin-right: -4pc !important
    }

    .mb-xxl-n1 {
        margin-bottom: -4px !important
    }

    .mb-xxl-n2 {
        margin-bottom: -8px !important
    }

    .mb-xxl-n3 {
        margin-bottom: -9pt !important
    }

    .mb-xxl-n4 {
        margin-bottom: -1pc !important
    }

    .mb-xxl-n5 {
        margin-bottom: -20px !important
    }

    .mb-xxl-n6 {
        margin-bottom: -24px !important
    }

    .mb-xxl-n7 {
        margin-bottom: -28px !important
    }

    .mb-xxl-n8 {
        margin-bottom: -2pc !important
    }

    .mb-xxl-n9 {
        margin-bottom: -36px !important
    }

    .mb-xxl-n10 {
        margin-bottom: -40px !important
    }

    .mb-xxl-n11 {
        margin-bottom: -44px !important
    }

    .mb-xxl-n12 {
        margin-bottom: -3pc !important
    }

    .mb-xxl-n13 {
        margin-bottom: -52px !important
    }

    .mb-xxl-n14 {
        margin-bottom: -56px !important
    }

    .mb-xxl-n15 {
        margin-bottom: -60px !important
    }

    .mb-xxl-n16 {
        margin-bottom: -4pc !important
    }

    .ml-xxl-n1 {
        margin-left: -4px !important
    }

    .ml-xxl-n2 {
        margin-left: -8px !important
    }

    .ml-xxl-n3 {
        margin-left: -9pt !important
    }

    .ml-xxl-n4 {
        margin-left: -1pc !important
    }

    .ml-xxl-n5 {
        margin-left: -20px !important
    }

    .ml-xxl-n6 {
        margin-left: -24px !important
    }

    .ml-xxl-n7 {
        margin-left: -28px !important
    }

    .ml-xxl-n8 {
        margin-left: -2pc !important
    }

    .ml-xxl-n9 {
        margin-left: -36px !important
    }

    .ml-xxl-n10 {
        margin-left: -40px !important
    }

    .ml-xxl-n11 {
        margin-left: -44px !important
    }

    .ml-xxl-n12 {
        margin-left: -3pc !important
    }

    .ml-xxl-n13 {
        margin-left: -52px !important
    }

    .ml-xxl-n14 {
        margin-left: -56px !important
    }

    .ml-xxl-n15 {
        margin-left: -60px !important
    }

    .ml-xxl-n16 {
        margin-left: -4pc !important
    }

    .ms-xxl-n1 {
        margin-inline-start: -4px !important
    }

    .ms-xxl-n2 {
        margin-inline-start: -8px !important
    }

    .ms-xxl-n3 {
        margin-inline-start: -9pt !important
    }

    .ms-xxl-n4 {
        margin-inline-start: -1pc !important
    }

    .ms-xxl-n5 {
        margin-inline-start: -20px !important
    }

    .ms-xxl-n6 {
        margin-inline-start: -24px !important
    }

    .ms-xxl-n7 {
        margin-inline-start: -28px !important
    }

    .ms-xxl-n8 {
        margin-inline-start: -2pc !important
    }

    .ms-xxl-n9 {
        margin-inline-start: -36px !important
    }

    .ms-xxl-n10 {
        margin-inline-start: -40px !important
    }

    .ms-xxl-n11 {
        margin-inline-start: -44px !important
    }

    .ms-xxl-n12 {
        margin-inline-start: -3pc !important
    }

    .ms-xxl-n13 {
        margin-inline-start: -52px !important
    }

    .ms-xxl-n14 {
        margin-inline-start: -56px !important
    }

    .ms-xxl-n15 {
        margin-inline-start: -60px !important
    }

    .ms-xxl-n16 {
        margin-inline-start: -4pc !important
    }

    .me-xxl-n1 {
        margin-inline-end: -4px !important
    }

    .me-xxl-n2 {
        margin-inline-end: -8px !important
    }

    .me-xxl-n3 {
        margin-inline-end: -9pt !important
    }

    .me-xxl-n4 {
        margin-inline-end: -1pc !important
    }

    .me-xxl-n5 {
        margin-inline-end: -20px !important
    }

    .me-xxl-n6 {
        margin-inline-end: -24px !important
    }

    .me-xxl-n7 {
        margin-inline-end: -28px !important
    }

    .me-xxl-n8 {
        margin-inline-end: -2pc !important
    }

    .me-xxl-n9 {
        margin-inline-end: -36px !important
    }

    .me-xxl-n10 {
        margin-inline-end: -40px !important
    }

    .me-xxl-n11 {
        margin-inline-end: -44px !important
    }

    .me-xxl-n12 {
        margin-inline-end: -3pc !important
    }

    .me-xxl-n13 {
        margin-inline-end: -52px !important
    }

    .me-xxl-n14 {
        margin-inline-end: -56px !important
    }

    .me-xxl-n15 {
        margin-inline-end: -60px !important
    }

    .me-xxl-n16 {
        margin-inline-end: -4pc !important
    }

    .pa-xxl-0 {
        padding: 0 !important
    }

    .pa-xxl-1 {
        padding: 4px !important
    }

    .pa-xxl-2 {
        padding: 8px !important
    }

    .pa-xxl-3 {
        padding: 9pt !important
    }

    .pa-xxl-4 {
        padding: 1pc !important
    }

    .pa-xxl-5 {
        padding: 20px !important
    }

    .pa-xxl-6 {
        padding: 24px !important
    }

    .pa-xxl-7 {
        padding: 28px !important
    }

    .pa-xxl-8 {
        padding: 2pc !important
    }

    .pa-xxl-9 {
        padding: 36px !important
    }

    .pa-xxl-10 {
        padding: 40px !important
    }

    .pa-xxl-11 {
        padding: 44px !important
    }

    .pa-xxl-12 {
        padding: 3pc !important
    }

    .pa-xxl-13 {
        padding: 52px !important
    }

    .pa-xxl-14 {
        padding: 56px !important
    }

    .pa-xxl-15 {
        padding: 60px !important
    }

    .pa-xxl-16 {
        padding: 4pc !important
    }

    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-xxl-1 {
        padding-left: 4px !important;
        padding-right: 4px !important
    }

    .px-xxl-2 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .px-xxl-3 {
        padding-left: 9pt !important;
        padding-right: 9pt !important
    }

    .px-xxl-4 {
        padding-left: 1pc !important;
        padding-right: 1pc !important
    }

    .px-xxl-5 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .px-xxl-6 {
        padding-left: 24px !important;
        padding-right: 24px !important
    }

    .px-xxl-7 {
        padding-left: 28px !important;
        padding-right: 28px !important
    }

    .px-xxl-8 {
        padding-left: 2pc !important;
        padding-right: 2pc !important
    }

    .px-xxl-9 {
        padding-left: 36px !important;
        padding-right: 36px !important
    }

    .px-xxl-10 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .px-xxl-11 {
        padding-left: 44px !important;
        padding-right: 44px !important
    }

    .px-xxl-12 {
        padding-left: 3pc !important;
        padding-right: 3pc !important
    }

    .px-xxl-13 {
        padding-left: 52px !important;
        padding-right: 52px !important
    }

    .px-xxl-14 {
        padding-left: 56px !important;
        padding-right: 56px !important
    }

    .px-xxl-15 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .px-xxl-16 {
        padding-left: 4pc !important;
        padding-right: 4pc !important
    }

    .py-xxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .py-xxl-1 {
        padding-bottom: 4px !important;
        padding-top: 4px !important
    }

    .py-xxl-2 {
        padding-bottom: 8px !important;
        padding-top: 8px !important
    }

    .py-xxl-3 {
        padding-bottom: 9pt !important;
        padding-top: 9pt !important
    }

    .py-xxl-4 {
        padding-bottom: 1pc !important;
        padding-top: 1pc !important
    }

    .py-xxl-5 {
        padding-bottom: 20px !important;
        padding-top: 20px !important
    }

    .py-xxl-6 {
        padding-bottom: 24px !important;
        padding-top: 24px !important
    }

    .py-xxl-7 {
        padding-bottom: 28px !important;
        padding-top: 28px !important
    }

    .py-xxl-8 {
        padding-bottom: 2pc !important;
        padding-top: 2pc !important
    }

    .py-xxl-9 {
        padding-bottom: 36px !important;
        padding-top: 36px !important
    }

    .py-xxl-10 {
        padding-bottom: 40px !important;
        padding-top: 40px !important
    }

    .py-xxl-11 {
        padding-bottom: 44px !important;
        padding-top: 44px !important
    }

    .py-xxl-12 {
        padding-bottom: 3pc !important;
        padding-top: 3pc !important
    }

    .py-xxl-13 {
        padding-bottom: 52px !important;
        padding-top: 52px !important
    }

    .py-xxl-14 {
        padding-bottom: 56px !important;
        padding-top: 56px !important
    }

    .py-xxl-15 {
        padding-bottom: 60px !important;
        padding-top: 60px !important
    }

    .py-xxl-16 {
        padding-bottom: 4pc !important;
        padding-top: 4pc !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: 4px !important
    }

    .pt-xxl-2 {
        padding-top: 8px !important
    }

    .pt-xxl-3 {
        padding-top: 9pt !important
    }

    .pt-xxl-4 {
        padding-top: 1pc !important
    }

    .pt-xxl-5 {
        padding-top: 20px !important
    }

    .pt-xxl-6 {
        padding-top: 24px !important
    }

    .pt-xxl-7 {
        padding-top: 28px !important
    }

    .pt-xxl-8 {
        padding-top: 2pc !important
    }

    .pt-xxl-9 {
        padding-top: 36px !important
    }

    .pt-xxl-10 {
        padding-top: 40px !important
    }

    .pt-xxl-11 {
        padding-top: 44px !important
    }

    .pt-xxl-12 {
        padding-top: 3pc !important
    }

    .pt-xxl-13 {
        padding-top: 52px !important
    }

    .pt-xxl-14 {
        padding-top: 56px !important
    }

    .pt-xxl-15 {
        padding-top: 60px !important
    }

    .pt-xxl-16 {
        padding-top: 4pc !important
    }

    .pr-xxl-0 {
        padding-right: 0 !important
    }

    .pr-xxl-1 {
        padding-right: 4px !important
    }

    .pr-xxl-2 {
        padding-right: 8px !important
    }

    .pr-xxl-3 {
        padding-right: 9pt !important
    }

    .pr-xxl-4 {
        padding-right: 1pc !important
    }

    .pr-xxl-5 {
        padding-right: 20px !important
    }

    .pr-xxl-6 {
        padding-right: 24px !important
    }

    .pr-xxl-7 {
        padding-right: 28px !important
    }

    .pr-xxl-8 {
        padding-right: 2pc !important
    }

    .pr-xxl-9 {
        padding-right: 36px !important
    }

    .pr-xxl-10 {
        padding-right: 40px !important
    }

    .pr-xxl-11 {
        padding-right: 44px !important
    }

    .pr-xxl-12 {
        padding-right: 3pc !important
    }

    .pr-xxl-13 {
        padding-right: 52px !important
    }

    .pr-xxl-14 {
        padding-right: 56px !important
    }

    .pr-xxl-15 {
        padding-right: 60px !important
    }

    .pr-xxl-16 {
        padding-right: 4pc !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: 4px !important
    }

    .pb-xxl-2 {
        padding-bottom: 8px !important
    }

    .pb-xxl-3 {
        padding-bottom: 9pt !important
    }

    .pb-xxl-4 {
        padding-bottom: 1pc !important
    }

    .pb-xxl-5 {
        padding-bottom: 20px !important
    }

    .pb-xxl-6 {
        padding-bottom: 24px !important
    }

    .pb-xxl-7 {
        padding-bottom: 28px !important
    }

    .pb-xxl-8 {
        padding-bottom: 2pc !important
    }

    .pb-xxl-9 {
        padding-bottom: 36px !important
    }

    .pb-xxl-10 {
        padding-bottom: 40px !important
    }

    .pb-xxl-11 {
        padding-bottom: 44px !important
    }

    .pb-xxl-12 {
        padding-bottom: 3pc !important
    }

    .pb-xxl-13 {
        padding-bottom: 52px !important
    }

    .pb-xxl-14 {
        padding-bottom: 56px !important
    }

    .pb-xxl-15 {
        padding-bottom: 60px !important
    }

    .pb-xxl-16 {
        padding-bottom: 4pc !important
    }

    .pl-xxl-0 {
        padding-left: 0 !important
    }

    .pl-xxl-1 {
        padding-left: 4px !important
    }

    .pl-xxl-2 {
        padding-left: 8px !important
    }

    .pl-xxl-3 {
        padding-left: 9pt !important
    }

    .pl-xxl-4 {
        padding-left: 1pc !important
    }

    .pl-xxl-5 {
        padding-left: 20px !important
    }

    .pl-xxl-6 {
        padding-left: 24px !important
    }

    .pl-xxl-7 {
        padding-left: 28px !important
    }

    .pl-xxl-8 {
        padding-left: 2pc !important
    }

    .pl-xxl-9 {
        padding-left: 36px !important
    }

    .pl-xxl-10 {
        padding-left: 40px !important
    }

    .pl-xxl-11 {
        padding-left: 44px !important
    }

    .pl-xxl-12 {
        padding-left: 3pc !important
    }

    .pl-xxl-13 {
        padding-left: 52px !important
    }

    .pl-xxl-14 {
        padding-left: 56px !important
    }

    .pl-xxl-15 {
        padding-left: 60px !important
    }

    .pl-xxl-16 {
        padding-left: 4pc !important
    }

    .ps-xxl-0 {
        padding-inline-start: 0 !important
    }

    .ps-xxl-1 {
        padding-inline-start: 4px !important
    }

    .ps-xxl-2 {
        padding-inline-start: 8px !important
    }

    .ps-xxl-3 {
        padding-inline-start: 9pt !important
    }

    .ps-xxl-4 {
        padding-inline-start: 1pc !important
    }

    .ps-xxl-5 {
        padding-inline-start: 20px !important
    }

    .ps-xxl-6 {
        padding-inline-start: 24px !important
    }

    .ps-xxl-7 {
        padding-inline-start: 28px !important
    }

    .ps-xxl-8 {
        padding-inline-start: 2pc !important
    }

    .ps-xxl-9 {
        padding-inline-start: 36px !important
    }

    .ps-xxl-10 {
        padding-inline-start: 40px !important
    }

    .ps-xxl-11 {
        padding-inline-start: 44px !important
    }

    .ps-xxl-12 {
        padding-inline-start: 3pc !important
    }

    .ps-xxl-13 {
        padding-inline-start: 52px !important
    }

    .ps-xxl-14 {
        padding-inline-start: 56px !important
    }

    .ps-xxl-15 {
        padding-inline-start: 60px !important
    }

    .ps-xxl-16 {
        padding-inline-start: 4pc !important
    }

    .pe-xxl-0 {
        padding-inline-end: 0 !important
    }

    .pe-xxl-1 {
        padding-inline-end: 4px !important
    }

    .pe-xxl-2 {
        padding-inline-end: 8px !important
    }

    .pe-xxl-3 {
        padding-inline-end: 9pt !important
    }

    .pe-xxl-4 {
        padding-inline-end: 1pc !important
    }

    .pe-xxl-5 {
        padding-inline-end: 20px !important
    }

    .pe-xxl-6 {
        padding-inline-end: 24px !important
    }

    .pe-xxl-7 {
        padding-inline-end: 28px !important
    }

    .pe-xxl-8 {
        padding-inline-end: 2pc !important
    }

    .pe-xxl-9 {
        padding-inline-end: 36px !important
    }

    .pe-xxl-10 {
        padding-inline-end: 40px !important
    }

    .pe-xxl-11 {
        padding-inline-end: 44px !important
    }

    .pe-xxl-12 {
        padding-inline-end: 3pc !important
    }

    .pe-xxl-13 {
        padding-inline-end: 52px !important
    }

    .pe-xxl-14 {
        padding-inline-end: 56px !important
    }

    .pe-xxl-15 {
        padding-inline-end: 60px !important
    }

    .pe-xxl-16 {
        padding-inline-end: 4pc !important
    }

    .text-xxl-left {
        text-align: left !important
    }

    .text-xxl-right {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }

    .text-xxl-justify {
        text-align: justify !important
    }

    .text-xxl-start {
        text-align: start !important
    }

    .text-xxl-end {
        text-align: end !important
    }

    .text-xxl-h1 {
        font-size: 6rem !important;
        letter-spacing: -.015625em !important;
        line-height: 6rem
    }

    .text-xxl-h1,
    .text-xxl-h2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 300;
        text-transform: none !important
    }

    .text-xxl-h2 {
        font-size: 3.75rem !important;
        letter-spacing: -.0083333333em !important;
        line-height: 3.75rem
    }

    .text-xxl-h3 {
        font-size: 3rem !important;
        letter-spacing: normal !important;
        line-height: 3.125rem
    }

    .text-xxl-h3,
    .text-xxl-h4 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-xxl-h4 {
        font-size: 2.125rem !important;
        letter-spacing: .0073529412em !important;
        line-height: 2.5rem
    }

    .text-xxl-h5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        letter-spacing: normal !important
    }

    .text-xxl-h5,
    .text-xxl-h6 {
        font-family: Roboto, sans-serif !important;
        line-height: 2rem;
        text-transform: none !important
    }

    .text-xxl-h6 {
        font-size: 1.25rem !important;
        font-weight: 500;
        letter-spacing: .0125em !important
    }

    .text-xxl-subtitle-1 {
        font-size: 1rem !important;
        font-weight: 400;
        letter-spacing: .009375em !important;
        line-height: 1.75rem
    }

    .text-xxl-subtitle-1,
    .text-xxl-subtitle-2 {
        font-family: Roboto, sans-serif !important;
        text-transform: none !important
    }

    .text-xxl-subtitle-2 {
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0071428571em !important;
        line-height: 1.375rem
    }

    .text-xxl-body-1 {
        font-size: 1rem !important;
        letter-spacing: .03125em !important;
        line-height: 1.5rem
    }

    .text-xxl-body-1,
    .text-xxl-body-2 {
        font-family: Roboto, sans-serif !important;
        font-weight: 400;
        text-transform: none !important
    }

    .text-xxl-body-2 {
        font-size: .875rem !important;
        letter-spacing: .0178571429em !important;
        line-height: 1.25rem
    }

    .text-xxl-button {
        font-family: Roboto, sans-serif !important;
        font-size: .875rem !important;
        font-weight: 500;
        letter-spacing: .0892857143em !important;
        line-height: 2.25rem;
        text-transform: uppercase !important
    }

    .text-xxl-caption {
        font-weight: 400;
        letter-spacing: .0333333333em !important;
        line-height: 1.25rem;
        text-transform: none !important
    }

    .text-xxl-caption,
    .text-xxl-overline {
        font-family: Roboto, sans-serif !important;
        font-size: .75rem !important
    }

    .text-xxl-overline {
        font-weight: 500;
        letter-spacing: .1666666667em !important;
        line-height: 2rem;
        text-transform: uppercase !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .float-print-none {
        float: none !important
    }

    .float-print-left {
        float: left !important
    }

    .float-print-right {
        float: right !important
    }

    .v-locale--is-rtl .float-print-end {
        float: left !important
    }

    .v-locale--is-ltr .float-print-end,
    .v-locale--is-rtl .float-print-start {
        float: right !important
    }

    .v-locale--is-ltr .float-print-start {
        float: left !important
    }
}

.v-application {
    background: rgb(var(--v-theme-background));
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
    display: flex
}

.v-application__wrap {
    backface-visibility: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative
}

.v-app-bar {
    display: flex
}

.v-app-bar.v-toolbar {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))
}

.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-app-bar:not(.v-toolbar--absolute) {
    padding-inline-end: var(--v-scrollbar-offset)
}

.v-toolbar {
    align-items: flex-start;
    background: rgb(var(--v-theme-on-surface-variant));
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
    width: 100%
}

.v-toolbar--border {
    border-width: thin;
    box-shadow: none
}

.v-toolbar--absolute {
    position: absolute
}

.v-toolbar--collapse {
    max-width: 7pc;
    overflow: hidden
}

.v-toolbar--collapse .v-toolbar-title {
    display: none
}

.v-locale--is-ltr .v-toolbar--collapse,
.v-locale--is-ltr.v-toolbar--collapse {
    border-bottom-right-radius: 24px
}

.v-locale--is-rtl .v-toolbar--collapse,
.v-locale--is-rtl.v-toolbar--collapse {
    border-bottom-left-radius: 24px
}

.v-toolbar--flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-toolbar--floating {
    display: inline-flex
}

.v-toolbar--rounded {
    border-radius: 4px
}

.v-toolbar__content,
.v-toolbar__extension {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    position: relative;
    transition: inherit;
    width: 100%
}

.v-toolbar__content>.v-btn:first-child {
    margin-inline-start: 10px
}

.v-toolbar__content>.v-btn:last-child {
    margin-inline-end: 10px
}

.v-toolbar__content>.v-toolbar-title {
    margin-inline-start: 1pc
}

.v-toolbar--density-prominent .v-toolbar__content {
    align-items: flex-start
}

.v-toolbar__image {
    display: flex;
    height: 100%;
    left: 0;
    opacity: var(--v-toolbar-image-opacity, 1);
    position: absolute;
    top: 0;
    transition-property: opacity;
    width: 100%
}

.v-toolbar__append,
.v-toolbar__prepend {
    align-items: center;
    align-self: stretch;
    display: flex
}

.v-toolbar__prepend {
    margin-inline-end: auto;
    margin-inline-start: 10px
}

.v-toolbar__append {
    margin-inline-end: 10px;
    margin-inline-start: auto
}

.v-toolbar-title {
    flex: 1 1;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.75rem;
    min-width: 0;
    text-transform: none
}

.v-toolbar--density-prominent .v-toolbar-title {
    align-self: flex-end;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.25rem;
    padding-bottom: 6px;
    text-transform: none
}

.v-toolbar-title__placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v-toolbar-items {
    align-self: stretch;
    display: flex;
    height: inherit
}

.v-toolbar-items>.v-btn {
    border-radius: 0
}

.v-alert {
    --v-border-color: currentColor;
    border-radius: 4px;
    display: grid;
    flex: 1 1;
    grid-template-areas: "prepend content append close" ". content . .";
    grid-template-columns: max-content auto max-content max-content;
    overflow: hidden;
    padding: 1pc;
    position: relative
}

.v-alert--absolute {
    position: absolute
}

.v-alert--fixed {
    position: fixed
}

.v-alert--sticky {
    position: sticky
}

.v-alert--variant-outlined,
.v-alert--variant-plain,
.v-alert--variant-text,
.v-alert--variant-tonal {
    background: transparent;
    color: inherit
}

.v-alert--variant-plain {
    opacity: .62
}

.v-alert--variant-plain:focus,
.v-alert--variant-plain:hover {
    opacity: 1
}

.v-alert--variant-plain .v-alert__overlay {
    display: none
}

.v-alert--variant-elevated,
.v-alert--variant-flat {
    background: rgb(var(--v-theme-on-surface-variant));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))
}

.v-alert--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-alert--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-alert--variant-outlined {
    border: thin solid
}

.v-alert--variant-text .v-alert__overlay {
    background: currentColor
}

.v-alert--variant-tonal .v-alert__underlay {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-activated-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.v-alert--prominent {
    grid-template-areas: "prepend content append close" "prepend content . ."
}

.v-alert.v-alert--border {
    --v-border-opacity: 0.38
}

.v-alert.v-alert--border.v-alert--border-start {
    padding-inline-start: 24px
}

.v-alert.v-alert--border.v-alert--border-end {
    padding-inline-end: 24px
}

.v-alert--variant-plain {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

.v-alert--density-default {
    padding-bottom: 1pc;
    padding-top: 1pc
}

.v-alert--density-default.v-alert--border-top {
    padding-top: 24px
}

.v-alert--density-default.v-alert--border-bottom {
    padding-bottom: 24px
}

.v-alert--density-comfortable {
    padding-bottom: 9pt;
    padding-top: 9pt
}

.v-alert--density-comfortable.v-alert--border-top {
    padding-top: 20px
}

.v-alert--density-comfortable.v-alert--border-bottom {
    padding-bottom: 20px
}

.v-alert--density-compact {
    padding-bottom: 8px;
    padding-top: 8px
}

.v-alert--density-compact.v-alert--border-top {
    padding-top: 1pc
}

.v-alert--density-compact.v-alert--border-bottom {
    padding-bottom: 1pc
}

.v-alert__border {
    border: 0 solid;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.v-alert__border--border {
    border-width: 8px;
    box-shadow: none
}

.v-alert--border-start .v-alert__border {
    border-inline-start-width: 8px
}

.v-alert--border-end .v-alert__border {
    border-inline-end-width: 8px
}

.v-alert--border-top .v-alert__border {
    border-top-width: 8px
}

.v-alert--border-bottom .v-alert__border {
    border-bottom-width: 8px
}

.v-alert__close {
    flex: 0 1 auto;
    grid-area: close
}

.v-alert__content {
    align-self: center;
    grid-area: content;
    overflow: hidden
}

.v-alert__append,
.v-alert__close {
    align-self: flex-start;
    margin-inline-start: 1pc
}

.v-alert__append {
    align-self: flex-start;
    grid-area: append
}

.v-alert__append+.v-alert__close {
    margin-inline-start: 1pc
}

.v-alert__prepend {
    align-items: center;
    align-self: flex-start;
    display: flex;
    grid-area: prepend;
    margin-inline-end: 1pc
}

.v-alert--prominent .v-alert__prepend {
    align-self: center
}

.v-alert__underlay {
    grid-area: none;
    position: absolute
}

.v-alert--border-start .v-alert__underlay {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.v-alert--border-end .v-alert__underlay {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.v-alert--border-top .v-alert__underlay {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.v-alert--border-bottom .v-alert__underlay {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.v-alert-title {
    word-wrap: break-word;
    align-items: center;
    align-self: center;
    display: flex;
    font-size: 1.25rem;
    font-weight: 500;
    hyphens: auto;
    letter-spacing: .0125em;
    line-height: 1.75rem;
    overflow-wrap: normal;
    text-transform: none;
    word-break: normal
}

.v-autocomplete .v-field .v-field__input,
.v-autocomplete .v-field .v-text-field__prefix,
.v-autocomplete .v-field .v-text-field__suffix,
.v-autocomplete .v-field.v-field {
    cursor: text
}

.v-autocomplete .v-field .v-field__input>input {
    align-self: flex-start;
    flex: 1 1
}

.v-autocomplete .v-field input {
    min-width: 4pc
}

.v-autocomplete .v-field:not(.v-field--focused) input {
    min-width: 0
}

.v-autocomplete .v-field--dirty .v-autocomplete__selection {
    margin-inline-end: 2px
}

.v-autocomplete .v-autocomplete__selection-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v-autocomplete__content {
    border-radius: 4px;
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    overflow: hidden
}

.v-autocomplete__mask {
    background: rgb(var(--v-theme-on-surface-variant))
}

.v-autocomplete__selection {
    align-items: center;
    display: inline-flex;
    letter-spacing: inherit;
    line-height: inherit;
    margin-bottom: var(--v-input-chips-margin-bottom);
    margin-top: var(--v-input-chips-margin-top);
    max-width: 90%
}

.v-autocomplete__selection:first-child {
    margin-inline-start: 0
}

.v-autocomplete--selecting-index .v-autocomplete__selection {
    opacity: var(--v-medium-emphasis-opacity)
}

.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
    opacity: 1
}

.v-autocomplete--selecting-index .v-field__input>input {
    caret-color: transparent
}

.v-autocomplete--single.v-text-field input {
    flex: 1 1;
    left: 0;
    padding-inline-end: inherit;
    padding-inline-start: inherit;
    position: absolute;
    right: 0;
    width: 100%
}

.v-autocomplete--single .v-field--variant-outlined input {
    top: 50%;
    transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom))/2))
}

.v-autocomplete--single .v-field--active input {
    transition: none
}

.v-autocomplete--single .v-field--dirty:not(.v-field--focused) input,
.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
    opacity: 0
}

.v-autocomplete__menu-icon {
    margin-inline-start: 4px;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.v-autocomplete--active-menu .v-autocomplete__menu-icon {
    opacity: var(--v-high-emphasis-opacity);
    transform: rotate(180deg)
}

.v-select .v-field .v-field__input,
.v-select .v-field .v-text-field__prefix,
.v-select .v-field .v-text-field__suffix,
.v-select .v-field.v-field {
    cursor: pointer
}

.v-select .v-field .v-field__input>input {
    align-self: flex-start;
    caret-color: transparent;
    flex: 0 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: none;
    width: 100%
}

.v-select .v-field--dirty .v-select__selection {
    margin-inline-end: 2px
}

.v-select .v-select__selection-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v-select__content {
    border-radius: 4px;
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    overflow: hidden
}

.v-select__selection {
    align-items: center;
    display: inline-flex;
    letter-spacing: inherit;
    line-height: inherit;
    max-width: 100%
}

.v-select .v-select__selection {
    margin-bottom: var(--v-input-chips-margin-bottom);
    margin-top: var(--v-input-chips-margin-top)
}

.v-select .v-select__selection:first-child {
    margin-inline-start: 0
}

.v-select--selected .v-field .v-field__input>input {
    opacity: 0
}

.v-select__menu-icon {
    margin-inline-start: 4px;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.v-select--active-menu .v-select__menu-icon {
    opacity: var(--v-high-emphasis-opacity);
    transform: rotate(180deg)
}

.v-menu>.v-overlay__content {
    border-radius: 4px;
    display: flex;
    flex-direction: column
}

.v-menu>.v-overlay__content>.v-card,
.v-menu>.v-overlay__content>.v-list,
.v-menu>.v-overlay__content>.v-sheet {
    background: rgb(var(--v-theme-surface));
    border-radius: inherit;
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    height: 100%;
    overflow: auto
}

.v-overlay-container {
    contain: layout;
    display: contents;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.v-overlay-scroll-blocked {
    padding-inline-end: var(--v-scrollbar-offset)
}

.v-overlay-scroll-blocked:not(html) {
    overflow-y: hidden !important
}

html.v-overlay-scroll-blocked {
    height: 100%;
    left: var(--v-body-scroll-x);
    position: fixed;
    top: var(--v-body-scroll-y);
    width: 100%
}

.v-overlay {
    border-radius: inherit;
    bottom: 0;
    display: flex;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0
}

.v-overlay__content {
    contain: layout;
    outline: none;
    pointer-events: auto;
    position: absolute
}

.v-overlay__scrim {
    background: rgb(var(--v-theme-on-surface));
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: .32;
    pointer-events: auto;
    position: fixed;
    right: 0;
    top: 0
}

.v-overlay--absolute,
.v-overlay--contained .v-overlay__scrim {
    position: absolute
}

.v-overlay--scroll-blocked {
    padding-inline-end: var(--v-scrollbar-offset)
}

.v-list {
    background: rgba(var(--v-theme-surface));
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    outline: none;
    overflow: auto;
    padding: 8px 0;
    position: relative
}

.v-list--border {
    border-width: thin;
    box-shadow: none
}

.v-list--disabled {
    pointer-events: none;
    user-select: none
}

.v-list--nav {
    padding-inline-end: 8px;
    padding-inline-start: 8px
}

.v-navigation-drawer--rail:not(.v-navigation-drawer--is-hovering.v-navigation-drawer--expand-on-hover) .v-list .v-avatar {
    --v-avatar-height: 24px
}

.v-list--rounded {
    border-radius: 4px
}

.v-list--subheader {
    padding-top: 0
}

.v-list-img {
    border-radius: inherit;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-list-subheader {
    align-items: center;
    background: inherit;
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375rem;
    min-height: 40px;
    padding-inline-end: 1pc;
    transition: min-height .2s cubic-bezier(.4, 0, .2, 1)
}

.v-list-subheader__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v-list--density-default .v-list-subheader {
    min-height: 40px;
    padding-inline-start: calc(1pc + var(--indent-padding)) !important
}

.v-list--density-comfortable .v-list-subheader {
    min-height: 36px;
    padding-inline-start: calc(1pc + var(--indent-padding)) !important
}

.v-list--density-compact .v-list-subheader {
    min-height: 2pc;
    padding-inline-start: calc(1pc + var(--indent-padding)) !important
}

.v-list-subheader--inset {
    --indent-padding: 56px
}

.v-list--nav .v-list-subheader {
    font-size: .75rem
}

.v-list-subheader--sticky {
    background: inherit;
    left: 0;
    position: sticky;
    top: 0;
    z-index: 1
}

.v-list__overlay {
    background-color: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in-out
}

.v-divider {
    border-style: solid;
    border-width: thin 0 0;
    display: block;
    flex: 1 1 100%;
    height: 0;
    max-height: 0;
    opacity: var(--v-border-opacity);
    transition: inherit
}

.v-divider--vertical {
    align-self: stretch;
    border-width: 0 thin 0 0;
    display: inline-flex;
    height: inherit;
    margin-left: -1px;
    max-height: 100%;
    max-width: 0;
    vertical-align: text-bottom;
    width: 0
}

.v-divider--inset:not(.v-divider--vertical) {
    margin-inline-start: 72px;
    max-width: calc(100% - 72px)
}

.v-divider--inset.v-divider--vertical {
    margin-bottom: 8px;
    margin-top: 8px;
    max-height: calc(100% - 1pc)
}

.v-list-item {
    align-items: center;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    max-width: 100%;
    outline: none;
    padding: 4px 1pc;
    position: relative;
    text-decoration: none
}

.v-list-item--border {
    border-width: thin;
    box-shadow: none
}

.v-list-item:hover>.v-list-item__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier))
}

.v-list-item:focus-visible>.v-list-item__overlay {
    opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {
    .v-list-item:focus>.v-list-item__overlay {
        opacity: calc(var(--v-focus-opacity)*var(--v-theme-overlay-multiplier))
    }
}

.v-list-item--active>.v-list-item__overlay,
.v-list-item[aria-haspopup=menu][aria-expanded=true]>.v-list-item__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier))
}

.v-list-item--active:hover>.v-list-item__overlay,
.v-list-item[aria-haspopup=menu][aria-expanded=true]:hover>.v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier))
}

.v-list-item--active:focus-visible>.v-list-item__overlay,
.v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
}

@supports not selector(:focus-visible) {

    .v-list-item--active:focus>.v-list-item__overlay,
    .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus>.v-list-item__overlay {
        opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity))*var(--v-theme-overlay-multiplier))
    }
}

.v-list-item--variant-outlined,
.v-list-item--variant-plain,
.v-list-item--variant-text,
.v-list-item--variant-tonal {
    background: transparent;
    color: inherit
}

.v-list-item--variant-plain {
    opacity: .62
}

.v-list-item--variant-plain:focus,
.v-list-item--variant-plain:hover {
    opacity: 1
}

.v-list-item--variant-plain .v-list-item__overlay {
    display: none
}

.v-list-item--variant-elevated,
.v-list-item--variant-flat {
    background: rgba(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity))
}

.v-list-item--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-list-item--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-list-item--variant-outlined {
    border: thin solid
}

.v-list-item--variant-text .v-list-item__overlay {
    background: currentColor
}

.v-list-item--variant-tonal .v-list-item__underlay {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-activated-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

@supports selector(:focus-visible) {
    .v-list-item:after {
        border: 2px solid;
        border-radius: 4px;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: opacity .2s ease-in-out;
        width: 100%
    }

    .v-list-item:focus-visible:after {
        opacity: calc(var(--v-theme-overlay-multiplier)*.15)
    }
}

.v-list-item__append>.v-badge .v-icon,
.v-list-item__append>.v-icon,
.v-list-item__prepend>.v-badge .v-icon,
.v-list-item__prepend>.v-icon {
    opacity: var(--v-medium-emphasis-opacity)
}

.v-list-item--active .v-list-item__append>.v-badge .v-icon,
.v-list-item--active .v-list-item__append>.v-icon,
.v-list-item--active .v-list-item__prepend>.v-badge .v-icon,
.v-list-item--active .v-list-item__prepend>.v-icon {
    opacity: 1
}

.v-list-item--rounded {
    border-radius: 4px
}

.v-list-item--disabled {
    opacity: .6;
    pointer-events: none;
    user-select: none
}

.v-list-item--link {
    cursor: pointer
}

.v-list-item__prepend {
    align-items: center;
    align-self: center;
    display: flex;
    grid-area: prepend
}

.v-list-item__prepend>.v-badge~.v-list-item__spacer,
.v-list-item__prepend>.v-icon~.v-list-item__spacer,
.v-list-item__prepend>.v-tooltip~.v-list-item__spacer {
    width: 2pc
}

.v-list-item__prepend>.v-avatar~.v-list-item__spacer {
    width: 1pc
}

.v-list-item--three-line .v-list-item__prepend {
    align-self: start
}

.v-list-item__append {
    align-items: center;
    align-self: center;
    display: flex;
    grid-area: append
}

.v-list-item__append .v-list-item__spacer {
    order: -1
}

.v-list-item__append>.v-badge~.v-list-item__spacer,
.v-list-item__append>.v-icon~.v-list-item__spacer,
.v-list-item__append>.v-tooltip~.v-list-item__spacer {
    width: 2pc
}

.v-list-item__append>.v-avatar~.v-list-item__spacer {
    width: 1pc
}

.v-list-item--three-line .v-list-item__append {
    align-self: start
}

.v-list-item__content {
    align-self: center;
    grid-area: content;
    overflow: hidden
}

.v-list-item-action {
    align-items: center;
    align-self: center;
    display: flex;
    flex: none;
    grid-area: prepend;
    transition: inherit;
    transition-property: height, width
}

.v-list-item-action--start {
    margin-inline-end: 9pt
}

.v-list-item-action--end {
    margin-inline-start: 9pt
}

.v-list-item-media {
    margin-bottom: 0;
    margin-top: 0
}

.v-list-item-media--start {
    margin-inline-end: 1pc
}

.v-list-item-media--end {
    margin-inline-start: 1pc
}

.v-list-item--two-line .v-list-item-media {
    margin-bottom: -4px;
    margin-top: -4px
}

.v-list-item--three-line .v-list-item-media {
    margin-bottom: 0;
    margin-top: 0
}

.v-list-item-subtitle {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    line-height: 1rem;
    opacity: var(--v-medium-emphasis-opacity);
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: none
}

.v-list-item--one-line .v-list-item-subtitle {
    -webkit-line-clamp: 1
}

.v-list-item--two-line .v-list-item-subtitle {
    -webkit-line-clamp: 2
}

.v-list-item--three-line .v-list-item-subtitle {
    -webkit-line-clamp: 3
}

.v-list-item--nav .v-list-item-subtitle {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    line-height: 1rem
}

.v-list-item-title {
    word-wrap: break-word;
    font-size: 1rem;
    font-weight: 400;
    hyphens: auto;
    letter-spacing: .009375em;
    line-height: 1.5rem;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
    word-break: normal
}

.v-list-item--nav .v-list-item-title {
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1rem
}

.v-list-item--density-default {
    min-height: 40px
}

.v-list-item--density-default.v-list-item--one-line {
    min-height: 3pc;
    padding-bottom: 4px;
    padding-top: 4px
}

.v-list-item--density-default.v-list-item--two-line {
    min-height: 4pc;
    padding-bottom: 9pt;
    padding-top: 9pt
}

.v-list-item--density-default.v-list-item--three-line {
    min-height: 88px;
    padding-bottom: 1pc;
    padding-top: 1pc
}

.v-list-item--density-default.v-list-item--three-line .v-list-item__append,
.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend {
    padding-top: 8px
}

.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line,
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line,
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
    padding-inline-end: 1pc;
    padding-inline-start: 1pc
}

.v-list-item--density-comfortable {
    min-height: 36px
}

.v-list-item--density-comfortable.v-list-item--one-line {
    min-height: 44px
}

.v-list-item--density-comfortable.v-list-item--two-line {
    min-height: 60px;
    padding-bottom: 8px;
    padding-top: 8px
}

.v-list-item--density-comfortable.v-list-item--three-line {
    min-height: 84px;
    padding-bottom: 9pt;
    padding-top: 9pt
}

.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append,
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend {
    padding-top: 6px
}

.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line,
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line,
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
    padding-inline-end: 1pc;
    padding-inline-start: 1pc
}

.v-list-item--density-compact {
    min-height: 2pc
}

.v-list-item--density-compact.v-list-item--one-line {
    min-height: 40px
}

.v-list-item--density-compact.v-list-item--two-line {
    min-height: 56px;
    padding-bottom: 4px;
    padding-top: 4px
}

.v-list-item--density-compact.v-list-item--three-line {
    min-height: 5pc;
    padding-bottom: 8px;
    padding-top: 8px
}

.v-list-item--density-compact.v-list-item--three-line .v-list-item__append,
.v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend {
    padding-top: 4px
}

.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line,
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line,
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
    padding-inline-end: 1pc;
    padding-inline-start: 1pc
}

.v-list-item--nav {
    padding-inline-end: 8px;
    padding-inline-start: 8px
}

.v-list .v-list-item--nav:not(:only-child) {
    margin-bottom: 4px
}

.v-list-item__underlay {
    position: absolute
}

.v-list-item__overlay {
    background-color: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in-out
}

.v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
    --v-theme-overlay-multiplier: 0
}

.v-list {
    --indent-padding: 0px
}

.v-list--nav {
    --indent-padding: -8px
}

.v-list-group {
    --list-indent-size: 16px;
    --parent-padding: var(--indent-padding);
    --prepend-width: 40px
}

.v-list-group--fluid {
    --list-indent-size: 0px
}

.v-list-group--prepend {
    --parent-padding: calc(var(--indent-padding) + var(--prepend-width))
}

.v-list-group--fluid.v-list-group--prepend {
    --parent-padding: var(--indent-padding)
}

.v-list-group__items {
    --indent-padding: calc(var(--parent-padding) + var(--list-indent-size))
}

.v-list-group__items .v-list-item {
    padding-inline-start: calc(1pc + var(--indent-padding)) !important
}

.v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
    opacity: 0
}

.v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier))
}

.v-virtual-scroll {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    overflow: auto;
    position: relative
}

.v-virtual-scroll__container {
    display: block
}

.v-badge {
    display: inline-block;
    line-height: 1
}

.v-badge__badge {
    align-items: center;
    background: rgb(var(--v-theme-surface-variant));
    border-radius: 10px;
    color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    height: 1.25rem;
    justify-content: center;
    min-width: 20px;
    padding: 4px 6px;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    text-indent: 0;
    transition: .225s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

.v-badge--bordered .v-badge__badge:after {
    border-radius: inherit;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    color: rgb(var(--v-theme-background));
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.05)
}

.v-badge--dot .v-badge__badge {
    border-radius: 4.5px;
    height: 9px;
    min-width: 0;
    padding: 0;
    width: 9px
}

.v-badge--dot .v-badge__badge:after {
    border-width: 1.5px
}

.v-badge--inline .v-badge__badge {
    position: relative;
    vertical-align: middle
}

.v-badge__badge .v-icon {
    color: inherit;
    font-size: .75rem;
    margin: 0 -2px
}

.v-badge__badge .v-img,
.v-badge__badge img {
    height: 100%;
    width: 100%
}

.v-badge__wrapper {
    display: flex;
    position: relative
}

.v-badge--inline .v-badge__wrapper {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0 4px
}

.v-banner {
    background: rgb(var(--v-theme-surface));
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 thin;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    display: grid;
    flex: 1 1;
    font-size: .875rem;
    grid-template-areas: "prepend content actions";
    grid-template-columns: max-content auto max-content;
    grid-template-rows: max-content max-content;
    line-height: 1.375rem;
    overflow: hidden;
    padding-inline-end: 8px;
    padding-bottom: 1pc;
    padding-inline-start: 1pc;
    padding-top: 1pc;
    position: relative;
    width: 100%
}

.v-banner--border {
    border-width: thin;
    box-shadow: none
}

.v-banner--absolute {
    position: absolute
}

.v-banner--fixed {
    position: fixed
}

.v-banner--sticky {
    position: sticky
}

.v-banner--rounded {
    border-radius: 4px
}

.v-banner--stacked:not(.v-banner--one-line) {
    grid-template-areas: "prepend content" ". actions"
}

.v-banner--stacked .v-banner-text {
    padding-inline-end: 36px
}

.v-banner--density-default .v-banner-actions {
    margin-bottom: -8px
}

.v-banner--density-default.v-banner--one-line {
    padding-bottom: 8px;
    padding-top: 8px
}

.v-banner--density-default.v-banner--one-line .v-banner-actions {
    margin-bottom: 0
}

.v-banner--density-default.v-banner--one-line {
    padding-top: 10px
}

.v-banner--density-default.v-banner--two-line {
    padding-bottom: 1pc;
    padding-top: 1pc
}

.v-banner--density-default.v-banner--three-line {
    padding-bottom: 1pc;
    padding-top: 24px
}

.v-banner--density-default.v-banner--three-line .v-banner-actions,
.v-banner--density-default.v-banner--two-line .v-banner-actions,
.v-banner--density-default:not(.v-banner--one-line) .v-banner-actions {
    margin-top: 20px
}

.v-banner--density-comfortable .v-banner-actions {
    margin-bottom: -4px
}

.v-banner--density-comfortable.v-banner--one-line {
    padding-bottom: 4px;
    padding-top: 4px
}

.v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
    margin-bottom: 0
}

.v-banner--density-comfortable.v-banner--two-line {
    padding-bottom: 9pt;
    padding-top: 9pt
}

.v-banner--density-comfortable.v-banner--three-line {
    padding-bottom: 9pt;
    padding-top: 20px
}

.v-banner--density-comfortable.v-banner--three-line .v-banner-actions,
.v-banner--density-comfortable.v-banner--two-line .v-banner-actions,
.v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions {
    margin-top: 1pc
}

.v-banner--density-compact .v-banner-actions {
    margin-bottom: 0
}

.v-banner--density-compact.v-banner--one-line {
    padding-bottom: 0;
    padding-top: 0
}

.v-banner--density-compact.v-banner--one-line .v-banner-actions {
    margin-bottom: 0
}

.v-banner--density-compact.v-banner--two-line {
    padding-bottom: 8px;
    padding-top: 8px
}

.v-banner--density-compact.v-banner--three-line {
    padding-bottom: 8px;
    padding-top: 1pc
}

.v-banner--density-compact.v-banner--three-line .v-banner-actions,
.v-banner--density-compact.v-banner--two-line .v-banner-actions,
.v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions {
    margin-top: 9pt
}

.v-banner--sticky {
    top: 0
}

.v-banner__content {
    align-items: center;
    display: flex;
    grid-area: content
}

.v-banner__prepend {
    align-self: flex-start;
    grid-area: prepend;
    margin-inline-end: 24px
}

.v-banner-actions {
    align-self: flex-end;
    display: flex;
    flex: 0 1;
    grid-area: actions;
    justify-content: flex-end
}

.v-banner--three-line .v-banner-actions,
.v-banner--two-line .v-banner-actions {
    margin-top: 20px
}

.v-banner-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    padding-inline-end: 90px
}

.v-banner--one-line .v-banner-text {
    -webkit-line-clamp: 1
}

.v-banner--two-line .v-banner-text {
    -webkit-line-clamp: 2
}

.v-banner--three-line .v-banner-text {
    -webkit-line-clamp: 3
}

.v-banner--three-line .v-banner-text,
.v-banner--two-line .v-banner-text {
    align-self: flex-start
}

.v-bottom-navigation {
    background: rgb(var(--v-theme-surface));
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    display: flex;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    transition: transform, color .2s, .2s cubic-bezier(.4, 0, .2, 1)
}

.v-bottom-navigation--border {
    border-width: thin;
    box-shadow: none
}

.v-bottom-navigation--active {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-bottom-navigation__content {
    display: flex;
    flex: none;
    font-size: .75rem;
    justify-content: center;
    transition: inherit;
    width: 100%
}

.v-bottom-navigation .v-bottom-navigation__content>.v-btn {
    border-radius: 0;
    font-size: inherit;
    height: 100%;
    max-width: 168px;
    min-width: 5pc;
    text-transform: none;
    transition: inherit;
    width: auto
}

.v-bottom-navigation .v-bottom-navigation__content>.v-btn .v-btn__content,
.v-bottom-navigation .v-bottom-navigation__content>.v-btn .v-btn__icon {
    transition: inherit
}

.v-bottom-navigation .v-bottom-navigation__content>.v-btn .v-btn__icon {
    font-size: 1.5rem
}

.v-bottom-navigation--grow .v-bottom-navigation__content>.v-btn {
    flex-grow: 1
}

.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content>span {
    opacity: 0;
    transition: inherit
}

.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
    transform: translateY(.5rem)
}

.v-breadcrumbs {
    align-items: center;
    display: flex;
    line-height: 1.375rem;
    padding: 1pc 9pt
}

.v-breadcrumbs--rounded {
    border-radius: 4px
}

.v-breadcrumbs--density-default {
    padding-bottom: 1pc;
    padding-top: 1pc
}

.v-breadcrumbs--density-comfortable {
    padding-bottom: 9pt;
    padding-top: 9pt
}

.v-breadcrumbs--density-compact {
    padding-bottom: 8px;
    padding-top: 8px
}

.v-breadcrumbs-item,
.v-breadcrumbs__prepend {
    align-items: center;
    display: inline-flex
}

.v-breadcrumbs-item {
    color: inherit;
    padding: 0 4px;
    text-decoration: none;
    vertical-align: middle
}

.v-breadcrumbs-item--disabled {
    opacity: var(--v-disabled-opacity);
    pointer-events: none
}

.v-breadcrumbs-item--link {
    color: inherit;
    text-decoration: none
}

.v-breadcrumbs-item--link:hover {
    text-decoration: underline
}

.v-breadcrumbs-item .v-icon {
    font-size: 1rem;
    margin-inline-end: 2px;
    margin-inline-start: -4px
}

.v-breadcrumbs-divider {
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle
}

.v-carousel {
    overflow: hidden;
    position: relative;
    width: 100%
}

.v-carousel__controls {
    align-items: center;
    background: rgba(var(--v-theme-surface-variant), .3);
    bottom: 0;
    display: flex;
    height: 50px;
    justify-content: center;
    list-style-type: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.v-carousel__controls>.v-item-group {
    flex: 0 1 auto
}

.v-carousel__controls__item {
    margin: 0 8px
}

.v-carousel__controls__item .v-icon {
    opacity: .5
}

.v-carousel__controls__item--active .v-icon {
    opacity: 1;
    vertical-align: middle
}

.v-carousel__controls__item:hover {
    background: none
}

.v-carousel__controls__item:hover .v-icon {
    opacity: .8
}

.v-carousel__progress {
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0
}

.v-carousel-item {
    display: block;
    height: inherit;
    text-decoration: none
}

.v-carousel-item>.v-img {
    height: inherit
}

.v-carousel--hide-delimiter-background .v-carousel__controls {
    background: transparent
}

.v-carousel--vertical-delimiters .v-carousel__controls {
    flex-direction: column;
    height: 100% !important;
    width: 50px
}

.v-window {
    overflow: hidden
}

.v-window__container {
    display: flex;
    flex-direction: column;
    height: inherit;
    position: relative;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.v-window__controls {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding: 0 1pc;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.v-window__controls * {
    pointer-events: auto
}

.v-window--show-arrows-on-hover {
    overflow: hidden
}

.v-window--show-arrows-on-hover .v-window__left {
    transform: translateX(-200%)
}

.v-window--show-arrows-on-hover .v-window__right {
    transform: translateX(200%)
}

.v-window--show-arrows-on-hover:hover .v-window__left,
.v-window--show-arrows-on-hover:hover .v-window__right {
    transform: translateX(0)
}

.v-window-x-reverse-transition-enter-active,
.v-window-x-reverse-transition-leave-active,
.v-window-x-transition-enter-active,
.v-window-x-transition-leave-active,
.v-window-y-reverse-transition-enter-active,
.v-window-y-reverse-transition-leave-active,
.v-window-y-transition-enter-active,
.v-window-y-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.v-window-x-reverse-transition-leave-from,
.v-window-x-reverse-transition-leave-to,
.v-window-x-transition-leave-from,
.v-window-x-transition-leave-to,
.v-window-y-reverse-transition-leave-from,
.v-window-y-reverse-transition-leave-to,
.v-window-y-transition-leave-from,
.v-window-y-transition-leave-to {
    position: absolute !important;
    top: 0;
    width: 100%
}

.v-window-x-transition-enter-from {
    transform: translateX(100%)
}

.v-window-x-reverse-transition-enter-from,
.v-window-x-transition-leave-to {
    transform: translateX(-100%)
}

.v-window-x-reverse-transition-leave-to {
    transform: translateX(100%)
}

.v-window-y-transition-enter-from {
    transform: translateY(100%)
}

.v-window-y-reverse-transition-enter-from,
.v-window-y-transition-leave-to {
    transform: translateY(-100%)
}

.v-window-y-reverse-transition-leave-to {
    transform: translateY(100%)
}

.v-code {
    background-color: rgb(var(--v-theme-code));
    border-radius: 4px;
    color: rgb(var(--v-theme-on-code));
    font-size: .9em;
    font-weight: 400;
    line-height: 1.8;
    padding: .2em .4em
}

.v-color-picker {
    align-self: flex-start;
    contain: content
}

.v-color-picker.v-sheet {
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-color-picker__controls {
    display: flex;
    flex-direction: column;
    padding: 1pc
}

.v-color-picker--flat,
.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb,
.v-sheet {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-sheet {
    background: rgb(var(--v-theme-surface));
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
    display: block
}

.v-sheet--border {
    border-width: thin;
    box-shadow: none
}

.v-sheet--absolute {
    position: absolute
}

.v-sheet--fixed {
    position: fixed
}

.v-sheet--relative {
    position: relative
}

.v-sheet--sticky {
    position: sticky
}

.v-sheet--rounded {
    border-radius: 4px
}

.v-color-picker-canvas {
    contain: content;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: none
}

.v-color-picker-canvas__dot {
    background: transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1.5px rgba(0, 0, 0, .3);
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px
}

.v-color-picker-canvas__dot--disabled {
    box-shadow: 0 0 0 1.5px hsla(0, 0%, 100%, .7), inset 0 0 1px 1.5px rgba(0, 0, 0, .3)
}

.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
    will-change: transform
}

.v-color-picker-preview__alpha .v-slider-track__background {
    background-color: transparent !important
}

.v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background,
.v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background {
    background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv))
}

.v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background,
.v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background {
    background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv))
}

.v-color-picker-preview__alpha .v-slider-track__background:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-color-picker-preview__sliders {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.v-color-picker-preview__dot {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
    border-radius: 50%;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 30px
}

.v-locale--is-ltr .v-color-picker-preview__dot,
.v-locale--is-ltr.v-color-picker-preview__dot {
    margin-right: 24px
}

.v-locale--is-rtl .v-color-picker-preview__dot,
.v-locale--is-rtl.v-color-picker-preview__dot {
    margin-left: 24px
}

.v-color-picker-preview__dot>div {
    height: 100%;
    width: 100%
}

.v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background,
.v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
    background: linear-gradient(90deg, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red)
}

.v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background,
.v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
    background: linear-gradient(270deg, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red)
}

.v-color-picker-preview__track {
    margin: 0 !important;
    position: relative;
    width: 100%
}

.v-color-picker-preview__track .v-slider-track__fill {
    display: none
}

.v-color-picker-preview {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.v-slider .v-slider__container input {
    cursor: default;
    display: none;
    padding: 0;
    width: 100%
}

.v-slider>.v-input__append,
.v-slider>.v-input__prepend {
    padding: 0
}

.v-slider__container {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: inherit;
    position: relative;
    width: 100%
}

.v-input--disabled .v-slider__container {
    opacity: var(--v-disabled-opacity)
}

.v-input--error:not(.v-input--disabled) .v-slider__container {
    color: rgb(var(--v-theme-error))
}

.v-slider.v-input--horizontal {
    align-items: center;
    margin-inline-end: 8px;
    margin-inline-start: 8px
}

.v-slider.v-input--horizontal>.v-input__control {
    align-items: center;
    display: flex;
    min-height: 2pc
}

.v-slider.v-input--vertical {
    justify-content: center;
    margin-bottom: 9pt;
    margin-top: 9pt
}

.v-slider.v-input--vertical>.v-input__control {
    min-height: 300px
}

.v-slider.v-input--disabled {
    pointer-events: none
}

.v-slider--has-labels>.v-input__control {
    margin-bottom: 4px
}

.v-slider__label {
    margin-inline-end: 9pt
}

.v-slider-track__background,
.v-slider-track__fill,
.v-slider-track__tick {
    background-color: rgb(var(--v-theme-surface-variant))
}

.v-slider-track__tick--filled {
    background-color: rgb(var(--v-theme-on-surface-variant))
}

.v-slider-track {
    border-radius: 6px
}

.v-slider-track__background,
.v-slider-track__fill {
    border-radius: inherit;
    position: absolute;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.v-slider--pressed .v-slider-track__background,
.v-slider--pressed .v-slider-track__fill {
    transition: none
}

.v-input--error:not(.v-input--disabled) .v-slider-track__background,
.v-input--error:not(.v-input--disabled) .v-slider-track__fill {
    background-color: currentColor
}

.v-slider-track__ticks {
    height: 100%;
    position: relative;
    width: 100%
}

.v-slider-track__tick {
    border-radius: 2px;
    height: var(--v-slider-tick-size);
    opacity: 0;
    position: absolute;
    transform: translate(calc(var(--v-slider-tick-size)/-2), calc(var(--v-slider-tick-size)/-2));
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    width: var(--v-slider-tick-size)
}

.v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label,
.v-locale--is-ltr.v-slider-track__tick--first .v-slider-track__tick-label {
    transform: none
}

.v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label,
.v-locale--is-rtl.v-slider-track__tick--first .v-slider-track__tick-label {
    transform: translateX(100%)
}

.v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label,
.v-locale--is-ltr.v-slider-track__tick--last .v-slider-track__tick-label {
    transform: translateX(-100%)
}

.v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label,
.v-locale--is-rtl.v-slider-track__tick--last .v-slider-track__tick-label {
    transform: none
}

.v-slider-track__tick-label {
    position: absolute;
    user-select: none;
    white-space: nowrap
}

.v-slider.v-input--horizontal .v-slider-track {
    align-items: center;
    display: flex;
    height: calc(var(--v-slider-track-size) + 2px);
    touch-action: pan-y;
    width: 100%
}

.v-slider.v-input--horizontal .v-slider-track__background {
    height: var(--v-slider-track-size)
}

.v-slider.v-input--horizontal .v-slider-track__fill {
    height: inherit
}

.v-slider.v-input--horizontal .v-slider-track__tick {
    margin-top: calc(var(--v-slider-track-size)/2 + 1px)
}

.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick,
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick {
    transform: translate(calc(var(--v-slider-tick-size)/2), calc(var(--v-slider-tick-size)/-2))
}

.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
    margin-top: calc(var(--v-slider-track-size)/2 + 8px)
}

.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label,
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
    transform: translateX(-50%)
}

.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label,
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
    transform: translateX(50%)
}

.v-slider.v-input--horizontal .v-slider-track__tick--first {
    margin-inline-start: calc(var(--v-slider-tick-size) + 1px)
}

.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label,
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label,
.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label,
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
    transform: translateX(0)
}

.v-slider.v-input--horizontal .v-slider-track__tick--last {
    margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px)
}

.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label,
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
    transform: translateX(-100%)
}

.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label,
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
    transform: translateX(100%)
}

.v-slider.v-input--vertical .v-slider-track {
    display: flex;
    height: 100%;
    justify-content: center;
    touch-action: pan-x;
    width: calc(var(--v-slider-track-size) + 2px)
}

.v-slider.v-input--vertical .v-slider-track__background {
    width: var(--v-slider-track-size)
}

.v-slider.v-input--vertical .v-slider-track__fill {
    width: inherit
}

.v-slider.v-input--vertical .v-slider-track__ticks {
    height: 100%
}

.v-slider.v-input--vertical .v-slider-track__tick {
    margin-inline-start: calc(var(--v-slider-track-size)/2 + 1px);
    transform: translate(calc(var(--v-slider-tick-size)/-2), calc(var(--v-slider-tick-size)/2))
}

.v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick,
.v-locale--is-rtl.v-slider.v-input--vertical .v-slider-track__tick {
    transform: translate(calc(var(--v-slider-tick-size)/2), calc(var(--v-slider-tick-size)/2))
}

.v-slider.v-input--vertical .v-slider-track__tick--first {
    bottom: calc(var(--v-slider-tick-size) + 1px)
}

.v-slider.v-input--vertical .v-slider-track__tick--last {
    bottom: calc(100% - var(--v-slider-tick-size) - 1px)
}

.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
    margin-inline-start: calc(var(--v-slider-track-size)/2 + 9pt);
    transform: translateY(-50%)
}

.v-slider--focused .v-slider-track__tick,
.v-slider-track__ticks--always-show .v-slider-track__tick {
    opacity: 1
}

.v-slider-track__background--opacity {
    opacity: .38
}

.v-slider-thumb {
    color: rgb(var(--v-theme-surface-variant));
    touch-action: none
}

.v-input--error:not(.v-input--disabled) .v-slider-thumb {
    color: inherit
}

.v-slider-thumb__label {
    background: rgba(var(--v-theme-surface-variant), .7);
    color: rgb(var(--v-theme-on-surface-variant))
}

.v-slider-thumb__label:before {
    color: rgba(var(--v-theme-surface-variant), .7)
}

.v-slider-thumb {
    outline: none;
    position: absolute;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.v-slider-thumb__surface {
    background-color: currentColor;
    border-radius: 50%;
    cursor: pointer;
    height: var(--v-slider-thumb-size);
    user-select: none;
    width: var(--v-slider-thumb-size)
}

.v-slider-thumb__surface:before {
    background: currentColor;
    border-radius: 50%;
    color: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: .3s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.v-slider-thumb__surface:after {
    content: "";
    height: 42px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 42px
}

.v-slider-thumb__label,
.v-slider-thumb__label-container {
    position: absolute;
    transition: .2s cubic-bezier(.4, 0, 1, 1)
}

.v-slider-thumb__label {
    align-items: center;
    border-radius: 4px;
    display: flex;
    font-size: .75rem;
    height: 25px;
    justify-content: center;
    min-width: 35px;
    padding: 6px;
    user-select: none
}

.v-slider-thumb__label:before {
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.v-slider-thumb__ripple {
    background: inherit;
    height: calc(var(--v-slider-thumb-size)*2);
    left: calc(var(--v-slider-thumb-size)/-2);
    position: absolute;
    top: calc(var(--v-slider-thumb-size)/-2);
    width: calc(var(--v-slider-thumb-size)*2)
}

.v-slider.v-input--horizontal .v-slider-thumb {
    top: 50%;
    transform: translateY(-50%)
}

.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb,
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb {
    left: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size)/2)
}

.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb,
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb {
    right: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size)/2)
}

.v-slider.v-input--horizontal .v-slider-thumb__label-container {
    left: calc(var(--v-slider-thumb-size)/2);
    top: 0
}

.v-slider.v-input--horizontal .v-slider-thumb__label {
    bottom: calc(var(--v-slider-thumb-size)/2)
}

.v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label,
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label {
    transform: translateX(-50%)
}

.v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label,
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label {
    transform: translateX(50%)
}

.v-slider.v-input--horizontal .v-slider-thumb__label:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid;
    bottom: -6px
}

.v-slider.v-input--vertical .v-slider-thumb {
    top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size)/2)
}

.v-slider.v-input--vertical .v-slider-thumb__label-container {
    right: 0;
    top: calc(var(--v-slider-thumb-size)/2)
}

.v-slider.v-input--vertical .v-slider-thumb__label {
    left: calc(var(--v-slider-thumb-size)/2);
    top: -12.5px
}

.v-slider.v-input--vertical .v-slider-thumb__label:before {
    border-bottom: 6px solid transparent;
    border-right: 6px solid;
    border-top: 6px solid transparent;
    left: -6px
}

.v-slider-thumb--focused .v-slider-thumb__surface:before {
    opacity: var(--v-focus-opacity);
    transform: scale(2)
}

.v-slider-thumb--pressed {
    transition: none
}

.v-slider-thumb--pressed .v-slider-thumb__surface:before {
    opacity: var(--v-pressed-opacity)
}

@media (hover:hover) {
    .v-slider-thumb:hover .v-slider-thumb__surface:before {
        transform: scale(2)
    }

    .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface:before {
        opacity: var(--v-hover-opacity)
    }
}

.v-color-picker-edit {
    display: flex;
    margin-top: 24px
}

.v-color-picker-edit__input {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%
}

.v-locale--is-ltr .v-color-picker-edit__input:not(:last-child),
.v-locale--is-ltr.v-color-picker-edit__input:not(:last-child) {
    margin-right: 8px
}

.v-locale--is-rtl .v-color-picker-edit__input:not(:last-child),
.v-locale--is-rtl.v-color-picker-edit__input:not(:last-child) {
    margin-left: 8px
}

.v-color-picker-edit__input input {
    background: rgba(var(--v-theme-surface-variant), .2);
    border-radius: 4px;
    color: rgba(var(--v-theme-on-surface));
    height: 2pc;
    margin-bottom: 8px;
    min-width: 0;
    outline: none;
    text-align: center;
    width: 100%
}

.v-color-picker-edit__input span {
    font-size: .75rem
}

.v-color-picker-swatches {
    overflow-y: auto
}

.v-color-picker-swatches>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px
}

.v-color-picker-swatches__swatch {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

.v-color-picker-swatches__color {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
    border-radius: 2px;
    cursor: pointer;
    height: 18px;
    margin: 2px 4px;
    max-height: 18px;
    overflow: hidden;
    position: relative;
    user-select: none;
    width: 45px
}

.v-color-picker-swatches__color>div {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.v-combobox .v-field .v-field__input,
.v-combobox .v-field .v-text-field__prefix,
.v-combobox .v-field .v-text-field__suffix,
.v-combobox .v-field.v-field {
    cursor: text
}

.v-combobox .v-field .v-field__input>input {
    align-self: flex-start;
    flex: 1 1
}

.v-combobox .v-field input {
    min-width: 4pc
}

.v-combobox .v-field:not(.v-field--focused) input {
    min-width: 0
}

.v-combobox .v-field--dirty .v-combobox__selection {
    margin-inline-end: 2px
}

.v-combobox .v-combobox__selection-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v-combobox__content {
    border-radius: 4px;
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    overflow: hidden
}

.v-combobox__mask {
    background: rgb(var(--v-theme-on-surface-variant))
}

.v-combobox__selection {
    align-items: center;
    display: inline-flex;
    letter-spacing: inherit;
    line-height: inherit;
    margin-bottom: var(--v-input-chips-margin-bottom);
    margin-top: var(--v-input-chips-margin-top);
    max-width: 90%
}

.v-combobox__selection:first-child {
    margin-inline-start: 0
}

.v-combobox--selecting-index .v-combobox__selection {
    opacity: var(--v-medium-emphasis-opacity)
}

.v-combobox--selecting-index .v-combobox__selection--selected {
    opacity: 1
}

.v-combobox--selecting-index .v-field__input>input {
    caret-color: transparent
}

.v-combobox--single.v-text-field input {
    flex: 1 1;
    left: 0;
    padding-inline-end: inherit;
    padding-inline-start: inherit;
    position: absolute;
    right: 0;
    width: 100%
}

.v-combobox--single .v-field--variant-outlined input {
    top: 50%;
    transform: translateY(calc(-50% - (var(--v-input-chips-margin-top) + var(--v-input-chips-margin-bottom))/2))
}

.v-combobox--single .v-field--active input {
    transition: none
}

.v-combobox--single .v-field--dirty:not(.v-field--focused) input,
.v-combobox--single .v-field--focused .v-combobox__selection {
    opacity: 0
}

.v-combobox__menu-icon {
    margin-inline-start: 4px;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.v-combobox--active-menu .v-combobox__menu-icon {
    opacity: var(--v-high-emphasis-opacity);
    transform: rotate(180deg)
}

.v-dialog {
    align-items: center;
    justify-content: center;
    margin: auto
}

.v-dialog>.v-overlay__content {
    display: flex;
    flex-direction: column;
    margin: 24px;
    max-height: calc(100% - 3pc);
    max-width: calc(100% - 3pc);
    width: calc(100% - 3pc)
}

.v-dialog>.v-overlay__content>.v-card,
.v-dialog>.v-overlay__content>.v-sheet,
.v-dialog>.v-overlay__content>form>.v-card,
.v-dialog>.v-overlay__content>form>.v-sheet {
    --v-scrollbar-offset: 0px;
    border-radius: 4px;
    box-shadow: 0 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    overflow-y: auto
}

.v-dialog>.v-overlay__content>.v-card,
.v-dialog>.v-overlay__content>form>.v-card {
    display: flex;
    flex-direction: column
}

.v-dialog>.v-overlay__content>.v-card>.v-card-item,
.v-dialog>.v-overlay__content>form>.v-card>.v-card-item {
    padding: 14px 24px 0
}

.v-dialog>.v-overlay__content>.v-card>.v-card-item+.v-card-text,
.v-dialog>.v-overlay__content>form>.v-card>.v-card-item+.v-card-text {
    padding-top: 10px
}

.v-dialog>.v-overlay__content>.v-card>.v-card-text,
.v-dialog>.v-overlay__content>form>.v-card>.v-card-text {
    font-size: inherit;
    letter-spacing: .03125em;
    line-height: inherit;
    padding: 1pc 24px 10px
}

.v-dialog--fullscreen {
    --v-scrollbar-offset: 0px
}

.v-dialog--fullscreen>.v-overlay__content {
    border-radius: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    overflow-y: auto;
    padding: 0;
    top: 0;
    width: 100%
}

.v-dialog--fullscreen>.v-overlay__content>.v-card,
.v-dialog--fullscreen>.v-overlay__content>.v-sheet,
.v-dialog--fullscreen>.v-overlay__content>form>.v-card,
.v-dialog--fullscreen>.v-overlay__content>form>.v-sheet {
    border-radius: 0;
    min-height: 100%;
    min-width: 100%
}

.v-dialog--scrollable>.v-overlay__content,
.v-dialog--scrollable>.v-overlay__content>form {
    display: flex;
    overflow: hidden
}

.v-dialog--scrollable>.v-overlay__content>.v-card,
.v-dialog--scrollable>.v-overlay__content>form>.v-card {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    max-height: 100%;
    max-width: 100%
}

.v-dialog--scrollable>.v-overlay__content>.v-card>.v-card-text,
.v-dialog--scrollable>.v-overlay__content>form>.v-card>.v-card-text {
    backface-visibility: hidden;
    overflow-y: auto
}

.v-file-input input[type=file] {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.v-file-input .v-input__details {
    padding-inline-end: 1pc;
    padding-inline-start: 1pc
}

.v-file-input .v-chip {
    margin-bottom: var(--v-input-chips-margin-bottom);
    margin-top: var(--v-input-chips-margin-top)
}

.v-footer {
    align-items: center;
    background: rgb(var(--v-theme-surface));
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    display: flex;
    flex: 1 1 auto;
    padding: 8px 1pc;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition-property: height, width, transform, max-width, left, right, top, bottom
}

.v-footer--border {
    border-width: thin;
    box-shadow: none
}

.v-footer--absolute {
    position: absolute
}

.v-footer--fixed {
    position: fixed
}

.v-footer--rounded {
    border-radius: 4px
}

.v-item-group {
    flex: 0 1 auto;
    max-width: 100%;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.v-kbd {
    background: rgb(var(--v-theme-kbd));
    border-radius: 3px;
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgb(var(--v-theme-on-kbd));
    display: inline;
    font-size: 85%;
    font-weight: 400;
    padding: .2em .4rem
}

.v-layout {
    --v-scrollbar-offset: 0px;
    display: flex;
    flex: 1 1 auto
}

.v-layout--full-height {
    --v-scrollbar-offset: inherit;
    height: 100%
}

.v-layout-item {
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.v-layout-item,
.v-layout-item--absolute {
    position: absolute
}

.v-locale-provider {
    display: contents
}

.v-main {
    flex: 1 0 auto;
    max-width: 100%;
    padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.v-main__scroller {
    max-width: 100%;
    position: relative
}

.v-main--scrollable {
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-main--scrollable>.v-main__scroller {
    --v-layout-left: 0px;
    --v-layout-right: 0px;
    --v-layout-top: 0px;
    --v-layout-bottom: 0px;
    flex: 1 1 auto;
    overflow-y: auto
}

.v-navigation-drawer {
    -webkit-overflow-scrolling: touch;
    background: rgb(var(--v-theme-surface));
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    pointer-events: auto;
    position: absolute;
    transition-duration: .2s;
    transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.v-navigation-drawer--border {
    border-width: thin;
    box-shadow: none
}

.v-navigation-drawer--rounded {
    border-radius: 4px
}

.v-navigation-drawer--top {
    border-bottom-width: thin;
    top: 0
}

.v-navigation-drawer--bottom {
    border-top-width: thin;
    left: 0
}

.v-navigation-drawer--left {
    border-right-width: thin;
    left: 0;
    right: auto;
    top: 0
}

.v-navigation-drawer--right {
    border-left-width: thin;
    left: auto;
    right: 0;
    top: 0
}

.v-navigation-drawer--floating {
    border: none
}

.v-navigation-drawer--temporary {
    box-shadow: 0 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1pc 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 6px 30px 5px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-navigation-drawer--sticky {
    height: auto;
    transition: box-shadow, transform, visibility, width, height, left, right
}

.v-navigation-drawer .v-list {
    overflow: hidden
}

.v-navigation-drawer__content {
    flex: 0 1 auto;
    height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.v-navigation-drawer__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-navigation-drawer__img img {
    height: inherit;
    object-fit: cover;
    width: inherit
}

.v-navigation-drawer__scrim {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 1
}

.v-parallax {
    overflow: hidden;
    position: relative
}

.v-parallax--active>.v-img__img {
    will-change: transform
}

.v-rating {
    display: inline-flex;
    max-width: 100%;
    white-space: nowrap
}

.v-rating--readonly {
    pointer-events: none
}

.v-rating__wrapper {
    align-items: center;
    display: inline-flex;
    flex-direction: column
}

.v-rating__wrapper--bottom {
    flex-direction: column-reverse
}

.v-rating__item {
    display: inline-flex;
    position: relative
}

.v-rating__item label {
    cursor: pointer
}

.v-rating__item .v-btn--variant-plain {
    opacity: 1
}

.v-rating__item .v-btn {
    transition-property: transform
}

.v-rating__item .v-btn .v-icon {
    transition: inherit;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
    transform: scale(1.25)
}

.v-rating__item--half {
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
    overflow: hidden;
    position: absolute;
    z-index: 1
}

.v-rating__item--half .v-btn__overlay,
.v-rating__item--half:hover .v-btn__overlay {
    opacity: 0
}

.v-rating__hidden {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.v-slide-group {
    display: flex;
    overflow: hidden
}

.v-slide-group__next,
.v-slide-group__prev {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 1 52px;
    justify-content: center;
    min-width: 52px
}

.v-slide-group__next--disabled,
.v-slide-group__prev--disabled {
    opacity: var(--v-disabled-opacity);
    pointer-events: none
}

.v-slide-group__content {
    display: flex;
    flex: 1 0 auto;
    position: relative;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap
}

.v-slide-group__content>* {
    white-space: normal
}

.v-slide-group__container {
    contain: content;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden
}

.v-slide-group--vertical,
.v-slide-group--vertical .v-slide-group__container,
.v-slide-group--vertical .v-slide-group__content {
    flex-direction: column
}

.v-snackbar {
    justify-content: center;
    margin: 8px;
    margin-inline-end: calc(8px + var(--v-scrollbar-offset));
    z-index: 10000
}

.v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
    align-items: flex-end
}

.v-snackbar__wrapper {
    align-items: center;
    border-radius: 4px;
    display: flex;
    max-width: 7in;
    min-height: 3pc;
    min-width: 344px;
    padding: 0
}

.v-snackbar--variant-outlined,
.v-snackbar--variant-plain,
.v-snackbar--variant-text,
.v-snackbar--variant-tonal {
    background: transparent;
    color: inherit
}

.v-snackbar--variant-plain {
    opacity: .62
}

.v-snackbar--variant-plain:focus,
.v-snackbar--variant-plain:hover {
    opacity: 1
}

.v-snackbar--variant-plain .v-snackbar__overlay {
    display: none
}

.v-snackbar--variant-elevated,
.v-snackbar--variant-flat {
    background: rgb(var(--v-theme-surface-variant));
    color: rgb(var(--v-theme-on-surface-variant))
}

.v-snackbar--variant-elevated {
    box-shadow: 0 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 6px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 18px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-snackbar--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12))
}

.v-snackbar--variant-outlined {
    border: thin solid
}

.v-snackbar--variant-text .v-snackbar__overlay {
    background: currentColor
}

.v-snackbar--variant-tonal .v-snackbar__underlay {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: var(--v-activated-opacity);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.v-snackbar__content {
    flex-grow: 1;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    line-height: 1.25rem;
    margin-right: auto;
    padding: 14px 1pc;
    text-align: initial
}

.v-snackbar__actions {
    align-items: center;
    align-self: center;
    display: flex;
    margin-inline-end: 8px
}

.v-snackbar__actions>.v-btn {
    min-width: auto;
    padding: 0 8px
}

.v-snackbar--absolute {
    position: absolute;
    z-index: 1
}

.v-snackbar--multi-line .v-snackbar__wrapper {
    min-height: 68px
}

.v-snackbar--vertical .v-snackbar__wrapper {
    flex-direction: column
}

.v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
    align-self: flex-end;
    margin-bottom: 8px
}

.v-snackbar-transition-enter-active,
.v-snackbar-transition-leave-active {
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.v-snackbar-transition-enter-active {
    transition-property: opacity, transform
}

.v-snackbar-transition-enter-from {
    opacity: 0;
    transform: scale(.8)
}

.v-snackbar-transition-leave-active {
    transition-property: opacity
}

.v-snackbar-transition-leave-to {
    opacity: 0
}

.v-switch .v-label {
    padding-inline-start: 10px
}

.v-switch .v-switch__thumb {
    background-color: rgb(var(--v-theme-surface-bright));
    color: rgb(var(--v-theme-on-surface-bright))
}

.v-switch__loader {
    display: flex
}

.v-switch__loader .v-progress-circular {
    color: rgb(var(--v-theme-surface))
}

.v-switch__thumb,
.v-switch__track {
    transition: none
}

.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb,
.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track {
    background-color: rgb(var(--v-theme-error));
    color: rgb(var(--v-theme-on-error))
}

.v-switch__track {
    background-color: rgb(var(--v-theme-surface-variant));
    border-radius: 9999px;
    cursor: pointer;
    height: 14px;
    opacity: .6;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
    width: 36px
}

.v-switch--inset .v-switch__track {
    border-radius: 9999px;
    height: 2pc;
    width: 52px
}

.v-switch__thumb {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    display: flex;
    height: 20px;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    transition: transform .15s cubic-bezier(0, 0, .2, 1) .05s, color .2s cubic-bezier(.4, 0, .2, 1), background-color .2s cubic-bezier(.4, 0, .2, 1);
    width: 20px
}

.v-switch--inset .v-switch__thumb {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    height: 24px;
    transform: scale(.6666666667);
    width: 24px
}

.v-switch--inset .v-switch__thumb--filled {
    transform: none
}

.v-switch--inset .v-selection-control--dirty .v-switch__thumb {
    transform: none;
    transition: transform .15s cubic-bezier(0, 0, .2, 1) .05s
}

.v-switch .v-selection-control {
    min-height: var(--v-input-control-height)
}

.v-switch .v-selection-control__input {
    border-radius: 50%;
    position: absolute;
    transform: translateX(-10px);
    transition: transform .2s cubic-bezier(.4, 0, .2, 1)
}

.v-switch .v-selection-control__input .v-icon {
    position: absolute
}

.v-switch .v-selection-control--dirty .v-selection-control__input {
    transform: translateX(10px)
}

.v-switch.v-switch--indeterminate .v-selection-control__input {
    transform: scale(.8)
}

.v-switch.v-switch--indeterminate .v-switch__thumb {
    box-shadow: none;
    transform: scale(.75)
}

.v-switch.v-switch--inset .v-selection-control__wrapper {
    width: auto
}

.v-system-bar {
    align-items: center;
    background: rgba(var(--v-theme-on-surface-variant));
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    display: flex;
    flex: 1 1 auto;
    font-size: .75rem;
    font-weight: 400;
    height: 24px;
    justify-content: flex-end;
    letter-spacing: .0333333333em;
    line-height: 1.25rem;
    max-width: 100%;
    padding-inline-end: 8px;
    padding-inline-start: 8px;
    position: relative;
    text-align: end;
    text-transform: none;
    width: 100%
}

.v-system-bar .v-icon {
    opacity: var(--v-medium-emphasis-opacity)
}

.v-system-bar--absolute {
    position: absolute
}

.v-system-bar--fixed {
    position: fixed
}

.v-system-bar--rounded {
    border-radius: 0
}

.v-system-bar--window {
    height: 2pc
}

.v-system-bar:not(.v-system-bar--absolute) {
    padding-inline-end: calc(var(--v-scrollbar-offset) + 8px)
}

.v-tabs {
    display: flex;
    height: var(--v-tabs-height)
}

.v-tabs--density-default {
    --v-tabs-height: 48px
}

.v-tabs--density-default.v-tabs--stacked {
    --v-tabs-height: 72px
}

.v-tabs--density-comfortable {
    --v-tabs-height: 44px
}

.v-tabs--density-comfortable.v-tabs--stacked {
    --v-tabs-height: 68px
}

.v-tabs--density-compact {
    --v-tabs-height: 36px
}

.v-tabs--density-compact.v-tabs--stacked {
    --v-tabs-height: 60px
}

.v-tabs.v-slide-group--vertical {
    --v-tabs-height: 48px;
    flex: none;
    height: auto
}

.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
    margin-inline-start: 42px
}

.v-tabs--align-tabs-center .v-slide-group__content>:last-child,
.v-tabs--fixed-tabs .v-slide-group__content>:last-child {
    margin-inline-end: auto
}

.v-tabs--align-tabs-center .v-slide-group__content>:first-child,
.v-tabs--fixed-tabs .v-slide-group__content>:first-child {
    margin-inline-start: auto
}

.v-tabs--grow {
    flex-grow: 1
}

.v-tabs--grow .v-tab {
    flex: 1 0 auto;
    max-width: none
}

.v-tabs--align-tabs-end .v-tab:first-child {
    margin-inline-start: auto
}

.v-tabs--align-tabs-end .v-tab:last-child {
    margin-inline-end: 0
}

@media (max-width:1279.98px) {
    .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
        margin-inline-start: 52px
    }

    .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
        margin-inline-end: 52px
    }
}

.v-tab.v-tab {
    --v-btn-height: var(--v-tabs-height);
    border-radius: 0;
    min-width: 90px
}

.v-slide-group--horizontal .v-tab {
    max-width: 360px
}

.v-slide-group--vertical .v-tab {
    justify-content: start
}

.v-tab__slider {
    background: currentColor;
    bottom: 0;
    height: 2px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.v-tab--selected .v-tab__slider {
    opacity: 1
}

.v-slide-group--vertical .v-tab__slider {
    height: 100%;
    top: 0;
    width: 2px
}

.v-table {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
    transition-duration: .28s;
    transition-property: box-shadow, opacity, background, height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.v-table .v-table-divider {
    border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
}

.v-table .v-table__wrapper>table>thead>tr>th {
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity))
}

.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>td,
.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>th,
.v-table .v-table__wrapper>table>thead>tr>th {
    border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
}

.v-table .v-table__wrapper>table>tfoot>tr>td,
.v-table .v-table__wrapper>table>tfoot>tr>th {
    border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
}

.v-table.v-table--hover>.v-table__wrapper>table>tbody>tr:hover td {
    background: rgba(var(--v-border-color), var(--v-hover-opacity))
}

.v-table.v-table--fixed-header>.v-table__wrapper>table>thead>tr>th {
    background: rgb(var(--v-theme-surface));
    box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
    z-index: 1
}

.v-table.v-table--fixed-footer>tfoot>tr>td,
.v-table.v-table--fixed-footer>tfoot>tr>th {
    background: rgb(var(--v-theme-surface));
    box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity))
}

.v-table {
    --v-table-header-height: 56px;
    border-radius: inherit;
    line-height: 1.5;
    max-width: 100%
}

.v-table>.v-table__wrapper>table {
    border-spacing: 0;
    width: 100%
}

.v-table>.v-table__wrapper>table>tbody>tr>td,
.v-table>.v-table__wrapper>table>tbody>tr>th,
.v-table>.v-table__wrapper>table>tfoot>tr>td,
.v-table>.v-table__wrapper>table>tfoot>tr>th,
.v-table>.v-table__wrapper>table>thead>tr>td,
.v-table>.v-table__wrapper>table>thead>tr>th {
    padding: 0 1pc;
    transition-duration: .28s;
    transition-property: box-shadow, opacity, background, height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.v-table>.v-table__wrapper>table>tbody>tr>th,
.v-table>.v-table__wrapper>table>tfoot>tr>th,
.v-table>.v-table__wrapper>table>thead>tr>th {
    font-weight: 500;
    text-align: start;
    user-select: none
}

.v-table--density-default>.v-table__wrapper>table>tbody>tr>th,
.v-table--density-default>.v-table__wrapper>table>tfoot>tr>th,
.v-table--density-default>.v-table__wrapper>table>thead>tr>th {
    height: calc(var(--v-table-header-height))
}

.v-table--density-default>.v-table__wrapper>table>tbody>tr>td,
.v-table--density-default>.v-table__wrapper>table>tfoot>tr>td,
.v-table--density-default>.v-table__wrapper>table>thead>tr>td {
    height: calc(var(--v-table-row-height, 52px))
}

.v-table--density-comfortable>.v-table__wrapper>table>tbody>tr>th,
.v-table--density-comfortable>.v-table__wrapper>table>tfoot>tr>th,
.v-table--density-comfortable>.v-table__wrapper>table>thead>tr>th {
    height: calc(var(--v-table-header-height) - 8px)
}

.v-table--density-comfortable>.v-table__wrapper>table>tbody>tr>td,
.v-table--density-comfortable>.v-table__wrapper>table>tfoot>tr>td,
.v-table--density-comfortable>.v-table__wrapper>table>thead>tr>td {
    height: calc(var(--v-table-row-height, 52px) - 8px)
}

.v-table--density-compact>.v-table__wrapper>table>tbody>tr>th,
.v-table--density-compact>.v-table__wrapper>table>tfoot>tr>th,
.v-table--density-compact>.v-table__wrapper>table>thead>tr>th {
    height: calc(var(--v-table-header-height) - 1pc)
}

.v-table--density-compact>.v-table__wrapper>table>tbody>tr>td,
.v-table--density-compact>.v-table__wrapper>table>tfoot>tr>td,
.v-table--density-compact>.v-table__wrapper>table>thead>tr>td {
    height: calc(var(--v-table-row-height, 52px) - 1pc)
}

.v-table__wrapper {
    border-radius: inherit;
    overflow: auto
}

.v-table--has-top>.v-table__wrapper>table>tbody>tr:first-child:hover>td:first-child {
    border-top-left-radius: 0
}

.v-table--has-top>.v-table__wrapper>table>tbody>tr:first-child:hover>td:last-child {
    border-top-right-radius: 0
}

.v-table--has-bottom>.v-table__wrapper>table>tbody>tr:last-child:hover>td:first-child {
    border-bottom-left-radius: 0
}

.v-table--has-bottom>.v-table__wrapper>table>tbody>tr:last-child:hover>td:last-child {
    border-bottom-right-radius: 0
}

.v-table--fixed-height>.v-table__wrapper {
    overflow-y: auto
}

.v-table--fixed-header>.v-table__wrapper>table>thead {
    position: sticky;
    top: 0;
    z-index: 1
}

.v-table--fixed-header>.v-table__wrapper>table>thead>tr>th {
    border-bottom: 0 !important
}

.v-table--fixed-footer>.v-table__wrapper>table>tfoot>tr {
    bottom: 0;
    position: sticky;
    z-index: 1
}

.v-table--fixed-footer>.v-table__wrapper>table>tfoot>tr>td,
.v-table--fixed-footer>.v-table__wrapper>table>tfoot>tr>th {
    border-top: 0 !important
}

.v-textarea .v-field {
    --v-textarea-control-height: var(--v-input-control-height)
}

.v-textarea .v-field__field {
    --v-input-control-height: var(--v-textarea-control-height)
}

.v-textarea .v-field__input {
    flex: 1 1 auto;
    -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), #000 calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
    mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), #000 calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
    outline: none
}

.v-textarea .v-field__input.v-textarea__sizer {
    height: 0 !important;
    left: 0;
    min-height: 0 !important;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden
}

.v-textarea--no-resize .v-field__input {
    resize: none
}

.v-textarea .v-field--active textarea,
.v-textarea .v-field--no-label textarea {
    opacity: 1
}

.v-textarea textarea {
    flex: 1;
    min-width: 0;
    opacity: 0;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.v-textarea textarea:active,
.v-textarea textarea:focus {
    outline: none
}

.v-textarea textarea:invalid {
    box-shadow: none
}

.v-theme-provider {
    background: rgb(var(--v-theme-background));
    color: rgb(var(--v-theme-on-background))
}

.v-timeline .v-timeline-divider__dot {
    background: rgb(var(--v-theme-on-surface-variant))
}

.v-timeline .v-timeline-divider__inner-dot {
    background: rgb(var(--v-theme-on-surface))
}

.v-timeline {
    display: grid;
    grid-auto-flow: dense;
    position: relative
}

.v-timeline--horizontal.v-timeline {
    grid-column-gap: 24px;
    width: 100%
}

.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
    grid-row: 3;
    padding-block-start: 24px
}

.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite,
.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(odd) .v-timeline-item__body {
    align-self: flex-end;
    grid-row: 1;
    padding-block-end: 24px
}

.v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(odd) .v-timeline-item__opposite {
    grid-row: 3;
    padding-block-start: 24px
}

.v-timeline--vertical.v-timeline {
    grid-row-gap: 24px;
    height: 100%
}

.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider,
.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body,
.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
    padding-block-start: 24px
}

.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider,
.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body,
.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
    padding-block-end: 24px
}

.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
    grid-column: 1;
    justify-self: flex-end;
    padding-inline-end: 24px
}

.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite,
.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(odd) .v-timeline-item__body {
    grid-column: 3;
    padding-inline-start: 24px
}

.v-timeline--vertical.v-timeline .v-timeline-item:nth-child(odd) .v-timeline-item__opposite {
    grid-column: 1;
    justify-self: flex-end;
    padding-inline-end: 24px
}

.v-timeline-item {
    display: contents
}

.v-timeline-divider {
    align-items: center;
    display: flex;
    position: relative
}

.v-timeline--horizontal .v-timeline-divider {
    flex-direction: row;
    grid-row: 2;
    width: 100%
}

.v-timeline--vertical .v-timeline-divider {
    flex-direction: column;
    grid-column: 2;
    height: 100%
}

.v-timeline-divider__before {
    background: rgba(var(--v-border-color), var(--v-border-opacity));
    position: absolute
}

.v-timeline--horizontal .v-timeline-divider__before {
    height: var(--v-timeline-line-thickness);
    width: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset))
}

.v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before,
.v-locale--is-ltr.v-timeline--horizontal .v-timeline-divider__before {
    left: -9pt;
    right: auto
}

.v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before,
.v-locale--is-rtl.v-timeline--horizontal .v-timeline-divider__before {
    left: auto;
    right: -9pt
}

.v-timeline--vertical .v-timeline-divider__before {
    height: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset));
    top: -9pt;
    width: var(--v-timeline-line-thickness)
}

.v-timeline-divider__after {
    background: rgba(var(--v-border-color), var(--v-border-opacity));
    position: absolute
}

.v-timeline--horizontal .v-timeline-divider__after {
    height: var(--v-timeline-line-thickness);
    width: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset))
}

.v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__after,
.v-locale--is-ltr.v-timeline--horizontal .v-timeline-divider__after {
    left: auto;
    right: -9pt
}

.v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__after,
.v-locale--is-rtl.v-timeline--horizontal .v-timeline-divider__after {
    left: -9pt;
    right: auto
}

.v-timeline--vertical .v-timeline-divider__after {
    bottom: -9pt;
    height: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset));
    width: var(--v-timeline-line-thickness)
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
    height: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset));
    top: 0
}

.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
    width: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset))
}

.v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before,
.v-locale--is-ltr.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
    left: 0;
    right: auto
}

.v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before,
.v-locale--is-rtl.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
    left: auto;
    right: 0
}

.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
    height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset))
}

.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
    width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset))
}

.v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after,
.v-locale--is-ltr.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
    left: auto;
    right: -9pt
}

.v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after,
.v-locale--is-rtl.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
    left: -9pt;
    right: auto
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
    height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset))
}

.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
    width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset))
}

.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
    bottom: 0;
    height: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset))
}

.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
    width: calc(var(--v-timeline-line-size-base) + 9pt - var(--v-timeline-line-inset))
}

.v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after,
.v-locale--is-ltr.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
    left: auto;
    right: 0
}

.v-locale--is-rtl .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after,
.v-locale--is-rtl.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
    left: 0;
    right: auto
}

.v-timeline--vertical .v-timeline-item:only-child .v-timeline-divider__after {
    height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset))
}

.v-timeline-divider__dot {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .12));
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    z-index: 1
}

.v-timeline-divider__dot--size-x-small {
    height: 22px;
    width: 22px
}

.v-timeline-divider__dot--size-x-small .v-timeline-divider__inner-dot {
    height: calc(100% - 6px);
    width: calc(100% - 6px)
}

.v-timeline-divider__dot--size-small {
    height: 30px;
    width: 30px
}

.v-timeline-divider__dot--size-small .v-timeline-divider__inner-dot {
    height: calc(100% - 8px);
    width: calc(100% - 8px)
}

.v-timeline-divider__dot--size-default {
    height: 38px;
    width: 38px
}

.v-timeline-divider__dot--size-default .v-timeline-divider__inner-dot {
    height: calc(100% - 8px);
    width: calc(100% - 8px)
}

.v-timeline-divider__dot--size-large {
    height: 46px;
    width: 46px
}

.v-timeline-divider__dot--size-large .v-timeline-divider__inner-dot {
    height: calc(100% - 8px);
    width: calc(100% - 8px)
}

.v-timeline-divider__dot--size-x-large {
    height: 54px;
    width: 54px
}

.v-timeline-divider__dot--size-x-large .v-timeline-divider__inner-dot {
    height: calc(100% - 10px);
    width: calc(100% - 10px)
}

.v-timeline-divider__inner-dot {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center
}

.v-timeline--horizontal.v-timeline--justify-center {
    grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%)
}

.v-timeline--vertical.v-timeline--justify-center {
    grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%)
}

.v-timeline--horizontal.v-timeline--justify-auto {
    grid-template-rows: auto min-content auto
}

.v-timeline--vertical.v-timeline--justify-auto {
    grid-template-columns: auto min-content auto
}

.v-timeline--horizontal.v-timeline--density-comfortable {
    height: 100%
}

.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
    grid-template-rows: min-content min-content auto
}

.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
    grid-template-rows: auto min-content min-content
}

.v-timeline--vertical.v-timeline--density-comfortable {
    width: 100%
}

.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
    grid-template-columns: min-content min-content auto
}

.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
    grid-template-columns: auto min-content min-content
}

.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
    grid-template-rows: 0 min-content auto
}

.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
    grid-template-rows: auto min-content 0
}

.v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
    grid-row: 1
}

.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
    grid-template-columns: 0 min-content auto
}

.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
    grid-template-columns: auto min-content 0
}

.v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
    grid-column: 3
}

.v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
    grid-row: 3;
    padding-block-end: 0;
    padding-block-start: 24px
}

.v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
    grid-row: 1;
    padding-block-end: 24px;
    padding-block-start: 0
}

.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
    grid-column: 3;
    justify-self: flex-start;
    padding-inline-end: 0;
    padding-inline-start: 24px
}

.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
    grid-column: 1;
    justify-self: flex-end;
    padding-inline-end: 24px;
    padding-inline-start: 0
}

.v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
    grid-row: 1;
    padding-block-end: 24px;
    padding-block-start: 0
}

.v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
    grid-row: 3;
    padding-block-end: 0;
    padding-block-start: 24px
}

.v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
    grid-column: 1;
    justify-self: flex-end;
    padding-inline-end: 24px
}

.v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
    grid-column: 3;
    justify-self: flex-start;
    padding-inline-start: 24px
}

.v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
    height: inherit;
    width: inherit
}

.v-timeline--align-center {
    --v-timeline-line-size-base: 50%;
    --v-timeline-line-size-offset: 0px
}

.v-timeline--horizontal.v-timeline--align-center {
    justify-items: center
}

.v-timeline--horizontal.v-timeline--align-center .v-timeline-item__body,
.v-timeline--horizontal.v-timeline--align-center .v-timeline-item__opposite {
    padding-inline: 9pt
}

.v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
    justify-content: center
}

.v-timeline--vertical.v-timeline--align-center {
    align-items: center
}

.v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
    justify-content: center
}

.v-timeline--align-start {
    --v-timeline-line-size-base: 100%;
    --v-timeline-line-size-offset: 12px
}

.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
    --v-timeline-line-size-offset: 24px
}

.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
    --v-timeline-line-size-offset: -12px
}

.v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
    --v-timeline-line-size-offset: 0px
}

.v-timeline--horizontal.v-timeline--align-start {
    justify-items: flex-start
}

.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
    justify-content: flex-start
}

.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
    width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size)/2 - var(--v-timeline-line-inset))
}

.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
    width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size)/2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset))
}

.v-timeline--vertical.v-timeline--align-start {
    align-items: flex-start
}

.v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
    justify-content: flex-start
}

.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
    height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size)/2 - var(--v-timeline-line-inset))
}

.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
    height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size)/2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset))
}

.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
    display: none
}

.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
    --v-timeline-line-size-offset: 12px
}

.v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider,
.v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body,
.v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
    padding-block-start: 0
}

.v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider,
.v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body,
.v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
    padding-inline-start: 0
}

.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
    display: none
}

.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
    --v-timeline-line-size-offset: 12px
}

.v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider,
.v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body,
.v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
    padding-block-end: 0
}

.v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider,
.v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body,
.v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
    padding-inline-end: 0
}

.v-tooltip>.v-overlay__content {
    background: rgb(var(--v-theme-surface-variant));
    border-radius: 4px;
    color: rgb(var(--v-theme-on-surface-variant));
    display: inline-block;
    font-size: .875rem;
    line-height: 1.6;
    opacity: 1;
    padding: 5px 1pc;
    pointer-events: none;
    text-transform: none;
    transition-property: opacity, transform;
    width: auto
}

.v-tooltip>.v-overlay__content[class*=enter-active] {
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.v-tooltip>.v-overlay__content[class*=leave-active] {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

@import url("https://use.typekit.net/bvx4jqo.css");


.telcellight {
    font-family: 'telcellight';
    color: #062c5f
}

.telcelregular {
    font-family: 'telcelregular';
    color: #062c5f
}

.telcelbold {
    font-family: 'telcelbold';
    color: #062c5f
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'TelcelFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

i.icon-xxlg {
    display: block;
    font-size: 250px;
    line-height: 170px;
    max-height: 170px;
    overflow: hidden
}

i.icon-light-blue {
    color: #02b0ef
}

.icon-Glossary:before {
    content: "\f902"
}

.icon-Questions:before {
    content: "\f901"
}

.icon-Invoice:before {
    content: "\f900"
}

.icon-SpecialHardware:before {
    content: "\f70b"
}

.icon-Hardware:before {
    content: "\f70a"
}

.icon-BestBrands:before {
    content: "\f709"
}

.icon-PlanRenta:before {
    content: "\f708"
}

.icon-WiFi:before {
    content: "\f707"
}

.icon-Processor:before {
    content: "\f706"
}

.icon-Camera:before {
    content: "\f705"
}

.icon-OsAndroid:before {
    content: "\f704"
}

.icon-OsMac:before {
    content: "\f703"
}

.icon-OsWindows:before {
    content: "\f702"
}

.icon-Memory:before {
    content: "\f701"
}

.icon-Screen:before {
    content: "\f700"
}

.icon-ExtraPack:before {
    content: "\f616"
}

.icon-ExtendedPlan:before {
    content: "\f615"
}

.icon-AmigoPack:before {
    content: "\f614"
}

.icon-Calculator:before {
    content: "\f613"
}

.icon-4GLTE:before {
    content: "\f612"
}

.icon-MoreInfo:before {
    content: "\f611"
}

.icon-Entertainment:before {
    content: "\f610"
}

.icon-OpenMail:before {
    content: "\f60f"
}

.icon-Mail:before {
    content: "\f60e"
}

.icon-Video:before {
    content: "\f60d"
}

.icon-Music:before {
    content: "\f60c"
}

.icon-Games:before {
    content: "\f60b"
}

.icon-Chat:before {
    content: "\f60a"
}

.icon-SocialNetwork:before {
    content: "\f609"
}

.icon-SearchEngine:before {
    content: "\f608"
}

.icon-PC:before {
    content: "\f607"
}

.icon-USBModem:before {
    content: "\f606"
}

.icon-Tablet:before {
    content: "\f605"
}

.icon-Phone:before {
    content: "\f604"
}

.icon-Blackberry:before {
    content: "\f603"
}

.icon-Android:before {
    content: "\f602"
}

.icon-Mac:before {
    content: "\f601"
}

.icon-Windows:before {
    content: "\f600"
}

.icon-ZeroDollars:before {
    content: "\f525"
}

.icon-Adaptable:before {
    content: "\f524"
}

.icon-AllClients:before {
    content: "\f523"
}

.icon-StopWatch:before {
    content: "\f522"
}

.icon-RechargeMore:before {
    content: "\f521"
}

.icon-BigBonus:before {
    content: "\f520"
}

.icon-MobileInternet:before {
    content: "\f51f"
}

.icon-FreeNumber:before {
    content: "\f51e"
}

.icon-Compass:before {
    content: "\f51d"
}

.icon-ChooseAmount:before {
    content: "\f51c"
}

.icon-HardwareBargin:before {
    content: "\f51b"
}

.icon-RechargeGift:before {
    content: "\f51a"
}

.icon-ZeroCommitment:before {
    content: "\f519"
}

.icon-KitAmigo:before {
    content: "\f518"
}

.icon-RecommendPlan:before {
    content: "\f517"
}

.icon-Message:before {
    content: "\f516"
}

.icon-ManageBalance:before {
    content: "\f515"
}

.icon-RechargeNetwork:before {
    content: "\f514"
}

.icon-ExtraServices:before {
    content: "\f513"
}

.icon-PasaTiempo:before {
    content: "\f512"
}

.icon-Cart:before {
    content: "\f511"
}

.icon-NoRedTape:before {
    content: "\f510"
}

.icon-QuickBuck:before {
    content: "\f50f"
}

.icon-Inburs:before {
    content: "\f50e"
}

.icon-Competition:before {
    content: "\f50d"
}

.icon-Membership:before {
    content: "\f50c"
}

.icon-SameNumber:before {
    content: "\f50b"
}

.icon-Purse:before {
    content: "\f50a"
}

.icon-Radar:before {
    content: "\f509"
}

.icon-World:before {
    content: "\f508"
}

.icon-Roaming:before {
    content: "\f507"
}

.icon-Internet:before {
    content: "\f506"
}

.icon-3G:before {
    content: "\f505"
}

.icon-GLTE:before {
    content: "\f504"
}

.icon-City:before {
    content: "\f503"
}

.icon-BestPlan:before {
    content: "\f502"
}

.icon-BestHardware:before {
    content: "\f501"
}

.icon-Mexico:before {
    content: "\f500"
}

.icon-e900_north-america:before {
    content: "\e900"
}

.icon-SameSim:before {
    content: "\f407"
}

.icon-SameNumber2:before {
    content: "\f406"
}

.icon-Benefits:before {
    content: "\f405"
}

.icon-BestPhone:before {
    content: "\f404"
}

.icon-ChoosePlan:before {
    content: "\f403"
}

.icon-ChangeCompany:before {
    content: "\f402"
}

.icon-InTouch:before {
    content: "\f401"
}

.icon-FreeCalls:before {
    content: "\f400"
}

.icon-OpenMenu:before {
    content: "\f321"
}

.icon-SpeachBubble:before {
    content: "\f320"
}

.icon-Watch:before {
    content: "\f31f"
}

.icon-Admin:before {
    content: "\f31e"
}

.icon-ExclusivePromo:before {
    content: "\f31d"
}

.icon-Bill:before {
    content: "\f31c"
}

.icon-Help:before {
    content: "\f31b"
}

.icon-Save:before {
    content: "\f31a"
}

.icon-Contract:before {
    content: "\f319"
}

.icon-Points:before {
    content: "\f318"
}

.icon-Subscription:before {
    content: "\f317"
}

.icon-Gaming:before {
    content: "\f316"
}

.icon-Sheild:before {
    content: "\f315"
}

.icon-Finance:before {
    content: "\f314"
}

.icon-Talk:before {
    content: "\f313"
}

.icon-Compare:before {
    content: "\f312"
}

.icon-Accessories:before {
    content: "\f311"
}

.icon-WifiMobil:before {
    content: "\f310"
}

.icon-Modems:before {
    content: "\f30f"
}

.icon-Tablets:before {
    content: "\f30e"
}

.icon-Phones:before {
    content: "\f30d"
}

.icon-Coins:before {
    content: "\f30c"
}

.icon-Abroad:before {
    content: "\f30b"
}

.icon-Learn:before {
    content: "\f30a"
}

.icon-Services:before {
    content: "\f309"
}

.icon-Consumption:before {
    content: "\f308"
}

.icon-Promos:before {
    content: "\f307"
}

.icon-Recommendation:before {
    content: "\f306"
}

.icon-Plans:before {
    content: "\f305"
}

.icon-Amigo:before {
    content: "\f304"
}

.icon-Network:before {
    content: "\f303"
}

.icon-Search:before {
    content: "\f302"
}

.icon-MiTelcel:before {
    content: "\f301"
}

.icon-Bag:before {
    content: "\f300"
}

.icon-BaseBall:before {
    content: "\f256"
}

.icon-BasketBall:before {
    content: "\f255"
}

.icon-Football:before {
    content: "\f254"
}

.icon-Zodiac:before {
    content: "\f253"
}

.icon-Claro:before {
    content: "\f252"
}

.icon-ZonaClaro:before {
    content: "\f251"
}

.icon-Plugger:before {
    content: "\f250"
}

.icon-Imagenes:before {
    content: "\f24f"
}

.icon-ClaroVideos:before {
    content: "\f24e"
}

.icon-ClaroViajes:before {
    content: "\f24d"
}

.icon-ClaroSync:before {
    content: "\f24c"
}

.icon-ClaroJuegos:before {
    content: "\f24b"
}

.icon-ClaroDeportes:before {
    content: "\f24a"
}

.icon-ClaroChat:before {
    content: "\f249"
}

.icon-ClaroIdeas:before {
    content: "\f248"
}

.icon-Pointer:before {
    content: "\f247"
}

.icon-Gear:before {
    content: "\f246"
}

.icon-Pen:before {
    content: "\f245"
}

.icon-Bookmark:before {
    content: "\f244"
}

.icon-FingerSwipe:before {
    content: "\f243"
}

.icon-Van:before {
    content: "\f242"
}

.icon-Alarm:before {
    content: "\f241"
}

.icon-Notes:before {
    content: "\f240"
}

.icon-HardwareSupport:before {
    content: "\f23f"
}

.icon-HardwarePack:before {
    content: "\f23e"
}

.icon-HardwarePrice:before {
    content: "\f23d"
}

.icon-HardwareScratch:before {
    content: "\f23c"
}

.icon-HardwareTool:before {
    content: "\f23b"
}

.icon-HardwareZoom:before {
    content: "\f23a"
}

.icon-HardwareCut:before {
    content: "\f239"
}

.icon-HardwareExplode:before {
    content: "\f238"
}

.icon-HardwareSmash:before {
    content: "\f237"
}

.icon-HardwareWater:before {
    content: "\f236"
}

.icon-HardwareShock:before {
    content: "\f235"
}

.icon-Lightning:before {
    content: "\f234"
}

.icon-SimpleAvatar:before {
    content: "\f233"
}

.icon-TelcelLogo:before {
    content: "\f232"
}

.icon-Cloud:before {
    content: "\f231"
}

.icon-Key:before {
    content: "\f230"
}

.icon-Eye:before {
    content: "\f22f"
}

.icon-NoConnection:before {
    content: "\f22e"
}

.icon-Binoculars:before {
    content: "\f22d"
}

.icon-NoEntry:before {
    content: "\f22c"
}

.icon-Hourglass:before {
    content: "\f22b"
}

.icon-Speedo:before {
    content: "\f22a"
}

.icon-House:before {
    content: "\f229"
}

.icon-Keyboard:before {
    content: "\f228"
}

.icon-Refresh:before {
    content: "\f227"
}

.icon-PlusOne:before {
    content: "\f226"
}

.icon-Soport:before {
    content: "\f225"
}

.icon-TravelAbroad:before {
    content: "\f224"
}

.icon-TutsGuias:before {
    content: "\f223"
}

.icon-PayTelcel:before {
    content: "\f222"
}

.icon-MyTelcel:before {
    content: "\f21f"
}

.icon-AppTelcel:before {
    content: "\f21e"
}

.icon-InternetTelcel:before {
    content: "\f21d"
}

.icon-HelpTuts:before {
    content: "\f21c"
}

.icon-Document:before {
    content: "\f21b"
}

.icon-Contact:before {
    content: "\f21a"
}

.icon-TengoPlan:before {
    content: "\f219"
}

.icon-NoTengoPlan:before {
    content: "\f218"
}

.icon-RechargeBalance:before {
    content: "\f217"
}

.icon-ConsultBalance:before {
    content: "\f216"
}

.icon-TengoAmigo:before {
    content: "\f215"
}

.icon-NoTienesAmigo:before {
    content: "\f214"
}

.icon-PromoBenefits:before {
    content: "\f213"
}

.icon-CirculoAzulPoints:before {
    content: "\f212"
}

.icon-FAQPurchase:before {
    content: "\f211"
}

.icon-FAQMyInternet:before {
    content: "\f210"
}

.icon-FAQInternet:before {
    content: "\f20f"
}

.icon-FAQSolutions:before {
    content: "\f20e"
}

.icon-FAQServices:before {
    content: "\f20d"
}

.icon-FAQPromotions:before {
    content: "\f20c"
}

.icon-FAQPlan:before {
    content: "\f20b"
}

.icon-FAQHardware:before {
    content: "\f20a"
}

.icon-FAQTravelAbroad:before {
    content: "\f209"
}

.icon-FAQAmigo:before {
    content: "\f208"
}

.icon-Sim:before {
    content: "\f207"
}

.icon-Heart:before {
    content: "\f206"
}

.icon-500Cart:before {
    content: "\f205"
}

.icon-CreditCard:before {
    content: "\f204"
}

.icon-Month:before {
    content: "\f203"
}

.icon-Week:before {
    content: "\f202"
}

.icon-GloboTelcel:before {
    content: "\f201"
}

.icon-Wheelchair:before {
    content: "\f200"
}

.icon-TriangleRight:before {
    content: "\f10d"
}

.icon-TriangleLeft:before {
    content: "\f10c"
}

.icon-TriangleDown:before {
    content: "\f10b"
}

.icon-TriangleUp:before {
    content: "\f10a"
}

.icon-AccordionRightNeg:before {
    content: "\f109"
}

.icon-AccordionLeftNeg:before {
    content: "\f108"
}

.icon-AccordionRight:before {
    content: "\f107"
}

.icon-AccordionLeft:before {
    content: "\f106"
}

.icon-AccordionDownNeg:before {
    content: "\f105"
}

.icon-AccordionUpNeg:before {
    content: "\f104"
}

.icon-AccordionDown:before {
    content: "\f103"
}

.icon-AccordionUp:before {
    content: "\f102"
}

.icon-SliderRight:before {
    content: "\f101"
}

.icon-SliderLeft:before {
    content: "\f100"
}

.icon-Alert2:before {
    content: "\f02a"
}

.icon-Alert:before {
    content: "\f029"
}

.icon-MoneyNeg:before {
    content: "\f028"
}

.icon-Money:before {
    content: "\f027"
}

.icon-More:before {
    content: "\f025"
}

.icon-Less:before {
    content: "\f024"
}

.icon-Guide:before {
    content: "\f023"
}

.icon-PDF:before {
    content: "\f022"
}

.icon-Update:before {
    content: "\f021"
}

.icon-Warning:before {
    content: "\f020"
}

.icon-Question:before {
    content: "\f01f"
}

.icon-List:before {
    content: "\f01e"
}

.icon-Grid:before {
    content: "\f01d"
}

.icon-Close:before {
    content: "\f01c"
}

.icon-Share:before {
    content: "\f01b"
}

.icon-Download:before {
    content: "\f01a"
}

.icon-Print:before {
    content: "\f019"
}

.icon-PadlockClosed:before {
    content: "\f018"
}

.icon-PadlockOpen:before {
    content: "\f017"
}

.icon-HalfStar:before {
    content: "\f016"
}

.icon-Star:before {
    content: "\f015"
}

.icon-DontLikeNeg:before {
    content: "\f014"
}

.icon-LikeNeg:before {
    content: "\f013"
}

.icon-DontLike:before {
    content: "\f012"
}

.icon-Like:before {
    content: "\f011"
}

.icon-TickNeg:before {
    content: "\f010"
}

.icon-Tick:before {
    content: "\f00f"
}

.icon-EmailNeg:before {
    content: "\f00e"
}

.icon-GooglePlusNeg:before {
    content: "\f00d"
}

.icon-PinterestNeg:before {
    content: "\f00c"
}

.icon-YouTubeNeg:before {
    content: "\f00b"
}

.icon-TwitterNeg:before {
    content: "\f00a"
}

.icon-FacebookNeg:before {
    content: "\f009"
}

.icon-MobliNeg:before {
    content: "\f008"
}

.icon-Email:before {
    content: "\f007"
}

.icon-GooglePlus:before {
    content: "\f006"
}

.icon-Pinterest:before {
    content: "\f005"
}

.icon-HolaTelcel:before {
    content: "\f004"
}

.icon-YouTube:before {
    content: "\f003"
}

.icon-Twitter:before {
    content: "\f002"
}

.icon-Facebook:before {
    content: "\f001"
}

.icon-Mobli:before {
    content: "\f000"
}

.icon-e9001_twitter:before {
    content: "\e901"
}

.icon-result:before {
    content: "\e902"
}

.icon-Trash:before {
    content: "\e903"
}

.icon-Substract:before {
    content: "\e904"
}

.icon-Add:before {
    content: "\e905"
}

.icon-SMSMessages:before {
    content: "\f526"
}

.icon-ThreeWayCall:before {
    content: "\f527"
}

.icon-Rescatel:before {
    content: "\f528"
}

.icon-CallTransfer:before {
    content: "\f529"
}

.icon-RegisterInvoice:before {
    content: "\f52a"
}

.icon-InvoiceSummary:before {
    content: "\f52b"
}

.icon-AccountDownload:before {
    content: "\f52c"
}

.icon-InternetPackage:before {
    content: "\f52d"
}

.icon-IntelligentInbox:before {
    content: "\f52e"
}

.icon-CloseSession:before {
    content: "\f52f"
}

.icon-ManageNumbers:before {
    content: "\f530"
}

.icon-ChangeChargingScheme:before {
    content: "\f531"
}

.icon-ChangeChargingScheme2:before {
    content: "\f532"
}

.icon-SuspendLine:before {
    content: "\f533"
}

.icon-SuspendLine2:before {
    content: "\f534"
}

.icon-iTelcel:before {
    content: "\f535"
}

.icon-Transfer:before {
    content: "\f536"
}

.icon-WhatsApp:before {
    content: "\f537"
}

header.telcel-menu-header {
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    z-index: 9000
}

@media(min-width:992px) {
    header.telcel-menu-header {
        min-height: 108px
    }

    header.telcel-menu-header .header-container .top-nav {
        background: #00529b;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 99
    }

    header.telcel-menu-header .header-container .top-nav .menu-header {
        display: none
    }

    header.telcel-menu-header .header-container .top-nav .tabs-worlds .nav-tabs li {
        position: static
    }

    header.telcel-menu-header .header-container .top-nav .tabs-worlds .nav-tabs li a {
        font-size: 16px;
        font-weight: 400
    }

    header.telcel-menu-header .header-container .top-nav .tabs-worlds .nav-tabs li a:hover {
        color: #00529b
    }

    header.telcel-menu-header .header-container .top-nav .list-services {
        margin-right: 268px
    }

    header.telcel-menu-header .header-container .top-nav .list-services ul {
        margin-bottom: 0
    }

    header.telcel-menu-header .header-container .top-nav .list-services ul>li {
        padding: 9px
    }

    header.telcel-menu-header .header-container .top-nav .list-services ul>li.claro-shop img {
        width: 80px;
        margin-top: -7px
    }

    header.telcel-menu-header .header-container .top-nav .list-services ul>li.claro-shop .text-claro {
        display: none
    }

    header.telcel-menu-header .header-container .top-nav .list-services ul>li:last-child img {
        margin-top: -7px
    }

    header.telcel-menu-header .header-container .top-nav .list-services ul>li a {
        color: #fff
    }

    header.telcel-menu-header .header-container .bottom-nav {
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        background: #fff;
        position: fixed;
        top: 43px;
        width: 100%;
        z-index: 9999;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
        transition-property: all;
        transition-duration: .5s;
        transition-timing-function: linear
    }

    header.telcel-menu-header .header-container .bottom-nav.fixed-bottom-nav {
        top: 0;
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
        transition-property: all;
        transition-duration: .5s;
        transition-timing-function: linear
    }

    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-nuevo-menu {
        height: 65px;
        width: 80px;
        border: none !important;
        font-size: 18px;
        font-weight: 600;
        padding-left: 0;
        padding-right: 0;
        color: #666;
        padding-top: 20px;
        border-radius: 0;
        background-image: url("../../../../../../content/dam/htmls/img/icons/flecha_menu_gris.svg");
        background-repeat: no-repeat;
        background-position: 100% 55%;
        background-size: 16px
    }

    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-nuevo-menu.active {
        -webkit-box-shadow: inset 0 -5px 0 0 #00529b;
        -moz-box-shadow: inset 0 -5px 0 0 #00529b;
        box-shadow: inset 0 -5px 0 0 #00529b;
        color: #00529b;
        background-image: url("../../../../../../content/dam/htmls/img/icons/flecha_menu_azul.svg")
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options {
        margin-right: 0;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        transition-property: all;
        transition-duration: .2s;
        transition-timing-function: linear
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options.fixed-options {
        margin-right: 268px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options ul>li {
        position: relative
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list {
        background: #fff;
        margin-bottom: 0;
        padding-left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li {
        padding: 0;
        margin-bottom: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li .dropdown-backdrop {
        display: none !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li a {
        padding: 20px 0 13px 20px;
        display: block
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.open {
        border-bottom: 6px solid #00529b;
        max-height: 63px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.open a.dropdown-toggle {
        font-weight: 600;
        padding-top: 23px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li .dropdown-menu {
        min-width: 275px;
        top: 110%;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        left: 0 !important;
        right: auto !important;
        border: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li .dropdown-menu .header-submenu {
        display: none
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.atajos .dropdown-menu {
        width: 400px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.atajos .dropdown-menu.atajos-mundo {
        max-width: 400px;
        left: auto !important;
        right: -105px !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.atajos .dropdown-menu.atajos-mundo .shortcut-container {
        max-width: 50%
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.atajos .dropdown-menu.atajos-empresas {
        max-width: 220px;
        left: auto !important;
        right: -105px !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.atajos .shortcut-container {
        float: left;
        padding: 20px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.atajos .shortcut-container a {
        padding: 0;
        margin: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.atajos .shortcut-container a:hover {
        color: #0071d1 !important;
        text-decoration: underline
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado>a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(min-width:992px) and (max-width:1129px) {
    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado>a {
        max-width: 105px
    }
}

@media(min-width:992px) and (max-width:1009px) {
    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado>a {
        max-width: 90px
    }
}

@media(min-width:992px) {
    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado .dropdown-menu {
        max-height: 280px;
        overflow-x: hidden;
        overflow-y: scroll
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado .dropdown-menu li a:hover {
        background: #e5edf5 !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado .dropdown-menu li.selected {
        background: #e5edf5
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado .dropdown-menu li.selected a {
        color: #00529b;
        font-weight: 600
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.estado .dropdown-menu li.selected a:after {
        content: " " !important;
        background-image: url("../../../../../../content/dam/htmls/img/icons/check.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.tienda .dropdown-menu li a:hover {
        background: #e5edf5 !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.tienda .dropdown-menu li.selected {
        background: #e5edf5
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.tienda .dropdown-menu li.selected a {
        color: #00529b;
        font-weight: 600
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.tienda .dropdown-menu li.selected a:after {
        content: " " !important;
        background-image: url("../../../../../../content/dam/htmls/img/icons/check.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.carrito .carrito-contenedor {
        display: inline-block;
        position: relative
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.carrito .carrito-contenedor .contador-carrito {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 18px;
        width: 18px;
        background: #c71585;
        border-radius: 50%;
        color: #fff;
        font-weight: 600;
        position: absolute;
        top: -7px;
        left: 11px;
        font-size: 12px;
        z-index: 1
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.carrito .carrito-contenedor .notificacion {
        position: absolute;
        left: 10px;
        top: -3px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.carrito .dropdown-menu li a {
        position: relative
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.carrito .dropdown-menu li a:hover {
        background: #e5edf5 !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li a {
        color: #00529b
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li a img {
        margin-right: 5px
    }
}

@media(min-width:992px) and (max-width:1243px) and (min-width:992px) {
    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li a:hover {
        text-decoration: none !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li a .text-option {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        text-decoration: none
    }
}

@media(min-width:992px) {
    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.mi_telcel {
        font-family: telcelregular;
        font-weight: 600
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.mi_telcel img {
        margin-right: 8px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list li.mi_telcel a {
        color: #0096d1
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu {
        padding: 0;
        margin: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li {
        padding: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li a {
        padding: 10px 10px;
        display: block;
        color: #666;
        font-size: 14px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li a.azul-title-extra {
        color: #00529b;
        font-size: 15px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li a.azul-title {
        color: #00529b;
        font-size: 15px
    }

    .azul-title {
        color: #00529b;
        padding-bottom: 5px !important;
        font-weight: 600
    }

    .azul-title-extra {
        color: #00529b;
        padding-top: 10px !important;
        font-weight: 600;
        line-height: 2
    }

    .m-b-20-d {
        margin: 0 0 20px 0
    }
}

@media(max-width:991px) {
    header.telcel-menu-header {
        min-height: 114px
    }

    header.telcel-menu-header .header-container .top-nav {
        display: none
    }

    header.telcel-menu-header .header-container .top-nav .menu-header {
        height: 50px;
        background: #00529b;
        color: #fff;
        padding-top: 12px;
        font-size: 18px;
        position: fixed;
        z-index: 15
    }

    header.telcel-menu-header .header-container .top-nav .menu-header button {
        margin-top: -4px;
        background: transparent;
        border: 0
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid {
        padding: 0
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .tabs-worlds {
        float: none !important
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .tabs-worlds .nav-tabs {
        position: relative;
        top: 50px
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .tabs-worlds .nav-tabs .item-main.active>a:after {
        content: " ";
        background-image: url("../../../../../../content/dam/htmls/img/icons/mas_azul.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .tabs-worlds .nav-tabs .item-main>a:after {
        content: " ";
        background-image: url("../../../../../../content/dam/htmls/img/icons/flecha_gopage.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .tabs-worlds .nav-tabs .item-main a.open_menu:after {
        content: " ";
        background-image: url("../../../../../../content/dam/htmls/img/icons/menos_azul.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .tabs-worlds li {
        float: none
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .tabs-worlds a {
        color: #00529b;
        font-weight: 900
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .list-services {
        float: none !important;
        position: relative;
        top: 50px
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .list-services li {
        display: block
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .list-services li.claro-shop img {
        display: none
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .list-services li.claro-shop .text-claro {
        display: block
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .list-services li:last-child img {
        display: none
    }

    header.telcel-menu-header .header-container .top-nav .container-fluid .list-services li a {
        padding: 10px 15px;
        display: block;
        color: #00529b
    }

    header.telcel-menu-header .header-container .bottom-nav {
        box-shadow: 0 2px 5px rgba(126, 126, 126, 0.1);
        max-height: 50px;
        background: #fff;
        border-bottom: 2px solid rgba(126, 126, 126, 0.1);
        z-index: 10;
        width: 100%
    }

    header.telcel-menu-header .header-container .bottom-nav.menu-mobile-fixed {
        position: fixed;
        top: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-brand {
        margin: 0;
        padding: 12px 0
    }

    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-nuevo-menu {
        float: left !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options {
        position: absolute;
        left: 0;
        width: 100%;
        top: 50px;
        box-shadow: 0 2px 2px rgba(126, 126, 126, 0.1);
        z-index: 2
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options.options-none {
        display: none !important
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list {
        background: #fff;
        margin-bottom: 0;
        padding-left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li {
        width: 19%;
        text-align: center;
        margin-bottom: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .dropdown-backdrop {
        display: none !important;
        position: unset;
        z-index: 10
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li.dos-columnas {
        width: 49%
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li.carrito .carrito-contenedor {
        display: inline-block;
        position: relative
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li.carrito .carrito-contenedor .contador-carrito {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 18px;
        width: 18px;
        background: #c71585;
        border-radius: 50%;
        color: #fff;
        font-weight: 600;
        position: absolute;
        font-size: 12px;
        top: -7px;
        left: 11px;
        z-index: 1
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li.carrito .carrito-contenedor .notificacion {
        position: absolute;
        left: 10px;
        top: -3px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .text-option {
        display: none
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .caret {
        display: none
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li a {
        display: block;
        padding: 15px;
        position: relative
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .dropdown-menu {
        margin: 0;
        padding: 0;
        width: 100%;
        background: #fff;
        height: 100%;
        position: fixed !important;
        z-index: 10;
        left: 0 !important;
        top: 0 !important;
        float: none
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .dropdown-menu li {
        padding: 0
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .dropdown-menu li a {
        padding: 10px 15px;
        display: block;
        color: #666;
        font-weight: 900;
        font-size: 14px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .dropdown-menu li a.negro-text {
        color: #222;
        padding: 10px 15px 10px 40px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .dropdown-menu li a.azul-title-extra {
        color: #00529b;
        font-size: 15px;
        padding: 5px 15px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list>li .dropdown-menu li a.azul-title {
        color: #00529b;
        font-size: 15px;
        padding: 5px 15px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu {
        margin: 0;
        width: 100%;
        background: #fff;
        height: 100%;
        position: fixed !important;
        z-index: 10;
        left: 0 !important;
        top: 0 !important;
        float: none
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu .dropdown-content {
        margin-top: 50px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li {
        text-align: left
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li.selected {
        background: #e5edf5
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li.selected a {
        color: #00529b;
        font-weight: 600
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu li.selected a:after {
        content: " " !important;
        background-image: url("../../../../../../content/dam/htmls/img/icons/check.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu .header-submenu {
        display: block;
        max-height: 50px;
        padding: 12px 0 10px 10px;
        box-shadow: 0 2px 2px rgba(126, 126, 126, 0.1);
        position: fixed;
        width: 100%;
        z-index: 15;
        background-color: #fff
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu .header-submenu p {
        color: #666;
        font-weight: 900;
        font-size: 18px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu .header-submenu p img {
        margin-left: -7px;
        margin-right: 7px
    }

    header.telcel-menu-header .header-container .bottom-nav .nav-options .options-list .dropdown-menu .header-submenu button {
        background: transparent;
        border: 0
    }

    .open-menu {
        display: block !important;
        width: 100%;
        background: #fff;
        height: 100%;
        position: fixed;
        z-index: 9999;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        overflow: scroll
    }

    .full-menu {
        max-height: 100% !important;
        width: 100%;
        overflow: hidden !important;
        position: fixed !important
    }

    .azul-title {
        color: #00529b;
        padding-bottom: 5px !important;
        font-weight: 600
    }

    .azul-title-extra {
        color: #00529b;
        padding-top: 10px !important;
        font-weight: 600;
        line-height: 2
    }
}

@media(max-width:768px) and (min-width:423px) {
    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-brand {
        padding: 12px 15px
    }
}

@media(max-width:422px) and (min-width:375px) {
    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-brand {
        padding: 14px 0
    }

    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-brand.empresas {
        margin-left: -10px
    }

    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-brand img {
        width: 120px
    }
}

@media(max-width:375px) and (min-width:319px) {
    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-brand img {
        width: 90px
    }
}

@media(max-width:320px) {
    header.telcel-menu-header .header-container .bottom-nav .brand-container .navbar-brand {
        padding: 14px 0 !important
    }
}

header.telcel-menu-header ul li {
    list-style: none
}

header.telcel-menu-header .container-fluid {
    max-width: 1280px;
    position: relative
}

@media(max-width:767px) {
    header.telcel-menu-header .bottom-nav .header-submenu {
        padding: 10px !important
    }

    header.telcel-menu-header .bottom-nav .header-submenu .pull-left {
        margin-bottom: 0;
        margin-right: auto
    }
}

@media(max-width:767px) {
    header.telcel-menu-header .bottom-nav .container-fluid {
        display: flex
    }

    header.telcel-menu-header .bottom-nav .container-fluid .logo {
        display: flex
    }

    header.telcel-menu-header .bottom-nav .container-fluid .logo .navbar-nuevo-menu {
        height: 28px
    }

    header.telcel-menu-header .bottom-nav .container-fluid .comp-buscador-menu {
        margin-left: auto
    }
}

header.telcel-menu-header .nav-tabs {
    border: 0
}

header.telcel-menu-header .nav-tabs>li {
    text-transform: uppercase
}

header.telcel-menu-header .nav-tabs>li a {
    color: #fff
}

header.telcel-menu-header .nav-tabs>li.active>a {
    border: 1px solid #fff;
    color: #00529b !important;
    font-weight: 900 !important;
    background-color: #fff !important
}

header.telcel-menu-header .tabs-worlds .nav-tabs>li.active>a:hover {
    border: 1px solid #fff !important;
    background-color: #fff;
    color: #00529b
}

header.telcel-menu-header .tabs-worlds .nav>li>a:hover,
header.telcel-menu-header .tabs-worlds .nav>li>a:focus {
    color: #00529b
}

@media(max-width:991px) {
    header.telcel-menu-header header.telcel-menu-header.navbar-right .dropdown-menu {
        left: 0 !important
    }
}

.brand-container .logo .navbar-brand {
    height: 100%
}

.brand-container .logo .navbar-brand h1 {
    margin: 0;
    line-height: 0
}

.brand-container .logo .navbar-brand img {
    height: 24px
}

@media(max-width:990px) {
    .brand-container .logo .navbar-brand img {
        height: 16px
    }
}

@media(max-width:991px) {
    .brand-container .logo {
        display: flex;
        align-items: center;
        justify-content: left;
        gap: 8px;
        height: 45px
    }

    .brand-container .logo .navbar-nuevo-menu {
        margin-top: 0 !important
    }

    .brand-container .logo .navbar-brand {
        height: fit-content
    }
}

.comp-buscador-menu .menu-search #buscador-menu-formulario {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    height: 34px
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group {
    width: 256px;
    border-radius: 60px;
    overflow: hidden;
    background-color: #fff;
    height: 100%;
    position: relative
}

@media(max-width:990px) {
    .comp-buscador-menu .menu-search #buscador-menu-formulario .input-group {
        width: 180px
    }
}

@media(max-width:319px) {
    .comp-buscador-menu .menu-search #buscador-menu-formulario .input-group {
        width: calc(100vw - 140px)
    }
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group #nuevo-menu-buscador-boton-cerrar {
    display: none;
    position: absolute;
    cursor: pointer;
    left: 8px;
    top: 5px;
    z-index: 3;
    height: 24px;
    width: 24px;
    background-size: cover;
    background-image: url("../../../../../../content/dam/htmls/img/icons/cerrar_azul.svg")
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group input {
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    height: 34px;
    padding: 8px 20px;
    margin: 0;
    width: 100%
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group .input-group-btn {
    position: absolute;
    cursor: pointer;
    right: 16px;
    top: 5px;
    z-index: 3;
    height: 24px;
    width: 24px;
    background-size: cover;
    background-image: url("../../../../../../content/dam/htmls/img/icons/cerrar_blanco_24x24.svg")
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group .input-group-btn>button {
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 0
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group #nuevo-menu-buscador-boton-buscar {
    display: none;
    position: absolute;
    right: 4px;
    top: 3px;
    z-index: 3
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group #nuevo-menu-buscador-boton-buscar>button {
    background-color: #e3edf6;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 20px;
    padding: 0 16px;
    color: #0071d1;
    height: 28px;
    width: 74px;
    font-weight: 600
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group #nuevo-menu-buscador-boton-buscar>button.btn-disabled {
    pointer-events: none;
    background-color: #d0d0d0;
    color: #595959;
    cursor: none
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado {
    width: 875px
}

@media(max-width:1249px) {
    .comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado {
        width: calc(100vw - 416px)
    }
}

@media(max-width:990px) {
    .comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado {
        width: calc(100vw - 160px)
    }
}

@media(max-width:767px) {
    .comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado {
        width: calc(100vw - 74px)
    }
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado .input-group-btn {
    display: none
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado #nuevo-menu-buscador-boton-cerrar,
.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado #nuevo-menu-buscador-boton-buscar {
    display: block
}

.comp-buscador-menu .menu-search #buscador-menu-formulario .input-group.buscador-desplegado input {
    padding-left: 36px;
    padding-right: 96px
}

.comp-buscador-menu .menu-search #buscador-menu-formulario.menu-search-normal {
    top: -38px
}

.comp-buscador-menu .menu-search #buscador-menu-formulario.menu-search-fixed {
    top: 15.5px
}

.comp-buscador-menu .menu-search #buscador-menu-formulario.menu-search-fixed .input-group {
    background-color: #f2f7f9
}

@media(max-width:990px) {
    .comp-buscador-menu .menu-search #buscador-menu-formulario {
        top: -4px !important
    }

    .comp-buscador-menu .menu-search #buscador-menu-formulario .input-group {
        background-color: #f2f7f9
    }
}

@media(min-width:992px) {
    .menu-principal {
        min-height: 385px;
        position: fixed;
        width: 100%;
        top: 108px;
        left: 0;
        right: 0;
        display: none;
        box-shadow: 0 -5px -5px rgba(0, 0, 0, 0.1);
        z-index: 9999
    }

    .menu-principal.active-menu {
        display: block
    }

    .menu-principal .menu-content {
        max-width: 950px;
        min-height: 400px;
        margin: 0 auto
    }

    .menu-principal .menu-content ul {
        max-width: 220px;
        background: #fff;
        min-height: 460px;
        max-height: 460px;
        padding: 0;
        margin: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        position: relative
    }

    .menu-principal .menu-content ul.level-1 {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
    }

    .menu-principal .menu-content ul .menu-item {
        text-transform: none;
        position: static
    }

    .menu-principal .menu-content ul .menu-item.hover-menu>a {
        background: #e5edf5;
        color: #00529b !important;
        font-weight: 400 !important
    }

    .menu-principal .menu-content ul .menu-item.hover-menu .submenu-content {
        visibility: visible;
        opacity: 1
    }

    .menu-principal .menu-content ul .menu-item img {
        margin-right: 10px
    }

    .menu-principal .menu-content ul .menu-item>a {
        padding: 10px;
        text-decoration: none;
        font-size: 14px !important;
        color: #666;
        display: flex;
        align-items: center
    }

    .menu-principal .menu-content ul .menu-item .submenu-content {
        width: 660px;
        max-width: 660px;
        background: #fff;
        position: absolute;
        left: 220px;
        top: 0;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 000ms, visibility 000ms;
        transition: opacity 000ms, visibility 000ms
    }

    .menu-principal .menu-content ul .menu-item .submenu-content.default {
        visibility: visible !important;
        opacity: 1 !important
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul {
        position: relative;
        min-height: 460px;
        max-height: 460px;
        padding: 20px;
        margin-left: 0;
        width: 222px;
        float: left;
        box-shadow: unset
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li.submenu-item-title a {
        color: #00529b;
        margin-top: 10px;
        font-weight: 600;
        font-size: 13px;
        text-decoration: none
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li.submenu-item-title-extra a {
        color: #00529b;
        margin-top: 10px;
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 13px
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li a {
        color: #4a4a4a;
        padding: 0;
        margin: 0;
        font-size: 13px
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li a:hover {
        background: 0;
        color: #0071d1 !important;
        text-decoration: underline
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .submenu-mobile ul {
        padding: 0;
        min-height: 0;
        margin-bottom: 20px;
        max-width: 200px
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .menu-img-container {
        position: relative;
        min-height: 400px;
        max-height: 400px;
        margin-left: 0;
        width: 220px;
        float: left;
        box-shadow: unset;
        background-repeat: no-repeat;
        background-position: center
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .especial {
        padding: 0 !important;
        min-height: 10px !important;
        height: auto !important;
        width: 100%;
        margin: 0 0 20px 0
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .especial li a {
        color: #666 !important;
        font-size: 13px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: normal !important
    }
}

@media(max-width:991px) {
    .menu-principal {
        position: relative;
        top: 0 !important;
        min-height: 0;
        display: block
    }

    .menu-principal .menu-content {
        width: 100%;
        max-width: 100%;
        min-height: 0
    }

    .menu-principal .menu-content .level-1 {
        background-color: #e5edf5;
        padding-left: 0
    }

    .menu-principal .menu-content .level-1 .menu-item>a {
        display: flex;
        align-items: center
    }

    .menu-principal .menu-content .level-1 .menu-item>a:focus {
        border: 0
    }

    .menu-principal .menu-content .level-1 .menu-item>a:after {
        content: " " !important;
        background-image: url("../../../../../../content/dam/htmls/img/icons/mas_azul.svg");
        width: 24px;
        min-width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        margin-left: auto
    }

    .menu-principal .menu-content .level-1 .menu-item>a.open_menu:after {
        content: " " !important;
        background-image: url("../../../../../../content/dam/htmls/img/icons/menos_azul.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    .menu-principal .menu-content ul {
        max-width: unset;
        min-height: unset;
        box-shadow: none
    }

    .menu-principal .menu-content ul .menu-item {
        text-transform: capitalize;
        position: static
    }

    .menu-principal .menu-content ul .menu-item:hover .submenu-content {
        visibility: visible;
        opacity: 1
    }

    .menu-principal .menu-content ul .menu-item img {
        margin-right: 10px
    }

    .menu-principal .menu-content ul .menu-item a {
        color: #666;
        padding: 10px 18px;
        text-decoration: none;
        font-size: 13px;
        display: flex;
        align-items: center
    }

    .menu-principal .menu-content ul .menu-item a.black-mobile {
        color: #222 !important
    }

    .menu-principal .menu-content ul .menu-item .submenu-content {
        visibility: visible;
        opacity: 1;
        width: 100%;
        position: relative;
        left: 0;
        display: none;
        padding: 0;
        background-color: #d9e5f0;
        box-shadow: none
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul {
        position: relative;
        min-height: 1px;
        padding: 0;
        margin-left: 0;
        width: 100%;
        float: none;
        box-shadow: unset;
        background-color: #d9e5f0
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li.submenu-item-title a {
        color: #000;
        font-weight: 600;
        padding: 10px 18px 10px 50px;
        margin-top: 0
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li.submenu-item-title-extra a {
        color: #000;
        font-weight: 600;
        padding: 10px 18px 10px 50px;
        margin-top: 0
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li a {
        padding: 0;
        margin: 0;
        font-size: 13px
    }

    .menu-principal .menu-content ul .menu-item .submenu-content ul li a:hover {
        background: 0;
        color: #0071d1 !important;
        text-decoration: underline
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .submenu-list .item-submenu>a:after {
        content: " " !important;
        background-image: url("../../../../../../content/dam/htmls/img/icons/mas_azul.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .submenu-list .item-submenu>a.open_menu:after {
        content: " " !important;
        background-image: url("../../../../../../content/dam/htmls/img/icons/menos_azul.svg");
        width: 24px;
        height: 24px;
        float: right;
        background-repeat: no-repeat
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .menu-img-container {
        display: none
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .especial {
        padding: 0 !important;
        min-height: 10px !important;
        height: auto !important;
        width: 100%;
        display: none;
        margin: 0
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .especial ul {
        background: #bfd4e6 !important
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .especial li>a {
        color: #222 !important;
        padding: 10px 15px 10px 60px !important;
        font-weight: 400 !important;
        display: block
    }

    .menu-principal .menu-content ul .menu-item .submenu-content .especial li>a:after {
        background: 0
    }
}

@media(max-width:992px) {
    .navbar-nuevo-menu {
        border-radius: 4px;
        border: #00529b solid 1px;
        text-align: center;
        color: #00529b;
        line-height: 15px;
        padding: 5px;
        background-color: #fff;
        margin-top: 9px
    }

    .navbar-nuevo-menu .caret {
        display: none
    }
}

@media(max-width:991px) {
    .navbar-nuevo-menu p {
        margin-bottom: 0
    }
}

.overlay-active {
    position: relative;
    overflow: hidden
}

.overlay-active:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    z-index: 99;
    opacity: .6
}

#container-box-search {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    max-width: 912px;
    z-index: 9999
}

#container-box-search.resultados-desplegados {
    display: block;
    opacity: 1;
    pointer-events: initial
}

#container-box-search.resultados-fixed {
    top: 58px
}

@media(max-width:990px) {
    #container-box-search {
        top: 48px
    }

    #container-box-search.resultados-fixed {
        top: 48px
    }
}

#container-box-search .icon {
    max-width: none
}

.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.gluo-newrichtxt ul {
    padding: 40px
}

.comp-destacado-columnas .destacado-columnas-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.comp-destacado-columnas .destacado-columnas-item h1 {
    font-family: telcelbold;
    color: #062c5f;
    font-size: 30px
}

@media(max-width:767px) {
    .comp-destacado-columnas .destacado-columnas-item {
        display: block
    }
}

@media(max-width:767px) {
    .comp-destacado-columnas .destacado-columnas-item img {
        margin: 0 auto
    }
}

.comp-destacado-columnas .destacado-columnas-col {
    float: left;
    padding: 15px
}

@media(max-width:767px) {
    .comp-destacado-columnas .destacado-columnas-col {
        width: 100%;
        float: none
    }
}

.comp-destacado-columnas .destacado-columnas-col.hidden {
    display: none
}

.comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2),
.comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2)~.destacado-columnas-col {
    float: left;
    width: 50%;
    padding: 15px
}

@media(max-width:767px) {

    .comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2),
    .comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2)~.destacado-columnas-col {
        width: 100%;
        float: none
    }
}

.comp-destacado-columnas .destacado-columnas-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.comp-destacado-columnas .destacado-columnas-item h1 {
    font-family: telcelbold;
    color: #062c5f;
    font-size: 30px
}

@media(max-width:767px) {
    .comp-destacado-columnas .destacado-columnas-item {
        display: block
    }
}

@media(max-width:767px) {
    .comp-destacado-columnas .destacado-columnas-item img {
        margin: 0 auto
    }
}

.comp-destacado-columnas .destacado-columnas-col {
    float: left;
    padding: 15px
}

@media(max-width:767px) {
    .comp-destacado-columnas .destacado-columnas-col {
        width: 100%;
        float: none
    }
}

.comp-destacado-columnas .destacado-columnas-col.hidden {
    display: none
}

.comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2),
.comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2)~.destacado-columnas-col {
    float: left;
    width: 50%;
    padding: 15px
}

@media(max-width:767px) {

    .comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2),
    .comp-destacado-columnas .destacado-columnas-col:first-child:nth-last-child(2)~.destacado-columnas-col {
        width: 100%;
        float: none
    }
}

.comp-destacado-columnas .componente-cuatro-columnas h2 {
    font-size: 24px;
    font-weight: bold;
    min-height: 65px;
    margin-bottom: 0
}

@media(max-width:767px) {
    .comp-destacado-columnas .componente-cuatro-columnas h2 {
        margin-top: 60px
    }
}

.comp-destacado-columnas .componente-cuatro-columnas a {
    margin-bottom: 10px
}

.comp-destacado-columnas .componente-cuatro-columnas p {
    padding: 15px;
    text-align: justify
}

.comp-destacado-columnas .componente-cuatro-columnas .componente-cuatro-columnas-contenedor-imagen img {
    margin: 40px 0
}

h2,
.h2 {
    font-size: 32px
}

h2 p,
.h2 p {
    font-size: 32px
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
    color: #222
}

.comp-destacado-columnas .componente-cuatro-columnas h2 {
    font-size: 32px
}

.container-fluid {
    max-width: 1140px
}

a {
    color: #0071d1;
    font-weight: 600
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-left: 16px;
    padding-right: 16px
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

.container-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.comp-telcel-footer .telcel-footer {
    width: 100%;
    position: relative;
    padding: 0;
    margin-top: 80px;
    background-color: #f0f5ff
}

.comp-telcel-footer .telcel-footer #telcel-footer-contenedor {
    padding: 16px 40px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}

@media(max-width:991px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-contenedor {
        padding: 16px
    }
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-contenedor {
        flex-wrap: wrap;
        column-gap: 24px
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-contenedor>div {
    padding: 0 48px
}

@media(max-width:1366px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-contenedor>div {
        padding: 0 16px
    }
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-contenedor>div {
        width: 100%;
        padding: 0;
        border: 0
    }
}

.comp-telcel-footer .telcel-footer .telcel-footer-bloque1:first-child {
    border-right: solid 1px #d0d0d0
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer .telcel-footer-bloque1:first-child {
        border-bottom: 1px solid #d0d0d0 !important
    }
}

@media(max-width:375px) {
    .comp-telcel-footer .telcel-footer .telcel-footer-bloque1:first-child {
        margin-bottom: 8px
    }
}

.comp-telcel-footer .telcel-footer .telcel-footer-border-cards {
    border-right: solid 1px #d0d0d0
}

.comp-telcel-footer .telcel-footer .telcel-footer-bloque-2 {
    width: 30%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer .telcel-footer-bloque-2 {
        width: fit-content !important
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .telcel-footer-logo {
    text-align: center
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-opciones .telcel-footer-logo {
        display: none
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones img {
    width: 84px;
    height: 24px
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding-bottom: 16px
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul li {
    margin-top: 16px
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul li {
        margin-top: 0
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul li::marker {
    display: none;
    color: transparent
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul li a {
    display: block;
    width: fit-content;
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    color: #595959;
    border-radius: 20px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    text-transform: capitalize
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul li a:hover {
    text-decoration: none !important;
    border: 1px solid #0071d1
}

.comp-telcel-footer .telcel-footer #telcel-footer-opciones .footer-mundos ul li.active a {
    background-color: #e4edf5;
    border: 1px solid #0071d1;
    color: #0071d1
}

.comp-telcel-footer .telcel-footer #telcel-footer-menu-personas {
    width: 100%
}

.comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-titulo {
    display: none
}

.comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: start;
    justify-content: space-between;
    column-gap: 8px
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido {
        padding: 0;
        justify-content: center;
        column-gap: 24px
    }
}

@media(max-width:375px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido {
        column-gap: 8px
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido ul {
    width: fit-content;
    list-style: none;
    margin: 0;
    padding: 8px 0
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido ul {
        padding: 0;
        margin-top: 16px;
        width: 50%
    }
}

@media(max-width:375px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido ul {
        margin-top: 8px
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido ul li {
    margin-bottom: 16px
}

@media(max-width:375px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido ul li {
        margin-bottom: 8px
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido ul li:last-child {
    margin-bottom: 0
}

.comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido ul li a {
    font-size: 14px;
    color: #0071d1
}

@media(min-width:768px) and (max-width:991px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-menu-personas .telcel-footer-bloque-contenido {
        flex-wrap: wrap
    }
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes {
        padding-top: 16px;
        border-top: solid 1px #d0d0d0;
        margin-top: 16px
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes .telcel-footer-bloque-titulo {
    margin-bottom: 16px
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes p {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-bottom: 0 !important;
    text-align: center
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes .logos-tiendas,
.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes .logos-tiendas .telcel-footer-bloque-titulo,
.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales .telcel-footer-bloque-titulo {
    margin-bottom: 0
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes .logos-tiendas img,
.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales img {
    height: 24px
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes ul {
    width: fit-content;
    list-style: none;
    margin: 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales {
    padding-top: 16px;
    margin: 0 auto;
    margin-top: 16px;
    border-top: solid 1px #d0d0d0;
    width: fit-content
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales .telcel-footer-border-top {
    display: none
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales {
        flex-wrap: wrap;
        width: 100%
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales>.clearfix {
    display: none
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales>.clearfix {
        display: block;
        width: 100%
    }

    .comp-telcel-footer .telcel-footer #telcel-footer-tienda-redes #telcel-footer-bloque-contenido-redes-sociales>.clearfix>ul {
        width: 100%
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer--chatbot {
    display: none
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer--chatbot {
        display: block;
        min-width: 100%;
        text-align: center
    }

    .comp-telcel-footer .telcel-footer #telcel-footer--chatbot a {
        display: inline-block
    }

    .comp-telcel-footer .telcel-footer #telcel-footer--chatbot a img {
        height: auto !important
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados {
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    gap: 24px;
    background-color: #fff
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-certificados {
        display: none
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados #telcel-footer-certificados-derecha,
.comp-telcel-footer .telcel-footer #telcel-footer-certificados #telcel-footer-certificados-izquierda {
    width: 50%
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados #telcel-footer-certificados-derecha-contenido,
.comp-telcel-footer .telcel-footer #telcel-footer-certificados #telcel-footer-certificados-izquierda-contenido {
    width: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados #telcel-footer-certificados-derecha-contenido p,
.comp-telcel-footer .telcel-footer #telcel-footer-certificados #telcel-footer-certificados-izquierda-contenido p {
    font-size: 16px;
    color: #222;
    margin: 0 !important
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados ul {
    margin: 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 16px
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados ul li {
    font-size: 14px;
    font-weight: normal;
    color: #222;
    list-style: none;
    text-align: left
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados ul li img {
    width: 43px
}

.comp-telcel-footer .telcel-footer #telcel-footer-certificados ul li a img {
    display: block;
    max-height: 32px;
    width: auto
}

.comp-telcel-footer .telcel-footer #telcel-footer-copyright {
    padding: 24px 88px;
    font-size: 14px;
    background-color: #00529b;
    color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.comp-telcel-footer .telcel-footer #telcel-footer-copyright p {
    margin: 0 !important
}

@media(max-width:991px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-copyright {
        padding: 16px 32px
    }
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-copyright {
        flex-direction: column-reverse
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-izquierda {
    text-align: left;
    color: #fff
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-izquierda {
        text-align: center
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-derecha {
    color: #fff
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-derecha {
        width: 100%
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-derecha #telcel-footer-copyright-derecha-contenido ul {
    margin: 0;
    padding: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: right;
    text-align: right;
    gap: 16px
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-derecha #telcel-footer-copyright-derecha-contenido ul {
        justify-content: center;
        text-align: center
    }
}

.comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-derecha #telcel-footer-copyright-derecha-contenido ul li {
    list-style: none
}

.comp-telcel-footer .telcel-footer #telcel-footer-copyright #telcel-footer-copyright-derecha #telcel-footer-copyright-derecha-contenido ul li a {
    color: #fff
}

.comp-telcel-footer .telcel-footer .telcel-footer-carousel-container {
    display: none
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container {
        width: 100%;
        position: relative;
        padding: 16px;
        background-color: #fff;
        text-align: center;
        display: block
    }

    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container p {
        color: #222;
        margin-bottom: 8px
    }

    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container .telcel-footer-carousel-menu-responsive {
        width: 100%
    }

    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container .telcel-footer-inner-carousel {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
        width: 100% !important
    }
}

@media(max-width:768px) and (max-width:280px) {
    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container .telcel-footer-inner-carousel {
        gap: 8px
    }
}

@media(max-width:768px) {
    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container .telcel-footer-inner-carousel a {
        display: block
    }

    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container .telcel-footer-inner-carousel img {
        height: auto;
        max-height: 32px;
        display: block
    }

    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container .arrow-container-left,
    .comp-telcel-footer .telcel-footer .telcel-footer-carousel-container .arrow-container-right {
        display: none
    }
}

.telcel-banner-aviso-cookies {
    width: 100%;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 34, 77, 0.25);
    padding: 24px
}

@media(max-width:767px) {
    .telcel-banner-aviso-cookies {
        padding: 8px 16px;
        z-index: 10010
    }
}

.telcel-banner-aviso-cookies .oculto-accesible {
    display: inline-block;
    text-indent: 999px;
    width: 1px;
    height: 1px
}

.telcel-banner-aviso-cookies .btn-more {
    display: none
}

@media(max-width:767px) {
    .telcel-banner-aviso-cookies .btn-more {
        display: inline-block
    }
}

.telcel-banner-aviso-cookies .btn-close {
    width: 24px;
    height: 24px;
    background-image: url("../../../../../../content/dam/telcelcom/iconos/cerrar_azul.svg");
    top: 8px;
    right: 16px;
    margin-left: auto;
    display: block;
    z-index: 5;
    display: none
}

.telcel-banner-aviso-cookies .btn-close:hover {
    background-position: center
}

@media(max-width:767px) {
    .telcel-banner-aviso-cookies .btn-close {
        display: block
    }
}

.telcel-banner-aviso-cookies p {
    color: #000;
    font-size: 16px
}

.telcel-banner-aviso-cookies p a {
    color: #0071d1
}

.telcel-banner-aviso-cookies .row {
    display: flex;
    align-items: center
}

@media(max-width:767px) {
    .telcel-banner-aviso-cookies .row {
        display: grid;
        align-items: normal
    }

    .telcel-banner-aviso-cookies .row .mobile {
        height: 58px;
        overflow: hidden;
        position: relative;
        line-height: 1.37;
        transition: 2s;
        margin-bottom: 16px;
        padding-right: 48px
    }

    .telcel-banner-aviso-cookies .row .mobile p {
        font-size: 14px
    }

    .telcel-banner-aviso-cookies .row .mobile:before {
        content: '';
        width: 100%;
        height: 36px;
        display: block;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.53), #fff);
        position: absolute;
        left: 0;
        bottom: 0;
        transition: 2s;
        pointer-events: none
    }

    .telcel-banner-aviso-cookies .row .mobile.desplegado {
        height: 100%
    }

    .telcel-banner-aviso-cookies .row .mobile.desplegado:after,
    .telcel-banner-aviso-cookies .row .mobile.desplegado:before {
        bottom: -70px
    }

    .telcel-banner-aviso-cookies .row .btn-more {
        color: #0071d1;
        font-size: 16px;
        font-weight: 600;
        height: fit-content;
        line-height: normal;
        padding: 0;
        background: #fff;
        cursor: pointer;
        border: 0;
        min-width: 72px;
        margin-right: 16px;
        text-align: left
    }

    .telcel-banner-aviso-cookies .row .btn-more:hover {
        text-decoration: underline
    }

    .telcel-banner-aviso-cookies .row .telcel-cookies--boton {
        display: flex;
        align-items: center;
        justify-content: space-evenly
    }

    .telcel-banner-aviso-cookies .row .telcel-cookies--boton .btn-primary {
        max-width: 268px;
        margin: 0;
        padding: 10px 8px !important
    }
}

@media(max-width:460px) {
    .telcel-banner-aviso-cookies .row .telcel-cookies--boton {
        justify-content: space-between
    }
}

.telcel-banner-aviso-cookies .telcel-cookies--boton {
    text-align: center
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.loader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffffff80;
    z-index: 10;
    text-align: center
}

.loader svg {
    display: block;
    margin: 20% auto 0;
    animation: spiner 2s infinite linear
}

.loader span {
    font-family: source-sans-pro, sans-serif;
    line-height: normal;
    font-weight: 400;
    font-size: 1rem
}

@keyframes spiner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.section-loader {
    position: relative;
    min-height: 300px
}

.section-loader .loader {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center
}

.section-loader .loader svg {
    margin: 0
}

.section-loader-h-auto {
    min-height: auto
}

.section-loader-active .loader {
    display: flex
}

@media (prefers-color-scheme: dark) {
    .loader svg foreignObject div {
        background: conic-gradient(from 90deg, #83cef6 0deg, #83cef6 212.689deg, rgba(131, 206, 246, 0) 315.816deg, rgba(131, 206, 246, 0) 360deg) !important
    }
}

@media (prefers-color-scheme: light) {
    .loader svg foreignObject div {
        background: conic-gradient(from 90deg, #0071d1 0deg, #0071d1 212.689deg, rgba(131, 206, 246, 0) 315.816deg, rgba(131, 206, 246, 0) 360deg) !important
    }
}

div.MuiChip-root {
    font-size: 14px;
    padding: 2px 8px;
    text-align: center;
    border-radius: 4px;
    font-weight: 600;
    height: 24px;
    background-color: #f2f7f9;
    color: #000
}

div.MuiChip-root .MuiChip-label {
    padding: 0;
    line-height: normal;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif
}

div.MuiChip-root .MuiChip-label>span {
    display: flex;
    align-items: center;
    justify-content: center
}

div.MuiChip-root.Chip_label.Chip_label-promocion {
    color: #006100 !important;
    background-color: #f0f7ef
}

div.MuiChip-root.Chip_label.Chip_label-nuevo {
    color: #960747 !important;
    background-color: #f2e4ea
}

div.MuiChip-root.Chip_label.Chip_label-recomendado,
div.MuiChip-root.Chip_label.Chip_label-exclusivo {
    color: #fff !important;
    background-color: #c71585
}

div.MuiChip-root.Chip_label.Chip_label-paquete_activo {
    color: #0a3d7e !important;
    background-color: #e0f1ff
}

div.MuiChip-root.Chip_label.Chip_label-proximamente {
    color: #5e3b96 !important;
    background-color: #fff
}

div.MuiChip-root.Chip_label.Chip_label-preventa {
    color: #1c42b4 !important;
    background-color: #e9ecf7
}

div.MuiChip-root.Chip_benefit span {
    white-space: normal;
    padding: .125rem .75rem;
    text-align: left
}

div.MuiChip-root.Chip_benefit .benefits_container,
div.MuiChip-root.Chip_benefit .benefits_container_card {
    display: flex;
    gap: 8px !important
}

div.MuiChip-root.Chip_benefit .text-chip {
    font-weight: 600;
    font-size: "13px";
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif
}

div.MuiChip-root.Chip_benefit.Chip_benefit-01 {
    color: #006100;
    background-color: #f0f7ef
}

div.MuiChip-root.Chip_benefit.Chip_benefit-02 {
    color: #960747;
    background-color: #f2e4ea
}

div.MuiChip-root.Chip_benefit.Chip_benefit-03,
div.MuiChip-root.Chip_benefit.Chip_benefit-04 {
    color: #fff;
    background-color: #c71585
}

div.MuiChip-root.Chip_benefit.Chip_benefit-05 {
    color: #0a3d7e;
    background-color: #e0f1ff
}

div.MuiChip-root.Chip_benefit.Chip_benefit-06 {
    color: #5e3b96;
    background-color: #fff
}

div.MuiChip-root.Chip_benefit.Chip_benefit-07 {
    color: #1c42b4;
    background-color: #e9ecf7
}

.form-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

@media (max-width: 768px) {
    .form-container {
        grid-template-columns: repeat(1, 1fr)
    }
}

.main-content {
    max-width: 1024px !important;
    max-width: 100%;
    margin: auto auto 0 !important;
    padding: 8px 8px 0 !important
}

@media screen and (min-width: 432px) {
    .main-content {
        padding: 16px 16px 0 !important
    }
}

@media screen and (min-width: 768px) {
    .main-content {
        padding: 16px 24px 0 !important;
        margin: 0 auto !important
    }
}

iframe {
    width: 100%;
    height: 850px;
    border: none;
    overflow: hidden
}

body>iframe {
    width: 0px;
    height: 0px
}

@media screen and (min-width: 432px) {
    iframe {
        height: 785px
    }

    body>iframe {
        height: 0px
    }
}

@media screen and (min-width: 768px) {
    iframe {
        height: 747px
    }

    body>iframe {
        height: 0px
    }
}

@media screen and (min-width: 1024px) {
    iframe {
        height: 540px
    }

    body>iframe {
        height: 0px
    }
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: green;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #d32222;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 0, 128, 0;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 211, 34, 34;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 34, 34, 34;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "AMX", "source-sans-pro", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #222;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #d0d0d0;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0071d1;
    --bs-link-hover-color: #005aa7;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*,
*:before,
*:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: #d0d0d0;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

h6,
h5,
h4,
h3,
h2,
h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: none
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

/*!
 * Bootstrap Utilities v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(0, 128, 0, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(211, 34, 34, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: #0d6efd !important
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca !important
}

.link-secondary {
    color: #6c757d !important
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64 !important
}

.link-success {
    color: green !important
}

.link-success:hover,
.link-success:focus {
    color: #060 !important
}

.link-info {
    color: #0dcaf0 !important
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3 !important
}

.link-warning {
    color: #ffc107 !important
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39 !important
}

.link-danger {
    color: #d32222 !important
}

.link-danger:hover,
.link-danger:focus {
    color: #a91b1b !important
}

.link-light {
    color: #f8f9fa !important
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb !important
}

.link-dark {
    color: #212529 !important
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21 !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translate(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 2rem !important
}

.m-6 {
    margin: 3rem !important
}

.m-7 {
    margin: 4rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 2rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mt-7 {
    margin-top: 4rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 2rem !important
}

.me-6 {
    margin-right: 3rem !important
}

.me-7 {
    margin-right: 4rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 2rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.mb-7 {
    margin-bottom: 4rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 2rem !important
}

.ms-6 {
    margin-left: 3rem !important
}

.ms-7 {
    margin-left: 4rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 2rem !important
}

.p-6 {
    padding: 3rem !important
}

.p-7 {
    padding: 4rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.px-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 2rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pt-7 {
    padding-top: 4rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 2rem !important
}

.pe-6 {
    padding-right: 3rem !important
}

.pe-7 {
    padding-right: 4rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pb-7 {
    padding-bottom: 4rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 2rem !important
}

.ps-6 {
    padding-left: 3rem !important
}

.ps-7 {
    padding-left: 4rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 2rem !important
}

.gap-6 {
    gap: 3rem !important
}

.gap-7 {
    gap: 4rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold,
.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 2rem !important
    }

    .m-sm-6 {
        margin: 3rem !important
    }

    .m-sm-7 {
        margin: 4rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-sm-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-sm-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 2rem !important
    }

    .mt-sm-6 {
        margin-top: 3rem !important
    }

    .mt-sm-7 {
        margin-top: 4rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 2rem !important
    }

    .me-sm-6 {
        margin-right: 3rem !important
    }

    .me-sm-7 {
        margin-right: 4rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important
    }

    .mb-sm-6 {
        margin-bottom: 3rem !important
    }

    .mb-sm-7 {
        margin-bottom: 4rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 2rem !important
    }

    .ms-sm-6 {
        margin-left: 3rem !important
    }

    .ms-sm-7 {
        margin-left: 4rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 2rem !important
    }

    .p-sm-6 {
        padding: 3rem !important
    }

    .p-sm-7 {
        padding: 4rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-sm-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-sm-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-sm-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-sm-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 2rem !important
    }

    .pt-sm-6 {
        padding-top: 3rem !important
    }

    .pt-sm-7 {
        padding-top: 4rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 2rem !important
    }

    .pe-sm-6 {
        padding-right: 3rem !important
    }

    .pe-sm-7 {
        padding-right: 4rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important
    }

    .pb-sm-6 {
        padding-bottom: 3rem !important
    }

    .pb-sm-7 {
        padding-bottom: 4rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 2rem !important
    }

    .ps-sm-6 {
        padding-left: 3rem !important
    }

    .ps-sm-7 {
        padding-left: 4rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 2rem !important
    }

    .gap-sm-6 {
        gap: 3rem !important
    }

    .gap-sm-7 {
        gap: 4rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 2rem !important
    }

    .m-md-6 {
        margin: 3rem !important
    }

    .m-md-7 {
        margin: 4rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-md-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-md-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 2rem !important
    }

    .mt-md-6 {
        margin-top: 3rem !important
    }

    .mt-md-7 {
        margin-top: 4rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 2rem !important
    }

    .me-md-6 {
        margin-right: 3rem !important
    }

    .me-md-7 {
        margin-right: 4rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 2rem !important
    }

    .mb-md-6 {
        margin-bottom: 3rem !important
    }

    .mb-md-7 {
        margin-bottom: 4rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 2rem !important
    }

    .ms-md-6 {
        margin-left: 3rem !important
    }

    .ms-md-7 {
        margin-left: 4rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 2rem !important
    }

    .p-md-6 {
        padding: 3rem !important
    }

    .p-md-7 {
        padding: 4rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-md-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-md-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-md-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 2rem !important
    }

    .pt-md-6 {
        padding-top: 3rem !important
    }

    .pt-md-7 {
        padding-top: 4rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 2rem !important
    }

    .pe-md-6 {
        padding-right: 3rem !important
    }

    .pe-md-7 {
        padding-right: 4rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 2rem !important
    }

    .pb-md-6 {
        padding-bottom: 3rem !important
    }

    .pb-md-7 {
        padding-bottom: 4rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 2rem !important
    }

    .ps-md-6 {
        padding-left: 3rem !important
    }

    .ps-md-7 {
        padding-left: 4rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 2rem !important
    }

    .gap-md-6 {
        gap: 3rem !important
    }

    .gap-md-7 {
        gap: 4rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 2rem !important
    }

    .m-lg-6 {
        margin: 3rem !important
    }

    .m-lg-7 {
        margin: 4rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-lg-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-lg-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 2rem !important
    }

    .mt-lg-6 {
        margin-top: 3rem !important
    }

    .mt-lg-7 {
        margin-top: 4rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 2rem !important
    }

    .me-lg-6 {
        margin-right: 3rem !important
    }

    .me-lg-7 {
        margin-right: 4rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 2rem !important
    }

    .mb-lg-6 {
        margin-bottom: 3rem !important
    }

    .mb-lg-7 {
        margin-bottom: 4rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 2rem !important
    }

    .ms-lg-6 {
        margin-left: 3rem !important
    }

    .ms-lg-7 {
        margin-left: 4rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 2rem !important
    }

    .p-lg-6 {
        padding: 3rem !important
    }

    .p-lg-7 {
        padding: 4rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-lg-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-lg-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-lg-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 2rem !important
    }

    .pt-lg-6 {
        padding-top: 3rem !important
    }

    .pt-lg-7 {
        padding-top: 4rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 2rem !important
    }

    .pe-lg-6 {
        padding-right: 3rem !important
    }

    .pe-lg-7 {
        padding-right: 4rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 2rem !important
    }

    .pb-lg-6 {
        padding-bottom: 3rem !important
    }

    .pb-lg-7 {
        padding-bottom: 4rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 2rem !important
    }

    .ps-lg-6 {
        padding-left: 3rem !important
    }

    .ps-lg-7 {
        padding-left: 4rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 2rem !important
    }

    .gap-lg-6 {
        gap: 3rem !important
    }

    .gap-lg-7 {
        gap: 4rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 2rem !important
    }

    .m-xl-6 {
        margin: 3rem !important
    }

    .m-xl-7 {
        margin: 4rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 2rem !important
    }

    .mt-xl-6 {
        margin-top: 3rem !important
    }

    .mt-xl-7 {
        margin-top: 4rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 2rem !important
    }

    .me-xl-6 {
        margin-right: 3rem !important
    }

    .me-xl-7 {
        margin-right: 4rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 2rem !important
    }

    .ms-xl-6 {
        margin-left: 3rem !important
    }

    .ms-xl-7 {
        margin-left: 4rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 2rem !important
    }

    .p-xl-6 {
        padding: 3rem !important
    }

    .p-xl-7 {
        padding: 4rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 2rem !important
    }

    .pt-xl-6 {
        padding-top: 3rem !important
    }

    .pt-xl-7 {
        padding-top: 4rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 2rem !important
    }

    .pe-xl-6 {
        padding-right: 3rem !important
    }

    .pe-xl-7 {
        padding-right: 4rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 2rem !important
    }

    .ps-xl-6 {
        padding-left: 3rem !important
    }

    .ps-xl-7 {
        padding-left: 4rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 2rem !important
    }

    .gap-xl-6 {
        gap: 3rem !important
    }

    .gap-xl-7 {
        gap: 4rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 2rem !important
    }

    .m-xxl-6 {
        margin: 3rem !important
    }

    .m-xxl-7 {
        margin: 4rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xxl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xxl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 2rem !important
    }

    .mt-xxl-6 {
        margin-top: 3rem !important
    }

    .mt-xxl-7 {
        margin-top: 4rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 2rem !important
    }

    .me-xxl-6 {
        margin-right: 3rem !important
    }

    .me-xxl-7 {
        margin-right: 4rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 2rem !important
    }

    .ms-xxl-6 {
        margin-left: 3rem !important
    }

    .ms-xxl-7 {
        margin-left: 4rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 2rem !important
    }

    .p-xxl-6 {
        padding: 3rem !important
    }

    .p-xxl-7 {
        padding: 4rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xxl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xxl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 2rem !important
    }

    .pt-xxl-6 {
        padding-top: 3rem !important
    }

    .pt-xxl-7 {
        padding-top: 4rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 2rem !important
    }

    .pe-xxl-6 {
        padding-right: 3rem !important
    }

    .pe-xxl-7 {
        padding-right: 4rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xxl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 2rem !important
    }

    .ps-xxl-6 {
        padding-left: 3rem !important
    }

    .ps-xxl-7 {
        padding-left: 4rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 2rem !important
    }

    .gap-xxl-6 {
        gap: 3rem !important
    }

    .gap-xxl-7 {
        gap: 4rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*!
 * Bootstrap Grid v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: green;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #d32222;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 0, 128, 0;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 211, 34, 34;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 34, 34, 34;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "AMX", "source-sans-pro", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #222;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #d0d0d0;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0071d1;
    --bs-link-hover-color: #005aa7;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 990px
    }
}

@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1040px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 2rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 2rem
}

.g-6,
.gx-6 {
    --bs-gutter-x: 3rem
}

.g-6,
.gy-6 {
    --bs-gutter-y: 3rem
}

.g-7,
.gx-7 {
    --bs-gutter-x: 4rem
}

.g-7,
.gy-7 {
    --bs-gutter-y: 4rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 2rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 2rem
    }

    .g-sm-6,
    .gx-sm-6 {
        --bs-gutter-x: 3rem
    }

    .g-sm-6,
    .gy-sm-6 {
        --bs-gutter-y: 3rem
    }

    .g-sm-7,
    .gx-sm-7 {
        --bs-gutter-x: 4rem
    }

    .g-sm-7,
    .gy-sm-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 2rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 2rem
    }

    .g-md-6,
    .gx-md-6 {
        --bs-gutter-x: 3rem
    }

    .g-md-6,
    .gy-md-6 {
        --bs-gutter-y: 3rem
    }

    .g-md-7,
    .gx-md-7 {
        --bs-gutter-x: 4rem
    }

    .g-md-7,
    .gy-md-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 2rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 2rem
    }

    .g-lg-6,
    .gx-lg-6 {
        --bs-gutter-x: 3rem
    }

    .g-lg-6,
    .gy-lg-6 {
        --bs-gutter-y: 3rem
    }

    .g-lg-7,
    .gx-lg-7 {
        --bs-gutter-x: 4rem
    }

    .g-lg-7,
    .gy-lg-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 2rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 2rem
    }

    .g-xl-6,
    .gx-xl-6 {
        --bs-gutter-x: 3rem
    }

    .g-xl-6,
    .gy-xl-6 {
        --bs-gutter-y: 3rem
    }

    .g-xl-7,
    .gx-xl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xl-7,
    .gy-xl-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 2rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 2rem
    }

    .g-xxl-6,
    .gx-xxl-6 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-6,
    .gy-xxl-6 {
        --bs-gutter-y: 3rem
    }

    .g-xxl-7,
    .gx-xxl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xxl-7,
    .gy-xxl-7 {
        --bs-gutter-y: 4rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 2rem !important
}

.m-6 {
    margin: 3rem !important
}

.m-7 {
    margin: 4rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 2rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mt-7 {
    margin-top: 4rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 2rem !important
}

.me-6 {
    margin-right: 3rem !important
}

.me-7 {
    margin-right: 4rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 2rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.mb-7 {
    margin-bottom: 4rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 2rem !important
}

.ms-6 {
    margin-left: 3rem !important
}

.ms-7 {
    margin-left: 4rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 2rem !important
}

.p-6 {
    padding: 3rem !important
}

.p-7 {
    padding: 4rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.px-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 2rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pt-7 {
    padding-top: 4rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 2rem !important
}

.pe-6 {
    padding-right: 3rem !important
}

.pe-7 {
    padding-right: 4rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pb-7 {
    padding-bottom: 4rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 2rem !important
}

.ps-6 {
    padding-left: 3rem !important
}

.ps-7 {
    padding-left: 4rem !important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 2rem !important
    }

    .m-sm-6 {
        margin: 3rem !important
    }

    .m-sm-7 {
        margin: 4rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-sm-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-sm-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 2rem !important
    }

    .mt-sm-6 {
        margin-top: 3rem !important
    }

    .mt-sm-7 {
        margin-top: 4rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 2rem !important
    }

    .me-sm-6 {
        margin-right: 3rem !important
    }

    .me-sm-7 {
        margin-right: 4rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important
    }

    .mb-sm-6 {
        margin-bottom: 3rem !important
    }

    .mb-sm-7 {
        margin-bottom: 4rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 2rem !important
    }

    .ms-sm-6 {
        margin-left: 3rem !important
    }

    .ms-sm-7 {
        margin-left: 4rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 2rem !important
    }

    .p-sm-6 {
        padding: 3rem !important
    }

    .p-sm-7 {
        padding: 4rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-sm-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-sm-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-sm-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-sm-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 2rem !important
    }

    .pt-sm-6 {
        padding-top: 3rem !important
    }

    .pt-sm-7 {
        padding-top: 4rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 2rem !important
    }

    .pe-sm-6 {
        padding-right: 3rem !important
    }

    .pe-sm-7 {
        padding-right: 4rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important
    }

    .pb-sm-6 {
        padding-bottom: 3rem !important
    }

    .pb-sm-7 {
        padding-bottom: 4rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 2rem !important
    }

    .ps-sm-6 {
        padding-left: 3rem !important
    }

    .ps-sm-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 2rem !important
    }

    .m-md-6 {
        margin: 3rem !important
    }

    .m-md-7 {
        margin: 4rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-md-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-md-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 2rem !important
    }

    .mt-md-6 {
        margin-top: 3rem !important
    }

    .mt-md-7 {
        margin-top: 4rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 2rem !important
    }

    .me-md-6 {
        margin-right: 3rem !important
    }

    .me-md-7 {
        margin-right: 4rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 2rem !important
    }

    .mb-md-6 {
        margin-bottom: 3rem !important
    }

    .mb-md-7 {
        margin-bottom: 4rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 2rem !important
    }

    .ms-md-6 {
        margin-left: 3rem !important
    }

    .ms-md-7 {
        margin-left: 4rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 2rem !important
    }

    .p-md-6 {
        padding: 3rem !important
    }

    .p-md-7 {
        padding: 4rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-md-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-md-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-md-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 2rem !important
    }

    .pt-md-6 {
        padding-top: 3rem !important
    }

    .pt-md-7 {
        padding-top: 4rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 2rem !important
    }

    .pe-md-6 {
        padding-right: 3rem !important
    }

    .pe-md-7 {
        padding-right: 4rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 2rem !important
    }

    .pb-md-6 {
        padding-bottom: 3rem !important
    }

    .pb-md-7 {
        padding-bottom: 4rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 2rem !important
    }

    .ps-md-6 {
        padding-left: 3rem !important
    }

    .ps-md-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 2rem !important
    }

    .m-lg-6 {
        margin: 3rem !important
    }

    .m-lg-7 {
        margin: 4rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-lg-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-lg-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 2rem !important
    }

    .mt-lg-6 {
        margin-top: 3rem !important
    }

    .mt-lg-7 {
        margin-top: 4rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 2rem !important
    }

    .me-lg-6 {
        margin-right: 3rem !important
    }

    .me-lg-7 {
        margin-right: 4rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 2rem !important
    }

    .mb-lg-6 {
        margin-bottom: 3rem !important
    }

    .mb-lg-7 {
        margin-bottom: 4rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 2rem !important
    }

    .ms-lg-6 {
        margin-left: 3rem !important
    }

    .ms-lg-7 {
        margin-left: 4rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 2rem !important
    }

    .p-lg-6 {
        padding: 3rem !important
    }

    .p-lg-7 {
        padding: 4rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-lg-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-lg-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-lg-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 2rem !important
    }

    .pt-lg-6 {
        padding-top: 3rem !important
    }

    .pt-lg-7 {
        padding-top: 4rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 2rem !important
    }

    .pe-lg-6 {
        padding-right: 3rem !important
    }

    .pe-lg-7 {
        padding-right: 4rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 2rem !important
    }

    .pb-lg-6 {
        padding-bottom: 3rem !important
    }

    .pb-lg-7 {
        padding-bottom: 4rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 2rem !important
    }

    .ps-lg-6 {
        padding-left: 3rem !important
    }

    .ps-lg-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 2rem !important
    }

    .m-xl-6 {
        margin: 3rem !important
    }

    .m-xl-7 {
        margin: 4rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 2rem !important
    }

    .mt-xl-6 {
        margin-top: 3rem !important
    }

    .mt-xl-7 {
        margin-top: 4rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 2rem !important
    }

    .me-xl-6 {
        margin-right: 3rem !important
    }

    .me-xl-7 {
        margin-right: 4rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 2rem !important
    }

    .ms-xl-6 {
        margin-left: 3rem !important
    }

    .ms-xl-7 {
        margin-left: 4rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 2rem !important
    }

    .p-xl-6 {
        padding: 3rem !important
    }

    .p-xl-7 {
        padding: 4rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 2rem !important
    }

    .pt-xl-6 {
        padding-top: 3rem !important
    }

    .pt-xl-7 {
        padding-top: 4rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 2rem !important
    }

    .pe-xl-6 {
        padding-right: 3rem !important
    }

    .pe-xl-7 {
        padding-right: 4rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 2rem !important
    }

    .ps-xl-6 {
        padding-left: 3rem !important
    }

    .ps-xl-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 2rem !important
    }

    .m-xxl-6 {
        margin: 3rem !important
    }

    .m-xxl-7 {
        margin: 4rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xxl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xxl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 2rem !important
    }

    .mt-xxl-6 {
        margin-top: 3rem !important
    }

    .mt-xxl-7 {
        margin-top: 4rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 2rem !important
    }

    .me-xxl-6 {
        margin-right: 3rem !important
    }

    .me-xxl-7 {
        margin-right: 4rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 2rem !important
    }

    .ms-xxl-6 {
        margin-left: 3rem !important
    }

    .ms-xxl-7 {
        margin-left: 4rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 2rem !important
    }

    .p-xxl-6 {
        padding: 3rem !important
    }

    .p-xxl-7 {
        padding: 4rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xxl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xxl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 2rem !important
    }

    .pt-xxl-6 {
        padding-top: 3rem !important
    }

    .pt-xxl-7 {
        padding-top: 4rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 2rem !important
    }

    .pe-xxl-6 {
        padding-right: 3rem !important
    }

    .pe-xxl-7 {
        padding-right: 4rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xxl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 2rem !important
    }

    .ps-xxl-6 {
        padding-left: 3rem !important
    }

    .ps-xxl-7 {
        padding-left: 4rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-24 {
    font-size: 24px !important
}

.text-pink,
.text-pink:hover {
    color: #c71585
}

.text-gray,
.text-gray:hover {
    color: #757575
}

.text-gray-dark,
.text-gray-dark:hover {
    color: #222
}

.text-blue,
.text-blue:hover {
    color: #0071d1
}

.text-blue-medium,
.text-blue-medium:hover {
    color: #0754b9
}

.text-blue-dark,
.text-blue-dark:hover {
    color: #0a3d7e
}

.text-amount-total,
.text-amount-total:hover {
    color: #0071d1
}

.text-blue-dark-secondary,
.text-blue-dark-secondary:hover,
.text-accent,
.text-accent:hover {
    color: #00529b
}

.text-brand,
.text-brand:hover {
    color: #002f87
}

.text-muted-secondary,
.text-muted-secondary:hover {
    color: #757575
}

.loader-background-color {
    background-color: #ffffff80 !important
}

.bg-blue-lg {
    background: #f2f7f9
}

.bg-blue-medium {
    background: #eff8ff
}

.bg-gray-light {
    background: #fdfdfd
}

.bg-gray-medium {
    background: #f8f8f8
}

.bg-gray-lg {
    background: #f5f5f5
}

@media (max-width: 992px) {
    .bg-gray-lg {
        background: initial
    }
}

.secondary-text {
    color: #757575
}

.tertiary-text {
    color: #595959
}

.fontTelcelRegular {
    font-family: telcelregular, Source Sans Pro, sans-serif
}

.fontTelcelLight {
    font-family: telcellight, Source Sans Pro, sans-serif
}

hr {
    background-color: #d0d0d0;
    border-color: #d0d0d0;
    opacity: 1;
    margin: 8px 0 16px
}

hr.divider-status {
    margin: 8px 0 16px;
    border-color: #d0d0d0 !important
}

.ol-marker-bold li::marker {
    font-weight: 600
}

.ol-latin {
    list-style: lower-latin
}

.icon-claro-pay {
    width: 95px
}

.icon-play-store,
.icon-app-store {
    width: 108px
}

.d-grid-2 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

.d-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.d-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px
}

.gap-small {
    grid-gap: 10px
}

.table {
    width: 100%
}

.table td,
.table th {
    padding: 8px
}

.table-lg td,
.table-lg th {
    padding: 24px
}

.table-border td {
    border-top: solid 1px #d0d0d0
}

.table-border tr:last-child td {
    border-bottom: solid 1px #d0d0d0
}

.table-sandbox {
    width: 100%
}

.table-sandbox th {
    font-weight: 700;
    border-bottom: solid 1px #ccc;
    padding: 8px
}

.table-sandbox tbody td {
    padding: 8px
}

.table-sandbox tbody tr:nth-child(odd) td {
    background-color: #f8f9fa
}

.table-sandbox tbody tr:nth-child(even) td {
    background-color: #fff
}

.table-sandbox .tr-selected td {
    background: #eff8ff !important
}

.img-theme-filter {
    filter: none
}

.order-summary-main-btn {
    color: #0a3d7e !important
}

.btn-secondary {
    background-color: #f2f7f9 !important
}

.main-text-color {
    color: #222 !important
}

.last-child-m-0 p:last-child {
    margin-bottom: 0
}

.wrap-text {
    white-space: normal !important
}

.ctm-accordion .accordion-button:not(.collapsed) {
    background-color: #f2f7fa;
    border: solid 1px #f2f7fa;
    color: #f2f7fa
}

.ctm-accordion .accordion-button.collapsed:focus {
    border-color: #dee2e6
}

.ctm-accordion .accordion-item {
    margin-bottom: 16px;
    border-radius: .375rem;
    border: none
}

.ctm-accordion .accordion-button {
    border: solid 1px #dee2e6;
    border-radius: .375rem
}

.ctm-accordion .accordion-button:focus {
    box-shadow: none
}

.ctm-accordion .accordion-button .header-info {
    width: calc(100% - 20px)
}

.ctm-accordion .info-extra {
    display: none
}

.ctm-accordion .accordion-button:not(.collapsed) .hide-on-open {
    display: none
}

.header-sandbox {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-sandbox .logo-sandbox {
    margin: 0;
    font-size: 24px;
    font-family: telcelregular
}

.header-sandbox .logo-sandbox span {
    font-family: telcellight
}

.header-sandbox ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0
}

.header-sandbox ul li {
    margin-left: 12px
}

.header-sandbox ul li a {
    opacity: .8
}

.header-sandbox ul li .active {
    font-weight: 700;
    opacity: 1
}

a {
    font-weight: 600
}

.text-hover-underline:hover {
    text-decoration: underline
}

.stepper {
    color: #00529b;
    font-size: 13px;
    font-weight: 600;
    background-color: #f8f8f8;
    padding: 6px 16px;
    border-radius: 4px
}

.btn {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 200px;
    padding: 8px 16px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:hover {
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none
}

.btn.disabled,
.btn:disabled {
    background-color: #d0d0d0;
    border: solid 1px #d0d0d0;
    color: #595959;
    pointer-events: none;
    opacity: 1;
    box-shadow: none
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #7b1fa2;
    border-color: #7b1fa2
}

.btn-primary:hover {
    color: #fff;
    background: #8835ab;
    border-color: #8835ab
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background: #8835ab;
    border-color: #8835ab
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #8f41b0;
    border-color: #8f41b0
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-info {
    color: #fff;
    background-color: #00529b;
    border-color: #00529b
}

.btn-info:hover {
    color: #fff;
    background: #1a63a5;
    border-color: #1a63a5
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background: #1a63a5;
    border-color: #1a63a5
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #266caa;
    border-color: #266caa
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-secondary {
    color: #fff;
    background-color: #1470d1;
    border-color: #1470d1
}

.btn-secondary:hover {
    color: #fff;
    background: #2c7ed6;
    border-color: #2c7ed6
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
    background: #2c7ed6;
    border-color: #2c7ed6
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #3785d8;
    border-color: #3785d8
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-danger {
    color: #fff;
    background-color: #d32222;
    border-color: #d32222
}

.btn-danger:hover {
    color: #fff;
    background: #d73838;
    border-color: #d73838
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background: #d73838;
    border-color: #d73838
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #da4343;
    border-color: #da4343
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-warning {
    color: #000;
    background-color: #ebab07;
    border-color: #ebab07
}

.btn-warning:hover {
    color: #000;
    background: #edb320;
    border-color: #edb320
}

.btn-warning:focus,
.btn-warning.focus {
    color: #000;
    background: #edb320;
    border-color: #edb320
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
    color: #000;
    background-color: #eeb82c;
    border-color: #eeb82c
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-success {
    color: #fff;
    background-color: green;
    border-color: green
}

.btn-success:hover {
    color: #fff;
    background: #1a8d1a;
    border-color: #1a8d1a
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background: #1a8d1a;
    border-color: #1a8d1a
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #269326;
    border-color: #269326
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-primary {
    color: #7b1fa2;
    border-color: #7b1fa2;
    background: #fff
}

.btn-outline-primary:hover {
    color: #7b1fa2;
    border-color: #7b1fa2;
    background-color: #f2e9f6
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: none
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #7B1FA2, #222, #7B1FA2;
    border-color: #7b1fa2;
    background-color: #f2e9f6
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-info {
    color: #00529b;
    border-color: #00529b;
    background: #fff
}

.btn-outline-info:hover {
    color: #00529b;
    border-color: #00529b;
    background-color: #e6eef5
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: none
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
    color: #00529b, #222, #00529b;
    border-color: #00529b;
    background-color: #e6eef5
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-secondary {
    color: #1470d1;
    border-color: #1470d1;
    background: #fff
}

.btn-outline-secondary:hover {
    color: #1470d1;
    border-color: #1470d1;
    background-color: #e8f1fa
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: none
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #1470d1, #222, #1470d1;
    border-color: #1470d1;
    background-color: #e8f1fa
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-danger {
    color: #d32222;
    border-color: #d32222;
    background: #fff
}

.btn-outline-danger:hover {
    color: #d32222;
    border-color: #d32222;
    background-color: #fbe9e9
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: none
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
    color: #D32222, #222, #D32222;
    border-color: #d32222;
    background-color: #fbe9e9
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-warning {
    color: #000;
    border-color: #ebab07;
    background: #fff
}

.btn-outline-warning:hover {
    color: #000;
    border-color: #ebab07;
    background-color: #fdf7e6
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: none
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #EBAB07, #222, #EBAB07;
    border-color: #ebab07;
    background-color: #fdf7e6
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-success {
    color: #fff;
    border-color: green;
    background: #fff
}

.btn-outline-success:hover {
    color: #fff;
    border-color: green;
    background-color: #e6f2e6
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: none
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #008000, #222, #008000;
    border-color: green;
    background-color: #e6f2e6
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-link {
    font-weight: 600;
    color: #0071d1;
    padding: 0;
    display: inline;
    border-radius: 0
}

.btn-link:hover {
    text-decoration: underline;
    color: #0071d1
}

.btn-text {
    font-weight: 400;
    font-size: 13.5px;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    min-height: 45px;
    text-align: left;
    color: inherit;
    padding: 0;
    margin: 0;
    display: inline;
    border-radius: 0
}

.btn-link-dark,
.btn-link-dark:hover {
    color: #0a3d7e
}

.reverse-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    align-items: center
}

.reverse-buttons .button-reversed {
    margin-top: 0rem !important
}

@media screen and (min-width: 0) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width: 280px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width: 432px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width: 768px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

@media screen and (min-width: 1024px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

.mid-button {
    min-width: 180px;
    max-width: fit-content;
    padding: "8px 16px"
}

@media screen and (min-width: 768px) {
    .mid-button {
        min-width: 248px
    }
}

.btn-selectable {
    display: inline-flex;
    border: solid 1px #bac9d8;
    box-shadow: 0 2px 4px #0000001a;
    border-radius: 4px;
    background: #fff
}

.btn-selectable:hover {
    border: solid 1px #0071d1;
    background-color: #1f92c80d
}

.btn-selectable button {
    padding: 15px 8px;
    background: transparent;
    border: none;
    display: flex;
    width: 100%;
    justify-content: center;
    color: #595959
}

.btn-selectable button:disabled {
    background: #f0f0f0;
    border-color: #f0f0f0;
    color: #9b9b9b
}

.btn-selectable.text-start button {
    justify-content: flex-start;
    text-align: left
}

.btn-selectable-selected {
    background: #DEEDF8;
    border-color: #0071d1;
    color: #0071d1;
    font-size: 20px !important;
    font-family: telcelregular;
    font-weight: 600 !important
}

.btn-selectable-selected .btn-selectable-desc,
.btn-selectable-selected .btn-selectable-icon-left,
.btn-selectable-selected .btn-selectable-icon-right {
    color: #0071d1
}

.btn-selectable-selected:hover {
    background: #DEEDF8;
    border-color: #0071d1;
    color: #0071d1
}

.btn-selectable-selected:hover .btn-selectable-desc,
.btn-selectable-selected:hover .btn-selectable-icon-left,
.btn-selectable-selected:hover .btn-selectable-icon-right,
.btn-selectable-selected button {
    color: #0071d1
}

.contenedor-botones {
    max-width: 50% !important
}

@media screen and (min-width: 0) {
    .contenedor-botones {
        max-width: 50% !important
    }
}

@media screen and (min-width: 280px) {
    .contenedor-botones {
        max-width: 33.33% !important
    }
}

@media screen and (min-width: 432px) {
    .contenedor-botones {
        max-width: 24.5% !important
    }
}

@media screen and (min-width: 768px) {
    .contenedor-botones {
        max-width: 17.5% !important
    }
}

.btn-selectable-new-ux {
    border-radius: 16px;
    font-size: 20px !important;
    font-family: telcelregular;
    font-weight: 600 !important;
    width: 88px;
    height: 48px;
    margin-bottom: 1rem;
    box-shadow: 0 0 10px -5px #333;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.btn-selectable-new-ux button {
    padding: 8px;
    border-radius: 16px;
    width: 100%
}

.btn-selectable-disabled {
    background: #f0f0f0;
    border-color: #f0f0f0;
    color: #595959
}

.btn-selectable-disabled:hover {
    border-color: #f0f0f0
}

.btn-selectable-body span {
    display: block
}

.btn-sm {
    font-size: 14px
}

.btn-selectable-icon-left,
.btn-selectable-icon-right {
    color: #0071d1
}

.btn-selectable-icon-left {
    margin-right: 4px
}

.btn-selectable-icon-right {
    margin-left: auto;
    align-self: center;
    padding-right: 8px
}

.btn-selectable-desc {
    color: #6d6d6d
}

.form-field {
    position: relative;
    padding-top: .7rem
}

.form-field:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-input,
.form-field:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons,
.form-field:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-icon {
    border-color: #0071d1;
    transition: all .2s ease-out
}

.form-field-no-hover:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-input,
.form-field-no-hover:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons,
.form-field-no-hover:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-icon {
    border-color: #757575 !important
}

.form-field-no-hover .form-field-container:hover:enabled .form-field-input,
.form-field-no-hover .form-field-container:focus:enabled .form-field-input {
    border-color: #757575 !important;
    background-color: #fff
}

.form-field-no-hover .form-field-container:hover:enabled .form-field-buttons .form-field-action,
.form-field-no-hover .form-field-container:focus:enabled .form-field-buttons .form-field-action {
    color: inherit !important
}

.form-field-no-hover .form-field-container:hover:enabled .form-field-buttons .form-field-icon,
.form-field-no-hover .form-field-container:focus:enabled .form-field-buttons .form-field-icon {
    color: inherit !important
}

.form-field-container {
    background: #fff;
    border-radius: 20px;
    display: flex;
    position: relative;
    transition: all .2s ease-out;
    width: 100%;
    justify-content: space-between
}

.form-field-container .form-field-icon {
    border: solid 1px #757575;
    display: flex;
    align-items: center;
    order: 1
}

.form-field-container .form-field-icon img {
    width: 24px;
    margin-left: 10px;
    margin-right: -2px
}

.form-field-container .form-field-icon svg {
    width: 24px;
    margin-left: 10px;
    margin-right: -2px
}

.form-field-container .form-field-icon-open {
    border: none
}

.form-field-container .form-field-input {
    border: solid 1px #757575;
    width: 100%;
    display: flex;
    order: 2
}

.form-field-container .form-field-input label {
    background: #fff;
    border-radius: 20px;
    font-size: .875rem;
    font-weight: 800;
    left: 10px;
    margin: 0;
    padding: 0 8px;
    position: absolute;
    top: -.8rem
}

.form-field-container .form-field-input select,
.form-field-container .form-field-input input,
.form-field-container .form-field-input .form-field-text {
    border: none;
    border-radius: 20px;
    background-color: #fff;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1;
    padding: 8.5px 2px 8.5px 12px;
    flex: 1 0 0%;
    width: 100%
}

.form-field-container .form-field-input select:focus,
.form-field-container .form-field-input input:focus,
.form-field-container .form-field-input .form-field-text:focus {
    outline: none;
    background-color: #fff
}

.form-field-container .form-field-input select:focus-within,
.form-field-container .form-field-input input:focus-within,
.form-field-container .form-field-input .form-field-text:focus-within {
    background-color: #fff
}

.form-field-container .form-field-input select.force-background,
.form-field-container .form-field-input input.force-background,
.form-field-container .form-field-input .form-field-text.force-background {
    background-color: #fff
}

.form-field-container .form-field-input select::placeholder,
.form-field-container .form-field-input input::placeholder,
.form-field-container .form-field-input .form-field-text::placeholder {
    color: #777
}

.form-field-container .form-field-input .disabled {
    background-color: #f8f8f8 !important;
    border-radius: 20px 0 0 20px/20px 0px 0px 20px;
    color: #757575
}

.form-field-container .form-field-input .form-field-text {
    display: flex;
    align-items: center
}

.form-field-container .form-field-buttons {
    border: solid 1px #757575;
    border-radius: 0 4px 4px 0;
    position: relative;
    display: flex;
    align-items: center;
    order: 3
}

.form-field-container .form-field-buttons button:not(.popover-info):not(.form-field-action) {
    background: transparent;
    border: none
}

.form-field-container .form-field-buttons .form-field-action {
    background: transparent;
    border: none;
    border-radius: 0 4px 4px 0;
    padding: 8px 16px;
    transition: all .2s ease-out;
    width: 100%;
    white-space: nowrap
}

.form-field-container .form-field-buttons .form-field-action:focus {
    outline: none
}

.form-field-container .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled),
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) {
    box-shadow: 10px 10px red
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-input,
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-input {
    border-color: #0071d1
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-action,
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-action {
    color: #0071d1;
    transition: all .2s ease-out
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-icon,
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-icon {
    color: #0071d1
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within {
    border-color: #0071d1;
    background-color: #fff;
    transition: all .2s ease-out
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within label {
    color: #0071d1;
    background-color: #fff;
    transition: all .2s ease-out
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within~div {
    border-color: #0071d1;
    background-color: #fff;
    transition: all .2s ease-out
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within~div label {
    color: #0071d1;
    transition: all .2s ease-out
}

.form-field-simple .form-field-input {
    border-radius: 20px
}

.form-field-with-icon .form-field-input {
    border-radius: 0 20px 20px 0;
    border-left: 0
}

.form-field-with-icon .form-field-icon {
    border-radius: 20px 0 0 20px;
    border-right: none
}

.form-field-buttons .form-field-input {
    border-radius: 20px 0 0 20px;
    border-right: 0
}

.form-field-buttons .form-field-buttons {
    border-radius: 0 20px 20px 0;
    border-left: 0
}

.form-field-with-icon.form-field-buttons .form-field-input {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.form-field-errors {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    font-size: 13px;
    color: #d32222
}

.text-placeholder {
    color: #777 !important
}

.form-field-focus .form-field-buttons,
.form-field-focus .form-field-input,
.form-field-focus .form-field-icon {
    border-color: #0071d1
}

.form-field-focus .form-field-input:focus-within {
    border-color: #0071d1;
    background-color: #fff
}

.form-field-focus .form-field-input:focus-within label {
    color: #0071d1
}

.form-field-focus .form-field-input:focus-within~div {
    border-color: #0071d1;
    background-color: #fff
}

.form-field-focus .form-field-input:focus-within~div label {
    color: #0071d1
}

.form-field-focus .form-field-input label {
    color: #0071d1
}

.form-field-focus .form-field-input.disabled-select label {
    color: inherit !important
}

.form-field-focus .form-field-buttons .form-field-clear,
.form-field-focus .form-field-buttons .form-field-action {
    background: transparent;
    color: #0071d1
}

.form-field-focus .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-focus .form-field-buttons .form-field-disabled {
    background: #f8f8f8 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #757575
}

.form-field-focus .form-field-buttons .form-field-icon,
.form-field-focus .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-focus:hover .form-field-input,
.form-field-focus:hover .form-field-buttons,
.form-field-focus:hover .form-field-icon {
    border-color: #0071d1
}

.form-field-focus:hover .form-field-buttons .form-field-action,
.form-field-focus:hover .form-field-buttons .form-field-icon {
    color: #0071d1
}

.form-field-danger .form-field-buttons,
.form-field-danger .form-field-input,
.form-field-danger .form-field-icon {
    border-color: #d32222
}

.form-field-danger .form-field-input:focus-within {
    border-color: #d32222;
    background-color: #fff
}

.form-field-danger .form-field-input:focus-within label {
    color: #d32222
}

.form-field-danger .form-field-input:focus-within~div {
    border-color: #d32222;
    background-color: #fff
}

.form-field-danger .form-field-input:focus-within~div label {
    color: #d32222
}

.form-field-danger .form-field-input label {
    color: #d32222
}

.form-field-danger .form-field-input.disabled-select label {
    color: inherit !important
}

.form-field-danger .form-field-buttons .form-field-clear,
.form-field-danger .form-field-buttons .form-field-action {
    background: transparent;
    color: #d32222
}

.form-field-danger .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-danger .form-field-buttons .form-field-disabled {
    background: #f8f8f8 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #757575
}

.form-field-danger .form-field-buttons .form-field-icon,
.form-field-danger .form-field-buttons .form-field-arrow {
    color: #d32222
}

.form-field-danger:hover .form-field-input,
.form-field-danger:hover .form-field-buttons,
.form-field-danger:hover .form-field-icon {
    border-color: #d32222
}

.form-field-danger:hover .form-field-buttons .form-field-action,
.form-field-danger:hover .form-field-buttons .form-field-icon {
    color: #d32222
}

.form-field-disabled .form-field-buttons,
.form-field-disabled .form-field-input,
.form-field-disabled .form-field-icon {
    border-color: #d0d0d0
}

.form-field-disabled .form-field-input label {
    color: #595959
}

.form-field-disabled .form-field-input.disabled-select label {
    color: inherit !important
}

.form-field-disabled .form-field-buttons .form-field-clear,
.form-field-disabled .form-field-buttons .form-field-action {
    background: transparent;
    color: #d0d0d0
}

.form-field-disabled .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-disabled .form-field-buttons .form-field-disabled {
    background: #f8f8f8 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #757575
}

.form-field-disabled .form-field-buttons .form-field-icon,
.form-field-disabled .form-field-buttons .form-field-arrow {
    color: #d0d0d0
}

.form-field-disabled:hover .form-field-input,
.form-field-disabled:hover .form-field-buttons,
.form-field-disabled:hover .form-field-icon {
    border-color: #d0d0d0
}

.form-field-disabled:hover .form-field-buttons .form-field-action,
.form-field-disabled:hover .form-field-buttons .form-field-icon {
    color: #d0d0d0
}

.select-in-bg-light .form-field-container,
.select-in-bg-light .form-field-container .form-field-input label,
.select-in-bg-light .form-field-container .form-field-input .form-field-text {
    background: #acbfd4
}

.select-in-bg-light .form-field-container .form-field-input .form-field-text {
    color: #002045
}

.select-in-bg-light.form-field-success .form-field-container .form-field-buttons,
.select-in-bg-light.form-field-success .form-field-container .form-field-input,
.select-in-bg-light.form-field-success .form-field-container .form-field-icon {
    border-color: green
}

.select-in-bg-light.form-field-success .form-field-buttons .form-field-arrow,
.select-in-bg-light.form-field-success .form-field-input label {
    color: green
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset !important
}

.form-field-input:focus-within input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset !important
}

.form-field-input:focus-within input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.form-icon-clear {
    color: #0071d1
}

.title-step {
    display: flex;
    font-size: 18px;
    color: #52789e;
    font-weight: 600;
    align-items: center;
    margin: 24px 0
}

.title-step-number {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #52789e;
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    align-items: center;
    justify-content: center
}

.title-step.disabled {
    color: #979797
}

.title-step.disabled .title-step-number {
    color: #fff;
    background: #979797
}

.alert {
    display: table;
    border: none;
    border-left: solid 6px;
    width: 100%;
    border-radius: 8px;
    position: relative;
    color: inherit
}

.alert .alert_icon,
.alert .alert_content,
.alert .alert_action {
    display: table-cell;
    vertical-align: middle
}

.alert .alert_action,
.alert .alert_icon {
    width: 5px
}

.alert .alert_icon {
    padding: 6px 0 6px 16px;
    font-size: 1.5rem
}

.alert .alert_icon span,
.alert .alert_icon i,
.alert .alert_icon b {
    font-size: 1.5rem
}

.alert .alert_icon span {
    display: flex
}

.alert .alert_content {
    padding: 14px
}

.alert .alert_content p {
    margin-top: 0;
    font-size: .875rem
}

.alert .alert_content p:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) and (max-width: 1100px) {
    .alert .alert_content.max-w-75 p {
        width: 75%
    }
}

.alert .alert_action {
    border-radius: 0 8px 8px 0
}

.alert .alert_action button,
.alert .alert_action a {
    border: none;
    font-weight: 600;
    padding: 14px;
    background: transparent;
    font-size: 1rem
}

.alert.alert-no-border {
    border-left: none
}

.alert.alert-minimal {
    border-width: 1px;
    border-style: solid;
    border-radius: 0
}

.alert.alert-flat-style {
    border-left: none;
    background-color: transparent
}

.alert.alert-centered {
    display: block;
    text-align: center
}

.alert.alert-centered .alert_icon,
.alert.alert-centered .alert_content {
    display: block;
    width: 100%
}

.alert.alert-centered .alert_icon {
    padding: 0;
    margin: 0
}

.alert.alert-centered .alert_icon span {
    justify-content: center
}

.alert.alert-centered .alert_content {
    padding: 0
}

.alert-footer {
    border-radius: 0 0 8px 8px;
    padding: 8px;
    margin-top: 2px
}

.alert-footer button,
.alert-footer a {
    display: inline-block;
    padding: 0;
    background: transparent;
    border: none
}

.alert-footer button:focus,
.alert-footer a:focus {
    outline: none
}

.alert-flat-title {
    font-size: 20px !important
}

@media (max-width: 768px) {
    .alert-flat-title {
        font-size: 18px !important
    }
}

.alert-success {
    background: #eff7ef;
    border-color: green
}

.alert-success:before {
    background: #008000
}

.alert-success.no-border {
    border-radius: 0;
    border: none
}

.alert-success.no-border:before {
    content: none
}

.alert-success .alert_icon span,
.alert-success .alert_icon i,
.alert-success .alert_icon b {
    color: green
}

.alert-success .alert_action {
    background-color: #eff7ef
}

.alert-success .alert_action a,
.alert-success .alert_action button {
    color: green
}

.alert-success .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-info {
    background: #f2f7f9;
    border-color: #00529b
}

.alert-info:before {
    background: #00529b
}

.alert-info.no-border {
    border-radius: 0;
    border: none
}

.alert-info.no-border:before {
    content: none
}

.alert-info .alert_icon span,
.alert-info .alert_icon i,
.alert-info .alert_icon b {
    color: #00529b
}

.alert-info .alert_action {
    background-color: #f2f7f9
}

.alert-info .alert_action a,
.alert-info .alert_action button {
    color: #00529b
}

.alert-info .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-warning {
    background: #fdf6e6;
    border-color: #ebab07
}

.alert-warning:before {
    background: #ebab07
}

.alert-warning.no-border {
    border-radius: 0;
    border: none
}

.alert-warning.no-border:before {
    content: none
}

.alert-warning .alert_icon span,
.alert-warning .alert_icon i,
.alert-warning .alert_icon b {
    color: #ebab07
}

.alert-warning .alert_action {
    background-color: #fdf6e6
}

.alert-warning .alert_action a,
.alert-warning .alert_action button {
    color: #ebab07
}

.alert-warning .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-danger {
    background: #fdf2f2;
    border-color: #d32222
}

.alert-danger:before {
    background: #d32222
}

.alert-danger.no-border {
    border-radius: 0;
    border: none
}

.alert-danger.no-border:before {
    content: none
}

.alert-danger .alert_icon span,
.alert-danger .alert_icon i,
.alert-danger .alert_icon b {
    color: #d32222
}

.alert-danger .alert_action {
    background-color: #fdf2f2
}

.alert-danger .alert_action a,
.alert-danger .alert_action button {
    color: #d32222
}

.alert-danger .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-flat-success {
    background: #eff7ef;
    border-color: #eff7ef;
    color: green;
    border-radius: 8px
}

.alert-flat-success .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-success .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-success:before {
    display: none
}

.alert-flat-success .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-success .alert_icon span,
.alert-flat-success .alert_icon i,
.alert-flat-success .alert_icon b {
    color: green
}

@media (max-width: 768px) {
    .alert-flat-success .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.alert-flat-info {
    background: #f2f7f9;
    border-color: #f2f7f9;
    color: #00529b;
    border-radius: 8px
}

.alert-flat-info .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-info .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-info:before {
    display: none
}

.alert-flat-info .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-info .alert_icon span,
.alert-flat-info .alert_icon i,
.alert-flat-info .alert_icon b {
    color: #00529b
}

@media (max-width: 768px) {
    .alert-flat-info .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.alert-flat-warning {
    background: #fdf6e6;
    border-color: #fdf6e6;
    color: #ebab07;
    border-radius: 8px
}

.alert-flat-warning .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-warning .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-warning:before {
    display: none
}

.alert-flat-warning .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-warning .alert_icon span,
.alert-flat-warning .alert_icon i,
.alert-flat-warning .alert_icon b {
    color: #ebab07
}

@media (max-width: 768px) {
    .alert-flat-warning .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.alert-flat-danger {
    background: #fdf2f2;
    border-color: #fdf2f2;
    color: #d32222;
    border-radius: 8px
}

.alert-flat-danger .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-danger .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-danger:before {
    display: none
}

.alert-flat-danger .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-danger .alert_icon span,
.alert-flat-danger .alert_icon i,
.alert-flat-danger .alert_icon b {
    color: #d32222
}

@media (max-width: 768px) {
    .alert-flat-danger .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.success-step {
    display: flex;
    align-items: flex-start;
    border-bottom: solid 1px transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px
}

.success-step.secondary-step {
    margin-top: 4px
}

.success-step p {
    margin-bottom: 2px;
    font-size: 14px
}

.success-step button {
    font-size: 14px !important
}

.success-step>div {
    width: 100%
}

.success-step-title {
    color: #222;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.success-step-icon {
    color: green
}

label.checkbox {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    position: relative
}

label.checkbox.disabled {
    cursor: default
}

label.checkbox.disabled input[type=checkbox] {
    cursor: default;
    pointer-events: none
}

label.checkbox.disabled .checkbox-checkmark {
    border-color: #595959
}

label.checkbox.disabled .checkbox-icon img {
    filter: grayscale(100%)
}

label.checkbox.disabled .checkbox-label {
    color: #595959
}

label.checkbox input[type=checkbox] {
    position: absolute;
    width: 1px;
    padding: 0;
    height: 1px;
    opacity: 0;
    z-index: -1;
    left: 10px;
    top: 10px
}

label.checkbox .checkbox-checkmark {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 18px;
    width: 18px;
    min-width: 18px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #0071d1;
    margin-right: 8px;
    box-sizing: border-box
}

label.checkbox .checkbox-checkmark:after {
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: .33em;
    height: .55em;
    border: solid #fff;
    border-width: 0 .11em .11em 0;
    transform: translate(-50%, -60%) rotate(45deg);
    transform-origin: center
}

label.checkbox .checkbox-icon img {
    width: 24px;
    margin-right: 8px;
    display: block
}

label.checkbox input:checked~.checkbox-checkmark {
    background-color: #0071d1;
    border-color: #0071d1
}

label.checkbox input:focus~.checkbox-checkmark {
    border-color: #0071d1
}

label.checkbox input:checked~.checkbox-checkmark:after {
    display: block
}

.icon {
    fill: #00529b
}

.icon.-disabled {
    fill: #595959
}

.label-color {
    color: #00529b
}

.label-color-disabled {
    color: #595959
}

.fieldset {
    display: contents !important
}

.radioOptionBlock.MuiFormControlLabel-root {
    padding-left: 2px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root {
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding: 0
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root svg {
    width: 24px;
    height: 24px
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root:not(.Mui-disabled) svg {
    fill: #0071d1
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root.Mui-disabled svg {
    fill: #595959 !important
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root.Mui-checked:not(.Mui-disabled) svg {
    fill: #0071d1
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 32px;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title svg {
    fill: #00529b
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title.disabled svg,
.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .disabled svg {
    fill: #595959 !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title p {
    margin-bottom: 0;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radioOptionBlock--text_title {
    font-weight: 600;
    font-size: 1rem;
    line-height: normal;
    padding-left: 16px;
    padding-right: 16px;
    color: #00529b;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radioOptionBlock-icon svg {
    fill: #00529b
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radioOptionBlock-tooltip {
    margin-left: 8px
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radio-label {
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--text_subtitle {
    font-size: 14px;
    margin-bottom: 0
}

.radioOptionBlock.MuiFormControlLabel-root.disabled .radioOptionBlock--cont_title svg {
    fill: #595959 !important
}

.radioOptionBlock.MuiFormControlLabel-root.disabled .radio-label {
    color: #595959 !important
}

:root {
    --MT-radiocheck-color-primary: #fff;
    --MT-radiocheck-color-secondary: #0071d1;
    --MT-radiocheck-color-disabled: #595959;
    --MT-radiocheck-label-color: #00529B;
    --MT-radiocheck-label-color-disabled: #595959;
    --MT-radiocheck-checkmark-color: #0071d1
}

.MuiRadio-root,
.MuiRadio-root.Mui-checked {
    color: var(--MT-radiocheck-color-secondary) !important
}

.MuiRadio-root.Mui-disabled,
.MuiRadio-root.Mui-disabled.Mui-checked {
    color: var(--MT-radiocheck-color-disabled) !important
}

.MuiRadio-root svg {
    fill: currentColor
}

.MuiFormControlLabel-root.Mui-disabled .MuiFormControlLabel-label {
    color: var(--MT-radiocheck-label-color-disabled) !important
}

.tooltip {
    pointer-events: visible;
    cursor: pointer;
    background-image: url(https://paymentservice.telcel.com/payments/assets/icon-help-fill.74af540a.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    border-radius: 16px
}

.popover-info svg {
    fill: #0071d1
}

.MuiTooltip-popper {
    padding: 0 !important;
    font-family: AMX, source-sans-pro, sans-serif !important;
    max-width: calc(100vw - 16px) !important;
    width: auto !important;
    will-change: transform;
    contain: layout
}

.MuiTooltip-popper[data-popper-placement*=bottom],
.MuiTooltip-popper[data-popper-placement*=top] {
    max-width: calc(100vw - 32px) !important
}

.MuiTooltip-popper[data-popper-reference-hidden] {
    opacity: 0;
    pointer-events: none
}

.MuiTooltip-popper .MuiTooltip-tooltip {
    padding: 16px;
    background: #fff;
    color: #222;
    border: 1px solid #fff;
    border-radius: 8px;
    max-width: 440px;
    position: relative;
    font-size: 14px;
    font-family: AMX, source-sans-pro, sans-serif !important;
    box-sizing: border-box;
    box-shadow: 0 3px 14px #00224d33;
    width: auto;
    word-wrap: break-word;
    overflow-wrap: break-word
}

@media screen and (min-width: 280px) {
    .MuiTooltip-popper .MuiTooltip-tooltip {
        max-width: min(300px, 100vw - 32px)
    }
}

.MuiTooltip-popper .MuiTooltip-tooltip * {
    font-family: AMX, source-sans-pro, sans-serif !important
}

.MuiTooltip-popper .MuiTooltip-tooltip svg {
    fill: #0071d1
}

.MuiTooltip-popper .MuiTooltip-tooltip .MuiTooltip-arrow {
    width: 24px !important;
    margin-top: -10px !important;
    overflow: visible
}

.MuiTooltip-popper .MuiTooltip-tooltip .MuiTooltip-arrow:before {
    transform-origin: unset !important;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 10px 12px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: transparent !important;
    transform: none !important
}

.MuiTooltip-popper .MuiTooltip-tooltip .MuiTooltip-arrow:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 10px 11px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 1px !important
}

.MuiTooltip-popper[data-popper-placement=top-start] .MuiTooltip-arrow:before,
.MuiTooltip-popper[data-popper-placement=top-end] .MuiTooltip-arrow:before {
    transform: rotate(180deg) !important;
    bottom: -1px !important
}

.MuiTooltip-popper[data-popper-placement=top-start] .MuiTooltip-arrow:after,
.MuiTooltip-popper[data-popper-placement=top-end] .MuiTooltip-arrow:after {
    transform: rotate(180deg) !important;
    bottom: 2px !important
}

body:has(.MuiTooltip-popper[data-popper-placement*=bottom]) {
    overflow-x: hidden !important
}

body:has(.MuiTooltip-popper[data-popper-placement*=top]) {
    overflow-x: hidden !important
}

.callout {
    padding: 24px 32px;
    background: #ccc;
    border-top: solid 1px #333;
    margin-bottom: 16px
}

.callout-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.callout-body {
    color: inherit
}

.callout-icon img {
    width: 24px;
    margin-right: 8px
}

.callout-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.callout-title p,
.callout-title h2,
.callout-title h2,
.callout-title h4,
.callout-title h5,
.callout-title span {
    margin-bottom: inherit;
    font-size: inherit;
    font-weight: inherit
}

.callout-success {
    background: #eff7ef;
    border-color: green
}

.callout-success .callout-title {
    color: green
}

.callout-info {
    background: #f2f7f9;
    border-color: #00529b
}

.callout-info .callout-title {
    color: #00529b
}

.callout-warning {
    background: #fdf6e6;
    border-color: #ebab07
}

.callout-warning .callout-title {
    color: #ebab07
}

.callout-danger {
    background: #fdf2f2;
    border-color: #d32222
}

.callout-danger .callout-title {
    color: #d32222
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: .5rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-modal-inner-border-radius: calc(.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.modal-btn-close-wrapper {
    text-align: right
}

.modal-btn-close {
    color: #0071d1;
    padding: 0;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    background: transparent;
    border: none
}

.modal-btn-close svg {
    margin-left: 4px
}

.modal-lg--packages {
    width: auto;
    max-width: 1296px
}

.modal-offer {
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 9px #00000080
}

.modal-offer .modal-body {
    padding: 16px 32px;
    background-color: #fff
}

@media (max-width: 992px) {
    .modal-offer .modal-body {
        padding: 16px
    }
}

.ctm-modal .modal-footer {
    background-color: #f2f7f9;
    border-top: none;
    padding: 16px;
    border-radius: 0 0 24px 24px
}

.ctm-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0
}

.ctm-modal .modal-body {
    padding: 32px 32px 16px
}

.ctm-modal .modal-content {
    border-radius: 24px;
    border: none;
    background-color: #fff
}

.ctm-modal-sm .modal-dialog {
    max-width: 530px
}

.ctm-modal-sm .modal-footer {
    text-align: center
}

.ctm-modal-sm .modal-footer button {
    width: calc(50% - 8px);
    margin: 0
}

.ctm-modal-sm .modal-footer button:last-child {
    margin-left: 16px
}

.ctm-modal-material .modal-footer {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ctm-modal-material .modal-footer button {
    min-width: 248px;
    margin: 0
}

@media (max-width: 576px) {
    .ctm-modal-material .modal-footer button {
        min-width: 180px
    }
}

.ctm-modal-info .ctm-modal-icon {
    background-color: #00529b;
    color: #00529b
}

.ctm-modal-danger .ctm-modal-icon {
    background-color: #d32222;
    color: #d32222
}

.ctm-modal-warning .ctm-modal-icon {
    background-color: #ebab07;
    color: #ebab07
}

.ctm-modal-success .ctm-modal-icon {
    background-color: green;
    color: green
}

.card-grid {
    border: solid 2px #d8d8d8;
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px
}

@media (max-width: 992px) {
    .card-grid {
        display: block
    }
}

.card-grid-header {
    border-bottom: solid 1px #d8d8d8;
    width: 100%;
    display: flex;
    justify-content: space-between;
    min-height: 52px;
    align-items: center
}

@media (max-width: 992px) {
    .card-grid-header {
        flex-wrap: wrap
    }
}

.card-grid-title {
    font-family: telcel-obscura, Source Sans Pro, sans-serif;
    font-size: 18px;
    color: #00529b;
    padding-left: 20px
}

@media (max-width: 992px) {
    .card-grid-title {
        width: 60%;
        padding: 8px 10px
    }
}

.card-grid-info {
    text-align: center
}

.card-grid-info-price {
    font-family: telcel-obscura, Source Sans Pro, sans-serif;
    font-size: 18px;
    color: #c71585;
    display: block
}

.card-grid-info-badge {
    font-size: 13px;
    background-color: #00838f1a;
    color: #00838f;
    width: 100%;
    display: block;
    margin-bottom: 4px
}

@media (max-width: 992px) {
    .card-grid-desc {
        border-top: solid 1px #d8d8d8;
        order: 3;
        width: 100%;
        padding: 8px 10px
    }
}

.card-grid-body {
    display: flex
}

@media (max-width: 992px) {
    .card-grid-body .card-grid-item:nth-child(n+4) {
        display: none
    }
}

.card-grid-item {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 23px 56px 22px 56px 62px;
    font-size: 14px;
    text-align: center
}

@media (max-width: 992px) {
    .card-grid-item {
        text-align: left;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 60% 40%
    }
}

.card-grid-cell {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 992px) {
    .card-grid-cell {
        display: block
    }

    .card-grid-cell br {
        display: none
    }
}

.card-grid-cell-1 {
    grid-row: 1;
    color: green;
    background: rgba(0, 128, 0, .1);
    font-size: 13px
}

@media (max-width: 992px) {
    .card-grid-cell-1 {
        grid-column: span 2;
        text-align: center
    }
}

.card-grid-cell-2 {
    grid-row: 2;
    align-items: flex-start;
    padding-top: 8px
}

@media (max-width: 992px) {
    .card-grid-cell-2 {
        padding: 8px 10px 0
    }
}

.card-grid-cell-3 {
    grid-row: 3;
    color: #52789e
}

@media (max-width: 992px) {
    .card-grid-cell-3 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 10px
    }
}

.card-grid-cell-3 span {
    display: block;
    width: 18px;
    margin: 0 2px
}

.card-grid-cell-4 {
    grid-row: 4;
    color: #6b6b6b
}

@media (max-width: 992px) {
    .card-grid-cell-4 {
        padding: 0 10px 32px
    }
}

.card-grid-cell-5 {
    grid-row: 5;
    color: #52789e;
    font-size: 14px;
    font-weight: 600
}

@media (max-width: 992px) {
    .card-grid-cell-5 {
        grid-column-start: 2;
        grid-row-start: 2;
        grid-row-end: 5;
        border-left: solid 1px #d8d8d8;
        padding: 8px 10px 0
    }
}

.toggle-items {
    display: none;
    color: #0071d1;
    background: #fff;
    border: none;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    width: 100%;
    font-size: 15px
}

@media (max-width: 992px) {
    .show-items .card-grid-body .card-grid-item:nth-child(n+4) {
        display: grid
    }

    .toggle-items {
        display: block
    }
}

.card-grid-6-cols .card-grid-body {
    width: 83.33333333%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-body {
        display: block;
        width: 100%
    }
}

.card-grid-6-cols .card-grid-footer {
    width: 16.66666667%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-footer {
        width: 100%
    }

    .card-grid-6-cols .card-grid-footer>div {
        padding: 10px 15px
    }

    .card-grid-6-cols .card-grid-footer>div button {
        width: 100%
    }
}

.card-grid-6-cols .card-grid-item {
    width: 20%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-item {
        width: 100%
    }
}

.card-grid-6-cols .card-grid-info {
    width: 16.66666667%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-info {
        width: 40%
    }
}

.card-grid-5-cols .card-grid-body {
    width: 80%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-body {
        display: block;
        width: 100%
    }
}

.card-grid-5-cols .card-grid-footer {
    width: 20%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-footer {
        width: 100%
    }
}

.card-grid-5-cols .card-grid-item {
    width: 25%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-item {
        width: 100%
    }
}

.card-grid-5-cols .card-grid-info {
    width: 20%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-info {
        width: 40%
    }
}

.card-grid-4-cols .card-grid-body {
    width: 75%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-body {
        display: block;
        width: 100%
    }
}

.card-grid-4-cols .card-grid-footer {
    width: 25%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-footer {
        width: 100%
    }
}

.card-grid-4-cols .card-grid-item {
    width: 33.333333%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-item {
        width: 100%
    }
}

.card-grid-4-cols .card-grid-info {
    width: 25%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-info {
        width: 40%
    }
}

.claro-promo {
    display: inline-flex;
    align-items: flex-end
}

.claro-promo span {
    line-height: .8;
    margin-left: 4px;
    font-size: 14px;
    font-weight: 700
}

@media (max-width: 992px) {

    .claro-promo,
    .claro-promo img,
    .claro-promo span {
        display: block
    }

    .claro-promo span {
        line-height: 1.4;
        margin-left: 0;
        margin-top: 2px
    }
}

.recomendado .card-grid-title {
    color: #00838f
}

.recomendado .card-grid-header {
    position: relative
}

@media (max-width: 992px) {
    .recomendado .card-grid-header {
        align-items: flex-start
    }
}

.recomendado .card-grid-header:after {
    content: "";
    display: block;
    width: 4px;
    height: calc(100% + 1px);
    position: absolute;
    background: #00838f;
    left: 0;
    top: 0;
    border-top-left-radius: 2px
}

.recomendado .card-grid-body {
    position: relative
}

.recomendado .card-grid-body:after {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    background: #00838f;
    left: 0;
    top: 0;
    border-bottom-left-radius: 2px
}

@media (max-width: 992px) {
    .recomendado .card-grid-body:after {
        border-bottom-left-radius: 0
    }
}

.card-sku {
    margin: 16px 0
}

.card-sku div:first-child {
    border-radius: 4px 4px 0 0
}

.card-sku div:last-child {
    border-radius: 0 0 4px 4px
}

.card-sku .card-sku-header {
    background: #315675;
    color: #fff;
    padding: 4px;
    text-align: center;
    font-weight: 600
}

.card-sku .card-sku-badge {
    background: #1c838f;
    color: #fff;
    padding: 4px;
    text-align: center;
    font-weight: 600
}

.card-sku .card-sku-body {
    background: #fff;
    color: #002045;
    text-align: center;
    padding: 8px 16px 16px
}

.card-sku .card-sku-button {
    background: #0488d1;
    color: #fff;
    display: block;
    width: 100%;
    padding: 6px 12px;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    margin: 16px 0
}

.card-sku .card-sku-link {
    color: #002045;
    font-weight: 600
}

.card {
    border: 1px solid #e3e3e3;
    border-radius: 10px
}

.card-body {
    padding: 1.25rem
}

.card-body p {
    margin-bottom: .5rem
}

.card-body p:last-child {
    margin-bottom: 0
}

.card-header {
    border-bottom: 1px solid #e3e3e3;
    padding: .75rem 1rem
}

.card-footer {
    border-top: 1px solid #e3e3e3;
    padding: 1.25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.accordion {
    --bs-accordion-color: #222;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: .375rem;
    --bs-accordion-inner-border-radius: calc(.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #222;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

.stepper-wrapper {
    font-weight: 600;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    font-size: 15px
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    color: #ccc
}

@media (max-width: 768px) {
    .stepper-item {
        font-size: 12px
    }
}

.stepper-item:before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 12px;
    left: -50%;
    z-index: 2
}

.stepper-item:after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 12px;
    left: 50%;
    z-index: 2
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
    color: #fff;
    font-size: 16px
}

.stepper-item.active {
    color: #52789e
}

.stepper-item.active .step-counter {
    background: #52789e
}

.stepper-item.completed .step-counter {
    background-color: #222
}

.stepper-item.completed {
    color: #222
}

.stepper-item.completed:after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #222;
    width: 100%;
    top: 12px;
    left: 50%;
    z-index: 3
}

.stepper-item:first-child:before {
    content: none
}

.stepper-item:last-child:after {
    content: none
}

.select {
    position: relative
}

.select .form-field-text:not(.disabled).text-placeholder {
    color: #000 !important
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container {
    background-color: #fff
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-input,
.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-buttons,
.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-icon {
    border-color: #0071d1;
    background-color: #fff
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-input label {
    color: #0071d1
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-input label.force-background {
    background-color: #fff
}

.select.select-open .form-field-container {
    border: solid 1px #0071d1;
    background-color: #fff;
    border-radius: 20px 20px 0 0 !important;
    border-bottom: solid 1px #757575
}

.select.select-open .form-field-input,
.select.select-open .form-field-buttons {
    border: none
}

.select.select-open label {
    color: #0071d1 !important
}

.select.select-open .force-background {
    background-color: #fff
}

.select.form-field-disabled .form-field-container .form-field-buttons {
    background-color: #f8f8f8 !important
}

.select .form-field-container:hover .form-field-text:not(.disabled) {
    cursor: pointer
}

.select-open .select-options {
    display: block
}

.select-options {
    background: #fff;
    border: solid 1px #0071d1;
    border-radius: 0 0 20px 20px;
    border-top: 0px !important;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 1000;
    overflow: auto;
    max-height: 247px
}

.select-options .select-option {
    display: block;
    padding: 8px 16px;
    width: 100%;
    color: #222;
    background: #fff;
    border: none;
    text-align: left
}

.select-options .select-option.placeholder {
    color: #0071d1;
    opacity: .4
}

.select-options .select-option-disabled {
    color: gray;
    cursor: not-allowed
}

.select-options .select-option-interactive:hover,
.select-options .select-option-interactive.selected {
    color: #0071d1
}

.select-options .select-option-interactive:focus,
.select-options .select-option-interactive.selected {
    color: #0071d1
}

.select-options .select-option-interactive:last-child {
    border-bottom: none
}

.tycos {
    background: #e4edf5;
    padding: 16px;
    border-radius: 8px;
    margin: 16px 0;
    line-height: normal;
    text-align: start
}

.tycos .tycos-header {
    display: flex;
    justify-content: flex-end
}

.tycos .tycos-body {
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    overflow-x: auto
}

.tycos .tycos-body::-webkit-scrollbar {
    width: 6px;
    margin-right: 2px
}

.tycos .tycos-body::-webkit-scrollbar-track {
    background: url(https://paymentservice.telcel.com/payments/assets/scroll-track.0a206a4a.svg) repeat;
    width: 1px
}

.tycos .tycos-body::-webkit-scrollbar-thumb {
    background: #2C72CA
}

.tycos .tycos-title,
.tycos .tycos-sub-title {
    margin-top: 16px;
    color: #222
}

.tycos .paragraph {
    margin-top: 8px;
    margin-bottom: 0
}

.tycos .sub-title {
    margin-top: 16px;
    margin-bottom: 0
}

.tycos .tycos-text {
    font-size: .875rem;
    color: #222;
    line-height: normal;
    font-weight: 400
}

.tycos .tycos-close {
    display: inline-flex;
    align-items: center;
    color: #0071d1
}

.tycos .tycos-close:hover {
    text-decoration: underline
}

.tycos .tycos-close svg {
    margin-left: 5px
}

.MuiCard-root.CardPackages {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #FFF;
    color: #000;
    border-radius: 16px;
    overflow: visible;
    padding: 0;
    box-shadow: none !important
}

.MuiCard-root.CardPackages * {
    font-family: AMX, source-sans-pro, sans-serif !important;
    box-sizing: inherit
}

.MuiCard-root.CardPackages>div {
    padding: 0
}

.MuiCard-root.CardPackages .CardPackages_content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    background-color: #cbdffc;
    border-radius: 16px 16px 0 0;
    gap: 28px;
    border: 1.2px solid #d0d0d0;
    border-bottom: none;
    margin-bottom: 0
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-chip {
    position: absolute;
    top: -19px;
    height: auto;
    display: flex;
    z-index: 2
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-chip .Chip_label {
    border-radius: 4px 4px 0 0;
    padding: 2px 20px;
    font-size: .812rem;
    font-weight: 600;
    height: auto;
    width: fit-content
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    margin: 0;
    width: 100%
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title p {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #00529b;
    line-height: 1.2
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title .CardPackages_header-title_img {
    margin-left: 8px;
    min-width: 24px;
    flex-shrink: 0
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title .CardPackages_header-title_img img {
    width: 24px;
    height: 24px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
    border-radius: 0 0 16px 16px;
    background-color: #fff;
    flex-grow: 1;
    border-left: 1.2px solid #d0d0d0;
    border-right: 1.2px solid #d0d0d0;
    border-bottom: 1.2px solid #d0d0d0
}

@media screen and (min-width: 280px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details {
        padding: 16px
    }
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info {
    display: flex;
    justify-content: space-between
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data {
    width: fit-content;
    max-width: 130px;
    text-align: start
}

@media screen and (min-width: 280px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data {
        margin-right: 8px
    }
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__value {
    font-size: 18px;
    color: #00529b;
    font-weight: 600;
    margin: 0;
    line-height: 32px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__label {
    font-size: 14px;
    line-height: 1.5;
    color: #222
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity {
    text-align: center;
    max-width: 50%
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__value {
    font-size: 18px;
    color: #595959;
    font-weight: 600;
    margin: 0;
    line-height: 29.8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__label {
    font-size: 14px;
    line-height: 1.5;
    color: #222
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_actions-price {
    width: fit-content;
    max-width: 90px;
    text-align: end;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px
}

@media screen and (min-width: 280px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_actions-price {
        margin-left: 8px
    }
}

@media screen and (min-width: 432px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_actions-price {
        font-size: 28px
    }
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-internet_cont {
    display: none
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container {
    width: 100%;
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #f8f8f8;
    border-radius: 12px;
    margin-top: 16px;
    margin-bottom: 16px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: normal;
    color: #222;
    margin: 0
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-text .title {
    font-size: .875rem;
    font-weight: 400
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-text .subtitle {
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data.second-row {
    border-top: 1px solid #d0d0d0;
    padding-top: 10px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-internet {
    display: flex;
    flex-direction: column
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-internet span {
    font-size: 14px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-include {
    margin-top: 8px;
    display: grid
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-include p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #0a3d7e
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-include>div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.MuiCard-root.CardPackages .CardPackages_actions {
    display: flex;
    flex-direction: column;
    color: #222;
    border-radius: 0 0 16px 16px;
    border-top: none
}

.MuiCard-root.CardPackages .CardPackages_actions .buttons_section {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    gap: 8px
}

.MuiCard-root.CardPackages .CardPackages_actions .footer_section {
    display: flex;
    margin-left: 0;
    flex-direction: row;
    width: 100%;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1.2px solid #d0d0d0
}

.MuiCard-root.CardPackages .CardPackages_actions .details_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .75rem
}

@media screen and (min-width: 432px) {
    .MuiCard-root.CardPackages .CardPackages_actions .details_container {
        max-width: 200px !important
    }
}

.MuiCard-root.CardPackages .CardPackages_actions .CardPackages_details-include_card>div {
    gap: .5rem;
    display: flex;
    flex-wrap: wrap
}

.MuiCard-root.CardPackages .CardPackages_actions .CardPackages_details-include_card .Chip_benefit {
    border-radius: 8px;
    padding: .125rem .75rem;
    background-color: #e4eef0;
    font-weight: 600;
    color: #00575f;
    font-size: .813rem;
    margin-bottom: 0
}

.MuiCard-root.CardPackages .CardPackages_actions .CardPackages_details-include_card .show-more-benefits {
    border-radius: .5rem;
    padding: 4px;
    border-width: 0px;
    font-size: .813rem;
    color: #0071d1;
    background-color: #e4edf5
}

.MuiCard-root.CardPackages .CardPackages_actions .btn--link {
    font-size: 14px;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    min-height: auto;
    color: #0071d1;
    max-width: 185px !important
}

.MuiCard-root.CardPackages .CardPackages_actions .btn--primary,
.MuiCard-root.CardPackages .CardPackages_actions .btn-primary {
    margin: 0;
    width: 100%;
    border-radius: 24px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    max-width: 120px !important
}

@media screen and (min-width: 432px) {
    .MuiCard-root.CardPackages {
        max-width: 488px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__value {
        font-size: 28px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__label {
        font-size: 16px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__value {
        font-size: 28px;
        margin-bottom: 4px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__label {
        font-size: 16px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-saving__value {
        font-size: 28px
    }

    .MuiCard-root.CardPackages .CardPackages_actions .btn--link {
        max-width: 205px !important
    }
}

@media screen and (min-width: 768px) {
    .MuiCard-root.CardPackages {
        max-width: 504px
    }
}

.force-lg .MuiCard-root.CardPackages {
    max-width: 504px
}

.bill-cashback {
    background-color: #ececec;
    border-radius: 4px;
    padding: 4px 8px;
    gap: 4px;
    display: flex;
    width: fit-content;
    align-items: center;
    height: 24px;
    margin-bottom: 4px;
    margin-top: 12px
}

.bill-cashback.icon-cashback {
    transform: scale(.7)
}

.bill-cashback p {
    font-weight: 400;
    font-size: .812rem;
    padding-left: 13px;
    padding-right: 13px;
    line-height: normal;
    margin-bottom: 0;
    color: #222
}

.CardViewMore {
    position: relative;
    padding-bottom: 0;
    background-color: #e8ecf8;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    box-shadow: 0 4px 12px #00000029;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .1607843137);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .1607843137);
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    color: #000
}

.CardViewMore .CardViewMore-bg {
    margin: 0;
    width: auto;
    height: 202px
}

.CardViewMore .btn-primary {
    margin-left: 0;
    max-width: 240px;
    border-radius: 200px;
    width: 100%;
    padding: 7px 16px
}

.CardViewMore .CardViewMore-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 224px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 8px;
    text-align: center
}

.CardViewMore .CardViewMore-content .CardViewMore-content_text-title {
    font-size: 24px;
    margin-bottom: 4px;
    font-weight: 600
}

.CardViewMore .CardViewMore-content .CardViewMore-content_text-info {
    font-weight: 400;
    font-size: 16px
}

.CardViewMore.CardPackages {
    width: 224px
}

@media screen and (min-width: 432px) {
    .CardViewMore .CardViewMore-content {
        padding: 16px
    }

    .CardViewMore.CardPackages {
        width: 248px
    }
}

@media screen and (min-width: 768px) {
    .CardViewMore.CardPackages {
        width: 320px
    }
}

.error-message {
    background-color: #dbe6fa;
    padding: 24px 16px;
    height: auto
}

.error-message.venta-cruzada {
    background-color: #f2f7f9;
    border-radius: 16px
}

.error-message.linea-suspendida {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 16px 10px
}

.error-message--errorLoad {
    max-width: 343px;
    margin: 0 auto
}

.error-message--errorLoad-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

.error-message--errorLoad-subtitle {
    margin-bottom: 16px
}

.error-message--errorLoad-img {
    height: 160px;
    width: auto;
    display: block;
    margin: 0 auto 16px
}

.error-message--errorLoad .btn-error-load {
    color: #0071d1;
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    width: fit-content
}

.error-message--allActive {
    max-width: 343px;
    margin: 0 auto;
    position: relative
}

.error-message--allActive:before {
    content: "";
    width: 100%;
    background-color: #00529b;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 100px
}

.error-message--allActive:after {
    content: "";
    width: 100%;
    background-color: #00529b;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 94px
}

.error-message--allActive-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 24px
}

.error-message--allActive-img {
    height: 262px;
    width: auto;
    display: block;
    margin: 16px auto 0;
    position: relative;
    z-index: 1
}

.error-message--allActive .btn-all-active {
    border-color: #7b1fa2;
    color: #7b1fa2;
    border-radius: 200px;
    max-width: 240px;
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 0 auto
}

.error-message--errorVentaCruzada {
    max-width: 343px;
    margin: 0 auto
}

.error-message--errorVentaCruzada-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #0a3d7e
}

.error-message--errorVentaCruzada-subtitle {
    font-size: 16px;
    color: #757575;
    margin-bottom: 16px
}

.error-message--errorVentaCruzada-img {
    height: 160px;
    width: auto;
    display: block;
    margin: 0 auto 16px
}

.error-message--errorVentaCruzada .btn-error-load {
    display: block;
    margin: 0 auto;
    width: fit-content;
    font-size: 16px !important
}

.error-message--errorLineaSuspendida {
    max-width: 420px;
    margin: 0 auto;
    position: relative
}

.error-message--errorLineaSuspendida:before {
    content: "";
    width: 100%;
    background-color: #ebab07;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 150px
}

.error-message--errorLineaSuspendida:after {
    content: "";
    width: 100%;
    background-color: #ebab07;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 144px
}

.error-message--errorLineaSuspendida-title {
    font-size: 18px;
    margin-bottom: 24px
}

.error-message--errorLineaSuspendida-img {
    height: 262px;
    width: auto;
    display: block;
    margin: 16px auto 24px;
    position: relative;
    z-index: 1
}

.error-message--errorLineaSuspendida .btn-all-active {
    display: flex;
    margin: 0 auto
}

.error-message--errorLineaSuspendida .btn-error-load {
    max-width: none;
    width: 100%
}

@media screen and (min-width: 768px) {
    .error-message--errorLoad {
        min-height: 263px;
        height: auto;
        max-width: 644px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        padding-right: 224px
    }

    .error-message--errorLoad-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .error-message--errorLoad-img {
        position: absolute;
        width: 200px;
        height: auto;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0
    }

    .error-message--errorLoad .btn-error-load {
        margin: 0
    }

    .error-message--allActive {
        min-height: 263px;
        height: auto;
        max-width: 921px
    }

    .error-message--allActive:before {
        bottom: 109px
    }

    .error-message--allActive:after {
        bottom: 103px
    }

    .error-message--allActive-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 16px;
        padding-top: 50px;
        max-width: 450px
    }

    .error-message--allActive-img {
        position: absolute;
        height: 220px;
        left: 474px;
        margin: 0;
        top: 18px
    }

    .error-message--allActive .btn-all-active {
        margin: 0
    }

    .error-message--errorVentaCruzada {
        height: 263px;
        max-width: 644px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        padding-right: 224px
    }

    .error-message--errorVentaCruzada-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .error-message--errorVentaCruzada-subtitle {
        margin-bottom: 24px;
        padding-right: 20px
    }

    .error-message--errorVentaCruzada-img {
        position: absolute;
        width: 274.24px;
        height: auto;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0
    }

    .error-message--errorVentaCruzada .btn-error-load {
        margin: 0;
        font-size: 16px
    }

    .error-message--errorLineaSuspendida {
        height: 263px;
        max-width: 921px
    }

    .error-message--errorLineaSuspendida:before {
        bottom: 109px
    }

    .error-message--errorLineaSuspendida:after {
        bottom: 103px
    }

    .error-message--errorLineaSuspendida-title {
        font-size: 20px;
        margin-bottom: 16px;
        padding-top: 10px;
        max-width: 450px
    }

    .error-message--errorLineaSuspendida-img {
        position: absolute;
        height: 230px;
        left: 435px;
        margin: 0;
        top: 0px
    }

    .error-message--errorLineaSuspendida .btn-all-active {
        margin: 0
    }

    .error-message--errorLineaSuspendida .btn-error-load {
        max-width: 240px
    }
}

.rd-Error {
    background-color: #f0f5ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 16px
}

.rd-Error .horizontal-container {
    padding: 24px
}

@media screen and (min-width: 768px) {
    .rd-Error .horizontal-container {
        padding: 40px;
        width: 70%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

.rd-Error.horizontal {
    flex-direction: column;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .rd-Error.horizontal {
        flex-direction: row;
        justify-content: space-around;
        gap: unset
    }
}

.rd-Error.transparentBG {
    background-color: transparent
}

.rd-Error__title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.125rem;
    text-align: center;
    line-height: normal
}

@media screen and (min-width: 768px) {
    .rd-Error__title {
        text-align: left
    }
}

.rd-Error__desc {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    line-height: normal
}

@media screen and (min-width: 768px) {
    .rd-Error__desc {
        text-align: left
    }
}

.rd-Error__desc.horizontal {
    padding-top: 8px
}

.order-summary-container {
    background: transparent;
    border-radius: 16px;
    padding: 16px 0;
    box-shadow: none;
    border: 1px solid #d0d0d0;
    max-width: 608px;
    margin: 0 auto
}

.max-width-608 {
    margin: 0 auto;
    max-width: 608px
}

.order-summary-single-column {
    display: flex;
    flex-direction: column;
    gap: 0
}

.order-summary-section {
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    position: relative
}

.order-summary-section:first-child {
    padding-bottom: 16px
}

.order-summary-section:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #d0d0d0
}

.order-summary-section:last-child {
    margin-top: 0;
    padding-top: 16px
}

.order-summary-two-columns {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (min-width: 768px) {
    .order-summary-two-columns {
        flex-direction: row;
        gap: 32px
    }
}

.order-summary-column {
    flex: 1
}

.order-summary-column .order-summary-section {
    background: #fafbfc;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #d0d0d0;
    position: relative
}

.order-summary-column .order-summary-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #e30613;
    border-radius: 4px 0 0 4px
}

.order-summary-item {
    display: grid;
    grid-template-columns: minmax(140px, 45%) 1fr;
    align-items: flex-start;
    margin-bottom: 16px;
    gap: 20px
}

.order-summary-item:last-child {
    margin-bottom: 0
}

.order-label {
    font-family: AMX, sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 176px;
    padding-left: 32px;
    line-height: 1.5;
    padding-right: 0;
    justify-self: end
}

.order-value {
    font-family: AMX, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    word-break: break-word;
    line-height: 1.5;
    padding-right: 8px
}

.order-value.with-payment-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

.order-value.masked-card {
    letter-spacing: 1px;
    color: #1a73e8;
    font-weight: 600
}

.order-value.phone-number,
.order-value.folio-number {
    font-weight: 600;
    letter-spacing: .5px
}

@media (max-width: 640px) {
    .order-summary-container {
        max-width: 100%;
        margin: 0;
        padding: 16px 10px
    }

    .order-summary-item {
        grid-template-columns: minmax(130px, 42%) 1fr;
        gap: 10px
    }

    .order-label {
        padding-left: 0;
        width: 115px
    }
}

@media (max-width: 480px) {
    .order-summary-container {
        padding: 12px 8px
    }

    .order-summary-item {
        grid-template-columns: minmax(110px, 38%) 1fr;
        gap: 0px
    }

    .order-label {
        padding-left: 0;
        width: 90px;
        font-size: 14px;
        justify-self: center
    }

    .order-value {
        font-size: 14px
    }
}

.MuiModal-root.modal-show-details .MuiBackdrop-root {
    background-color: #040000cc
}

.verDetalles {
    box-sizing: unset;
    padding: 16px;
    background-color: #fff;
    position: absolute;
    overflow: auto;
    border-radius: 24px
}

.verDetalles.darkness {
    background-color: #fff
}

@media screen and (min-width: 0) {
    .verDetalles {
        width: 87%
    }
}

@media screen and (min-width: 280px) {
    .verDetalles {
        width: 86%
    }
}

@media screen and (min-width: 432px) {
    .verDetalles {
        width: 330px
    }
}

@media screen and (min-width: 768px) {
    .verDetalles {
        width: 408px
    }
}

@media screen and (min-width: 1024px) {
    .verDetalles {
        position: absolute;
        width: 408px
    }
}

.verDetalles::-webkit-scrollbar {
    display: none
}

.verDetalles p {
    margin: 0;
    padding-bottom: 4px
}

.verDetalles .align-close {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    text-decoration: none;
    font-size: 16px !important;
    margin-right: 0
}

.verDetalles .align-close:hover {
    text-decoration: underline
}

.verDetalles .verDetalles--title {
    font-weight: 600;
    font-size: 20px;
    color: #00529b;
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border: 0px solid #d0d0d0;
    border-bottom-width: 1px
}

.verDetalles .verDetalles--title p {
    margin: 0
}

.verDetalles .verDetalles--text {
    overflow: auto;
    max-height: 40dvh;
    overflow-x: auto
}

.verDetalles .verDetalles--text::-webkit-scrollbar {
    width: 6px;
    margin-right: 2px
}

.verDetalles .verDetalles--text::-webkit-scrollbar-track {
    background: url(https://paymentservice.telcel.com/payments/assets/scroll-track.0a206a4a.svg) repeat;
    width: 1px
}

.verDetalles .verDetalles--text::-webkit-scrollbar-thumb {
    background: #2C72CA
}

.verDetalles .verDetalles--text.customDvh {
    max-height: 40dvh !important
}

.verDetalles .verDetalles--text .modal-alignRow {
    display: flex;
    flex-direction: row;
    align-items: center
}

.verDetalles .verDetalles--text .details-body-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.verDetalles .verDetalles--text .modal-attribute {
    display: flex;
    flex-direction: row;
    color: #222
}

.verDetalles .verDetalles--text .modal-hint {
    font-size: .875rem;
    line-height: normal;
    font-weight: 400;
    margin: 0;
    color: #595959
}

.verDetalles .verDetalles--text .modal-key {
    width: 135px;
    min-width: 135px;
    font-size: 16px
}

.verDetalles .verDetalles--text .roaming-html * {
    font-size: 16px !important
}

.verDetalles .verDetalles--text .modal-button {
    margin-top: 8px;
    align-self: center;
    width: 60%
}

.verDetalles .verDetalles--text .modal-value {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 62%;
    font-size: 16px;
    font-weight: 600
}

.verDetalles .verDetalles--text .prime-benefit-banner {
    background-color: #e4edf5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 8px;
    border-radius: 16px
}

.verDetalles .verDetalles--text .prime-benefit-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.verDetalles .verDetalles--text .prime-benefit-title {
    font-size: 14px;
    font-weight: 600;
    color: #222
}

.verDetalles .verDetalles--text .prime-benefit-description {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 1.4
}

.MuiModal-root.modal-show-details .MuiBackdrop-root {
    background-color: #0009 !important
}

.popover-modal-info {
    font-weight: 800;
    font-size: 14px;
    max-width: 300px
}

.how_to_buy {
    box-sizing: unset;
    padding: 16px 16px 5px;
    background-color: #fff;
    position: absolute;
    overflow: auto;
    border-radius: 24px
}

@media screen and (min-width: 0) {
    .how_to_buy {
        width: 80%
    }
}

@media screen and (min-width: 280px) {
    .how_to_buy {
        width: 80%
    }
}

@media screen and (min-width: 432px) {
    .how_to_buy {
        width: 330px
    }
}

@media screen and (min-width: 768px) {
    .how_to_buy {
        width: 408px
    }
}

@media screen and (min-width: 1024px) {
    .how_to_buy {
        position: absolute;
        width: 408px
    }
}

.how_to_buy::-webkit-scrollbar {
    display: none
}

.how_to_buy p {
    margin: 0;
    padding-bottom: 0
}

.how_to_buy .align-close {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    text-decoration: none;
    font-size: 16px !important;
    margin-right: 0
}

.how_to_buy .align-close:hover {
    text-decoration: underline
}

.how_to_buy .how_to_buy--modal-title {
    font-weight: 600;
    font-size: 20px;
    color: #00529b;
    text-align: center;
    padding: 8px 0
}

.how_to_buy .how_to_buy--modal-title p {
    margin: 0
}

.how_to_buy .how_to_buy--option {
    text-align: center;
    margin-bottom: 24px
}

.how_to_buy .how_to_buy--option+.how_to_buy--option {
    border-top: 1px solid #D0D0D0
}

.how_to_buy .how_to_buy--title {
    font-weight: 600;
    font-size: 16px;
    color: #222;
    text-align: left;
    padding: 12px 0
}

.how_to_buy .how_to_buy--title p {
    margin: 0
}

.how_to_buy .how_to_buy--text {
    font-size: 16px;
    text-align: left
}

.how_to_buy .how_to_buy--text .tooltip-mitelcel {
    display: ruby;
    vertical-align: text-bottom;
    margin-left: 4px
}

.how_to_buy .how_to_buy--text.link {
    font-weight: 600;
    color: #0071d1
}

.how_to_buy .how_to_buy-btn {
    margin: 24px 0 0;
    max-width: 240px;
    min-width: 100%
}

@media screen and (min-width: 768px) {
    .how_to_buy .how_to_buy-btn {
        min-width: auto;
        min-width: 220px;
        margin: 14px auto 0 !important;
        position: relative;
        left: 0;
        right: 0
    }
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    gap: 16px;
    padding: 16px 1px 0;
    width: 100%;
    margin: 0 auto !important;
    max-width: 100%
}

.packages-grid__item {
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .packages-grid {
        grid-template-columns: repeat(2, calc(50% - 8px));
        padding: 12px 20px 0;
        max-width: 1024px
    }

    .packages-grid__item {
        max-width: none
    }
}

@media screen and (min-width: 1024px) {
    .packages-grid {
        padding: 12px 0 0
    }
}

.offer-width {
    max-width: 488px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .offer-width {
        max-width: 1024px
    }
}

.offer-padding {
    padding: 16px 1px 0;
    justify-self: center;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .offer-padding {
        padding: 12px 20px 0
    }
}

@media screen and (min-width: 1024px) {
    .offer-padding {
        padding: 12px 0 0
    }
}

.rd-CashBackBanner__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1204px;
    margin: 0 auto;
    gap: 4px
}

.rd-CashBackBanner__container.margin-bottom {
    margin-bottom: 16px
}

@media screen and (min-width: 432px) {
    .rd-CashBackBanner__container {
        padding: 0% 8px
    }
}

.rd-CashBackBanner__text {
    font-weight: 400;
    font-size: .812rem;
    padding-left: 13px;
    padding-right: 13px;
    line-height: normal;
    color: #757575
}

@media screen and (min-width: 432px) {
    .rd-CashBackBanner__text {
        font-weight: 400;
        font-size: 1rem;
        padding-left: 16px;
        padding-right: 16px;
        line-height: normal
    }
}

.rd-CashBackBanner__card {
    background-color: #fff;
    border: 1.5px solid #CBDFFC;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    overflow: hidden
}

.rd-CashBackBanner__card-content {
    display: flex;
    gap: 16px
}

.rd-CashBackBanner__card-content svg {
    width: 74px
}

.rd-CashBackBanner__card-content-text {
    max-width: calc(100% - 106px);
    display: flex;
    flex-direction: column;
    gap: 4px
}

.RechargeAmount__container {
    display: flex;
    row-gap: 16px;
    column-gap: 16px;
    flex-wrap: wrap;
    margin: 0 auto
}

.RechargeAmount__btn {
    padding: 16px;
    border-radius: 16px;
    max-width: 116px;
    width: 100%;
    font-size: 23px;
    color: #757575;
    line-height: normal;
    font-family: AMX, Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease
}

.RechargeAmount__btn--active {
    color: #0071d1;
    border: 1px solid #0071d1;
    background-color: #f2f7f9
}

:root {
    --v-theme-background: 255, 255, 255;
    --v-theme-background-overlay-multiplier: 1;
    --v-theme-surface: 255, 255, 255;
    --v-theme-surface-overlay-multiplier: 1;
    --v-theme-surface-bright: 255, 255, 255;
    --v-theme-surface-bright-overlay-multiplier: 1;
    --v-theme-surface-variant: 66, 66, 66;
    --v-theme-surface-variant-overlay-multiplier: 2;
    --v-theme-on-surface-variant: 238, 238, 238;
    --v-theme-primary: 98, 0, 238;
    --v-theme-primary-overlay-multiplier: 2;
    --v-theme-primary-darken-1: 55, 0, 179;
    --v-theme-primary-darken-1-overlay-multiplier: 2;
    --v-theme-secondary: 3, 218, 198;
    --v-theme-secondary-overlay-multiplier: 1;
    --v-theme-secondary-darken-1: 1, 135, 134;
    --v-theme-secondary-darken-1-overlay-multiplier: 1;
    --v-theme-error: 176, 0, 32;
    --v-theme-error-overlay-multiplier: 2;
    --v-theme-info: 33, 150, 243;
    --v-theme-info-overlay-multiplier: 1;
    --v-theme-success: 76, 175, 80;
    --v-theme-success-overlay-multiplier: 1;
    --v-theme-warning: 251, 140, 0;
    --v-theme-warning-overlay-multiplier: 1;
    --v-theme-on-background: 0, 0, 0;
    --v-theme-on-surface: 0, 0, 0;
    --v-theme-on-surface-bright: 0, 0, 0;
    --v-theme-on-primary: 255, 255, 255;
    --v-theme-on-primary-darken-1: 255, 255, 255;
    --v-theme-on-secondary: 0, 0, 0;
    --v-theme-on-secondary-darken-1: 255, 255, 255;
    --v-theme-on-error: 255, 255, 255;
    --v-theme-on-info: 255, 255, 255;
    --v-theme-on-success: 255, 255, 255;
    --v-theme-on-warning: 255, 255, 255;
    --v-border-color: 0, 0, 0;
    --v-border-opacity: 0.12;
    --v-high-emphasis-opacity: 0.87;
    --v-medium-emphasis-opacity: 0.6;
    --v-disabled-opacity: 0.38;
    --v-idle-opacity: 0.04;
    --v-hover-opacity: 0.04;
    --v-focus-opacity: 0.12;
    --v-selected-opacity: 0.08;
    --v-activated-opacity: 0.12;
    --v-pressed-opacity: 0.12;
    --v-dragged-opacity: 0.08;
    --v-theme-kbd: 33, 37, 41;
    --v-theme-on-kbd: 255, 255, 255;
    --v-theme-code: 245, 245, 245;
    --v-theme-on-code: 0, 0, 0;
}

.v-theme--light {
    color-scheme: normal;
    --v-theme-background: 255, 255, 255;
    --v-theme-background-overlay-multiplier: 1;
    --v-theme-surface: 255, 255, 255;
    --v-theme-surface-overlay-multiplier: 1;
    --v-theme-surface-bright: 255, 255, 255;
    --v-theme-surface-bright-overlay-multiplier: 1;
    --v-theme-surface-variant: 66, 66, 66;
    --v-theme-surface-variant-overlay-multiplier: 2;
    --v-theme-on-surface-variant: 238, 238, 238;
    --v-theme-primary: 98, 0, 238;
    --v-theme-primary-overlay-multiplier: 2;
    --v-theme-primary-darken-1: 55, 0, 179;
    --v-theme-primary-darken-1-overlay-multiplier: 2;
    --v-theme-secondary: 3, 218, 198;
    --v-theme-secondary-overlay-multiplier: 1;
    --v-theme-secondary-darken-1: 1, 135, 134;
    --v-theme-secondary-darken-1-overlay-multiplier: 1;
    --v-theme-error: 176, 0, 32;
    --v-theme-error-overlay-multiplier: 2;
    --v-theme-info: 33, 150, 243;
    --v-theme-info-overlay-multiplier: 1;
    --v-theme-success: 76, 175, 80;
    --v-theme-success-overlay-multiplier: 1;
    --v-theme-warning: 251, 140, 0;
    --v-theme-warning-overlay-multiplier: 1;
    --v-theme-on-background: 0, 0, 0;
    --v-theme-on-surface: 0, 0, 0;
    --v-theme-on-surface-bright: 0, 0, 0;
    --v-theme-on-primary: 255, 255, 255;
    --v-theme-on-primary-darken-1: 255, 255, 255;
    --v-theme-on-secondary: 0, 0, 0;
    --v-theme-on-secondary-darken-1: 255, 255, 255;
    --v-theme-on-error: 255, 255, 255;
    --v-theme-on-info: 255, 255, 255;
    --v-theme-on-success: 255, 255, 255;
    --v-theme-on-warning: 255, 255, 255;
    --v-border-color: 0, 0, 0;
    --v-border-opacity: 0.12;
    --v-high-emphasis-opacity: 0.87;
    --v-medium-emphasis-opacity: 0.6;
    --v-disabled-opacity: 0.38;
    --v-idle-opacity: 0.04;
    --v-hover-opacity: 0.04;
    --v-focus-opacity: 0.12;
    --v-selected-opacity: 0.08;
    --v-activated-opacity: 0.12;
    --v-pressed-opacity: 0.12;
    --v-dragged-opacity: 0.08;
    --v-theme-kbd: 33, 37, 41;
    --v-theme-on-kbd: 255, 255, 255;
    --v-theme-code: 245, 245, 245;
    --v-theme-on-code: 0, 0, 0;
}

.v-theme--dark {
    color-scheme: dark;
    --v-theme-background: 18, 18, 18;
    --v-theme-background-overlay-multiplier: 1;
    --v-theme-surface: 33, 33, 33;
    --v-theme-surface-overlay-multiplier: 1;
    --v-theme-surface-bright: 204, 191, 214;
    --v-theme-surface-bright-overlay-multiplier: 2;
    --v-theme-surface-variant: 163, 163, 163;
    --v-theme-surface-variant-overlay-multiplier: 2;
    --v-theme-on-surface-variant: 66, 66, 66;
    --v-theme-primary: 187, 134, 252;
    --v-theme-primary-overlay-multiplier: 2;
    --v-theme-primary-darken-1: 55, 0, 179;
    --v-theme-primary-darken-1-overlay-multiplier: 1;
    --v-theme-secondary: 3, 218, 197;
    --v-theme-secondary-overlay-multiplier: 2;
    --v-theme-secondary-darken-1: 3, 218, 197;
    --v-theme-secondary-darken-1-overlay-multiplier: 2;
    --v-theme-error: 207, 102, 121;
    --v-theme-error-overlay-multiplier: 2;
    --v-theme-info: 33, 150, 243;
    --v-theme-info-overlay-multiplier: 2;
    --v-theme-success: 76, 175, 80;
    --v-theme-success-overlay-multiplier: 2;
    --v-theme-warning: 251, 140, 0;
    --v-theme-warning-overlay-multiplier: 2;
    --v-theme-on-background: 255, 255, 255;
    --v-theme-on-surface: 255, 255, 255;
    --v-theme-on-surface-bright: 0, 0, 0;
    --v-theme-on-primary: 255, 255, 255;
    --v-theme-on-primary-darken-1: 255, 255, 255;
    --v-theme-on-secondary: 0, 0, 0;
    --v-theme-on-secondary-darken-1: 0, 0, 0;
    --v-theme-on-error: 255, 255, 255;
    --v-theme-on-info: 255, 255, 255;
    --v-theme-on-success: 255, 255, 255;
    --v-theme-on-warning: 255, 255, 255;
    --v-border-color: 255, 255, 255;
    --v-border-opacity: 0.12;
    --v-high-emphasis-opacity: 1;
    --v-medium-emphasis-opacity: 0.7;
    --v-disabled-opacity: 0.5;
    --v-idle-opacity: 0.1;
    --v-hover-opacity: 0.04;
    --v-focus-opacity: 0.12;
    --v-selected-opacity: 0.08;
    --v-activated-opacity: 0.12;
    --v-pressed-opacity: 0.16;
    --v-dragged-opacity: 0.08;
    --v-theme-kbd: 33, 37, 41;
    --v-theme-on-kbd: 255, 255, 255;
    --v-theme-code: 52, 52, 52;
    --v-theme-on-code: 204, 204, 204;
}

.bg-background {
    --v-theme-overlay-multiplier: var(--v-theme-background-overlay-multiplier);
    background-color: rgb(var(--v-theme-background)) !important;
    color: rgb(var(--v-theme-on-background)) !important;
}

.bg-surface {
    --v-theme-overlay-multiplier: var(--v-theme-surface-overlay-multiplier);
    background-color: rgb(var(--v-theme-surface)) !important;
    color: rgb(var(--v-theme-on-surface)) !important;
}

.bg-surface-bright {
    --v-theme-overlay-multiplier: var(--v-theme-surface-bright-overlay-multiplier);
    background-color: rgb(var(--v-theme-surface-bright)) !important;
    color: rgb(var(--v-theme-on-surface-bright)) !important;
}

.bg-surface-variant {
    --v-theme-overlay-multiplier: var(--v-theme-surface-variant-overlay-multiplier);
    background-color: rgb(var(--v-theme-surface-variant)) !important;
    color: rgb(var(--v-theme-on-surface-variant)) !important;
}

.bg-primary {
    --v-theme-overlay-multiplier: var(--v-theme-primary-overlay-multiplier);
    background-color: rgb(var(--v-theme-primary)) !important;
    color: rgb(var(--v-theme-on-primary)) !important;
}

.bg-primary-darken-1 {
    --v-theme-overlay-multiplier: var(--v-theme-primary-darken-1-overlay-multiplier);
    background-color: rgb(var(--v-theme-primary-darken-1)) !important;
    color: rgb(var(--v-theme-on-primary-darken-1)) !important;
}

.bg-secondary {
    --v-theme-overlay-multiplier: var(--v-theme-secondary-overlay-multiplier);
    background-color: rgb(var(--v-theme-secondary)) !important;
    color: rgb(var(--v-theme-on-secondary)) !important;
}

.bg-secondary-darken-1 {
    --v-theme-overlay-multiplier: var(--v-theme-secondary-darken-1-overlay-multiplier);
    background-color: rgb(var(--v-theme-secondary-darken-1)) !important;
    color: rgb(var(--v-theme-on-secondary-darken-1)) !important;
}

.bg-error {
    --v-theme-overlay-multiplier: var(--v-theme-error-overlay-multiplier);
    background-color: rgb(var(--v-theme-error)) !important;
    color: rgb(var(--v-theme-on-error)) !important;
}

.bg-info {
    --v-theme-overlay-multiplier: var(--v-theme-info-overlay-multiplier);
    background-color: rgb(var(--v-theme-info)) !important;
    color: rgb(var(--v-theme-on-info)) !important;
}

.bg-success {
    --v-theme-overlay-multiplier: var(--v-theme-success-overlay-multiplier);
    background-color: rgb(var(--v-theme-success)) !important;
    color: rgb(var(--v-theme-on-success)) !important;
}

.bg-warning {
    --v-theme-overlay-multiplier: var(--v-theme-warning-overlay-multiplier);
    background-color: rgb(var(--v-theme-warning)) !important;
    color: rgb(var(--v-theme-on-warning)) !important;
}

.text-background {
    color: rgb(var(--v-theme-background)) !important;
}

.border-background {
    --v-border-color: var(--v-theme-background);
}

.text-surface {
    color: rgb(var(--v-theme-surface)) !important;
}

.border-surface {
    --v-border-color: var(--v-theme-surface);
}

.text-surface-bright {
    color: rgb(var(--v-theme-surface-bright)) !important;
}

.border-surface-bright {
    --v-border-color: var(--v-theme-surface-bright);
}

.text-surface-variant {
    color: rgb(var(--v-theme-surface-variant)) !important;
}

.border-surface-variant {
    --v-border-color: var(--v-theme-surface-variant);
}

.on-surface-variant {
    color: rgb(var(--v-theme-on-surface-variant)) !important;
}

.text-primary {
    color: rgb(var(--v-theme-primary)) !important;
}

.border-primary {
    --v-border-color: var(--v-theme-primary);
}

.text-primary-darken-1 {
    color: rgb(var(--v-theme-primary-darken-1)) !important;
}

.border-primary-darken-1 {
    --v-border-color: var(--v-theme-primary-darken-1);
}

.text-secondary {
    color: rgb(var(--v-theme-secondary)) !important;
}

.border-secondary {
    --v-border-color: var(--v-theme-secondary);
}

.text-secondary-darken-1 {
    color: rgb(var(--v-theme-secondary-darken-1)) !important;
}

.border-secondary-darken-1 {
    --v-border-color: var(--v-theme-secondary-darken-1);
}

.text-error {
    color: rgb(var(--v-theme-error)) !important;
}

.border-error {
    --v-border-color: var(--v-theme-error);
}

.text-info {
    color: rgb(var(--v-theme-info)) !important;
}

.border-info {
    --v-border-color: var(--v-theme-info);
}

.text-success {
    color: rgb(var(--v-theme-success)) !important;
}

.border-success {
    --v-border-color: var(--v-theme-success);
}

.text-warning {
    color: rgb(var(--v-theme-warning)) !important;
}

.border-warning {
    --v-border-color: var(--v-theme-warning);
}

.on-background {
    color: rgb(var(--v-theme-on-background)) !important;
}

.on-surface {
    color: rgb(var(--v-theme-on-surface)) !important;
}

.on-surface-bright {
    color: rgb(var(--v-theme-on-surface-bright)) !important;
}

.on-primary {
    color: rgb(var(--v-theme-on-primary)) !important;
}

.on-primary-darken-1 {
    color: rgb(var(--v-theme-on-primary-darken-1)) !important;
}

.on-secondary {
    color: rgb(var(--v-theme-on-secondary)) !important;
}

.on-secondary-darken-1 {
    color: rgb(var(--v-theme-on-secondary-darken-1)) !important;
}

.on-error {
    color: rgb(var(--v-theme-on-error)) !important;
}

.on-info {
    color: rgb(var(--v-theme-on-info)) !important;
}

.on-success {
    color: rgb(var(--v-theme-on-success)) !important;
}

.on-warning {
    color: rgb(var(--v-theme-on-warning)) !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

ng\:form {
    display: block;
}

.ng-animate-shim {
    visibility: hidden;
}

.ng-anchor {
    position: absolute;
}

.QSIFeedbackButton div,
.QSIFeedbackButton dl,
.QSIFeedbackButton dt,
.QSIFeedbackButton dd,
.QSIFeedbackButton ul,
.QSIFeedbackButton ol,
.QSIFeedbackButton li,
.QSIFeedbackButton h1,
.QSIFeedbackButton h2,
.QSIFeedbackButton h3,
.QSIFeedbackButton h4,
.QSIFeedbackButton h5,
.QSIFeedbackButton h6,
.QSIFeedbackButton span,
.QSIFeedbackButton pre,
.QSIFeedbackButton form,
.QSIFeedbackButton fieldset,
.QSIFeedbackButton textarea,
.QSIFeedbackButton p,
.QSIFeedbackButton blockquote,
.QSIFeedbackButton tr,
.QSIFeedbackButton th,
.QSIFeedbackButton td {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 12px;
    line-height: normal;
    vertical-align: baseline;
    box-shadow: none;
}

.QSIFeedbackButton img {
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}

.QSIFeedbackButton ul,
.QSIFeedbackButton ol {
    margin: 12px 0;
    padding-left: 40px;
}

.QSIFeedbackButton ul li {
    list-style-type: disc;
}

.QSIFeedbackButton ol li {
    list-style-type: decimal;
}

.QSIFeedbackButton .scrollable {
    -webkit-overflow-scrolling: touch;
}

.QSIFeedbackButton table {
    border-collapse: collapse;
    border-spacing: 0;
}

.QSIFeedbackButton table td {
    padding: 2px;
}

.QSIFeedbackButton iframe {
    max-height: none;
}

.QSIFeedbackButton * {
    box-sizing: content-box;
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.loader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffffff80;
    z-index: 10;
    text-align: center
}

.loader svg {
    display: block;
    margin: 20% auto 0;
    animation: spiner 2s infinite linear
}

.loader span {
    font-family: source-sans-pro, sans-serif;
    line-height: normal;
    font-weight: 400;
    font-size: 1rem
}

@keyframes spiner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.section-loader {
    position: relative;
    min-height: 300px
}

.section-loader .loader {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center
}

.section-loader .loader svg {
    margin: 0
}

.section-loader-h-auto {
    min-height: auto
}

.section-loader-active .loader {
    display: flex
}

@media (prefers-color-scheme: dark) {
    .loader svg foreignObject div {
        background: conic-gradient(from 90deg, #83cef6 0deg, #83cef6 212.689deg, rgba(131, 206, 246, 0) 315.816deg, rgba(131, 206, 246, 0) 360deg) !important
    }
}

@media (prefers-color-scheme: light) {
    .loader svg foreignObject div {
        background: conic-gradient(from 90deg, #0071d1 0deg, #0071d1 212.689deg, rgba(131, 206, 246, 0) 315.816deg, rgba(131, 206, 246, 0) 360deg) !important
    }
}

div.MuiChip-root {
    font-size: 14px;
    padding: 2px 8px;
    text-align: center;
    border-radius: 4px;
    font-weight: 600;
    height: 24px;
    background-color: #f2f7f9;
    color: #000
}

div.MuiChip-root .MuiChip-label {
    padding: 0;
    line-height: normal;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif
}

div.MuiChip-root .MuiChip-label>span {
    display: flex;
    align-items: center;
    justify-content: center
}

div.MuiChip-root.Chip_label.Chip_label-promocion {
    color: #006100 !important;
    background-color: #f0f7ef
}

div.MuiChip-root.Chip_label.Chip_label-nuevo {
    color: #960747 !important;
    background-color: #f2e4ea
}

div.MuiChip-root.Chip_label.Chip_label-recomendado,
div.MuiChip-root.Chip_label.Chip_label-exclusivo {
    color: #fff !important;
    background-color: #c71585
}

div.MuiChip-root.Chip_label.Chip_label-paquete_activo {
    color: #0a3d7e !important;
    background-color: #e0f1ff
}

div.MuiChip-root.Chip_label.Chip_label-proximamente {
    color: #5e3b96 !important;
    background-color: #fff
}

div.MuiChip-root.Chip_label.Chip_label-preventa {
    color: #1c42b4 !important;
    background-color: #e9ecf7
}

div.MuiChip-root.Chip_benefit span {
    white-space: normal;
    padding: .125rem .75rem;
    text-align: left
}

div.MuiChip-root.Chip_benefit .benefits_container,
div.MuiChip-root.Chip_benefit .benefits_container_card {
    display: flex;
    gap: 8px !important
}

div.MuiChip-root.Chip_benefit .text-chip {
    font-weight: 600;
    font-size: "13px";
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif
}

div.MuiChip-root.Chip_benefit.Chip_benefit-01 {
    color: #006100;
    background-color: #f0f7ef
}

div.MuiChip-root.Chip_benefit.Chip_benefit-02 {
    color: #960747;
    background-color: #f2e4ea
}

div.MuiChip-root.Chip_benefit.Chip_benefit-03,
div.MuiChip-root.Chip_benefit.Chip_benefit-04 {
    color: #fff;
    background-color: #c71585
}

div.MuiChip-root.Chip_benefit.Chip_benefit-05 {
    color: #0a3d7e;
    background-color: #e0f1ff
}

div.MuiChip-root.Chip_benefit.Chip_benefit-06 {
    color: #5e3b96;
    background-color: #fff
}

div.MuiChip-root.Chip_benefit.Chip_benefit-07 {
    color: #1c42b4;
    background-color: #e9ecf7
}

.form-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

@media (max-width: 768px) {
    .form-container {
        grid-template-columns: repeat(1, 1fr)
    }
}

.main-content {
    max-width: 1024px !important;
    max-width: 100%;
    margin: auto auto 0 !important;
    padding: 8px 8px 0 !important
}

@media screen and (min-width: 432px) {
    .main-content {
        padding: 16px 16px 0 !important
    }
}

@media screen and (min-width: 768px) {
    .main-content {
        padding: 16px 24px 0 !important;
        margin: 0 auto !important
    }
}

iframe {
    width: 100%;
    height: 850px;
    border: none;
    overflow: hidden
}

body>iframe {
    width: 0px;
    height: 0px
}

@media screen and (min-width: 432px) {
    iframe {
        height: 785px
    }

    body>iframe {
        height: 0px
    }
}

@media screen and (min-width: 768px) {
    iframe {
        height: 747px
    }

    body>iframe {
        height: 0px
    }
}

@media screen and (min-width: 1024px) {
    iframe {
        height: 540px
    }

    body>iframe {
        height: 0px
    }
}

@font-face {
    font-family: telcellight;
    src: url(https://paymentservice.telcel.com/payments/assets/telcel-ligera-webfont.1be6452d.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/telcel-ligera-webfont.1be6452d.eot?#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/telcel-ligera-webfont.099cc039.woff) format("woff"), url(https://paymentservice.telcel.com/payments/assets/telcel-ligera-webfont.c0f4ec65.ttf) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/telcel-ligera-webfont.936d8e30.svg#telcelregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: telcelregular;
    src: url(https://paymentservice.telcel.com/payments/assets/telcel-media-webfont.f4a2d590.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/telcel-media-webfont.f4a2d590.eot?#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/telcel-media-webfont.17c68526.woff) format("woff"), url(https://paymentservice.telcel.com/payments/assets/telcel-media-webfont.04021e7e.ttf) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/telcel-media-webfont.131f5986.svg#telcelregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: telcelbold;
    src: url(https://paymentservice.telcel.com/payments/assets/telcel-robusta-webfont.ec2d3d60.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/telcel-robusta-webfont.ec2d3d60.eot?#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/telcel-robusta-webfont.de960e52.woff) format("woff"), url(https://paymentservice.telcel.com/payments/assets/telcel-robusta-webfont.4411e555.ttf) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/telcel-robusta-webfont.ad1a4cd3.svg#telcelregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: TelcelFont;
    src: url(https://paymentservice.telcel.com/payments/assets/TelcelFont.fa4cc02e.eot?u2nc0t);
    src: url(https://paymentservice.telcel.com/payments/assets/TelcelFont.fa4cc02e.eot?u2nc0t#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/TelcelFont.7e9b40e0.ttf?u2nc0t) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/TelcelFont.d4e17571.woff?u2nc0t) format("woff"), url(https://paymentservice.telcel.com/payments/assets/TelcelFont.b6851986.svg?u2nc0t#TelcelFont) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: telcel-obscura;
    src: url(https://paymentservice.telcel.com/payments/assets/Telcel-Obscura.5af8abfc.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/Telcel-Obscura.5af8abfc.eot?#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/Telcel-Obscura.4c02ffab.woff2) format("woff2"), url(https://paymentservice.telcel.com/payments/assets/Telcel-Obscura.d061a9c2.woff) format("woff"), url(https://paymentservice.telcel.com/payments/assets/Telcel-Obscura.dc67b8d7.ttf) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/Telcel-Obscura.33c9602e.svg#Telcel-Obscura) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Source Sans Pro;
    src: url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-SemiBold.9185d8ba.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-SemiBold.9185d8ba.eot?#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-SemiBold.bad0ccd9.woff2) format("woff2"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-SemiBold.1967bc4d.woff) format("woff"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-SemiBold.dfdae545.ttf) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-SemiBold.0b2a9258.svg#SourceSansPro-SemiBold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Source Sans Pro;
    src: url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-Regular.d26e0fa8.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-Regular.d26e0fa8.eot?#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-Regular.530c995a.woff2) format("woff2"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-Regular.c6367d91.woff) format("woff"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-Regular.f1cbccbc.ttf) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/SourceSansPro-Regular.8a96fca6.svg#SourceSansPro-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://paymentservice.telcel.com/payments/assets/AMX-Regular_App.cb947e98.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/AMX-Regular_App.cb947e98.eot#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/AMX-Regular_App.28002cc9.ttf?u2nc0t) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/AMX-Regular_App.218bdda6.woff?u2nc0t) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://paymentservice.telcel.com/payments/assets/AMX-Medium_App.f0a401c3.eot);
    src: url(https://paymentservice.telcel.com/payments/assets/AMX-Medium_App.f0a401c3.eot#iefix) format("embedded-opentype"), url(https://paymentservice.telcel.com/payments/assets/AMX-Medium_App.fce3e73d.ttf?u2nc0t) format("truetype"), url(https://paymentservice.telcel.com/payments/assets/AMX-Medium_App.8cc5a239.woff?u2nc0t) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

/*!
 * Bootstrap Reboot v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: green;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #d32222;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 0, 128, 0;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 211, 34, 34;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 34, 34, 34;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "AMX", "source-sans-pro", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #222;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #d0d0d0;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0071d1;
    --bs-link-hover-color: #005aa7;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*,
*:before,
*:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: #d0d0d0;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

h6,
h5,
h4,
h3,
h2,
h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: none
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

.panel-collapse {
    display: none;
    height: 0;
    transition: height 0.3s ease;
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

/*!
 * Bootstrap Utilities v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(0, 128, 0, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(211, 34, 34, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: #0d6efd !important
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca !important
}

.link-secondary {
    color: #6c757d !important
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64 !important
}

.link-success {
    color: green !important
}

.link-success:hover,
.link-success:focus {
    color: #060 !important
}

.link-info {
    color: #0dcaf0 !important
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3 !important
}

.link-warning {
    color: #ffc107 !important
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39 !important
}

.link-danger {
    color: #d32222 !important
}

.link-danger:hover,
.link-danger:focus {
    color: #a91b1b !important
}

.link-light {
    color: #f8f9fa !important
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb !important
}

.link-dark {
    color: #212529 !important
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21 !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translate(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 2rem !important
}

.m-6 {
    margin: 3rem !important
}

.m-7 {
    margin: 4rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 2rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mt-7 {
    margin-top: 4rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 2rem !important
}

.me-6 {
    margin-right: 3rem !important
}

.me-7 {
    margin-right: 4rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 2rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.mb-7 {
    margin-bottom: 4rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 2rem !important
}

.ms-6 {
    margin-left: 3rem !important
}

.ms-7 {
    margin-left: 4rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 2rem !important
}

.p-6 {
    padding: 3rem !important
}

.p-7 {
    padding: 4rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.px-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 2rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pt-7 {
    padding-top: 4rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 2rem !important
}

.pe-6 {
    padding-right: 3rem !important
}

.pe-7 {
    padding-right: 4rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pb-7 {
    padding-bottom: 4rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 2rem !important
}

.ps-6 {
    padding-left: 3rem !important
}

.ps-7 {
    padding-left: 4rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 2rem !important
}

.gap-6 {
    gap: 3rem !important
}

.gap-7 {
    gap: 4rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold,
.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 2rem !important
    }

    .m-sm-6 {
        margin: 3rem !important
    }

    .m-sm-7 {
        margin: 4rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-sm-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-sm-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 2rem !important
    }

    .mt-sm-6 {
        margin-top: 3rem !important
    }

    .mt-sm-7 {
        margin-top: 4rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 2rem !important
    }

    .me-sm-6 {
        margin-right: 3rem !important
    }

    .me-sm-7 {
        margin-right: 4rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important
    }

    .mb-sm-6 {
        margin-bottom: 3rem !important
    }

    .mb-sm-7 {
        margin-bottom: 4rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 2rem !important
    }

    .ms-sm-6 {
        margin-left: 3rem !important
    }

    .ms-sm-7 {
        margin-left: 4rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 2rem !important
    }

    .p-sm-6 {
        padding: 3rem !important
    }

    .p-sm-7 {
        padding: 4rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-sm-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-sm-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-sm-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-sm-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 2rem !important
    }

    .pt-sm-6 {
        padding-top: 3rem !important
    }

    .pt-sm-7 {
        padding-top: 4rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 2rem !important
    }

    .pe-sm-6 {
        padding-right: 3rem !important
    }

    .pe-sm-7 {
        padding-right: 4rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important
    }

    .pb-sm-6 {
        padding-bottom: 3rem !important
    }

    .pb-sm-7 {
        padding-bottom: 4rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 2rem !important
    }

    .ps-sm-6 {
        padding-left: 3rem !important
    }

    .ps-sm-7 {
        padding-left: 4rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 2rem !important
    }

    .gap-sm-6 {
        gap: 3rem !important
    }

    .gap-sm-7 {
        gap: 4rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 2rem !important
    }

    .m-md-6 {
        margin: 3rem !important
    }

    .m-md-7 {
        margin: 4rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-md-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-md-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 2rem !important
    }

    .mt-md-6 {
        margin-top: 3rem !important
    }

    .mt-md-7 {
        margin-top: 4rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 2rem !important
    }

    .me-md-6 {
        margin-right: 3rem !important
    }

    .me-md-7 {
        margin-right: 4rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 2rem !important
    }

    .mb-md-6 {
        margin-bottom: 3rem !important
    }

    .mb-md-7 {
        margin-bottom: 4rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 2rem !important
    }

    .ms-md-6 {
        margin-left: 3rem !important
    }

    .ms-md-7 {
        margin-left: 4rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 2rem !important
    }

    .p-md-6 {
        padding: 3rem !important
    }

    .p-md-7 {
        padding: 4rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-md-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-md-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-md-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 2rem !important
    }

    .pt-md-6 {
        padding-top: 3rem !important
    }

    .pt-md-7 {
        padding-top: 4rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 2rem !important
    }

    .pe-md-6 {
        padding-right: 3rem !important
    }

    .pe-md-7 {
        padding-right: 4rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 2rem !important
    }

    .pb-md-6 {
        padding-bottom: 3rem !important
    }

    .pb-md-7 {
        padding-bottom: 4rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 2rem !important
    }

    .ps-md-6 {
        padding-left: 3rem !important
    }

    .ps-md-7 {
        padding-left: 4rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 2rem !important
    }

    .gap-md-6 {
        gap: 3rem !important
    }

    .gap-md-7 {
        gap: 4rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 2rem !important
    }

    .m-lg-6 {
        margin: 3rem !important
    }

    .m-lg-7 {
        margin: 4rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-lg-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-lg-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 2rem !important
    }

    .mt-lg-6 {
        margin-top: 3rem !important
    }

    .mt-lg-7 {
        margin-top: 4rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 2rem !important
    }

    .me-lg-6 {
        margin-right: 3rem !important
    }

    .me-lg-7 {
        margin-right: 4rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 2rem !important
    }

    .mb-lg-6 {
        margin-bottom: 3rem !important
    }

    .mb-lg-7 {
        margin-bottom: 4rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 2rem !important
    }

    .ms-lg-6 {
        margin-left: 3rem !important
    }

    .ms-lg-7 {
        margin-left: 4rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 2rem !important
    }

    .p-lg-6 {
        padding: 3rem !important
    }

    .p-lg-7 {
        padding: 4rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-lg-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-lg-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-lg-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 2rem !important
    }

    .pt-lg-6 {
        padding-top: 3rem !important
    }

    .pt-lg-7 {
        padding-top: 4rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 2rem !important
    }

    .pe-lg-6 {
        padding-right: 3rem !important
    }

    .pe-lg-7 {
        padding-right: 4rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 2rem !important
    }

    .pb-lg-6 {
        padding-bottom: 3rem !important
    }

    .pb-lg-7 {
        padding-bottom: 4rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 2rem !important
    }

    .ps-lg-6 {
        padding-left: 3rem !important
    }

    .ps-lg-7 {
        padding-left: 4rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 2rem !important
    }

    .gap-lg-6 {
        gap: 3rem !important
    }

    .gap-lg-7 {
        gap: 4rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 2rem !important
    }

    .m-xl-6 {
        margin: 3rem !important
    }

    .m-xl-7 {
        margin: 4rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 2rem !important
    }

    .mt-xl-6 {
        margin-top: 3rem !important
    }

    .mt-xl-7 {
        margin-top: 4rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 2rem !important
    }

    .me-xl-6 {
        margin-right: 3rem !important
    }

    .me-xl-7 {
        margin-right: 4rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 2rem !important
    }

    .ms-xl-6 {
        margin-left: 3rem !important
    }

    .ms-xl-7 {
        margin-left: 4rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 2rem !important
    }

    .p-xl-6 {
        padding: 3rem !important
    }

    .p-xl-7 {
        padding: 4rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 2rem !important
    }

    .pt-xl-6 {
        padding-top: 3rem !important
    }

    .pt-xl-7 {
        padding-top: 4rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 2rem !important
    }

    .pe-xl-6 {
        padding-right: 3rem !important
    }

    .pe-xl-7 {
        padding-right: 4rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 2rem !important
    }

    .ps-xl-6 {
        padding-left: 3rem !important
    }

    .ps-xl-7 {
        padding-left: 4rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 2rem !important
    }

    .gap-xl-6 {
        gap: 3rem !important
    }

    .gap-xl-7 {
        gap: 4rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 2rem !important
    }

    .m-xxl-6 {
        margin: 3rem !important
    }

    .m-xxl-7 {
        margin: 4rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xxl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xxl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 2rem !important
    }

    .mt-xxl-6 {
        margin-top: 3rem !important
    }

    .mt-xxl-7 {
        margin-top: 4rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 2rem !important
    }

    .me-xxl-6 {
        margin-right: 3rem !important
    }

    .me-xxl-7 {
        margin-right: 4rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 2rem !important
    }

    .ms-xxl-6 {
        margin-left: 3rem !important
    }

    .ms-xxl-7 {
        margin-left: 4rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 2rem !important
    }

    .p-xxl-6 {
        padding: 3rem !important
    }

    .p-xxl-7 {
        padding: 4rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xxl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xxl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 2rem !important
    }

    .pt-xxl-6 {
        padding-top: 3rem !important
    }

    .pt-xxl-7 {
        padding-top: 4rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 2rem !important
    }

    .pe-xxl-6 {
        padding-right: 3rem !important
    }

    .pe-xxl-7 {
        padding-right: 4rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xxl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 2rem !important
    }

    .ps-xxl-6 {
        padding-left: 3rem !important
    }

    .ps-xxl-7 {
        padding-left: 4rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 2rem !important
    }

    .gap-xxl-6 {
        gap: 3rem !important
    }

    .gap-xxl-7 {
        gap: 4rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*!
 * Bootstrap Grid v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: green;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #d32222;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 0, 128, 0;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 211, 34, 34;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 34, 34, 34;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "AMX", "source-sans-pro", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #222;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #d0d0d0;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0071d1;
    --bs-link-hover-color: #005aa7;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 990px
    }
}

@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1040px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 2rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 2rem
}

.g-6,
.gx-6 {
    --bs-gutter-x: 3rem
}

.g-6,
.gy-6 {
    --bs-gutter-y: 3rem
}

.g-7,
.gx-7 {
    --bs-gutter-x: 4rem
}

.g-7,
.gy-7 {
    --bs-gutter-y: 4rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 2rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 2rem
    }

    .g-sm-6,
    .gx-sm-6 {
        --bs-gutter-x: 3rem
    }

    .g-sm-6,
    .gy-sm-6 {
        --bs-gutter-y: 3rem
    }

    .g-sm-7,
    .gx-sm-7 {
        --bs-gutter-x: 4rem
    }

    .g-sm-7,
    .gy-sm-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 2rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 2rem
    }

    .g-md-6,
    .gx-md-6 {
        --bs-gutter-x: 3rem
    }

    .g-md-6,
    .gy-md-6 {
        --bs-gutter-y: 3rem
    }

    .g-md-7,
    .gx-md-7 {
        --bs-gutter-x: 4rem
    }

    .g-md-7,
    .gy-md-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 2rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 2rem
    }

    .g-lg-6,
    .gx-lg-6 {
        --bs-gutter-x: 3rem
    }

    .g-lg-6,
    .gy-lg-6 {
        --bs-gutter-y: 3rem
    }

    .g-lg-7,
    .gx-lg-7 {
        --bs-gutter-x: 4rem
    }

    .g-lg-7,
    .gy-lg-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 2rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 2rem
    }

    .g-xl-6,
    .gx-xl-6 {
        --bs-gutter-x: 3rem
    }

    .g-xl-6,
    .gy-xl-6 {
        --bs-gutter-y: 3rem
    }

    .g-xl-7,
    .gx-xl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xl-7,
    .gy-xl-7 {
        --bs-gutter-y: 4rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 2rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 2rem
    }

    .g-xxl-6,
    .gx-xxl-6 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-6,
    .gy-xxl-6 {
        --bs-gutter-y: 3rem
    }

    .g-xxl-7,
    .gx-xxl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xxl-7,
    .gy-xxl-7 {
        --bs-gutter-y: 4rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 2rem !important
}

.m-6 {
    margin: 3rem !important
}

.m-7 {
    margin: 4rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-7 {
    margin-right: 4rem !important;
    margin-left: 4rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 2rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mt-7 {
    margin-top: 4rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 2rem !important
}

.me-6 {
    margin-right: 3rem !important
}

.me-7 {
    margin-right: 4rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 2rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.mb-7 {
    margin-bottom: 4rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 2rem !important
}

.ms-6 {
    margin-left: 3rem !important
}

.ms-7 {
    margin-left: 4rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 2rem !important
}

.p-6 {
    padding: 3rem !important
}

.p-7 {
    padding: 4rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.px-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-7 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 2rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pt-7 {
    padding-top: 4rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 2rem !important
}

.pe-6 {
    padding-right: 3rem !important
}

.pe-7 {
    padding-right: 4rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pb-7 {
    padding-bottom: 4rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 2rem !important
}

.ps-6 {
    padding-left: 3rem !important
}

.ps-7 {
    padding-left: 4rem !important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 2rem !important
    }

    .m-sm-6 {
        margin: 3rem !important
    }

    .m-sm-7 {
        margin: 4rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-sm-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-sm-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 2rem !important
    }

    .mt-sm-6 {
        margin-top: 3rem !important
    }

    .mt-sm-7 {
        margin-top: 4rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 2rem !important
    }

    .me-sm-6 {
        margin-right: 3rem !important
    }

    .me-sm-7 {
        margin-right: 4rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 2rem !important
    }

    .mb-sm-6 {
        margin-bottom: 3rem !important
    }

    .mb-sm-7 {
        margin-bottom: 4rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 2rem !important
    }

    .ms-sm-6 {
        margin-left: 3rem !important
    }

    .ms-sm-7 {
        margin-left: 4rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 2rem !important
    }

    .p-sm-6 {
        padding: 3rem !important
    }

    .p-sm-7 {
        padding: 4rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-sm-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-sm-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-sm-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-sm-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 2rem !important
    }

    .pt-sm-6 {
        padding-top: 3rem !important
    }

    .pt-sm-7 {
        padding-top: 4rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 2rem !important
    }

    .pe-sm-6 {
        padding-right: 3rem !important
    }

    .pe-sm-7 {
        padding-right: 4rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 2rem !important
    }

    .pb-sm-6 {
        padding-bottom: 3rem !important
    }

    .pb-sm-7 {
        padding-bottom: 4rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 2rem !important
    }

    .ps-sm-6 {
        padding-left: 3rem !important
    }

    .ps-sm-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 2rem !important
    }

    .m-md-6 {
        margin: 3rem !important
    }

    .m-md-7 {
        margin: 4rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-md-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-md-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 2rem !important
    }

    .mt-md-6 {
        margin-top: 3rem !important
    }

    .mt-md-7 {
        margin-top: 4rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 2rem !important
    }

    .me-md-6 {
        margin-right: 3rem !important
    }

    .me-md-7 {
        margin-right: 4rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 2rem !important
    }

    .mb-md-6 {
        margin-bottom: 3rem !important
    }

    .mb-md-7 {
        margin-bottom: 4rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 2rem !important
    }

    .ms-md-6 {
        margin-left: 3rem !important
    }

    .ms-md-7 {
        margin-left: 4rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 2rem !important
    }

    .p-md-6 {
        padding: 3rem !important
    }

    .p-md-7 {
        padding: 4rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-md-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-md-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-md-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 2rem !important
    }

    .pt-md-6 {
        padding-top: 3rem !important
    }

    .pt-md-7 {
        padding-top: 4rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 2rem !important
    }

    .pe-md-6 {
        padding-right: 3rem !important
    }

    .pe-md-7 {
        padding-right: 4rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 2rem !important
    }

    .pb-md-6 {
        padding-bottom: 3rem !important
    }

    .pb-md-7 {
        padding-bottom: 4rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 2rem !important
    }

    .ps-md-6 {
        padding-left: 3rem !important
    }

    .ps-md-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 2rem !important
    }

    .m-lg-6 {
        margin: 3rem !important
    }

    .m-lg-7 {
        margin: 4rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-lg-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-lg-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 2rem !important
    }

    .mt-lg-6 {
        margin-top: 3rem !important
    }

    .mt-lg-7 {
        margin-top: 4rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 2rem !important
    }

    .me-lg-6 {
        margin-right: 3rem !important
    }

    .me-lg-7 {
        margin-right: 4rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 2rem !important
    }

    .mb-lg-6 {
        margin-bottom: 3rem !important
    }

    .mb-lg-7 {
        margin-bottom: 4rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 2rem !important
    }

    .ms-lg-6 {
        margin-left: 3rem !important
    }

    .ms-lg-7 {
        margin-left: 4rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 2rem !important
    }

    .p-lg-6 {
        padding: 3rem !important
    }

    .p-lg-7 {
        padding: 4rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-lg-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-lg-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-lg-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 2rem !important
    }

    .pt-lg-6 {
        padding-top: 3rem !important
    }

    .pt-lg-7 {
        padding-top: 4rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 2rem !important
    }

    .pe-lg-6 {
        padding-right: 3rem !important
    }

    .pe-lg-7 {
        padding-right: 4rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 2rem !important
    }

    .pb-lg-6 {
        padding-bottom: 3rem !important
    }

    .pb-lg-7 {
        padding-bottom: 4rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 2rem !important
    }

    .ps-lg-6 {
        padding-left: 3rem !important
    }

    .ps-lg-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 2rem !important
    }

    .m-xl-6 {
        margin: 3rem !important
    }

    .m-xl-7 {
        margin: 4rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 2rem !important
    }

    .mt-xl-6 {
        margin-top: 3rem !important
    }

    .mt-xl-7 {
        margin-top: 4rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 2rem !important
    }

    .me-xl-6 {
        margin-right: 3rem !important
    }

    .me-xl-7 {
        margin-right: 4rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 2rem !important
    }

    .ms-xl-6 {
        margin-left: 3rem !important
    }

    .ms-xl-7 {
        margin-left: 4rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 2rem !important
    }

    .p-xl-6 {
        padding: 3rem !important
    }

    .p-xl-7 {
        padding: 4rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 2rem !important
    }

    .pt-xl-6 {
        padding-top: 3rem !important
    }

    .pt-xl-7 {
        padding-top: 4rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 2rem !important
    }

    .pe-xl-6 {
        padding-right: 3rem !important
    }

    .pe-xl-7 {
        padding-right: 4rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 2rem !important
    }

    .ps-xl-6 {
        padding-left: 3rem !important
    }

    .ps-xl-7 {
        padding-left: 4rem !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 2rem !important
    }

    .m-xxl-6 {
        margin: 3rem !important
    }

    .m-xxl-7 {
        margin: 4rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-xxl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-7 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-xxl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-7 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 2rem !important
    }

    .mt-xxl-6 {
        margin-top: 3rem !important
    }

    .mt-xxl-7 {
        margin-top: 4rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 2rem !important
    }

    .me-xxl-6 {
        margin-right: 3rem !important
    }

    .me-xxl-7 {
        margin-right: 4rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 2rem !important
    }

    .mb-xxl-6 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 2rem !important
    }

    .ms-xxl-6 {
        margin-left: 3rem !important
    }

    .ms-xxl-7 {
        margin-left: 4rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 2rem !important
    }

    .p-xxl-6 {
        padding: 3rem !important
    }

    .p-xxl-7 {
        padding: 4rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-xxl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-xxl-7 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-xxl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xxl-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 2rem !important
    }

    .pt-xxl-6 {
        padding-top: 3rem !important
    }

    .pt-xxl-7 {
        padding-top: 4rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 2rem !important
    }

    .pe-xxl-6 {
        padding-right: 3rem !important
    }

    .pe-xxl-7 {
        padding-right: 4rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 2rem !important
    }

    .pb-xxl-6 {
        padding-bottom: 3rem !important
    }

    .pb-xxl-7 {
        padding-bottom: 4rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 2rem !important
    }

    .ps-xxl-6 {
        padding-left: 3rem !important
    }

    .ps-xxl-7 {
        padding-left: 4rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-24 {
    font-size: 24px !important
}

.text-pink,
.text-pink:hover {
    color: #c71585
}

.text-gray,
.text-gray:hover {
    color: #757575
}

.text-gray-dark,
.text-gray-dark:hover {
    color: #222
}

.text-blue,
.text-blue:hover {
    color: #0071d1
}

.text-blue-medium,
.text-blue-medium:hover {
    color: #0754b9
}

.text-blue-dark,
.text-blue-dark:hover {
    color: #0a3d7e
}

.text-amount-total,
.text-amount-total:hover {
    color: #0071d1
}

.text-blue-dark-secondary,
.text-blue-dark-secondary:hover,
.text-accent,
.text-accent:hover {
    color: #00529b
}

.text-brand,
.text-brand:hover {
    color: #002f87
}

.text-muted-secondary,
.text-muted-secondary:hover {
    color: #757575
}

.loader-background-color {
    background-color: #ffffff80 !important
}

.bg-blue-lg {
    background: #f2f7f9
}

.bg-blue-medium {
    background: #eff8ff
}

.bg-gray-light {
    background: #fdfdfd
}

.bg-gray-medium {
    background: #f8f8f8
}

.bg-gray-lg {
    background: #f5f5f5
}

@media (max-width: 992px) {
    .bg-gray-lg {
        background: initial
    }
}

.secondary-text {
    color: #757575
}

.tertiary-text {
    color: #595959
}

.fontTelcelRegular {
    font-family: telcelregular, Source Sans Pro, sans-serif
}

.fontTelcelLight {
    font-family: telcellight, Source Sans Pro, sans-serif
}

hr {
    background-color: #d0d0d0;
    border-color: #d0d0d0;
    opacity: 1;
    margin: 8px 0 16px
}

hr.divider-status {
    margin: 8px 0 16px;
    border-color: #d0d0d0 !important
}

.ol-marker-bold li::marker {
    font-weight: 600
}

.ol-latin {
    list-style: lower-latin
}

.icon-claro-pay {
    width: 95px
}

.icon-play-store,
.icon-app-store {
    width: 108px
}

.d-grid-2 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px
}

.d-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.d-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px
}

.gap-small {
    grid-gap: 10px
}

.table {
    width: 100%
}

.table td,
.table th {
    padding: 8px
}

.table-lg td,
.table-lg th {
    padding: 24px
}

.table-border td {
    border-top: solid 1px #d0d0d0
}

.table-border tr:last-child td {
    border-bottom: solid 1px #d0d0d0
}

.table-sandbox {
    width: 100%
}

.table-sandbox th {
    font-weight: 700;
    border-bottom: solid 1px #ccc;
    padding: 8px
}

.table-sandbox tbody td {
    padding: 8px
}

.table-sandbox tbody tr:nth-child(odd) td {
    background-color: #f8f9fa
}

.table-sandbox tbody tr:nth-child(even) td {
    background-color: #fff
}

.table-sandbox .tr-selected td {
    background: #eff8ff !important
}

.img-theme-filter {
    filter: none
}

.order-summary-main-btn {
    color: #0a3d7e !important
}

.btn-secondary {
    background-color: #f2f7f9 !important
}

.main-text-color {
    color: #222 !important
}

.last-child-m-0 p:last-child {
    margin-bottom: 0
}

.wrap-text {
    white-space: normal !important
}

.ctm-accordion .accordion-button:not(.collapsed) {
    background-color: #f2f7fa;
    border: solid 1px #f2f7fa;
    color: #f2f7fa
}

.ctm-accordion .accordion-button.collapsed:focus {
    border-color: #dee2e6
}

.ctm-accordion .accordion-item {
    margin-bottom: 16px;
    border-radius: .375rem;
    border: none
}

.ctm-accordion .accordion-button {
    border: solid 1px #dee2e6;
    border-radius: .375rem
}

.ctm-accordion .accordion-button:focus {
    box-shadow: none
}

.ctm-accordion .accordion-button .header-info {
    width: calc(100% - 20px)
}

.ctm-accordion .info-extra {
    display: none
}

.ctm-accordion .accordion-button:not(.collapsed) .hide-on-open {
    display: none
}

.header-sandbox {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-sandbox .logo-sandbox {
    margin: 0;
    font-size: 24px;
    font-family: telcelregular
}

.header-sandbox .logo-sandbox span {
    font-family: telcellight
}

.header-sandbox ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0
}

.header-sandbox ul li {
    margin-left: 12px
}

.header-sandbox ul li a {
    opacity: .8
}

.header-sandbox ul li .active {
    font-weight: 700;
    opacity: 1
}

a {
    font-weight: 600
}

.text-hover-underline:hover {
    text-decoration: underline
}

.stepper {
    color: #00529b;
    font-size: 13px;
    font-weight: 600;
    background-color: #f8f8f8;
    padding: 6px 16px;
    border-radius: 4px
}

.btn {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 200px;
    padding: 8px 16px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:hover {
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none
}

.btn.disabled,
.btn:disabled {
    background-color: #d0d0d0;
    border: solid 1px #d0d0d0;
    color: #595959;
    pointer-events: none;
    opacity: 1;
    box-shadow: none
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #7b1fa2;
    border-color: #7b1fa2
}

.btn-primary:hover {
    color: #fff;
    background: #8835ab;
    border-color: #8835ab
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background: #8835ab;
    border-color: #8835ab
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #8f41b0;
    border-color: #8f41b0
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-info {
    color: #fff;
    background-color: #00529b;
    border-color: #00529b
}

.btn-info:hover {
    color: #fff;
    background: #1a63a5;
    border-color: #1a63a5
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background: #1a63a5;
    border-color: #1a63a5
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #266caa;
    border-color: #266caa
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-secondary {
    color: #fff;
    background-color: #1470d1;
    border-color: #1470d1
}

.btn-secondary:hover {
    color: #fff;
    background: #2c7ed6;
    border-color: #2c7ed6
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #fff;
    background: #2c7ed6;
    border-color: #2c7ed6
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #3785d8;
    border-color: #3785d8
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-danger {
    color: #fff;
    background-color: #d32222;
    border-color: #d32222
}

.btn-danger:hover {
    color: #fff;
    background: #d73838;
    border-color: #d73838
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background: #d73838;
    border-color: #d73838
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #da4343;
    border-color: #da4343
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-warning {
    color: #000;
    background-color: #ebab07;
    border-color: #ebab07
}

.btn-warning:hover {
    color: #000;
    background: #edb320;
    border-color: #edb320
}

.btn-warning:focus,
.btn-warning.focus {
    color: #000;
    background: #edb320;
    border-color: #edb320
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
    color: #000;
    background-color: #eeb82c;
    border-color: #eeb82c
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-success {
    color: #fff;
    background-color: green;
    border-color: green
}

.btn-success:hover {
    color: #fff;
    background: #1a8d1a;
    border-color: #1a8d1a
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background: #1a8d1a;
    border-color: #1a8d1a
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #269326;
    border-color: #269326
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-primary {
    color: #7b1fa2;
    border-color: #7b1fa2;
    background: #fff
}

.btn-outline-primary:hover {
    color: #7b1fa2;
    border-color: #7b1fa2;
    background-color: #f2e9f6
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: none
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #7B1FA2, #222, #7B1FA2;
    border-color: #7b1fa2;
    background-color: #f2e9f6
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-info {
    color: #00529b;
    border-color: #00529b;
    background: #fff
}

.btn-outline-info:hover {
    color: #00529b;
    border-color: #00529b;
    background-color: #e6eef5
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: none
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
    color: #00529b, #222, #00529b;
    border-color: #00529b;
    background-color: #e6eef5
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-secondary {
    color: #1470d1;
    border-color: #1470d1;
    background: #fff
}

.btn-outline-secondary:hover {
    color: #1470d1;
    border-color: #1470d1;
    background-color: #e8f1fa
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: none
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #1470d1, #222, #1470d1;
    border-color: #1470d1;
    background-color: #e8f1fa
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-danger {
    color: #d32222;
    border-color: #d32222;
    background: #fff
}

.btn-outline-danger:hover {
    color: #d32222;
    border-color: #d32222;
    background-color: #fbe9e9
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: none
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
    color: #D32222, #222, #D32222;
    border-color: #d32222;
    background-color: #fbe9e9
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-warning {
    color: #000;
    border-color: #ebab07;
    background: #fff
}

.btn-outline-warning:hover {
    color: #000;
    border-color: #ebab07;
    background-color: #fdf7e6
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: none
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #EBAB07, #222, #EBAB07;
    border-color: #ebab07;
    background-color: #fdf7e6
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-outline-success {
    color: #fff;
    border-color: green;
    background: #fff
}

.btn-outline-success:hover {
    color: #fff;
    border-color: green;
    background-color: #e6f2e6
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: none
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #008000, #222, #008000;
    border-color: green;
    background-color: #e6f2e6
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: none
}

.btn-link {
    font-weight: 600;
    color: #0071d1;
    padding: 0;
    display: inline;
    border-radius: 0
}

.btn-link:hover {
    text-decoration: underline;
    color: #0071d1
}

.btn-text {
    font-weight: 400;
    font-size: 13.5px;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    min-height: 45px;
    text-align: left;
    color: inherit;
    padding: 0;
    margin: 0;
    display: inline;
    border-radius: 0
}

.btn-link-dark,
.btn-link-dark:hover {
    color: #0a3d7e
}

.reverse-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    align-items: center
}

.reverse-buttons .button-reversed {
    margin-top: 0rem !important
}

@media screen and (min-width: 0) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width: 280px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width: 432px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width: 768px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

@media screen and (min-width: 1024px) {
    .reverse-buttons .button-reversed {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important
    }
}

.mid-button {
    min-width: 180px;
    max-width: fit-content;
    padding: "8px 16px"
}

@media screen and (min-width: 768px) {
    .mid-button {
        min-width: 248px
    }
}

.btn-selectable {
    display: inline-flex;
    border: solid 1px #bac9d8;
    box-shadow: 0 2px 4px #0000001a;
    border-radius: 4px;
    background: #fff
}

.btn-selectable:hover {
    border: solid 1px #0071d1;
    background-color: #1f92c80d
}

.btn-selectable button {
    padding: 15px 8px;
    background: transparent;
    border: none;
    display: flex;
    width: 100%;
    justify-content: center;
    color: #595959
}

.btn-selectable button:disabled {
    background: #f0f0f0;
    border-color: #f0f0f0;
    color: #9b9b9b
}

.btn-selectable.text-start button {
    justify-content: flex-start;
    text-align: left
}

.btn-selectable-selected {
    background: #DEEDF8;
    border-color: #0071d1;
    color: #0071d1;
    font-size: 20px !important;
    font-family: telcelregular;
    font-weight: 600 !important
}

.btn-selectable-selected .btn-selectable-desc,
.btn-selectable-selected .btn-selectable-icon-left,
.btn-selectable-selected .btn-selectable-icon-right {
    color: #0071d1
}

.btn-selectable-selected:hover {
    background: #DEEDF8;
    border-color: #0071d1;
    color: #0071d1
}

.btn-selectable-selected:hover .btn-selectable-desc,
.btn-selectable-selected:hover .btn-selectable-icon-left,
.btn-selectable-selected:hover .btn-selectable-icon-right,
.btn-selectable-selected button {
    color: #0071d1
}

.contenedor-botones {
    max-width: 50% !important
}

@media screen and (min-width: 0) {
    .contenedor-botones {
        max-width: 50% !important
    }
}

@media screen and (min-width: 280px) {
    .contenedor-botones {
        max-width: 33.33% !important
    }
}

@media screen and (min-width: 432px) {
    .contenedor-botones {
        max-width: 24.5% !important
    }
}

@media screen and (min-width: 768px) {
    .contenedor-botones {
        max-width: 17.5% !important
    }
}

.btn-selectable-new-ux {
    border-radius: 16px;
    font-size: 20px !important;
    font-family: telcelregular;
    font-weight: 600 !important;
    width: 88px;
    height: 48px;
    margin-bottom: 1rem;
    box-shadow: 0 0 10px -5px #333;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.btn-selectable-new-ux button {
    padding: 8px;
    border-radius: 16px;
    width: 100%
}

.btn-selectable-disabled {
    background: #f0f0f0;
    border-color: #f0f0f0;
    color: #595959
}

.btn-selectable-disabled:hover {
    border-color: #f0f0f0
}

.btn-selectable-body span {
    display: block
}

.btn-sm {
    font-size: 14px
}

.btn-selectable-icon-left,
.btn-selectable-icon-right {
    color: #0071d1
}

.btn-selectable-icon-left {
    margin-right: 4px
}

.btn-selectable-icon-right {
    margin-left: auto;
    align-self: center;
    padding-right: 8px
}

.btn-selectable-desc {
    color: #6d6d6d
}

.form-field {
    position: relative;
    padding-top: .7rem
}

.form-field:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-input,
.form-field:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons,
.form-field:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-icon {
    border-color: #0071d1;
    transition: all .2s ease-out
}

.form-field-no-hover:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-input,
.form-field-no-hover:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons,
.form-field-no-hover:hover:not(.form-field-danger):not(.form-field-disabled) .form-field-icon {
    border-color: #757575 !important
}

.form-field-no-hover .form-field-container:hover:enabled .form-field-input,
.form-field-no-hover .form-field-container:focus:enabled .form-field-input {
    border-color: #757575 !important;
    background-color: #fff
}

.form-field-no-hover .form-field-container:hover:enabled .form-field-buttons .form-field-action,
.form-field-no-hover .form-field-container:focus:enabled .form-field-buttons .form-field-action {
    color: inherit !important
}

.form-field-no-hover .form-field-container:hover:enabled .form-field-buttons .form-field-icon,
.form-field-no-hover .form-field-container:focus:enabled .form-field-buttons .form-field-icon {
    color: inherit !important
}

.form-field-container {
    background: #fff;
    border-radius: 20px;
    display: flex;
    position: relative;
    transition: all .2s ease-out;
    width: 100%;
    justify-content: space-between
}

.form-field-container .form-field-icon {
    border: solid 1px #757575;
    display: flex;
    align-items: center;
    order: 1
}

.form-field-container .form-field-icon img {
    width: 24px;
    margin-left: 10px;
    margin-right: -2px
}

.form-field-container .form-field-icon svg {
    width: 24px;
    margin-left: 10px;
    margin-right: -2px
}

.form-field-container .form-field-icon-open {
    border: none
}

.form-field-container .form-field-input {
    border: solid 1px #757575;
    width: 100%;
    display: flex;
    order: 2
}

.form-field-container .form-field-input label {
    background: #fff;
    border-radius: 20px;
    font-size: .875rem;
    font-weight: 800;
    left: 10px;
    margin: 0;
    padding: 0 8px;
    position: absolute;
    top: -.8rem
}

.form-field-container .form-field-input select,
.form-field-container .form-field-input input,
.form-field-container .form-field-input .form-field-text {
    border: none;
    border-radius: 20px;
    background-color: #fff;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1;
    padding: 8.5px 2px 8.5px 12px;
    flex: 1 0 0%;
    width: 100%
}

.form-field-container .form-field-input select:focus,
.form-field-container .form-field-input input:focus,
.form-field-container .form-field-input .form-field-text:focus {
    outline: none;
    background-color: #fff
}

.form-field-container .form-field-input select:focus-within,
.form-field-container .form-field-input input:focus-within,
.form-field-container .form-field-input .form-field-text:focus-within {
    background-color: #fff
}

.form-field-container .form-field-input select.force-background,
.form-field-container .form-field-input input.force-background,
.form-field-container .form-field-input .form-field-text.force-background {
    background-color: #fff
}

.form-field-container .form-field-input select::placeholder,
.form-field-container .form-field-input input::placeholder,
.form-field-container .form-field-input .form-field-text::placeholder {
    color: #777
}

.form-field-container .form-field-input .disabled {
    background-color: #f8f8f8 !important;
    border-radius: 20px 0 0 20px/20px 0px 0px 20px;
    color: #757575
}

.form-field-container .form-field-input .form-field-text {
    display: flex;
    align-items: center
}

.form-field-container .form-field-buttons {
    border: solid 1px #757575;
    border-radius: 0 4px 4px 0;
    position: relative;
    display: flex;
    align-items: center;
    order: 3
}

.form-field-container .form-field-buttons button:not(.popover-info):not(.form-field-action) {
    background: transparent;
    border: none
}

.form-field-container .form-field-buttons .form-field-action {
    background: transparent;
    border: none;
    border-radius: 0 4px 4px 0;
    padding: 8px 16px;
    transition: all .2s ease-out;
    width: 100%;
    white-space: nowrap
}

.form-field-container .form-field-buttons .form-field-action:focus {
    outline: none
}

.form-field-container .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled),
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) {
    box-shadow: 10px 10px red
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-input,
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-input {
    border-color: #0071d1
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-action,
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-action {
    color: #0071d1;
    transition: all .2s ease-out
}

.form-field-container:hover:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-icon,
.form-field-container:focus:enabled:not(.form-field-danger):not(.form-field-disabled) .form-field-buttons .form-field-icon {
    color: #0071d1
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within {
    border-color: #0071d1;
    background-color: #fff;
    transition: all .2s ease-out
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within label {
    color: #0071d1;
    background-color: #fff;
    transition: all .2s ease-out
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within~div {
    border-color: #0071d1;
    background-color: #fff;
    transition: all .2s ease-out
}

.form-field:not(.form-field-disabled):not(.form-field-danger) .form-field-container .form-field-input:focus-within~div label {
    color: #0071d1;
    transition: all .2s ease-out
}

.form-field-simple .form-field-input {
    border-radius: 20px
}

.form-field-with-icon .form-field-input {
    border-radius: 0 20px 20px 0;
    border-left: 0
}

.form-field-with-icon .form-field-icon {
    border-radius: 20px 0 0 20px;
    border-right: none
}

.form-field-buttons .form-field-input {
    border-radius: 20px 0 0 20px;
    border-right: 0
}

.form-field-buttons .form-field-buttons {
    border-radius: 0 20px 20px 0;
    border-left: 0
}

.form-field-with-icon.form-field-buttons .form-field-input {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.form-field-errors {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
    font-size: 13px;
    color: #d32222
}

.text-placeholder {
    color: #777 !important
}

.form-field-focus .form-field-buttons,
.form-field-focus .form-field-input,
.form-field-focus .form-field-icon {
    border-color: #0071d1
}

.form-field-focus .form-field-input:focus-within {
    border-color: #0071d1;
    background-color: #fff
}

.form-field-focus .form-field-input:focus-within label {
    color: #0071d1
}

.form-field-focus .form-field-input:focus-within~div {
    border-color: #0071d1;
    background-color: #fff
}

.form-field-focus .form-field-input:focus-within~div label {
    color: #0071d1
}

.form-field-focus .form-field-input label {
    color: #0071d1
}

.form-field-focus .form-field-input.disabled-select label {
    color: inherit !important
}

.form-field-focus .form-field-buttons .form-field-clear,
.form-field-focus .form-field-buttons .form-field-action {
    background: transparent;
    color: #0071d1
}

.form-field-focus .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-focus .form-field-buttons .form-field-disabled {
    background: #f8f8f8 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #757575
}

.form-field-focus .form-field-buttons .form-field-icon,
.form-field-focus .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-focus:hover .form-field-input,
.form-field-focus:hover .form-field-buttons,
.form-field-focus:hover .form-field-icon {
    border-color: #0071d1
}

.form-field-focus:hover .form-field-buttons .form-field-action,
.form-field-focus:hover .form-field-buttons .form-field-icon {
    color: #0071d1
}

.form-field-danger .form-field-buttons,
.form-field-danger .form-field-input,
.form-field-danger .form-field-icon {
    border-color: #d32222
}

.form-field-danger .form-field-input:focus-within {
    border-color: #d32222;
    background-color: #fff
}

.form-field-danger .form-field-input:focus-within label {
    color: #d32222
}

.form-field-danger .form-field-input:focus-within~div {
    border-color: #d32222;
    background-color: #fff
}

.form-field-danger .form-field-input:focus-within~div label {
    color: #d32222
}

.form-field-danger .form-field-input label {
    color: #d32222
}

.form-field-danger .form-field-input.disabled-select label {
    color: inherit !important
}

.form-field-danger .form-field-buttons .form-field-clear,
.form-field-danger .form-field-buttons .form-field-action {
    background: transparent;
    color: #d32222
}

.form-field-danger .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-danger .form-field-buttons .form-field-disabled {
    background: #f8f8f8 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #757575
}

.form-field-danger .form-field-buttons .form-field-icon,
.form-field-danger .form-field-buttons .form-field-arrow {
    color: #d32222
}

.form-field-danger:hover .form-field-input,
.form-field-danger:hover .form-field-buttons,
.form-field-danger:hover .form-field-icon {
    border-color: #d32222
}

.form-field-danger:hover .form-field-buttons .form-field-action,
.form-field-danger:hover .form-field-buttons .form-field-icon {
    color: #d32222
}

.form-field-disabled .form-field-buttons,
.form-field-disabled .form-field-input,
.form-field-disabled .form-field-icon {
    border-color: #d0d0d0
}

.form-field-disabled .form-field-input label {
    color: #595959
}

.form-field-disabled .form-field-input.disabled-select label {
    color: inherit !important
}

.form-field-disabled .form-field-buttons .form-field-clear,
.form-field-disabled .form-field-buttons .form-field-action {
    background: transparent;
    color: #d0d0d0
}

.form-field-disabled .form-field-buttons .form-field-arrow {
    color: #0071d1
}

.form-field-disabled .form-field-buttons .form-field-disabled {
    background: #f8f8f8 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #757575
}

.form-field-disabled .form-field-buttons .form-field-icon,
.form-field-disabled .form-field-buttons .form-field-arrow {
    color: #d0d0d0
}

.form-field-disabled:hover .form-field-input,
.form-field-disabled:hover .form-field-buttons,
.form-field-disabled:hover .form-field-icon {
    border-color: #d0d0d0
}

.form-field-disabled:hover .form-field-buttons .form-field-action,
.form-field-disabled:hover .form-field-buttons .form-field-icon {
    color: #d0d0d0
}

.select-in-bg-light .form-field-container,
.select-in-bg-light .form-field-container .form-field-input label,
.select-in-bg-light .form-field-container .form-field-input .form-field-text {
    background: #acbfd4
}

.select-in-bg-light .form-field-container .form-field-input .form-field-text {
    color: #002045
}

.select-in-bg-light.form-field-success .form-field-container .form-field-buttons,
.select-in-bg-light.form-field-success .form-field-container .form-field-input,
.select-in-bg-light.form-field-success .form-field-container .form-field-icon {
    border-color: green
}

.select-in-bg-light.form-field-success .form-field-buttons .form-field-arrow,
.select-in-bg-light.form-field-success .form-field-input label {
    color: green
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset !important
}

.form-field-input:focus-within input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset, 0 0 0 30px #fff inset !important
}

.form-field-input:focus-within input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.form-icon-clear {
    color: #0071d1
}

.title-step {
    display: flex;
    font-size: 18px;
    color: #52789e;
    font-weight: 600;
    align-items: center;
    margin: 24px 0
}

.title-step-number {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #52789e;
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    align-items: center;
    justify-content: center
}

.title-step.disabled {
    color: #979797
}

.title-step.disabled .title-step-number {
    color: #fff;
    background: #979797
}

.alert {
    display: table;
    border: none;
    border-left: solid 6px;
    width: 100%;
    border-radius: 8px;
    position: relative;
    color: inherit
}

.alert .alert_icon,
.alert .alert_content,
.alert .alert_action {
    display: table-cell;
    vertical-align: middle
}

.alert .alert_action,
.alert .alert_icon {
    width: 5px
}

.alert .alert_icon {
    padding: 6px 0 6px 16px;
    font-size: 1.5rem
}

.alert .alert_icon span,
.alert .alert_icon i,
.alert .alert_icon b {
    font-size: 1.5rem
}

.alert .alert_icon span {
    display: flex
}

.alert .alert_content {
    padding: 14px
}

.alert .alert_content p {
    margin-top: 0;
    font-size: .875rem
}

.alert .alert_content p:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) and (max-width: 1100px) {
    .alert .alert_content.max-w-75 p {
        width: 75%
    }
}

.alert .alert_action {
    border-radius: 0 8px 8px 0
}

.alert .alert_action button,
.alert .alert_action a {
    border: none;
    font-weight: 600;
    padding: 14px;
    background: transparent;
    font-size: 1rem
}

.alert.alert-no-border {
    border-left: none
}

.alert.alert-minimal {
    border-width: 1px;
    border-style: solid;
    border-radius: 0
}

.alert.alert-flat-style {
    border-left: none;
    background-color: transparent
}

.alert.alert-centered {
    display: block;
    text-align: center
}

.alert.alert-centered .alert_icon,
.alert.alert-centered .alert_content {
    display: block;
    width: 100%
}

.alert.alert-centered .alert_icon {
    padding: 0;
    margin: 0
}

.alert.alert-centered .alert_icon span {
    justify-content: center
}

.alert.alert-centered .alert_content {
    padding: 0
}

.alert-footer {
    border-radius: 0 0 8px 8px;
    padding: 8px;
    margin-top: 2px
}

.alert-footer button,
.alert-footer a {
    display: inline-block;
    padding: 0;
    background: transparent;
    border: none
}

.alert-footer button:focus,
.alert-footer a:focus {
    outline: none
}

.alert-flat-title {
    font-size: 20px !important
}

@media (max-width: 768px) {
    .alert-flat-title {
        font-size: 18px !important
    }
}

.alert-success {
    background: #eff7ef;
    border-color: green
}

.alert-success:before {
    background: #008000
}

.alert-success.no-border {
    border-radius: 0;
    border: none
}

.alert-success.no-border:before {
    content: none
}

.alert-success .alert_icon span,
.alert-success .alert_icon i,
.alert-success .alert_icon b {
    color: green
}

.alert-success .alert_action {
    background-color: #eff7ef
}

.alert-success .alert_action a,
.alert-success .alert_action button {
    color: green
}

.alert-success .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-info {
    background: #f2f7f9;
    border-color: #00529b
}

.alert-info:before {
    background: #00529b
}

.alert-info.no-border {
    border-radius: 0;
    border: none
}

.alert-info.no-border:before {
    content: none
}

.alert-info .alert_icon span,
.alert-info .alert_icon i,
.alert-info .alert_icon b {
    color: #00529b
}

.alert-info .alert_action {
    background-color: #f2f7f9
}

.alert-info .alert_action a,
.alert-info .alert_action button {
    color: #00529b
}

.alert-info .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-warning {
    background: #fdf6e6;
    border-color: #ebab07
}

.alert-warning:before {
    background: #ebab07
}

.alert-warning.no-border {
    border-radius: 0;
    border: none
}

.alert-warning.no-border:before {
    content: none
}

.alert-warning .alert_icon span,
.alert-warning .alert_icon i,
.alert-warning .alert_icon b {
    color: #ebab07
}

.alert-warning .alert_action {
    background-color: #fdf6e6
}

.alert-warning .alert_action a,
.alert-warning .alert_action button {
    color: #ebab07
}

.alert-warning .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-danger {
    background: #fdf2f2;
    border-color: #d32222
}

.alert-danger:before {
    background: #d32222
}

.alert-danger.no-border {
    border-radius: 0;
    border: none
}

.alert-danger.no-border:before {
    content: none
}

.alert-danger .alert_icon span,
.alert-danger .alert_icon i,
.alert-danger .alert_icon b {
    color: #d32222
}

.alert-danger .alert_action {
    background-color: #fdf2f2
}

.alert-danger .alert_action a,
.alert-danger .alert_action button {
    color: #d32222
}

.alert-danger .alert-button {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 33%;
    padding: 0 1rem
}

.alert-flat-success {
    background: #eff7ef;
    border-color: #eff7ef;
    color: green;
    border-radius: 8px
}

.alert-flat-success .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-success .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-success:before {
    display: none
}

.alert-flat-success .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-success .alert_icon span,
.alert-flat-success .alert_icon i,
.alert-flat-success .alert_icon b {
    color: green
}

@media (max-width: 768px) {
    .alert-flat-success .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.alert-flat-info {
    background: #f2f7f9;
    border-color: #f2f7f9;
    color: #00529b;
    border-radius: 8px
}

.alert-flat-info .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-info .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-info:before {
    display: none
}

.alert-flat-info .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-info .alert_icon span,
.alert-flat-info .alert_icon i,
.alert-flat-info .alert_icon b {
    color: #00529b
}

@media (max-width: 768px) {
    .alert-flat-info .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.alert-flat-warning {
    background: #fdf6e6;
    border-color: #fdf6e6;
    color: #ebab07;
    border-radius: 8px
}

.alert-flat-warning .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-warning .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-warning:before {
    display: none
}

.alert-flat-warning .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-warning .alert_icon span,
.alert-flat-warning .alert_icon i,
.alert-flat-warning .alert_icon b {
    color: #ebab07
}

@media (max-width: 768px) {
    .alert-flat-warning .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.alert-flat-danger {
    background: #fdf2f2;
    border-color: #fdf2f2;
    color: #d32222;
    border-radius: 8px
}

.alert-flat-danger .alert_content {
    padding: 23px 24px
}

@media (max-width: 768px) {
    .alert-flat-danger .alert_content {
        padding: 16px 8px
    }
}

.alert-flat-danger:before {
    display: none
}

.alert-flat-danger .alert_icon {
    padding: 6px 0 6px 16px
}

.alert-flat-danger .alert_icon span,
.alert-flat-danger .alert_icon i,
.alert-flat-danger .alert_icon b {
    color: #d32222
}

@media (max-width: 768px) {
    .alert-flat-danger .alert_icon {
        padding: 6px 0 6px 10px
    }
}

.success-step {
    display: flex;
    align-items: flex-start;
    border-bottom: solid 1px transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px
}

.success-step.secondary-step {
    margin-top: 4px
}

.success-step p {
    margin-bottom: 2px;
    font-size: 14px
}

.success-step button {
    font-size: 14px !important
}

.success-step>div {
    width: 100%
}

.success-step-title {
    color: #222;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.success-step-icon {
    color: green
}

label.checkbox {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    position: relative
}

label.checkbox.disabled {
    cursor: default
}

label.checkbox.disabled input[type=checkbox] {
    cursor: default;
    pointer-events: none
}

label.checkbox.disabled .checkbox-checkmark {
    border-color: #595959
}

label.checkbox.disabled .checkbox-icon img {
    filter: grayscale(100%)
}

label.checkbox.disabled .checkbox-label {
    color: #595959
}

label.checkbox input[type=checkbox] {
    position: absolute;
    width: 1px;
    padding: 0;
    height: 1px;
    opacity: 0;
    z-index: -1;
    left: 10px;
    top: 10px
}

label.checkbox .checkbox-checkmark {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 18px;
    width: 18px;
    min-width: 18px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #0071d1;
    margin-right: 8px;
    box-sizing: border-box
}

label.checkbox .checkbox-checkmark:after {
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: .33em;
    height: .55em;
    border: solid #fff;
    border-width: 0 .11em .11em 0;
    transform: translate(-50%, -60%) rotate(45deg);
    transform-origin: center
}

label.checkbox .checkbox-icon img {
    width: 24px;
    margin-right: 8px;
    display: block
}

label.checkbox input:checked~.checkbox-checkmark {
    background-color: #0071d1;
    border-color: #0071d1
}

label.checkbox input:focus~.checkbox-checkmark {
    border-color: #0071d1
}

label.checkbox input:checked~.checkbox-checkmark:after {
    display: block
}

.icon {
    fill: #00529b
}

.icon.-disabled {
    fill: #595959
}

.label-color {
    color: #00529b
}

.label-color-disabled {
    color: #595959
}

.fieldset {
    display: contents !important
}

.radioOptionBlock.MuiFormControlLabel-root {
    padding-left: 2px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root {
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding: 0
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root svg {
    width: 24px;
    height: 24px
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root:not(.Mui-disabled) svg {
    fill: #0071d1
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root.Mui-disabled svg {
    fill: #595959 !important
}

.radioOptionBlock.MuiFormControlLabel-root .MuiRadio-root.Mui-checked:not(.Mui-disabled) svg {
    fill: #0071d1
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 32px;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title svg {
    fill: #00529b
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title.disabled svg,
.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .disabled svg {
    fill: #595959 !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title p {
    margin-bottom: 0;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radioOptionBlock--text_title {
    font-weight: 600;
    font-size: 1rem;
    line-height: normal;
    padding-left: 16px;
    padding-right: 16px;
    color: #00529b;
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radioOptionBlock-icon svg {
    fill: #00529b
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radioOptionBlock-tooltip {
    margin-left: 8px
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--cont_title .radio-label {
    font-family: AMX, source-sans-pro, sans-serif !important
}

.radioOptionBlock.MuiFormControlLabel-root .radioOptionBlock--label .radioOptionBlock--text_subtitle {
    font-size: 14px;
    margin-bottom: 0
}

.radioOptionBlock.MuiFormControlLabel-root.disabled .radioOptionBlock--cont_title svg {
    fill: #595959 !important
}

.radioOptionBlock.MuiFormControlLabel-root.disabled .radio-label {
    color: #595959 !important
}

:root {
    --MT-radiocheck-color-primary: #fff;
    --MT-radiocheck-color-secondary: #0071d1;
    --MT-radiocheck-color-disabled: #595959;
    --MT-radiocheck-label-color: #00529B;
    --MT-radiocheck-label-color-disabled: #595959;
    --MT-radiocheck-checkmark-color: #0071d1
}

.MuiRadio-root,
.MuiRadio-root.Mui-checked {
    color: var(--MT-radiocheck-color-secondary) !important
}

.MuiRadio-root.Mui-disabled,
.MuiRadio-root.Mui-disabled.Mui-checked {
    color: var(--MT-radiocheck-color-disabled) !important
}

.MuiRadio-root svg {
    fill: currentColor
}

.MuiFormControlLabel-root.Mui-disabled .MuiFormControlLabel-label {
    color: var(--MT-radiocheck-label-color-disabled) !important
}

.tooltip {
    pointer-events: visible;
    cursor: pointer;
    background-image: url(https://paymentservice.telcel.com/payments/assets/icon-help-fill.74af540a.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    border-radius: 16px
}

.popover-info svg {
    fill: #0071d1
}

.MuiTooltip-popper {
    padding: 0 !important;
    font-family: AMX, source-sans-pro, sans-serif !important;
    max-width: calc(100vw - 16px) !important;
    width: auto !important;
    will-change: transform;
    contain: layout
}

.MuiTooltip-popper[data-popper-placement*=bottom],
.MuiTooltip-popper[data-popper-placement*=top] {
    max-width: calc(100vw - 32px) !important
}

.MuiTooltip-popper[data-popper-reference-hidden] {
    opacity: 0;
    pointer-events: none
}

.MuiTooltip-popper .MuiTooltip-tooltip {
    padding: 16px;
    background: #fff;
    color: #222;
    border: 1px solid #fff;
    border-radius: 8px;
    max-width: 440px;
    position: relative;
    font-size: 14px;
    font-family: AMX, source-sans-pro, sans-serif !important;
    box-sizing: border-box;
    box-shadow: 0 3px 14px #00224d33;
    width: auto;
    word-wrap: break-word;
    overflow-wrap: break-word
}

@media screen and (min-width: 280px) {
    .MuiTooltip-popper .MuiTooltip-tooltip {
        max-width: min(300px, 100vw - 32px)
    }
}

.MuiTooltip-popper .MuiTooltip-tooltip * {
    font-family: AMX, source-sans-pro, sans-serif !important
}

.MuiTooltip-popper .MuiTooltip-tooltip svg {
    fill: #0071d1
}

.MuiTooltip-popper .MuiTooltip-tooltip .MuiTooltip-arrow {
    width: 24px !important;
    margin-top: -10px !important;
    overflow: visible
}

.MuiTooltip-popper .MuiTooltip-tooltip .MuiTooltip-arrow:before {
    transform-origin: unset !important;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 10px 12px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: transparent !important;
    transform: none !important
}

.MuiTooltip-popper .MuiTooltip-tooltip .MuiTooltip-arrow:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 10px 11px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 1px !important
}

.MuiTooltip-popper[data-popper-placement=top-start] .MuiTooltip-arrow:before,
.MuiTooltip-popper[data-popper-placement=top-end] .MuiTooltip-arrow:before {
    transform: rotate(180deg) !important;
    bottom: -1px !important
}

.MuiTooltip-popper[data-popper-placement=top-start] .MuiTooltip-arrow:after,
.MuiTooltip-popper[data-popper-placement=top-end] .MuiTooltip-arrow:after {
    transform: rotate(180deg) !important;
    bottom: 2px !important
}

body:has(.MuiTooltip-popper[data-popper-placement*=bottom]) {
    overflow-x: hidden !important
}

body:has(.MuiTooltip-popper[data-popper-placement*=top]) {
    overflow-x: hidden !important
}

.callout {
    padding: 24px 32px;
    background: #ccc;
    border-top: solid 1px #333;
    margin-bottom: 16px
}

.callout-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.callout-body {
    color: inherit
}

.callout-icon img {
    width: 24px;
    margin-right: 8px
}

.callout-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.callout-title p,
.callout-title h2,
.callout-title h2,
.callout-title h4,
.callout-title h5,
.callout-title span {
    margin-bottom: inherit;
    font-size: inherit;
    font-weight: inherit
}

.callout-success {
    background: #eff7ef;
    border-color: green
}

.callout-success .callout-title {
    color: green
}

.callout-info {
    background: #f2f7f9;
    border-color: #00529b
}

.callout-info .callout-title {
    color: #00529b
}

.callout-warning {
    background: #fdf6e6;
    border-color: #ebab07
}

.callout-warning .callout-title {
    color: #ebab07
}

.callout-danger {
    background: #fdf2f2;
    border-color: #d32222
}

.callout-danger .callout-title {
    color: #d32222
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: .5rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-modal-inner-border-radius: calc(.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.modal-btn-close-wrapper {
    text-align: right
}

.modal-btn-close {
    color: #0071d1;
    padding: 0;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    background: transparent;
    border: none
}

.modal-btn-close svg {
    margin-left: 4px
}

.modal-lg--packages {
    width: auto;
    max-width: 1296px
}

.modal-offer {
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 9px #00000080
}

.modal-offer .modal-body {
    padding: 16px 32px;
    background-color: #fff
}

@media (max-width: 992px) {
    .modal-offer .modal-body {
        padding: 16px
    }
}

.ctm-modal .modal-footer {
    background-color: #f2f7f9;
    border-top: none;
    padding: 16px;
    border-radius: 0 0 24px 24px
}

.ctm-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0
}

.ctm-modal .modal-body {
    padding: 32px 32px 16px
}

.ctm-modal .modal-content {
    border-radius: 24px;
    border: none;
    background-color: #fff
}

.ctm-modal-sm .modal-dialog {
    max-width: 530px
}

.ctm-modal-sm .modal-footer {
    text-align: center
}

.ctm-modal-sm .modal-footer button {
    width: calc(50% - 8px);
    margin: 0
}

.ctm-modal-sm .modal-footer button:last-child {
    margin-left: 16px
}

.ctm-modal-material .modal-footer {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ctm-modal-material .modal-footer button {
    min-width: 248px;
    margin: 0
}

@media (max-width: 576px) {
    .ctm-modal-material .modal-footer button {
        min-width: 180px
    }
}

.ctm-modal-info .ctm-modal-icon {
    background-color: #00529b;
    color: #00529b
}

.ctm-modal-danger .ctm-modal-icon {
    background-color: #d32222;
    color: #d32222
}

.ctm-modal-warning .ctm-modal-icon {
    background-color: #ebab07;
    color: #ebab07
}

.ctm-modal-success .ctm-modal-icon {
    background-color: green;
    color: green
}

.card-grid {
    border: solid 2px #d8d8d8;
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px
}

@media (max-width: 992px) {
    .card-grid {
        display: block
    }
}

.card-grid-header {
    border-bottom: solid 1px #d8d8d8;
    width: 100%;
    display: flex;
    justify-content: space-between;
    min-height: 52px;
    align-items: center
}

@media (max-width: 992px) {
    .card-grid-header {
        flex-wrap: wrap
    }
}

.card-grid-title {
    font-family: telcel-obscura, Source Sans Pro, sans-serif;
    font-size: 18px;
    color: #00529b;
    padding-left: 20px
}

@media (max-width: 992px) {
    .card-grid-title {
        width: 60%;
        padding: 8px 10px
    }
}

.card-grid-info {
    text-align: center
}

.card-grid-info-price {
    font-family: telcel-obscura, Source Sans Pro, sans-serif;
    font-size: 18px;
    color: #c71585;
    display: block
}

.card-grid-info-badge {
    font-size: 13px;
    background-color: #00838f1a;
    color: #00838f;
    width: 100%;
    display: block;
    margin-bottom: 4px
}

@media (max-width: 992px) {
    .card-grid-desc {
        border-top: solid 1px #d8d8d8;
        order: 3;
        width: 100%;
        padding: 8px 10px
    }
}

.card-grid-body {
    display: flex
}

@media (max-width: 992px) {
    .card-grid-body .card-grid-item:nth-child(n+4) {
        display: none
    }
}

.card-grid-item {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 23px 56px 22px 56px 62px;
    font-size: 14px;
    text-align: center
}

@media (max-width: 992px) {
    .card-grid-item {
        text-align: left;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 60% 40%
    }
}

.card-grid-cell {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 992px) {
    .card-grid-cell {
        display: block
    }

    .card-grid-cell br {
        display: none
    }
}

.card-grid-cell-1 {
    grid-row: 1;
    color: green;
    background: rgba(0, 128, 0, .1);
    font-size: 13px
}

@media (max-width: 992px) {
    .card-grid-cell-1 {
        grid-column: span 2;
        text-align: center
    }
}

.card-grid-cell-2 {
    grid-row: 2;
    align-items: flex-start;
    padding-top: 8px
}

@media (max-width: 992px) {
    .card-grid-cell-2 {
        padding: 8px 10px 0
    }
}

.card-grid-cell-3 {
    grid-row: 3;
    color: #52789e
}

@media (max-width: 992px) {
    .card-grid-cell-3 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 10px
    }
}

.card-grid-cell-3 span {
    display: block;
    width: 18px;
    margin: 0 2px
}

.card-grid-cell-4 {
    grid-row: 4;
    color: #6b6b6b
}

@media (max-width: 992px) {
    .card-grid-cell-4 {
        padding: 0 10px 32px
    }
}

.card-grid-cell-5 {
    grid-row: 5;
    color: #52789e;
    font-size: 14px;
    font-weight: 600
}

@media (max-width: 992px) {
    .card-grid-cell-5 {
        grid-column-start: 2;
        grid-row-start: 2;
        grid-row-end: 5;
        border-left: solid 1px #d8d8d8;
        padding: 8px 10px 0
    }
}

.toggle-items {
    display: none;
    color: #0071d1;
    background: #fff;
    border: none;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    width: 100%;
    font-size: 15px
}

@media (max-width: 992px) {
    .show-items .card-grid-body .card-grid-item:nth-child(n+4) {
        display: grid
    }

    .toggle-items {
        display: block
    }
}

.card-grid-6-cols .card-grid-body {
    width: 83.33333333%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-body {
        display: block;
        width: 100%
    }
}

.card-grid-6-cols .card-grid-footer {
    width: 16.66666667%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-footer {
        width: 100%
    }

    .card-grid-6-cols .card-grid-footer>div {
        padding: 10px 15px
    }

    .card-grid-6-cols .card-grid-footer>div button {
        width: 100%
    }
}

.card-grid-6-cols .card-grid-item {
    width: 20%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-item {
        width: 100%
    }
}

.card-grid-6-cols .card-grid-info {
    width: 16.66666667%
}

@media (max-width: 992px) {
    .card-grid-6-cols .card-grid-info {
        width: 40%
    }
}

.card-grid-5-cols .card-grid-body {
    width: 80%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-body {
        display: block;
        width: 100%
    }
}

.card-grid-5-cols .card-grid-footer {
    width: 20%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-footer {
        width: 100%
    }
}

.card-grid-5-cols .card-grid-item {
    width: 25%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-item {
        width: 100%
    }
}

.card-grid-5-cols .card-grid-info {
    width: 20%
}

@media (max-width: 992px) {
    .card-grid-5-cols .card-grid-info {
        width: 40%
    }
}

.card-grid-4-cols .card-grid-body {
    width: 75%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-body {
        display: block;
        width: 100%
    }
}

.card-grid-4-cols .card-grid-footer {
    width: 25%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-footer {
        width: 100%
    }
}

.card-grid-4-cols .card-grid-item {
    width: 33.333333%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-item {
        width: 100%
    }
}

.card-grid-4-cols .card-grid-info {
    width: 25%
}

@media (max-width: 992px) {
    .card-grid-4-cols .card-grid-info {
        width: 40%
    }
}

.claro-promo {
    display: inline-flex;
    align-items: flex-end
}

.claro-promo span {
    line-height: .8;
    margin-left: 4px;
    font-size: 14px;
    font-weight: 700
}

@media (max-width: 992px) {

    .claro-promo,
    .claro-promo img,
    .claro-promo span {
        display: block
    }

    .claro-promo span {
        line-height: 1.4;
        margin-left: 0;
        margin-top: 2px
    }
}

.recomendado .card-grid-title {
    color: #00838f
}

.recomendado .card-grid-header {
    position: relative
}

@media (max-width: 992px) {
    .recomendado .card-grid-header {
        align-items: flex-start
    }
}

.recomendado .card-grid-header:after {
    content: "";
    display: block;
    width: 4px;
    height: calc(100% + 1px);
    position: absolute;
    background: #00838f;
    left: 0;
    top: 0;
    border-top-left-radius: 2px
}

.recomendado .card-grid-body {
    position: relative
}

.recomendado .card-grid-body:after {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    background: #00838f;
    left: 0;
    top: 0;
    border-bottom-left-radius: 2px
}

@media (max-width: 992px) {
    .recomendado .card-grid-body:after {
        border-bottom-left-radius: 0
    }
}

.card-sku {
    margin: 16px 0
}

.card-sku div:first-child {
    border-radius: 4px 4px 0 0
}

.card-sku div:last-child {
    border-radius: 0 0 4px 4px
}

.card-sku .card-sku-header {
    background: #315675;
    color: #fff;
    padding: 4px;
    text-align: center;
    font-weight: 600
}

.card-sku .card-sku-badge {
    background: #1c838f;
    color: #fff;
    padding: 4px;
    text-align: center;
    font-weight: 600
}

.card-sku .card-sku-body {
    background: #fff;
    color: #002045;
    text-align: center;
    padding: 8px 16px 16px
}

.card-sku .card-sku-button {
    background: #0488d1;
    color: #fff;
    display: block;
    width: 100%;
    padding: 6px 12px;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    margin: 16px 0
}

.card-sku .card-sku-link {
    color: #002045;
    font-weight: 600
}

.card {
    border: 1px solid #e3e3e3;
    border-radius: 10px
}

.card-body {
    padding: 1.25rem
}

.card-body p {
    margin-bottom: .5rem
}

.card-body p:last-child {
    margin-bottom: 0
}

.card-header {
    border-bottom: 1px solid #e3e3e3;
    padding: .75rem 1rem
}

.card-footer {
    border-top: 1px solid #e3e3e3;
    padding: 1.25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.accordion {
    --bs-accordion-color: #222;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: .375rem;
    --bs-accordion-inner-border-radius: calc(.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #222;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

.stepper-wrapper {
    font-weight: 600;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    font-size: 15px
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    color: #ccc
}

@media (max-width: 768px) {
    .stepper-item {
        font-size: 12px
    }
}

.stepper-item:before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 12px;
    left: -50%;
    z-index: 2
}

.stepper-item:after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 12px;
    left: 50%;
    z-index: 2
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
    color: #fff;
    font-size: 16px
}

.stepper-item.active {
    color: #52789e
}

.stepper-item.active .step-counter {
    background: #52789e
}

.stepper-item.completed .step-counter {
    background-color: #222
}

.stepper-item.completed {
    color: #222
}

.stepper-item.completed:after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #222;
    width: 100%;
    top: 12px;
    left: 50%;
    z-index: 3
}

.stepper-item:first-child:before {
    content: none
}

.stepper-item:last-child:after {
    content: none
}

.select {
    position: relative
}

.select .form-field-text:not(.disabled).text-placeholder {
    color: #000 !important
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container {
    background-color: #fff
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-input,
.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-buttons,
.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-icon {
    border-color: #0071d1;
    background-color: #fff
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-input label {
    color: #0071d1
}

.select:focus:not(:has(.form-field-disabled)) .form-field-container .form-field-input label.force-background {
    background-color: #fff
}

.select.select-open .form-field-container {
    border: solid 1px #0071d1;
    background-color: #fff;
    border-radius: 20px 20px 0 0 !important;
    border-bottom: solid 1px #757575
}

.select.select-open .form-field-input,
.select.select-open .form-field-buttons {
    border: none
}

.select.select-open label {
    color: #0071d1 !important
}

.select.select-open .force-background {
    background-color: #fff
}

.select.form-field-disabled .form-field-container .form-field-buttons {
    background-color: #f8f8f8 !important
}

.select .form-field-container:hover .form-field-text:not(.disabled) {
    cursor: pointer
}

.select-open .select-options {
    display: block
}

.select-options {
    background: #fff;
    border: solid 1px #0071d1;
    border-radius: 0 0 20px 20px;
    border-top: 0px !important;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 1000;
    overflow: auto;
    max-height: 247px
}

.select-options .select-option {
    display: block;
    padding: 8px 16px;
    width: 100%;
    color: #222;
    background: #fff;
    border: none;
    text-align: left
}

.select-options .select-option.placeholder {
    color: #0071d1;
    opacity: .4
}

.select-options .select-option-disabled {
    color: gray;
    cursor: not-allowed
}

.select-options .select-option-interactive:hover,
.select-options .select-option-interactive.selected {
    color: #0071d1
}

.select-options .select-option-interactive:focus,
.select-options .select-option-interactive.selected {
    color: #0071d1
}

.select-options .select-option-interactive:last-child {
    border-bottom: none
}

.tycos {
    background: #e4edf5;
    padding: 16px;
    border-radius: 8px;
    margin: 16px 0;
    line-height: normal;
    text-align: start
}

.tycos .tycos-header {
    display: flex;
    justify-content: flex-end
}

.tycos .tycos-body {
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    overflow-x: auto
}

.tycos .tycos-body::-webkit-scrollbar {
    width: 6px;
    margin-right: 2px
}

.tycos .tycos-body::-webkit-scrollbar-track {
    background: url(https://paymentservice.telcel.com/payments/assets/scroll-track.0a206a4a.svg) repeat;
    width: 1px
}

.tycos .tycos-body::-webkit-scrollbar-thumb {
    background: #2C72CA
}

.tycos .tycos-title,
.tycos .tycos-sub-title {
    margin-top: 16px;
    color: #222
}

.tycos .paragraph {
    margin-top: 8px;
    margin-bottom: 0
}

.tycos .sub-title {
    margin-top: 16px;
    margin-bottom: 0
}

.tycos .tycos-text {
    font-size: .875rem;
    color: #222;
    line-height: normal;
    font-weight: 400
}

.tycos .tycos-close {
    display: inline-flex;
    align-items: center;
    color: #0071d1
}

.tycos .tycos-close:hover {
    text-decoration: underline
}

.tycos .tycos-close svg {
    margin-left: 5px
}

.MuiCard-root.CardPackages {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #FFF;
    color: #000;
    border-radius: 16px;
    overflow: visible;
    padding: 0;
    box-shadow: none !important
}

.MuiCard-root.CardPackages * {
    font-family: AMX, source-sans-pro, sans-serif !important;
    box-sizing: inherit
}

.MuiCard-root.CardPackages>div {
    padding: 0
}

.MuiCard-root.CardPackages .CardPackages_content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    background-color: #cbdffc;
    border-radius: 16px 16px 0 0;
    gap: 28px;
    border: 1.2px solid #d0d0d0;
    border-bottom: none;
    margin-bottom: 0
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-chip {
    position: absolute;
    top: -19px;
    height: auto;
    display: flex;
    z-index: 2
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-chip .Chip_label {
    border-radius: 4px 4px 0 0;
    padding: 2px 20px;
    font-size: .812rem;
    font-weight: 600;
    height: auto;
    width: fit-content
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    margin: 0;
    width: 100%
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title p {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #00529b;
    line-height: 1.2
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title .CardPackages_header-title_img {
    margin-left: 8px;
    min-width: 24px;
    flex-shrink: 0
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_header-title .CardPackages_header-title_img img {
    width: 24px;
    height: 24px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
    border-radius: 0 0 16px 16px;
    background-color: #fff;
    flex-grow: 1;
    border-left: 1.2px solid #d0d0d0;
    border-right: 1.2px solid #d0d0d0;
    border-bottom: 1.2px solid #d0d0d0
}

@media screen and (min-width: 280px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details {
        padding: 16px
    }
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info {
    display: flex;
    justify-content: space-between
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data {
    width: fit-content;
    max-width: 130px;
    text-align: start
}

@media screen and (min-width: 280px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data {
        margin-right: 8px
    }
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__value {
    font-size: 18px;
    color: #00529b;
    font-weight: 600;
    margin: 0;
    line-height: 32px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__label {
    font-size: 14px;
    line-height: 1.5;
    color: #222
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity {
    text-align: center;
    max-width: 50%
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__value {
    font-size: 18px;
    color: #595959;
    font-weight: 600;
    margin: 0;
    line-height: 29.8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__label {
    font-size: 14px;
    line-height: 1.5;
    color: #222
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_actions-price {
    width: fit-content;
    max-width: 90px;
    text-align: end;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px
}

@media screen and (min-width: 280px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_actions-price {
        margin-left: 8px
    }
}

@media screen and (min-width: 432px) {
    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_actions-price {
        font-size: 28px
    }
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-internet_cont {
    display: none
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container {
    width: 100%;
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #f8f8f8;
    border-radius: 12px;
    margin-top: 16px;
    margin-bottom: 16px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: normal;
    color: #222;
    margin: 0
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-text .title {
    font-size: .875rem;
    font-weight: 400
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-text .subtitle {
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data .networks-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_social-networks-container .networks-data.second-row {
    border-top: 1px solid #d0d0d0;
    padding-top: 10px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-internet {
    display: flex;
    flex-direction: column
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-internet span {
    font-size: 14px
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-include {
    margin-top: 8px;
    display: grid
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-include p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #0a3d7e
}

.MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-include>div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.MuiCard-root.CardPackages .CardPackages_actions {
    display: flex;
    flex-direction: column;
    color: #222;
    border-radius: 0 0 16px 16px;
    border-top: none
}

.MuiCard-root.CardPackages .CardPackages_actions .buttons_section {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    gap: 8px
}

.MuiCard-root.CardPackages .CardPackages_actions .footer_section {
    display: flex;
    margin-left: 0;
    flex-direction: row;
    width: 100%;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1.2px solid #d0d0d0
}

.MuiCard-root.CardPackages .CardPackages_actions .details_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .75rem
}

@media screen and (min-width: 432px) {
    .MuiCard-root.CardPackages .CardPackages_actions .details_container {
        max-width: 200px !important
    }
}

.MuiCard-root.CardPackages .CardPackages_actions .CardPackages_details-include_card>div {
    gap: .5rem;
    display: flex;
    flex-wrap: wrap
}

.MuiCard-root.CardPackages .CardPackages_actions .CardPackages_details-include_card .Chip_benefit {
    border-radius: 8px;
    padding: .125rem .75rem;
    background-color: #e4eef0;
    font-weight: 600;
    color: #00575f;
    font-size: .813rem;
    margin-bottom: 0
}

.MuiCard-root.CardPackages .CardPackages_actions .CardPackages_details-include_card .show-more-benefits {
    border-radius: .5rem;
    padding: 4px;
    border-width: 0px;
    font-size: .813rem;
    color: #0071d1;
    background-color: #e4edf5
}

.MuiCard-root.CardPackages .CardPackages_actions .btn--link {
    font-size: 14px;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    min-height: auto;
    color: #0071d1;
    max-width: 185px !important
}

.MuiCard-root.CardPackages .CardPackages_actions .btn--primary,
.MuiCard-root.CardPackages .CardPackages_actions .btn-primary {
    margin: 0;
    width: 100%;
    border-radius: 24px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    max-width: 120px !important
}

@media screen and (min-width: 432px) {
    .MuiCard-root.CardPackages {
        max-width: 488px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__value {
        font-size: 28px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-data__label {
        font-size: 16px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__value {
        font-size: 28px;
        margin-bottom: 4px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-validity__label {
        font-size: 16px
    }

    .MuiCard-root.CardPackages .CardPackages_content .CardPackages_details .CardPackages_details-main-info .CardPackages_details-saving__value {
        font-size: 28px
    }

    .MuiCard-root.CardPackages .CardPackages_actions .btn--link {
        max-width: 205px !important
    }
}

@media screen and (min-width: 768px) {
    .MuiCard-root.CardPackages {
        max-width: 504px
    }
}

.force-lg .MuiCard-root.CardPackages {
    max-width: 504px
}

.bill-cashback {
    background-color: #ececec;
    border-radius: 4px;
    padding: 4px 8px;
    gap: 4px;
    display: flex;
    width: fit-content;
    align-items: center;
    height: 24px;
    margin-bottom: 4px;
    margin-top: 12px
}

.bill-cashback.icon-cashback {
    transform: scale(.7)
}

.bill-cashback p {
    font-weight: 400;
    font-size: .812rem;
    padding-left: 13px;
    padding-right: 13px;
    line-height: normal;
    margin-bottom: 0;
    color: #222
}

.CardViewMore {
    position: relative;
    padding-bottom: 0;
    background-color: #e8ecf8;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    box-shadow: 0 4px 12px #00000029;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .1607843137);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .1607843137);
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    color: #000
}

.CardViewMore .CardViewMore-bg {
    margin: 0;
    width: auto;
    height: 202px
}

.CardViewMore .btn-primary {
    margin-left: 0;
    max-width: 240px;
    border-radius: 200px;
    width: 100%;
    padding: 7px 16px
}

.CardViewMore .CardViewMore-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 224px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 8px;
    text-align: center
}

.CardViewMore .CardViewMore-content .CardViewMore-content_text-title {
    font-size: 24px;
    margin-bottom: 4px;
    font-weight: 600
}

.CardViewMore .CardViewMore-content .CardViewMore-content_text-info {
    font-weight: 400;
    font-size: 16px
}

.CardViewMore.CardPackages {
    width: 224px
}

@media screen and (min-width: 432px) {
    .CardViewMore .CardViewMore-content {
        padding: 16px
    }

    .CardViewMore.CardPackages {
        width: 248px
    }
}

@media screen and (min-width: 768px) {
    .CardViewMore.CardPackages {
        width: 320px
    }
}

.error-message {
    background-color: #dbe6fa;
    padding: 24px 16px;
    height: auto
}

.error-message.venta-cruzada {
    background-color: #f2f7f9;
    border-radius: 16px
}

.error-message.linea-suspendida {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 16px 10px
}

.error-message--errorLoad {
    max-width: 343px;
    margin: 0 auto
}

.error-message--errorLoad-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

.error-message--errorLoad-subtitle {
    margin-bottom: 16px
}

.error-message--errorLoad-img {
    height: 160px;
    width: auto;
    display: block;
    margin: 0 auto 16px
}

.error-message--errorLoad .btn-error-load {
    color: #0071d1;
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    width: fit-content
}

.error-message--allActive {
    max-width: 343px;
    margin: 0 auto;
    position: relative
}

.error-message--allActive:before {
    content: "";
    width: 100%;
    background-color: #00529b;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 100px
}

.error-message--allActive:after {
    content: "";
    width: 100%;
    background-color: #00529b;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 94px
}

.error-message--allActive-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 24px
}

.error-message--allActive-img {
    height: 262px;
    width: auto;
    display: block;
    margin: 16px auto 0;
    position: relative;
    z-index: 1
}

.error-message--allActive .btn-all-active {
    border-color: #7b1fa2;
    color: #7b1fa2;
    border-radius: 200px;
    max-width: 240px;
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 0 auto
}

.error-message--errorVentaCruzada {
    max-width: 343px;
    margin: 0 auto
}

.error-message--errorVentaCruzada-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #0a3d7e
}

.error-message--errorVentaCruzada-subtitle {
    font-size: 16px;
    color: #757575;
    margin-bottom: 16px
}

.error-message--errorVentaCruzada-img {
    height: 160px;
    width: auto;
    display: block;
    margin: 0 auto 16px
}

.error-message--errorVentaCruzada .btn-error-load {
    display: block;
    margin: 0 auto;
    width: fit-content;
    font-size: 16px !important
}

.error-message--errorLineaSuspendida {
    max-width: 420px;
    margin: 0 auto;
    position: relative
}

.error-message--errorLineaSuspendida:before {
    content: "";
    width: 100%;
    background-color: #ebab07;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 150px
}

.error-message--errorLineaSuspendida:after {
    content: "";
    width: 100%;
    background-color: #ebab07;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 144px
}

.error-message--errorLineaSuspendida-title {
    font-size: 18px;
    margin-bottom: 24px
}

.error-message--errorLineaSuspendida-img {
    height: 262px;
    width: auto;
    display: block;
    margin: 16px auto 24px;
    position: relative;
    z-index: 1
}

.error-message--errorLineaSuspendida .btn-all-active {
    display: flex;
    margin: 0 auto
}

.error-message--errorLineaSuspendida .btn-error-load {
    max-width: none;
    width: 100%
}

@media screen and (min-width: 768px) {
    .error-message--errorLoad {
        min-height: 263px;
        height: auto;
        max-width: 644px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        padding-right: 224px
    }

    .error-message--errorLoad-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .error-message--errorLoad-img {
        position: absolute;
        width: 200px;
        height: auto;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0
    }

    .error-message--errorLoad .btn-error-load {
        margin: 0
    }

    .error-message--allActive {
        min-height: 263px;
        height: auto;
        max-width: 921px
    }

    .error-message--allActive:before {
        bottom: 109px
    }

    .error-message--allActive:after {
        bottom: 103px
    }

    .error-message--allActive-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 16px;
        padding-top: 50px;
        max-width: 450px
    }

    .error-message--allActive-img {
        position: absolute;
        height: 220px;
        left: 474px;
        margin: 0;
        top: 18px
    }

    .error-message--allActive .btn-all-active {
        margin: 0
    }

    .error-message--errorVentaCruzada {
        height: 263px;
        max-width: 644px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        padding-right: 224px
    }

    .error-message--errorVentaCruzada-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .error-message--errorVentaCruzada-subtitle {
        margin-bottom: 24px;
        padding-right: 20px
    }

    .error-message--errorVentaCruzada-img {
        position: absolute;
        width: 274.24px;
        height: auto;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto 0
    }

    .error-message--errorVentaCruzada .btn-error-load {
        margin: 0;
        font-size: 16px
    }

    .error-message--errorLineaSuspendida {
        height: 263px;
        max-width: 921px
    }

    .error-message--errorLineaSuspendida:before {
        bottom: 109px
    }

    .error-message--errorLineaSuspendida:after {
        bottom: 103px
    }

    .error-message--errorLineaSuspendida-title {
        font-size: 20px;
        margin-bottom: 16px;
        padding-top: 10px;
        max-width: 450px
    }

    .error-message--errorLineaSuspendida-img {
        position: absolute;
        height: 230px;
        left: 435px;
        margin: 0;
        top: 0px
    }

    .error-message--errorLineaSuspendida .btn-all-active {
        margin: 0
    }

    .error-message--errorLineaSuspendida .btn-error-load {
        max-width: 240px
    }
}

.rd-Error {
    background-color: #f0f5ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 16px
}

.rd-Error .horizontal-container {
    padding: 24px
}

@media screen and (min-width: 768px) {
    .rd-Error .horizontal-container {
        padding: 40px;
        width: 70%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

.rd-Error.horizontal {
    flex-direction: column;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .rd-Error.horizontal {
        flex-direction: row;
        justify-content: space-around;
        gap: unset
    }
}

.rd-Error.transparentBG {
    background-color: transparent
}

.rd-Error__title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.125rem;
    text-align: center;
    line-height: normal
}

@media screen and (min-width: 768px) {
    .rd-Error__title {
        text-align: left
    }
}

.rd-Error__desc {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    line-height: normal
}

@media screen and (min-width: 768px) {
    .rd-Error__desc {
        text-align: left
    }
}

.rd-Error__desc.horizontal {
    padding-top: 8px
}

.order-summary-container {
    background: transparent;
    border-radius: 16px;
    padding: 16px 0;
    box-shadow: none;
    border: 1px solid #d0d0d0;
    max-width: 608px;
    margin: 0 auto
}

.max-width-608 {
    margin: 0 auto;
    max-width: 608px
}

.order-summary-single-column {
    display: flex;
    flex-direction: column;
    gap: 0
}

.order-summary-section {
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    position: relative
}

.order-summary-section:first-child {
    padding-bottom: 16px
}

.order-summary-section:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #d0d0d0
}

.order-summary-section:last-child {
    margin-top: 0;
    padding-top: 16px
}

.order-summary-two-columns {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (min-width: 768px) {
    .order-summary-two-columns {
        flex-direction: row;
        gap: 32px
    }
}

.order-summary-column {
    flex: 1
}

.order-summary-column .order-summary-section {
    background: #fafbfc;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #d0d0d0;
    position: relative
}

.order-summary-column .order-summary-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #e30613;
    border-radius: 4px 0 0 4px
}

.order-summary-item {
    display: grid;
    grid-template-columns: minmax(140px, 45%) 1fr;
    align-items: flex-start;
    margin-bottom: 16px;
    gap: 20px
}

.order-summary-item:last-child {
    margin-bottom: 0
}

.order-label {
    font-family: AMX, sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 176px;
    padding-left: 32px;
    line-height: 1.5;
    padding-right: 0;
    justify-self: end
}

.order-value {
    font-family: AMX, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    word-break: break-word;
    line-height: 1.5;
    padding-right: 8px
}

.order-value.with-payment-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

.order-value.masked-card {
    letter-spacing: 1px;
    color: #1a73e8;
    font-weight: 600
}

.order-value.phone-number,
.order-value.folio-number {
    font-weight: 600;
    letter-spacing: .5px
}

@media (max-width: 640px) {
    .order-summary-container {
        max-width: 100%;
        margin: 0;
        padding: 16px 10px
    }

    .order-summary-item {
        grid-template-columns: minmax(130px, 42%) 1fr;
        gap: 10px
    }

    .order-label {
        padding-left: 0;
        width: 115px
    }
}

@media (max-width: 480px) {
    .order-summary-container {
        padding: 12px 8px
    }

    .order-summary-item {
        grid-template-columns: minmax(110px, 38%) 1fr;
        gap: 0px
    }

    .order-label {
        padding-left: 0;
        width: 90px;
        font-size: 14px;
        justify-self: center
    }

    .order-value {
        font-size: 14px
    }
}

.MuiModal-root.modal-show-details .MuiBackdrop-root {
    background-color: #040000cc
}

.verDetalles {
    box-sizing: unset;
    padding: 16px;
    background-color: #fff;
    position: absolute;
    overflow: auto;
    border-radius: 24px
}

.verDetalles.darkness {
    background-color: #fff
}

@media screen and (min-width: 0) {
    .verDetalles {
        width: 87%
    }
}

@media screen and (min-width: 280px) {
    .verDetalles {
        width: 86%
    }
}

@media screen and (min-width: 432px) {
    .verDetalles {
        width: 330px
    }
}

@media screen and (min-width: 768px) {
    .verDetalles {
        width: 408px
    }
}

@media screen and (min-width: 1024px) {
    .verDetalles {
        position: absolute;
        width: 408px
    }
}

.verDetalles::-webkit-scrollbar {
    display: none
}

.verDetalles p {
    margin: 0;
    padding-bottom: 4px
}

.verDetalles .align-close {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    text-decoration: none;
    font-size: 16px !important;
    margin-right: 0
}

.verDetalles .align-close:hover {
    text-decoration: underline
}

.verDetalles .verDetalles--title {
    font-weight: 600;
    font-size: 20px;
    color: #00529b;
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border: 0px solid #d0d0d0;
    border-bottom-width: 1px
}

.verDetalles .verDetalles--title p {
    margin: 0
}

.verDetalles .verDetalles--text {
    overflow: auto;
    max-height: 40dvh;
    overflow-x: auto
}

.verDetalles .verDetalles--text::-webkit-scrollbar {
    width: 6px;
    margin-right: 2px
}

.verDetalles .verDetalles--text::-webkit-scrollbar-track {
    background: url(https://paymentservice.telcel.com/payments/assets/scroll-track.0a206a4a.svg) repeat;
    width: 1px
}

.verDetalles .verDetalles--text::-webkit-scrollbar-thumb {
    background: #2C72CA
}

.verDetalles .verDetalles--text.customDvh {
    max-height: 40dvh !important
}

.verDetalles .verDetalles--text .modal-alignRow {
    display: flex;
    flex-direction: row;
    align-items: center
}

.verDetalles .verDetalles--text .details-body-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.verDetalles .verDetalles--text .modal-attribute {
    display: flex;
    flex-direction: row;
    color: #222
}

.verDetalles .verDetalles--text .modal-hint {
    font-size: .875rem;
    line-height: normal;
    font-weight: 400;
    margin: 0;
    color: #595959
}

.verDetalles .verDetalles--text .modal-key {
    width: 135px;
    min-width: 135px;
    font-size: 16px
}

.verDetalles .verDetalles--text .roaming-html * {
    font-size: 16px !important
}

.verDetalles .verDetalles--text .modal-button {
    margin-top: 8px;
    align-self: center;
    width: 60%
}

.verDetalles .verDetalles--text .modal-value {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 62%;
    font-size: 16px;
    font-weight: 600
}

.verDetalles .verDetalles--text .prime-benefit-banner {
    background-color: #e4edf5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 8px;
    border-radius: 16px
}

.verDetalles .verDetalles--text .prime-benefit-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.verDetalles .verDetalles--text .prime-benefit-title {
    font-size: 14px;
    font-weight: 600;
    color: #222
}

.verDetalles .verDetalles--text .prime-benefit-description {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 1.4
}

.MuiModal-root.modal-show-details .MuiBackdrop-root {
    background-color: #0009 !important
}

.popover-modal-info {
    font-weight: 800;
    font-size: 14px;
    max-width: 300px
}

.how_to_buy {
    box-sizing: unset;
    padding: 16px 16px 5px;
    background-color: #fff;
    position: absolute;
    overflow: auto;
    border-radius: 24px
}

@media screen and (min-width: 0) {
    .how_to_buy {
        width: 80%
    }
}

@media screen and (min-width: 280px) {
    .how_to_buy {
        width: 80%
    }
}

@media screen and (min-width: 432px) {
    .how_to_buy {
        width: 330px
    }
}

@media screen and (min-width: 768px) {
    .how_to_buy {
        width: 408px
    }
}

@media screen and (min-width: 1024px) {
    .how_to_buy {
        position: absolute;
        width: 408px
    }
}

.how_to_buy::-webkit-scrollbar {
    display: none
}

.how_to_buy p {
    margin: 0;
    padding-bottom: 0
}

.how_to_buy .align-close {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    text-decoration: none;
    font-size: 16px !important;
    margin-right: 0
}

.how_to_buy .align-close:hover {
    text-decoration: underline
}

.how_to_buy .how_to_buy--modal-title {
    font-weight: 600;
    font-size: 20px;
    color: #00529b;
    text-align: center;
    padding: 8px 0
}

.how_to_buy .how_to_buy--modal-title p {
    margin: 0
}

.how_to_buy .how_to_buy--option {
    text-align: center;
    margin-bottom: 24px
}

.how_to_buy .how_to_buy--option+.how_to_buy--option {
    border-top: 1px solid #D0D0D0
}

.how_to_buy .how_to_buy--title {
    font-weight: 600;
    font-size: 16px;
    color: #222;
    text-align: left;
    padding: 12px 0
}

.how_to_buy .how_to_buy--title p {
    margin: 0
}

.how_to_buy .how_to_buy--text {
    font-size: 16px;
    text-align: left
}

.how_to_buy .how_to_buy--text .tooltip-mitelcel {
    display: ruby;
    vertical-align: text-bottom;
    margin-left: 4px
}

.how_to_buy .how_to_buy--text.link {
    font-weight: 600;
    color: #0071d1
}

.how_to_buy .how_to_buy-btn {
    margin: 24px 0 0;
    max-width: 240px;
    min-width: 100%
}

@media screen and (min-width: 768px) {
    .how_to_buy .how_to_buy-btn {
        min-width: auto;
        min-width: 220px;
        margin: 14px auto 0 !important;
        position: relative;
        left: 0;
        right: 0
    }
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    gap: 16px;
    padding: 16px 1px 0;
    width: 100%;
    margin: 0 auto !important;
    max-width: 100%
}

.packages-grid__item {
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .packages-grid {
        grid-template-columns: repeat(2, calc(50% - 8px));
        padding: 12px 20px 0;
        max-width: 1024px
    }

    .packages-grid__item {
        max-width: none
    }
}

@media screen and (min-width: 1024px) {
    .packages-grid {
        padding: 12px 0 0
    }
}

.offer-width {
    max-width: 488px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .offer-width {
        max-width: 1024px
    }
}

.offer-padding {
    padding: 16px 1px 0;
    justify-self: center;
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    .offer-padding {
        padding: 12px 20px 0
    }
}

@media screen and (min-width: 1024px) {
    .offer-padding {
        padding: 12px 0 0
    }
}

.rd-CashBackBanner__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1204px;
    margin: 0 auto;
    gap: 4px
}

.rd-CashBackBanner__container.margin-bottom {
    margin-bottom: 16px
}

@media screen and (min-width: 432px) {
    .rd-CashBackBanner__container {
        padding: 0% 8px
    }
}

.rd-CashBackBanner__text {
    font-weight: 400;
    font-size: .812rem;
    padding-left: 13px;
    padding-right: 13px;
    line-height: normal;
    color: #757575
}

@media screen and (min-width: 432px) {
    .rd-CashBackBanner__text {
        font-weight: 400;
        font-size: 1rem;
        padding-left: 16px;
        padding-right: 16px;
        line-height: normal
    }
}

.rd-CashBackBanner__card {
    background-color: #fff;
    border: 1.5px solid #CBDFFC;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    overflow: hidden
}

.rd-CashBackBanner__card-content {
    display: flex;
    gap: 16px
}

.rd-CashBackBanner__card-content svg {
    width: 74px
}

.rd-CashBackBanner__card-content-text {
    max-width: calc(100% - 106px);
    display: flex;
    flex-direction: column;
    gap: 4px
}

.RechargeAmount__container {
    display: flex;
    row-gap: 16px;
    column-gap: 16px;
    flex-wrap: wrap;
    margin: 0 auto
}

.RechargeAmount__btn {
    padding: 16px;
    border-radius: 16px;
    max-width: 116px;
    width: 100%;
    font-size: 23px;
    color: #757575;
    line-height: normal;
    font-family: AMX, Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease
}

.RechargeAmount__btn--active {
    color: #0071d1;
    border: 1px solid #0071d1;
    background-color: #f2f7f9
}