/* dalvarado: 25-05-2019 */
/* Para quitar espacios entre columnas bootstrap */
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
 }
 .row.no-gutters > [class^="col-"],
 .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
 }

/* Bootstrap custom */
.container-fluid {
    padding-left: 0rem;
    padding-right: 0rem;
}
a:not([href]):active,
a:not([href]):focus,
a:not([href]):hover{
    text-decoration: none;
}
h1,
.h1 {
    font-size: 3.6rem;
}
h2,
.h2 {
    font-size: 3rem;
}
h3,
.h3 {
    font-size: 2.4rem;
}
h4,
.h4 {
    font-size: 1.8rem;
}
h5,
.h5 {
    font-size: 1.4rem;
}
h6,
.h6 {
    font-size: 1.2rem;
}
img.img-responsive{
    display: inline-block;
}
.embed-responsive-a4 {
    padding-bottom: 141.43%; 
}
.embed-responsive-square {
    padding-bottom: 100%; 
}
.modal-body {
    word-break: break-word;
}
.navbar-center {

}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: var(--factory-color-hex);
    border-color: var(--factory-color-hex);
}
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
    background-color: #fff;
}
.d-none{
    display: none !important;
}
/* App general styles */
/* Text
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Padding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.p-bt-1{
    padding-bottom: 1em;
    padding-top: 1em;
}
.p-lr-1{
    padding-left: 1em !important;
    padding-right: 1em !important;
}
.pl-0{
    padding-left: 0em;
}
.pr-0{
    padding-right: 0em;
}

/* Margin
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.m-1{
    margin: 1em;
}
.mb-1{
    margin-bottom: 1em;
}
.mt-1{
    margin-top: 1em;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* .app-header {
    background-color: #fff;
    color: #151414;
    height: 80px;
}
.app-header .header-center-block {
    max-width: 1500px;
}
.app-header h4 {
    color: var(--factory-color-hex);
}
.app-header .navigation-bar {
    background-color: #fff;
    font-size: 1.7rem;
}
.app-header .navigation-bar .navbar-default {
    background-color: #fff;
    border: none;
    border-radius: initial;
    margin-bottom: 0rem;
    padding: 0rem;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
}
.app-header .navigation-bar .navbar-default .navbar-brand {
    padding: 10px 0px;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.app-header .navigation-bar .navbar-default .navbar-brand img {
    max-height: 100%;
}
.app-header .navigation-bar .navbar-default .navbar-collapse, 
.app-header .navigation-bar .navbar-default .navbar-form {
    border-color: transparent;
}
.app-header .navigation-bar .navbar-default .navbar-collapse {
    height: calc( 100vh - 50px ) !important;
    max-height: none;
}
.app-header .navigation-bar .navbar-default .navbar-header {
    border-bottom: solid 1px #e4e4e4;
}
.app-header .navigation-bar .navbar-default .navbar-toggle {
    border-color: transparent;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
}
.app-header .navigation-bar .navbar-default .navbar-toggle:hover,
.app-header .navigation-bar .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.app-header .navigation-bar .navbar-default .navbar-toggle.collapsed .top-bar {
    transform: rotate(0deg);
}
.app-header .navigation-bar .navbar-default .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.app-header .navigation-bar .navbar-default .navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0deg);
}
.app-header .navigation-bar .navbar-default .navbar-toggle .icon-bar {
    background-color: #4c4d4f;
    transition: all 0.2s;
}
.app-header .navigation-bar .navbar-default .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.app-header .navigation-bar .navbar-default .navbar-toggle .middle-bar {
    opacity: 0;
}
.app-header .navigation-bar .navbar-default .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.app-header .navigation-bar .navbar-default .navbar-nav > li > a {
    color: inherit;
    padding: 1.8rem 2rem;
}
.app-header .navigation-bar .navbar-default .navbar-nav-user > li > a {
    padding: 1rem;
}
.app-header .navigation-bar .navbar-default .navbar-nav > .active > a,
.app-header .navigation-bar .navbar-default .navbar-nav > .open > a,
.app-header .navigation-bar .navbar-default .navbar-nav > li > a:hover,
.app-header .navigation-bar .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: #4c4d4f;
}
.app-header .navigation-bar .navbar-default .navbar-nav-menu .dropdown-menu .active > a,
.app-header .navigation-bar .navbar-default .navbar-nav-menu .dropdown-menu .open > a,
.app-header .navigation-bar .navbar-default .navbar-nav-menu .dropdown-menu li > a:hover,
.app-header .navigation-bar .navbar-default .navbar-nav-menu .dropdown-menu li > a:focus, 
.app-header .navigation-bar .navbar-default .dropdown-user .active > a,
.app-header .navigation-bar .navbar-default .dropdown-user .open > a,
.app-header .navigation-bar .navbar-default .dropdown-user li > a:hover,
.app-header .navigation-bar .navbar-default .dropdown-user li > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: #4c4d4f;
    border-color: var(--factory-color-hex);
}
.app-header .navigation-bar .dropdown-menu {
    border-top: none;
    border-radius: initial;
}
.app-header .navigation-bar .navbar-default .navbar-nav-menu .dropdown-menu li > a,
.app-header .navigation-bar .navbar-default .dropdown-user li > a {
    border-left: solid 2px transparent;
    padding: 0.5rem 2rem;
    color: inherit;
}
.app-header .navigation-bar .search-form {
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.app-header .navigation-bar .search-form.navbar-form {
    border-bottom: solid 1px #e4e4e4 !important;
}
.app-header .navigation-bar .search-form .twitter-typeahead {
    display: inline !important;
    position: static !important;
}
.app-header .navigation-bar .search-form .form-group {
    z-index: 999;
    position: relative;
}
.app-header .navigation-bar .search-form .form-control {
    background-color: transparent;
    border: none;
    border-radius: initial;
    box-shadow: none;
    padding: 4rem;
    width: 100%;
    max-width: 100%;
}
.app-header .navigation-bar .search-form .form-control::-moz-placeholder {
    color: #83898d;
}
.app-header .navigation-bar .search-form .form-control::-ms-input-placeholder {
    color: #83898d;
}
.app-header .navigation-bar .search-form .form-control::-webkit-input-placeholder {
    color: #83898d;
}
.app-header .navigation-bar .search-form .input-group {

}
.app-header .navigation-bar .search-form .input-group .form-control {
    padding: 2rem 0rem;
}
.app-header .navigation-bar .search-form .input-group .input-group-addon {
    border: none;
    background-color: transparent;
}
.app-header .navigation-bar .search-form .btn {
    background-color: transparent;
    border-radius: initial;
    color: #83898d;
    padding: 1.4rem 2rem;
}
.app-header .navigation-bar .navbar-form .btn-primary {
    font-size: 17px;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin-top: 1.4rem;
}
.app-header .navigation-bar .dropdown-shopping-cart {

}
.app-header .navigation-bar .dropdown-shopping-cart .dropdown-shopping-cart-list {
    width: 40rem;
}
.app-header .navigation-bar .dropdown-shopping-cart .dropdown-shopping-cart-list li {
    position: relative;
}
.app-header .navigation-bar .dropdown-shopping-cart .dropdown-shopping-cart-list li a {
    white-space: normal;
    padding-right: 6rem;
}
.app-header .navigation-bar .dropdown-shopping-cart .dropdown-shopping-cart-list li a.close {
    padding: inherit;
    padding: inherit;
    position: absolute;
    right: 1.5rem;
    top: 0.5rem;
}
.app-header .navigation-bar .dropdown-user {
    font-size: 1.4rem;
    font-family: 'Source Sans Pro';
}
.app-header .navigation-bar .label {
    background-color: var(--factory-color-hex);
    position: absolute;
    top: -0.5rem;
    right: -0.8rem;
    border-radius: 1rem;
    padding: 0.2rem 0.45rem 0.3rem 0.4rem;
    text-align: center;
    font-size: 1rem;
}
.app-header .navbar-nav-menu {

}
.app-header .navbar-nav-menu > li {
    margin: 0rem 3rem;
}
.app-header .navbar-nav-menu > li > a {
    border-bottom: solid 1px #e4e4e4 !important;
}
.app-header .navbar-nav-user {
    color: #83898d;
    padding: 1.5rem 3rem;
    background-color: #fff;
}
.app-header .frm-login {
    padding: 1.5rem 2.5rem 0.5rem;
    min-width: 35rem;
}
.app-header .frm-login .no-padding-right {
    padding-right: 0.5rem;
}
.app-header .frm-login .no-padding-left {
    padding-left: 0.5rem;
} */

/* Header - User - Recover account
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal-content h3 {
    color: var(--factory-color-hex);
}
/* Container
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.app-container {
    margin-top: 30px;
    padding-bottom: 60px;
    position: relative;
    /* min-height: 112rem; */
}
.app-container .bg:nth-child(2n) {
    background-color: #fff;
}
/* Container - Product - List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home-banner-center-block {
    max-width: 1366px;
}
.app-container .home-product-list-center-block,
.app-container .product-view-center-block {
    max-width: 110rem;
}
.app-container .product-list {
    margin-left: 0rem;
    margin-right: 0rem;
}
.app-container .product-list.align-center {
    margin-left: 4rem;
    margin-right: 4rem;
}
.app-container .product-list.align-center .product-list-header h4 {
    margin-bottom: 2rem;
}
.app-container .product-list .product-list-header h4,
.app-container .product-list .product-list-footer h4 {
    color: #4c4d4f;
    margin-bottom: 1.6rem;
}
.app-container .product-list .product-list-body {

}
.app-container .product-list .product-list-footer {
    padding: 1.8rem 0rem;
    font-family: 'Source Sans Pro';
    color: #4c4d4f;
}
.app-container .product-list .product-list-footer .controls {
    margin-top: 0.7rem;
}
.app-container .product-list .product-list-footer .controls .right {
    margin-left: 2rem;
}
.app-container .product-list .product-list-footer h5 {
    font-size: 1.6rem;
}
.app-container .product-list .controls {
    font-size: 1.8rem;
    margin-top: 1rem;
}
.app-container .product-list .controls a {
    margin-right: 0.7rem;
    color: #4c4d4f;
}
.app-container .product-list .controls a:focus, 
.app-container .product-list .controls a:hover {
    color: var(--factory-color-hex);
}
.app-container .product-list .card-product {
    background-color: #fff;
    position: relative;
    box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.08);
    margin-bottom: 3rem;
    transition: transform .2s;
}
.app-container .product-list .card-product:hover {
    box-shadow: 2px 12px 14px 3px rgba(0, 0, 0, 0.1);
}
.app-container .product-list .card-product .card-body {
    background-color: #dadada;
}
.app-container .product-list .card-product .card-body .icon-burst-sale{
    font-size: 5rem;
    color: #ff6e70;
    position: absolute;
    top: 0rem;
    right: 0rem;
}
.app-container .product-list .card-product .card-body .product-over-layer {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, transparent 100%);
    display: none;
}
.app-container .product-list .card-product:hover .card-body .product-over-layer {
    display: block;
}
.app-container .product-list .card-product .card-body .product-sold-out {
    height: 100%;
    width: 100%;
    top: 0rem;
    left: 0rem;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.65);
    z-index: 1;
}
.app-container .product-list .card-product .card-body .product-sold-out .btn {
    margin-top: 50%;
    transform: translateY(-50%);
    border-radius: initial;
}
.app-container .product-list .card-product .card-body .product-image {

}
.app-container .product-list .card-product .card-body .product-image .image-helper {
    margin-left: -4px;
}
.app-container .product-list .card-product .card-body img {
    max-width: 100%;
    max-height: 100%;
}
.app-container .product-list .card-product .card-body h4 {
    color: #4f4f4f;
    font-size: 1.7rem;
    margin-top: 2rem;
}
.app-container .product-list .card-product .card-body p{
    color: grey;
}
.app-container .product-list .card-product .card-body .btn-sell-now-alternate {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 0.25rem 1rem;
    margin: 1rem;
    background-color: #fff;
    border-radius: 2rem;
    display: none;
    text-decoration: none;
    color: inherit;
}
.app-container .product-list .card-product .card-body .btn-sell-now-alternate i {
    color: var(--factory-color-hex);
    margin-right: 0.25rem;
}
.app-container .product-list .card-product:hover .card-body .btn-sell-now-alternate {
    display: block;
}
.app-container .product-list .card-product .card-footer {
    padding: 0.5rem 1rem;
}
.app-container .product-list .card-product .card-footer strong {
    font-size: 1.7rem;
    color: var(--factory-color-hex);
}
.app-container .product-list .card-product .card-footer .label {
    position: absolute;
    left: 0rem;
    top: 2.2rem;
    border-radius: 0rem;
    background-color: var(--factory-color-hex);
    font-weight: normal;
    padding: 0.4rem 0.6rem;
}
.app-container .product-list .card-product .card-footer .type-name {
    font-size: 1.3rem;
}
.app-container .product-list .pagination {
    margin: 0rem;
}
.app-container .product-list .pagination > li > a, 
.app-container .product-list .pagination > li > span {
    color: var(--factory-color-hex);
}
.app-container .product-list .pagination > .active > a, 
.app-container .product-list .pagination > .active > a:focus, 
.app-container .product-list .pagination > .active > a:hover, 
.app-container .product-list .pagination > .active > span, 
.app-container .product-list .pagination > .active > span:focus, 
.app-container .product-list .pagination > .active > span:hover {
    background-color: var(--factory-color-hex);
    color: #fff;
    border-color: rgba(0, 0, 0, 0.3);
}
.app-container .product-list .controls-container {

}
.app-container .product-list .controls-container.left {
    position: absolute;
    top: 50%;
    left: -2.5rem;
}
.app-container .product-list .controls-container.right {
    position: absolute;
    top: 50%;
    right: -2.5rem;
}
.app-container .product-list.package {
    border: solid 1px #e2e2e2;
}
.app-container .product-list.package .product-list-header {
    padding: 1rem 1rem 0.4rem;
    border-bottom: solid 1px #e2e2e2;
}
.app-container .product-list.package .product-list-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.app-container .product-list.package .product-list-body .caption {

}
.app-container .product-list.package .product-list-body .caption a {
    color: var(--factory-color-hex);
}
.app-container .product-list.package .product-list-body > .row > .with-border {
    border-right: solid 1px #e2e2e2;
}
.app-container .product-list.package .product-list-footer {
    border-top: solid 1px #e2e2e2;
    padding-left: 1.7rem;
    padding-right: 1.7rem;
    background-color: #f9f9fa;
}
.app-container .product-list.package .card-product {
    margin-bottom: 1.5rem;
}
.app-container .product-list.package .card-product .card-body .title.fixed {
    color: #fff;
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    padding: 2rem;
    font-family: 'Source Sans Pro';
}
.app-container .product-list.package .card-product .card-body h3 {
    color: inherit;
    margin-top: 0rem;
    height: 13rem;
}
.app-container .product-list.package .icon-more {
    position: absolute;
    right: -1.09rem;
    top: 12rem;
}
/* Container - Product - View
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.app-container .product-view {

}
.app-container .product-view .breadcrumb {
    margin-bottom: 0.5rem;
    padding-left: 0rem;
    padding-right: 0rem;
    text-align: center;
}
.app-container .product-view .breadcrumb a {
    color: var(--factory-color-hex);
}
.app-container .product-view .breadcrumb > li + li:before {
    content: "\2192";
}
.app-container .product-view form label {
    font-weight: normal;
    margin-left: 0.5rem;
}
.app-container .product-view form textarea {
    padding: 1.8rem 2.2rem;
}
.app-container .product-view h1,
.app-container .product-view h2,
.app-container .product-view h3,
.app-container .product-view h4 {
    color: #4c4d4f;
}
.app-container .product-view h4.title {
    color: var(--factory-color-hex);
    font-size: 1.6rem;
    margin-top: 0rem;
}
.app-container .product-view h4.title strong {
    font-weight: 600;
}
.app-container .product-view p {
    color: #83898d;
    font-size: 1.7rem;
    font-family: 'Source Sans Pro';
    text-align: justify;
}
.app-container .product-view ul:not(.list-group) {
    text-align: initial;
    display: inline-block;
}
.app-container .product-view .img-container.img-container-product {
    margin: 0rem auto;
    width: 90%;
}
.app-container .product-view .page-header {
    margin-top: 0rem;
    border: none;
    position: relative;
    text-align: center;
}
.app-container .product-view .page-header::after {
    content: '';
    border-bottom: solid 3px var(--factory-color-hex);
    display: block;
    width: 7rem;
    bottom: 0rem;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.app-container .product-view .page-header h2 {
    margin-top: 0rem;
    font-size: 2.7rem;
}
.app-container .product-view .page-header small {
    font-weight: 300;
    margin-bottom: 0.7rem;
    display: block;
    font-size: 1.7rem;
}
.app-container .product-view .btn-container {
    text-align: center;
}
.app-container .product-view .card-professor {
    margin-bottom: 2rem;
}
.app-container .product-view .card-professor .img-container {
    width: 6rem;
    position: absolute;
    right: 0rem;
    top: 0rem;
}
.app-container .product-view .card-professor p {
    color: #4c4d4f;
    font-size: 1.3rem;
    font-family: 'Open Sans';
    text-align: left;
}
.app-container .product-view .contacts {
    padding: 2rem 1rem 1rem;
    color: #fff;
    background-color: #235085;
}
.app-container .product-view .contacts h4 {
    color: inherit;
}
.app-container .product-view .contacts p {
    color: #fff;
    font-size: 1.5rem;
}
.app-container .product-view .contacts label {
    color: #ffa83e;
    font-weight: 400;
    display: block;
}
.app-container .product-view .contacts a {
    color: inherit;
}
.app-container .product-view .contacts .contact {
    font-family: 'Source Sans Pro';
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    margin: 0px -10px 1rem;
}
.app-container .product-view .contacts .contact:last-child {
    border-bottom: none;
}
.app-container .product-view .contacts .contact p {
    text-align: initial;
}
.app-container .product-view .product-view-section {

}
.app-container .product-view .product-view-section .property-section h4 {
    display: inline-block;
    margin-top: 0rem;
    text-align: left;
    color: var(--factory-color-hex);
}
.app-container .product-view .product-view-section .property-section i {
    font-size: 3.5rem;
    color: var(--factory-color-hex);
}
.app-container .product-view .product-view-section .property-section i[class=icon-calendar] {
    margin-right: 0.8rem;
}
.app-container .product-view .product-view-section:last-child {
    border: none;
}
.app-container .product-view .img-institution {
    max-height: 70px;
}
.app-container .product-view .btn.btn-sell,
.app-container .product-view .btn.btn-sell-now {
    font-size: 2rem;
    padding: 1.2rem 4rem;
}

/* Container - Shopping cart
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.app-container .shopping-cart-center-block {
    /* max-width: 80rem; */
    /* dalvarado: 25-05-2019 */
    max-width: 1366px;
}
.app-container .shopping-cart-product-list {
    color: #4f4f4f;
}
.app-container .shopping-cart-product-list .panel {
    box-shadow: none;
    border-style: none solid solid none;
    background-color: transparent;
    border-color: #ddd;
}
.app-container .shopping-cart-product-list .border-in-sides {
    border: solid 1px #ddd;
    border-style: none solid;
}
.app-container .shopping-cart-product-list tr:first-child{
    border-radius: initial;
}
.app-container .shopping-cart-product-list tr th {
    padding: 2.2rem;
    font-weight: 600;
}
.app-container .shopping-cart-product-list tr td {
    padding: 2rem 2.2rem;
}
.app-container .shopping-cart-product-list h2,
.app-container .shopping-cart-product-list h3 {
    color: var(--factory-color-hex);
}
.app-container .shopping-cart-product-list .price,
.app-container .shopping-cart-product-list .quantity {
    font-size: 1.8rem;
}
.app-container .shopping-cart-product-list .btn-primary {
    font-weight: 600;
    font-family: 'Source Sans Pro';
}
.app-container .shopping-cart-product-list .price {
    color: var(--factory-color-hex);
}
.app-container .shopping-cart-product-list .price.summary {
    color: inherit;
}
.app-container .checkout-line {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto
}
.app-container .checkout-line .checkout-step {
    padding: 0rem;
}
.app-container .checkout-line .checkout-step span {
    font-size: 1.2rem;
}
.app-container .checkout-line .checkout-step.completed,
.app-container .checkout-line .checkout-step.active {
    color: var(--factory-color-hex);
}
.app-container .checkout-line .checkout-step .progress {
    border-radius: initial;
    height: 2px;
    box-shadow: none;
    margin: 1.5rem 0rem 4rem;
    background-color: grey;
}
.app-container .checkout-line .checkout-step.completed .progress-bar{
    background-color: var(--factory-color-hex);
    width: 100%;
}
.app-container .checkout-line .checkout-step.active .progress-bar{
    background-color: var(--factory-color-hex);
}
.app-container .checkout-line .checkout-step.active:not(:first-child) .progress-bar{
    width: 50%;
}
.app-container .checkout-line .checkout-step.active:last-child .progress-bar{
    width: 100%;
}
.app-container .checkout-line .checkout-step:first-child > .progress {
    margin-left: 50%;
}
.app-container .checkout-line .checkout-step:last-child > .progress {
    margin-right: 50%;
}
.app-container .checkout-line .checkout-step .checkout-step-circle {
    padding: 1.4rem 0rem 0rem;
    width: 6rem;
    height: 6rem;
    background-color: grey;
    border-radius: 10rem;
    border: solid 0.5rem #fff;
    font-size: 1.6rem;
    color: #fff;
    position: absolute;
    top: -1.3rem;
    left: 50%;
    margin-left: -2.8rem;
}
.app-container .checkout-line .checkout-step.completed .checkout-step-circle,
.app-container .checkout-line .checkout-step.active .checkout-step-circle {
    background-color: var(--factory-color-hex);
}
.app-container .checkout-line.alt {
    padding: 3rem 2rem;
    background-color: #f8f8fa;
}
.app-container .checkout-line.alt .checkout-step .checkout-step-circle {
    height: 3rem;
    width: 3rem;
    padding: 0.2rem 0rem 0rem;
    top: 0rem;
    font-size: 1rem;
    margin-left: -1.5rem;
}
.app-container .checkout-line.alt .checkout-step .progress {
    margin-bottom: 1.8rem;
    background-color: rgba( 0, 0, 0, 0.07);
}
.app-container .shopping-cart-product-list form label {
    font-weight: normal;
}
.app-container .shopping-cart-product-list form a {
    color: var(--factory-color-hex);
}
.app-container .shopping-cart-product-list form .btn.btn-sell {
    padding: 0.8rem 1.8rem;
}
.app-container .shopping-cart-product-list i.glyphicon-heart-empty,
.app-container .shopping-cart-product-list i.fa-check-circle,
.app-container .shopping-cart-product-list i.fa-envelope-open,
.app-container .shopping-cart-product-list i.fa-exclamation-circle {
    font-size: 10rem;
}
.app-container .shopping-cart-product-list i.glyphicon-heart-empty,
.app-container .shopping-cart-product-list i.fa-check-circle,
.app-container .shopping-cart-product-list i.fa-envelope-open {
    color: #00cd60;
}
.app-container .shopping-cart-product-list i.fa-exclamation-circle {
    color: red;
}
.app-container .shopping-cart-product-list .page-header {
    margin-top: 0rem;
    border: none;
    position: relative;
}
.app-container .shopping-cart-product-list .page-header::after {
    content: '';
    border-bottom: solid 3px var(--factory-color-hex);
    display: block;
    width: 3rem;
    bottom: 0rem;
    left: 0rem;
    position: absolute;
}
.app-container .shopping-cart-product-list .page-header a{
    color: inherit;
}
.app-container .shopping-cart-product-list .page-header h4 {
    margin-top: 0rem;
}
.app-container .shopping-cart-product-list .page-header small {
    font-weight: 300;
    margin-bottom: 0.5rem;
    display: inline-block;
}

/* Container - Card Enrollment
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card-enrollment {
    background-color: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
}
.card-enrollment .card-header {
    padding: 2.5rem 5rem 1.5rem;
}
.card-enrollment .card-body {
    padding: 2.5rem 5rem;
}
.card-enrollment .card-body.summary {
    background-color: #f8f8fa;
    padding: 3rem 5rem;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-style: solid none;
}
.card-enrollment .card-body.summary .glyphicon {
    color: var(--factory-color-hex);
}
.card-enrollment .card-body.header {
    padding-bottom: 1rem;
}
.card-enrollment .card-footer {
    padding: 0rem 5rem 3.5rem;
}
.card-enrollment .card-footer .actions .btn {
    padding: 0.8rem 4rem;
}
.card-enrollment .input-file-mask .form-control {
    border-style: dotted;
}
.card-enrollment .input-file-mask .input-group-btn .btn {
    border: dotted 1px #ccc;
    border-left: none;
}
.card-enrollment .input-file-mask .input-group-btn .btn .glyphicon {
    color: #00bee1;
}
.card-enrollment .input-file {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.card-enrollment .table-condensed > tbody > tr > th {
    border-top: none;
    border-bottom: solid 1px #ddd;
    padding: 1rem 5px;
}
.card-enrollment .table-condensed > tbody > tr > td {
    border-top-width: 0rem;
}
.card-enrollment a.link {
    text-decoration: underline;
    color: var(--factory-color-hex);
}
.card-enrollment h4 {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}
.card-enrollment h5 {
    margin-bottom: 1.5rem;
}
.card-enrollment input[type=text],
.card-enrollment input[type=email],
.card-enrollment select {
    box-shadow: none;
}
.card-enrollment .container {
    width: 100%;
}

/* Container - Modal del FRI
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal-fri {
    
}
.modal-fri .modal-content {
    padding: 1rem 3rem;
    border-radius: 0px;
}
.modal-fri .modal-content p a {
    color: var(--factory-color-hex);
}
.modal-fri .modal-content .btn {
    padding: 0.8rem 4rem;
}
.modal-fri .modal-header .close {
    position: absolute;
    top: -1.9rem;
    right: -1.9rem;
    width: 3.8rem;
    height: 3.8rem;
    background-color: var(--factory-color-hex);
    opacity: 1;
    color: #fff;
    border-radius: 50%;
    font-size: 2.5rem;
    margin-top: 0px;
}
/* Container - Order List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.table-orders table {
    color: #4c4d4f;
}
.table-orders table tbody {
    font-family: 'Source Sans Pro';
    font-size: 1.5rem;
}
.table-orders table .summary {
    font-family: 'Open Sans';
}
.table-orders table .with-footer {
    border-bottom: solid 1px #ddd;
}
.table-orders table thead th, 
.table-orders table tbody td {
    padding: 2rem;
}
.table-orders table thead th {
    border-bottom-color: #ddd;
    font-size: 1.6rem;
    border-bottom-width: 1px;
    font-weight: 600;
}
.table-orders table tbody td {
    border: none;
}
.table-orders .total-price {
    color: var(--factory-color-hex);
}

/* Container - User - Register
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.app-container .form-register {
    padding: 2rem 3rem 3rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
}
.app-container .form-register h4 {
    color: var(--factory-color-hex);
    text-align: center;
}
.app-container .form-register .btn {
    font-family: 'Source Sans Pro';
    padding: 1rem 2rem;
}
.app-container .form-register .form-control {
    padding: 2rem 2rem;
}
.app-container .form-register .tab-content {

}
.app-container .form-register .tab-content label {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
}
.app-container .form-register .nav-pills {
    border-bottom: solid 1px #eaeaea;
}
.app-container .form-register .nav-pills > li {
    display: inline-block;
}
.app-container .form-register .nav-pills > li > a {
    border-radius: initial;
    color: #83898d;
}
.app-container .form-register .nav-pills > li.active > a {
    background-color: transparent;
    border-color: var(--factory-color-hex);
    border-style: solid;
    border-width: 0 0 3px 0;
    color: #4c4d4f;
}
/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.app-footer {
    background-color: #fff;
    font-size: 1.4rem;
    font-family: 'Source Sans Pro';
    color: #83898d;
}
.app-footer a {
    color: inherit;
}
.app-footer h4 {
    color: #4c4d4f;
    font-family: 'Open Sans';
    margin-bottom: 1.7rem;
    font-size: 2rem;
}
.app-footer .buttons {
    text-align: center;
}
.app-footer .subtitle {
    color: #4c4d4f;
    margin-top: 1rem;
    margin-bottom: 1.2rem;
}
.app-footer .footer-center-block {
    max-width: 1400px;
}
.app-footer .footer-content {
    padding: 4rem;
}
.app-footer .footer-content.alt {
    padding: 3rem 2rem;
}
.app-footer .footer-top {
    color: #fff;
    font-family: 'Open Sans';
}
.app-footer .footer-top .inline-block {
    display: inline-block;
}
.app-footer .footer-top .fa-paper-plane {
    font-size: 2.6rem;
    margin-right: 2rem;
}
.app-footer .footer-top label {
    font-weight: 400;
}
.app-footer .footer-top input {
    padding: 2.3rem 1.8rem;
    border: none;
}
.app-footer .footer-top .btn-yellow {
    padding: 1.3rem 2.2rem;
    border: none;
}
.app-footer .footer-top .btn.btn-circle {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.42;
    border-radius: 50%;
    color: #444444;
    border: none;
    margin-right: 0.6rem;
}
.app-footer .footer-body {
    font-size: 1.7rem;
}
.app-footer .footer-body ul li {
    margin-top: 1rem;
}
.app-footer .footer-body .active > a,
.app-footer .footer-body a:focus, 
.app-footer .footer-body a:hover {
    color: var(--factory-color-hex);
}
.app-footer .footer-bottom {
    margin-bottom: 6rem;
}
.app-footer .footer-bottom p {
    margin-bottom: 0rem;
    text-align: center;
}
.app-footer .footer-label-container {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
}
/* Other styles */
.row-container {
    margin: 0rem;
}
.row-no-padding > [class*="col-"] {
    padding-right: 0rem;
    padding-left: 0rem;
}
.no-padding {
    padding-right: 0rem;
    padding-left: 0rem;
}
.no-padding-left {
    padding-left: 0rem;
}
.no-padding-right {
    padding-right: 0rem;
}
.btn-sell-wrapper {
    vertical-align: top;
    display: inline-block;
}
.btn-sell-wrapper .regular-price{
    color: grey;
    margin: 0.5rem 0rem 0rem;
    display: inline-block;
}
.img-container {

}
.img-container img {

}
.img-container.img-container-product {
    border: solid 1px #e2e2e2 !important;
    background-color: #fff;
}
.img-container.img-container-product .embed-responsive-item img {
    max-height: 90%;
    max-width: 90%;
}
.image-helper {
    display: inline-block; 
    height: 100%; 
    vertical-align: middle;
}
.img-fit {
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}
.bg-red {
    background-color: var(--factory-color-hex);
}
.bg-white {
    background-color: #fff;
}
.container-to-fixed-item {
    position: fixed;
    top: inherit;
    left: 0px;
    width: 100%;
    height: 0px;
    z-index: 9999;
}

.container-to-fixed-item-product{
    position: fixed;
    top: inherit;
    height: 0px;
    z-index: 9999;
}

.text-red {
    color: var(--factory-color-hex);
}
/* Tag List */

.tag-list {
    background-color: #fff;
    /* position: fixed; */
    top: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}
/* dalvarado: 25-05-2019 */
@media (min-width: 992px) {
    .tag-list {
        left: 15px;
    } 
}

.tag-list .list-header {
    color: #fff;
}
.tag-list .list-header h4 {
    background-color: var(--factory-color-hex);
    margin: 0rem;
    padding: 1.2rem 1rem;
    font-size: 1.7rem;
    font-weight: 600;
}
.tag-list .list-header .close {
    margin-top: 0.7rem;
    position: absolute;
    right: 1rem;
    top: 0.35rem;
    padding: 0rem 0.5rem;
}
.tag-list ul {
    background-color: #fff;
    color: #83898d;
    margin: 0rem 0rem 6rem;
    border: solid 1px #e2e2e2;
    border-style: none solid;
}
.tag-list li {
    margin: 0rem;
    border-left: solid 3px transparent;
    border-bottom: solid 1px #e2e2e2; 
}
.tag-list li > a {
    padding: 1rem 1.7rem;
    border-radius: initial;
}
.tag-list li > a:focus, 
.tag-list li > a:hover,
.tag-list li.active > a,
.tag-list li.active > a:focus,
.tag-list li.active > a:hover {
    background-color: #fff;
    color: #4c4d4f;
}
.tag-list li > a label {
    margin: 0rem;
    font-weight: initial;
    cursor: inherit;
}
.tag-list li > a input[type=checkbox]{
    margin-right: 0.8rem;
}
.tag-list li.active {
    border-left-color: var(--factory-color-hex);
}
.tag-list li.active > a label {
    font-weight: 700;
}
.tag-list li.more {
    color: var(--factory-color-hex);
}
.tag-list li.more > a:focus, 
.tag-list li.more > a:hover {
    color: inherit;
}
.tag-list li.more .plus {
    margin-right: 12px;
}
.tag-list a {
    color: inherit;
}

/* Product Detail List */
.container-to-fixed-item .list-group {
    position: absolute;
    top: 0rem;
    left: 0rem;
}
.list-group {
    font-family: 'Source Sans Pro';
}
.list-group .list-group-item {
    border: none;
    padding: 1rem 2.5rem;
    margin-bottom: 0px;
    background-color: transparent;
}
.list-group .list-group-item:last-child {
    border-radius: initial;
}
.list-group .list-group-item.prop {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.list-group .list-group-item.prop i {
    vertical-align: top;
    margin-right: 0.35rem;
    font-size: 1.8rem;
    color: var(--factory-color-hex);
}
.list-group .list-group-item.prop .prop-value {
    margin-left: 2.1rem;
    display: inline-block;
}
.list-group .list-group-item.prop .prop-value p {
    color: #333;
    font-size: 1.4rem;
    text-align: left;
}
.list-group .list-group-item.divider {
    border-bottom: solid 1px #e2e2e2;
    padding: 0;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
.list-group .list-group-item.price {
    border-bottom: solid 1px #e2e2e2;
    margin-bottom: 1rem;
    font-family: 'Open Sans';
    color: var(--factory-color-hex);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.list-group .list-group-item.price strong {
    font-size: 2.4rem;
    font-weight: bold;
}
.list-group .list-group-item.price .label {
    border-radius: 0rem;
    background-color: var(--factory-color-hex);
    font-size: 1.8rem;
    font-weight: normal;
    padding: 0.2rem 0.6rem 0.3rem 1rem;
    margin-right: 1rem;
}
.list-group .list-group-item.buttons {
    padding-top: 1.4rem;
    padding-bottom: 2rem;
}
.list-group .list-group-item.buttons .btn {
    padding: 1rem;
    font-size: 1.7rem;
    font-family: 'Source Sans Pro';
}
.list-group .list-group-item .quantity {
    
}
.list-group .btn.btn-preview,
.app-container .product-view .btn.btn-preview {
    font-size: 1.6rem;
    padding: 1rem 2rem;
    width: 100%;
    border-radius: initial;
    font-family: 'Open Sans';
    font-weight: 600;
}
.list-group .btn.btn-preview *,
.app-container .product-view .btn.btn-preview * {
    vertical-align: middle;
    display: inline-block;
}
.list-group .no-padding {
    padding: 0rem;
}
/* Panel
-------------------------------------------------- */
.panel-primary>.panel-heading {
    color: #fff;
    background-color: var(--factory-color-hex);
    border-color: var(--factory-color-hex);
}
.panel-primary {
    border-color: var(--factory-color-hex);
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn i[class*=glyphicon] {
    margin-right: 0.7rem;
}
.btn.btn-primary {
    background-color: var(--factory-color-hex);
    /*background-image: linear-gradient(to top, var(--factory-color-hex), hsl(var(--factory-color-h), var(--factory-color-s), calc(var(--factory-color-l) + 5%)));*/
    /*border-color: hsl(var(--factory-color-h), var(--factory-color-s), calc(var(--factory-color-l) + 5%));*/
    border-color: var(--factory-color-hex);
}
.btn.btn-primary:hover,
.btn.btn-primary.active {
    /*border-color: hsl(var(--factory-color-h), var(--factory-color-s), calc(var(--factory-color-l) + 5%));*/
}
.btn.btn-disabled {
    background-color: #aaa;
    border-color: #aaa;
    color: #fff;
}
.btn.btn-disabled:hover,
.btn.btn-disabled.active {
    border-color: #919191;
}
.btn.btn-sell {

}
.btn.btn-sell-now {
    background-color: #ff6e70;
    color: #fff;
    font-size: 1.6rem;
    padding: 0.4rem 1.8rem 0.4rem 1.6rem;
}
.btn.btn-yellow {
    background-color: #efc70e;
    border-color: #efc70e;
    color: #2c2c2c;
}
.btn.btn-wish {
    color: #ff999a;
    line-height: 1.5rem;
    padding: 0rem;
    margin: 0rem 0.5rem 0rem 1rem;
}
.btn.btn-wish:hover,
.btn.btn-wish.active {
    color: #ff6e70;
    box-shadow: none;
}
.btn.btn-wish i {
    margin-right: 0.5rem;
    font-size: 2.4rem;
}
.btn.btn-share {
    color: #acacac;
    line-height: 1.5rem;
    padding: 0rem;
    margin: 0rem 0.5rem 0rem 1rem;
}
.btn.btn-share:hover,
.btn.btn-share:active {
    color: grey;
    box-shadow: none;
}
.btn.btn-share i {
    margin-right: 0.5rem;
    font-size: 2.4rem;
}
.btn.btn-brochure {
    color: #4c4d4f;
    line-height: 1.5rem;
    padding: 0rem;
    margin: 0rem 0.5rem 0rem 1rem;
}
.btn.btn-brochure:hover,
.btn.btn-brochure:active {
    color: #000;
    box-shadow: none;
}
.btn.btn-brochure i {
    margin-right: 0.5rem;
    font-size: 2.4rem;
}
.btn.btn-preview {
    background-color: #25476f;
    color: #fff;
}
.btn.btn-confirm {
    background-color: var(--factory-color-hex);
    color: #fff;
    padding: 0.8rem 1.8rem;
}
.btn.btn-google {
    background-color: #db4437;
    border-color: #db4437;
    color: #fff;
}
.btn.btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff;
}
.btn-fixed-container {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    z-index: 3;
}
.btn-fixed-container .form-group {
    margin-bottom: 0rem;
}
.btn.btn-circle {
    border-radius: 30rem;
}
.btn.btn-outline {
    background-color: #fff;
    background-image: initial;
    color: inherit;
}
.btn-primary.btn-outline {
    color: var(--factory-color-hex);
}
.btn-primary.btn-outline:hover {
    background-color: var(--factory-color-hex);
    background-image: linear-gradient(to top, var(--factory-color-hex), hsl(var(--factory-color-h), var(--factory-color-s), calc(var(--factory-color-l) + 5%)));
}
.btn-success.btn-outline {
    color: #5cb85c;
}
.btn-info.btn-outline {
    color: #5bc0de;
}
.btn-warning.btn-outline {
    color: #f0ad4e;
}
.btn-danger.btn-outline {
    color: #d9534f;
}
.btn-facebook.btn-outline {
    color: #3b5998;
}
.btn-facebook.btn-outline:hover {
    background-color: #3b5998;
}
.btn-google.btn-outline {
    color: #db4437;
}
.btn-google.btn-outline:hover {
    background-color: #db4437;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover,
.btn-facebook.btn-outline:hover,
.btn-google.btn-outline:hover {
    color: #fff;
}
/* Buscador
--------------------------------------------------------------- */
.tt-menu {
    background-color: #fff;
    padding-right: 15px;
    padding-left: 15px;
    width: 50rem;
    border: solid rgba(0, 0, 0, 0.15);
    border-width: 0px 1px 1px 1px;
    max-height: 500px;
    overflow-y: auto;
    right: 0rem;
}
.tt-menu .header-line {
    margin-top: 5px;
    margin-bottom: 5px;
}
.product-suggestion {
    color: #000;
}
.product-suggestion:hover {
    color: #000;
}
.product-suggestion .product-card {
    padding: 1rem 0rem 1rem 1rem;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.product-suggestion .product-card:hover {
    background-color: rgba(0, 0, 0, 0.15);
}
.product-suggestion .name {
    
}
.product-suggestion .price {
    color: #353535;
}
/* Alerts
---------------------------------------------*/
.alert.alert-fixed {
    position: fixed;
    bottom: 5px;
    margin-bottom: 0rem;
    z-index: 999;
    width: 100%;
    right: 0rem;
}
/* Bxslider
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bx-wrapper {
    margin-bottom: 0rem;
    left: 0rem;
    border: none;
    box-shadow: none;
}
.bx-wrapper .bx-viewport .slide {
    background-position: center center;
    background-size: cover;
}
.bx-wrapper .bx-viewport .slide .regular-price {
    color: #fff;
}
.bx-wrapper .bx-controls-direction a{
    width: 20px;
    z-index: 998;
}
.bx-wrapper .bx-prev{
    left: 2rem;
    background: url(../images/defaults/controls.png) no-repeat 0px 0px;
}
.bx-wrapper .bx-prev:hover, 
.bx-wrapper .bx-prev:focus {
    background-position: 0px 0px;
    opacity: 0.5;
}
.bx-wrapper .bx-next {
    right: 2rem;
    background: url(../images/defaults/controls.png) no-repeat -20px 0px;
}
.bx-wrapper .bx-next:hover, 
.bx-wrapper .bx-next:focus {
    background-position: -20px 0px;
    opacity: 0.5;
}
.bx-wrapper .bx-pager{
    padding: 0rem;
    bottom: 1.5rem;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    width: 0.8rem;
    height: 0.8rem;
    background-color: #b7bbc1;
    margin: 0rem 0.8rem;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #fff;
}
.slider-thumbnail-container .bx-wrapper .bx-prev {
    left: 2rem;
}
.slider-thumbnail-container .bx-wrapper .bx-next {
    right: 2rem;
}
.slider-thumbnail-container .bx-wrapper .bx-pager{
    bottom: -3rem;
}
.slider-thumbnail-container .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider-thumbnail-container .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: var(--factory-color-hex);
}
.slider-thumbnail-container .bx-wrapper .bx-pager a{
    margin: 0rem 0.4rem;
}

.noresize{
    resize: none;
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display:block !important;
    }
}



.awSlider{
    /* margin: 30px auto;  */
    /* padding: 30px; */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    height: 100%;
    display: table;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000a8;
}


 .awSlider .carousel{
  display:table;
  /* z-index:5; */
  -moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
    box-shadow: 0 0 15px rgba(1,1,1,.5);
    
}

@media (min-width: 761px){
     .awSlider .carousel{
        display:table;
        /* z-index:5; */
        -moz-box-shadow: 0 0 4px #444;
        -webkit-box-shadow: 0 0 4px #444;
        box-shadow: 0 0 15px rgba(1,1,1,.5);
        min-width: 625px;
    }


}


.awSlider:hover > img{
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity:1;
}

.awSlider img{
   pointer-events: none;
}

.awSlider > img{
  position:absolute;
  top:30px;
  z-index:1;
  transition:all .3s;
  filter: blur(1.8vw);
  -webkit-filter: blur(2vw);
  -moz-filter: blur(2vw); 
  -o-filter: blur(2vw); 
  -ms-filter: blur(2vw);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:.5;
}

.awSlider .cerrarModal {
    
}
.cuponModal-container {
    display: flex; 
    justify-content: center;
     border-radius: 10px;
}

.modalCupon-movil-1 {
     width: 50%; 
    min-height: 200px; 
    background: URL(../../../images/defaults/promociones/payCupon.jpg);
    background-size: cover;
}

.modalCupon-movil-2 {
    width: 50%; 
    background: #f2f2f2;
     z-index:10000
}

#btnCerrarModalCupon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    color: white;
    margin-top: 54px;
    margin-right: 108px;
    font-size: 57px;
    cursor: pointer; 
}

@media (max-width :1000px){
    .btn-categoria-mobil{
        display: none !important
    }
}
@media (max-width: 760px){
   
    .awSlider .carousel {
        width: 90%;
    }
    
    .cuponModal-container {
        flex-direction: column;
    }

    .modalCupon-movil-1 {
    width: 100%; 
    }
    .modalCupon-movil-2 {
    width: 100%; 
    }

    #btnCerrarModalCupon {
        margin-top: -4px;
        margin-right: 23px;
        font-size: 39px;
    }

}

select {
    text-align-last: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
   font-size: 15px;
   
    background-image: none;
  }
  /* Remove IE arrow */
 
  /* Custom Select */
  .select {
    position: relative;
    display: flex;
    width: 100%;
    height: 2.6em;
  
    overflow: hidden;
    border-radius: 0;
    
  }
 
  /* Arrow */
  .select::after {
    font-weight: 800;  
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAABHNCSVQICAgIfAhkiAAAAJRJREFUGJV1j7ENwlAMRM+QLMA9D0VPwUqIKZDoIqEUEUhZg4bMQGbg00QoQsmVfufzWcCQdiOp0rqqtBvs10alDIo4AO3KUgW0ijiE9JSkGugSCtBJqmfmH0u4z1mV9i2hpN1PoE67TyjYv+sxS9sC15COkh7TbC+peY/jUdJn6blI+zJVKNjXv9BFBbvdGfu0ZP4CrdQjiEHro4gAAAAASUVORK5CYII=');
    position: absolute;
    top:8px;
    right: 0;
    
    padding: 0 1em 2em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
  }
  /* Transition */
  .select:hover::after {
    color: #dc3545;
  }

  .weight-monto{
    font-weight: 600; 
  }

  .height-button{
    height:2.4em;
  }

  .padding-button-bottom{
    padding-bottom:10px;
  }

  .head-table {
      background:#F2F2F9 !important;
      border-bottom : 0 !important;
      font-size: 18px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 300
  }

  .body-table {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.cuadro-financiar{
    margin-bottom: 10px
}


.color-red-w7{
    color: #FF0000;
    font-weight:700 ;
}


#a-contenedor-derecho-cursos-right{
    width:100% ;border-right:0 !important ; border-radius:0
}

#a-contenedor-derecho-cursos-left{
    width:100% ;border-left:0 !important ; border-radius:0
}

.contenedor-check {
    border:0.009em solid #D7DBDD;
    height:42px;
    padding:13px;
}
.modal {
    text-align: center;
    padding: 0!important;
  }
  
  /* .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
  
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  } */

  .modal {
    background-color: rgba(0, 0, 0, 0.8)
 }


 .card-footer-master {
    
    width: calc(100% - 10px);
    height: 50px;
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
 }

 .card-footer-master:before {
    content: "";
    display: inline-block;
    height: 50px;
    vertical-align: middle;
 }

.vertical-centrado {
    display: inline-block;
    max-width: 300px;
    vertical-align: middle;
    white-space: normal;
 }

 .transition-nav-vertical-none{
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 1s, 0s;
    transition-delay: 0s, 1s;
}

.transition-nav-vertical-show{
    transition-property: visibility, opacity;
    transition-duration: 0s, 1s;
}

/* li{
    list-style-type:none 
} */

.border-red{
    border-left:0.2em solid  #FF0000 ;
}

.border-plomo{
    border-left:0.2em solid  #CACFD2   ;
   
}

.pointerMouse         { cursor: pointer; }


.font-15-descripcion-curso{
    font-size: 15px !important;
    font-family: 'Open Sans', sans-serif;
}

.font-32-descripcion-curso{
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
}

.font-15-preguntas{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}


.font-15-docente{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

.font-22-preguntas-head{
    font-size: 22px;
    font-family: 'Open Sans', sans-serif; 
    padding-left:20px 
}

.font-18-docente{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;  
}

.font-22-docente{
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;   
}

@media (min-width: 100px) {
    .pl-left-modal{
        padding-left:0;
    }
    .font-32-head{
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-38-head{
        font-size: 38px;
        font-family: 'Open Sans', sans-serif;  
     }
     
    .font-20-modal{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif; 
     }
    
     .font-14-modal {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-15-modal {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
     }
    
    
    .font-18-submit-modal {
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        border-radius:0 !important ; 
        background:#ED1C24;
        font-weight: 700;
    }

    .font-sub-titulo-head{
        font-size: 24px  !important;
        font-family: 'Open Sans', sans-serif;
    }

    .font-18-docente{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;  
    }
    
    .head-table-product{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    .font-22-docente{
        font-size: 20px !important;
        font-family: 'Open Sans', sans-serif;   
    }

    .font-14-docente{
        font-size: 18px !important;
        font-family: 'Open Sans', sans-serif;  
    }

    .font-15-docente{
        font-size: 14px !important;
        font-family: 'Open Sans', sans-serif;
    }
    .font-22-preguntas-head{
        font-size: 20px !important;
        font-family: 'Open Sans', sans-serif;  
        padding-left: 0px
    }
    .padding-top-docente{
        padding-top:5px;    
    }
    .ol-curso{
        background-color: #FFFFFF; 
        padding-left:0 ;
        margin-bottom:0;
        padding-bottom:0 ;
        border-bottom:none ; border-radius:0;
        margin-top:-20px;
        max-width: 1710px;
        margin-left: 10px;
        /* margin: 0 auto; */
    }

    .not-mobil-view{
        display: none;
    }
    
    .mobil-view{
        display: block;
    }
    
    .padding-left-cursos {
        padding-left: 9% ;
        padding-right: 9% ;
    }

    .font-16{
        font-size: 8px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-12{
        font-size:6px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-13{
        font-size:5px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-14{
        font-size:6px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-15{
        font-size: 7px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-19{
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-17{
        font-size: 9px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-18{
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-20{
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-22{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-32{
        font-size: 24px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-38{
        font-size: 30px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-28{
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;
    }

    .pl-footer-modal{
        padding-top:40px;
        padding-left:20px
     }
     
    .width-modal{
        width:95%
    }

    .modal-left {
      
        border-left:none;
     }

     .font-mobil-footer{
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;  
    }
}


/* Small devices (mobil 360px and up) */
@media (min-width: 360px) {
    .pl-left-modal{
        padding-left:0;
    }
    .font-32-head{
        font-size: 25px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-38-head{
        font-size: 38px;
        font-family: 'Open Sans', sans-serif;  
     }
    .font-20-modal{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif; 
     }
    
     .font-14-modal {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-15-modal {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
     }
    
    
    .font-18-submit-modal {
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        border-radius:0 !important ; 
        background:#ED1C24;
        font-weight: 700;
    }
        .width-modal{
            width:90%
        }
    .font-sub-titulo-head{
        font-size: 24px  !important;
        font-family: 'Open Sans', sans-serif;
    }
    .head-table-product{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    .padding-left-cursos {
        padding-left: 5% ;
        padding-right: 5% ;
    }
    .font-22-docente{
        font-size: 20px !important;
        font-family: 'Open Sans', sans-serif;   
    }

    .font-14-docente{
        font-size: 18px !important;
        font-family: 'Open Sans', sans-serif;  
    }

    .font-15-docente{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-22-preguntas-head{
        font-size: 20px !important;
        font-family: 'Open Sans', sans-serif;
        padding-left: 0px  
    }
    .padding-top-docente{
        padding-top:5px ;    
    }
    .padding-top-docente{
        padding-top:5px;    
    }
    .ol-curso{
        background-color: #FFFFFF; 
        padding-left:0 ;
        margin-bottom:0;
        padding-bottom:0 ;
         border-bottom:none ; border-radius:0
    }

    .not-mobil-view{
        display: none ;
    }

    .mobil-view{
        display: block ;
    }
    
    
        
    .font-16{
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-12{
        font-size:6px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-13{
        font-size:7px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-14{
        font-size:8px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-15{
        font-size: 9px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-19{
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-17{
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-18{
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-20{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-22{
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-32{
        font-size: 26px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-38{
        font-size: 32px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-28{
        font-size: 22px;
        font-family: 'Open Sans', sans-serif;
    }

    .pt-10px{
        padding-top:10px
    }
    
    .font-18-docente{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;  
    }
    
    .pl-footer-modal{
        padding-top:40px;
        padding-left:50px
     }

       .modal-left {
        border-top:0.03em solid  #E5E7E9;
        border-left:none;
     }

     .font-mobil-footer{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
    }
}
.noVerReducido{
    display: none !important ;
}

.verReducido{
    display: block !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 600px) {
    .pl-left-modal{
        padding-left:0;
    }

    .font-32-head{
        font-size: 32px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-38-head{
        font-size: 38px;
        font-family: 'Open Sans', sans-serif;  
     }
    .font-20-modal{
        font-size: 20px;
        font-family: 'Open Sans', sans-serif; 
     }
    
     .font-14-modal {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-15-modal {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
     }
    
    
    .font-18-submit-modal {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        border-radius:0 !important ; 
        background:#ED1C24;
        font-weight: 700;
    }
    .width-modal{
        width:85%
    }
    .line-vertical{
        line-height:0.9em
    }

    .font-sub-titulo-head{
        font-size: 18px  !important;
        font-family: 'Open Sans', sans-serif;
    }
    .head-table-product{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    .font-15-descripcion-curso{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    .font-32-descripcion-curso{
        font-size: 32px !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    .font-15-preguntas{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    
    .font-15-docente{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    .font-22-preguntas-head{
        font-size: 22px !important;
        font-family: 'Open Sans', sans-serif; 
        padding-left:20px 
    }
    
    .font-18-docente{
        font-size: 18px !important;
        font-family: 'Open Sans', sans-serif;  
    }
    
    .font-22-docente{
        font-size: 22px !important;
        font-family: 'Open Sans', sans-serif;   
    }
    .padding-top-docente{
        padding-top:30px !important;    
    }
    .ol-curso{
        margin-top:0px;
        background-color: #FFFFFF; 
        padding-left:0 ;
        margin-bottom:0;
        padding-bottom:0 ;
         /* border-bottom:0.009em solid #EAEDED ; border-radius:0 */
    }

    .not-mobil-view{
        display: block ;
    }

    .mobil-view{
        display: none ;
    }
    
    .padding-left-cursos {
        padding-left: 5% ;
        padding-right: 2% ;
    }
    
    .font-16{
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-12{
        font-size:8px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-13{
        font-size:9px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-14{
        font-size:10px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-15{
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-19{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-17{
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-18{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-20{
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-22{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-32{
        font-size: 28px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-38{
        font-size: 34px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-28{
        font-size: 24px;
        font-family: 'Open Sans', sans-serif;
    }

    .pt-10px{
        padding-top:10px
    }  

    .pl-footer-modal{
        padding-top:40px;
        padding-left:80px
     }

     .modal-left {
        border-top:0.03em solid  #E5E7E9;
        border-left:none;
     }

     .font-mobil-footer{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .pl-left-modal{
        padding-left:30px;
    }

    .font-32-head{
        font-size: 32px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-38-head{
        font-size: 38px;
        font-family: 'Open Sans', sans-serif;  
     }
    .font-20-modal{
        font-size: 20px;
        font-family: 'Open Sans', sans-serif; 
     }
    
     .font-14-modal {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-15-modal {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
     }
    
    
    .font-18-submit-modal {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        border-radius:0 !important ; 
        background:#ED1C24;
        font-weight: 700;
    }
    .line-vertical{
        line-height:0.65em
    }

    .font-sub-titulo-head{
        font-size: 18px  !important;
        font-family: 'Open Sans', sans-serif;
    }
    .head-table-product{
        font-size: 18px  !important;
        font-family: 'Open Sans', sans-serif;
    }
    .font-15-descripcion-curso{
        font-size: 15px  !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    .font-32-descripcion-curso{
        font-size: 32px !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    .font-15-preguntas{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    
    .font-15-docente{
        font-size: 15px !important;
        font-family: 'Open Sans', sans-serif;
    }
    
    .font-22-preguntas-head{
        font-size: 22px !important;
        font-family: 'Open Sans', sans-serif; 
        padding-left:20px 
    }
    
    .font-18-docente{
        font-size: 18px !important;
        font-family: 'Open Sans', sans-serif;  
    }
    
    .font-22-docente{
        font-size: 22px !important;
        font-family: 'Open Sans', sans-serif;   
    }

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

    .ol-curso{
        margin-top:0px;
        background-color: #FFFFFF; 
        padding-left:0;
        margin-bottom:0;
        padding-bottom:0 ;
         /* border-bottom:0.009em solid #EAEDED ; border-radius:0 */
    }

    .not-mobil-view{
        display: block;
    }
    .mobil-view{
        display: none;
    }

    .padding-left-cursos {
        padding-left: 3% ;
        padding-right: 1% ;
    }


    
    .font-16{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-12{
        font-size:10px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-13{
        font-size:11px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-14{
        font-size:12px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-15{
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-19{
        font-size: 17px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-17{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-18{
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-20{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-22{
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-32{
        font-size: 30px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-38{
        font-size: 36px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-28{
        font-size: 26px;
        font-family: 'Open Sans', sans-serif;
    }

    .pt-10px{
        padding-top:10px
    }  

    .pl-footer-modal{
        padding-top:40px;
        padding-left:150px
     }

     
    .width-modal{
        width:80%
    }

    .modal-left {
        border-top: none; 
        border-left:0.03em solid  #E5E7E9;
  
     }

     .font-mobil-footer{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .font-mobil-footer{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
    }
    .pl-left-modal{
        padding-left:30px;
    }
    .modal-left {
        border-top: none;
        border-left:0.03em solid  #E5E7E9;
   
     }

    .font-32-head{
        font-size: 32px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-38-head{
        font-size: 38px;
        font-family: 'Open Sans', sans-serif;  
     }
    .font-20-modal{
        font-size: 20px;
        font-family: 'Open Sans', sans-serif; 
     }
    
     .font-14-modal {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;  
     }
    
     .font-15-modal {
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;  
     }
    
    
    .font-18-submit-modal {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        border-radius:0 !important ; 
        background:#ED1C24;
        font-weight: 700;
    }
    
    .width-modal{
        width:80%
    }

    .pl-footer-modal{  
        padding-left:180px
     }

    .line-vertical{
        line-height:0.65em
    }
    .font-sub-titulo-head{
        font-size: 18px  !important;
        font-family: 'Open Sans', sans-serif;
    }
    .head-table-product{
        font-size: 18px  !important;
        font-family: 'Open Sans', sans-serif;
    }
    .padding-top-docente{
        padding-top:30px !important;    
    }

    .ol-curso{
        background-color: #FFFFFF; 
        padding-left:0 ;
        margin-bottom:0;
        padding-bottom:0 ;
         /* border-bottom:0.009em solid #EAEDED ; border-radius:0 */
    }

    .not-mobil-view{
        display: block  ;
    }

    .mobil-view{
        display: none  ;
    }
    .padding-left-cursos {
        padding-left: 3% ;
    }

    .font-16{
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-12{
        font-size:12px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-13{
        font-size:13px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-14{
        font-size:14px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-15{
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-19{
        font-size: 19px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-17{
        font-size: 17px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-18{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-20{
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-22{
        font-size: 22px;
        font-family: 'Open Sans', sans-serif;
    }

    .font-32{
        font-size: 32px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-38{
        font-size: 38px;
        font-family: 'Open Sans', sans-serif;
    }
    .font-28{
        font-size: 28px;
        font-family: 'Open Sans', sans-serif;
    }

    .pt-10px{
        padding-top:10px
    }  
 }



.pt-20-modal-text{
    padding-top:10px;
    font-size:15px
}