@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700|Roboto:300,400,700&display=swap');
/* CSS Document */
@font-face {
    font-family: futuraPTLight;
    src: url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTLight.eot);
    src: url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTLight.eot) format("embedded-opentype"),url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTLight.woff) format("woff"),url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTLight.ttf) format("truetype"),url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTLight.svg#FuturaPTBook) format("svg")
}

@font-face {
    font-family: futuraPTBook;
    src: url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTBook.eot);
    src: url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTBook.eot) format("embedded-opentype"),url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTBook.woff) format("woff"),url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTBook.ttf) format("truetype"),url(//backend.lla-cloud.com/assets/cw/css/fonts/FuturaPTBook.svg#FuturaPTBook) format("svg")
}

@font-face {
    font-family: futuraPTMedium;
    src: url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Medium.eot);
    src: url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Medium.eot) format("embedded-opentype"),url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Medium.woff) format("woff"),url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Medium.ttf) format("truetype"),url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Medium.svg#FuturaPTBook) format("svg")
}

@font-face {
    font-family: futuraPTBold;
    src: url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Bold.eot);
    src: url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Bold.eot) format("embedded-opentype"),url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Bold.woff) format("woff"),url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Bold.ttf) format("truetype"),url(https://cdn-antares.konibit.com.mx/cw/css/fonts/FuturaPT-Bold.svg#FuturaPTBook) format("svg")
}

:root{
    --purpleMM: #981D97;
    --purpleMMv2: #981D97;
    --orangeMM: #FF4713;
    --white: #ffffff;
    --grayMM: #64666a;
    --graylightMM: #f4f4f4;
}

/*GENERAL*/
body {
    color: #63666a;
    font-family: futuraPTBook,Arial,serif;
    /* font-size: 2em;*/
    font-weight: 400;
}

.btn-danger{
    color: #FFF;
    background-color: var(--purpleMM);
    border-color: var(--purpleMM);
    border-radius: 30px;
}

.btn-danger:hover{
	color: #FFF;
	background-color: #5C125B;
	border-color: #5C125B;
}

.btn-warning{
    background-color: var(--orangeMM);
    border-radius: 50px;
    border-color: var(--orangeMM);
    color: white;
}

.btn-warning:hover{
    background-color: #B7300A;
    border-color: #B7300A;
    color: white;
}

.form-control {
    border-radius: 10px;
    background-color: var(--graylightMM);
    border: none;
}

.text-dark{
    color: var(--grayMM)!important;
}

/*LOGIN */
/* login cabecera */
a.btn-login {
    border: 1px solid #d10074;
    border-radius: 9px !important;
    color: #d10074 ;
    font-weight: bold;
    font-size:1.2em;
}

a.btn-login:before {
    font-family: FontAwesome;
    content: "\f090";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-size: 1.5em;
    color: #4f2d7f;
}

/* página de login */
.login {
  background: url("https://cdn-antares.konibit.com.mx/masmovil_pa/residencial_b2c/store/imgs/BG-Login.png");
  background-size: cover;
  display: flex;
  margin-left: 50%;
}

@media (max-width: 480px) {
      .login {
          margin: auto !important;
          padding: 20px !important;
      }
}

.login .input-group .row {
    display: none;
}

#loginForm {
    background: var(--white);
    border-radius: 15px;
    color: black !important;
    text-align: center;
    height: 470px;
    padding: 35px;
    margin: auto;
}

#doLogin {
    background:var(--orangeMM) !important;
    color: white !important;
    border-radius: 45px;
    padding-left: 30px;
    padding-right: 30px;
}

#doLogin:hover{
    background-color: #B7300A!important;
}

#doLogin svg{
    margin-right: 10px;
}

#resetButton{
    margin-top: 20px;
}

#returnToLogin{
    float: none!important;
    border-radius: 45px;
    border: none;
    background-color: var(--purpleMM)!important;
    color: var(--white)!important;
    margin: 20px;
}

#passwordLoginHolder{
    margin-bottom: 40px;
}

#wrapper #content-wrapper .d-flex.justify-content-between.flex-wrap.flex-md-nowrap{ /*used*/
    flex-direction: column;
}

.login .content h3 {
    font-family: futuraPTLight,Arial,sans-serif;
    text-align: center;
    font-size: 28px;
    font-weight: 400!important;
}

.btn-success, .btn-catalog-order{
    border-radius: 40px;
    width: auto!important;
}

button.btn.btn-default.btn-outline.float-right:hover{
    color: var(--orangeMM);
}

.logo-login {
  display: block;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%; /* Width of new image */
  height: auto; /* Height of new image */
  margin: 5px auto 35px auto;
}

#passwordRevealer span{
    border: none;
    background-color: var(--graylightMM);
}

#passwordRevealer span svg{
    color: var(--orangeMM);
}

#usernameLoginHolder label, #passwordLoginHolder label{
    text-align: left;
}

/*Reestablecer contraseña*/
#username_component_holder div label{
    color: black;
    font-weight: bold;
    font-size: 20px;
}

#username_component_holder div p{
    color: black;
    margin: auto;
}

#password_component_holder label{
    color: black;
    font-size: 20px;
    text-align: left;
}

#hint{
    color: black;
    margin-bottom: 0;
}

#password_component_holder .help-inline ul{
    margin-top: 2rem;
    font-size: .9rem;
    background-color: rgba(194, 55, 23, .8);
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}

#save + p {
    color: black;
}

#password_component_holder .progress{
    border: thin solid #CCC;
}

#doReset {
	background-color: #ff4713 !important;
	color: #FFF !important;
    border-radius: 45px;
    margin: 20px;
}

#doReset:hover {
	background-color: #B7300A !important;
	color: #FFF !important;
}

#returnToLogin:hover{
	background-color: #5C125B !important;
	color: var(--white) !important;
    box-shadow: none;
    border: none;
}

#mainForm {
    background: var(--white);
    border-radius: 15px;
    color: black !important;
    text-align: center;
    margin: auto;
}

.mb-4{
    display: block;
    box-sizing: border-box;
    width: 70%;
    height: auto;
    margin: 5px auto 15px auto;
}

.form-group.firstHolder{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.form-group.firstHolder.input-goup{
    flex-direction: column;
}

.form-group .btn.blue.adminEdit {
    border: 2px solid #ff4713;
    border-radius: 100px;
}

#password-validation {
    list-style: none;
    padding: 10px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: #ffe6e6;
    color: #d9534f;
    font-size: 14px;
    font-weight: bold;
    display: none;
    max-width: 300px;
    border-left: 5px solid #d9534f;
}
 
#password-validation li {
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
    text-align: left;
}

/* header */
.logo-header { 
	height: 60px;
    padding: 6px;
}

.navbar-brand {
	padding: 0;
}

#page-top .navbar-expand.static-top{
    max-width: 2600px;
    margin: auto;
    align-items: flex-end;
    border-bottom: solid 4px #981D97;
}

button#sidebarToggle {
    padding-bottom: 1rem;
}

#page-top #wrapper{
    flex-direction: column;
}

#userDropdown{
	font-size: 1.5rem;
    color: var(--purpleMM)!important;
    padding: 0;
}

a#userDropdown:hover{
    color: var(--orangeMM)!important;
}

/* sidebar */
.sidebar { /*used*/
    font-family: futuraPTLight,Arial,sans-serif;
    flex-direction: row !important;
    min-height: unset!important;
    width: 100%!important;
    max-width: 1200px;
    margin: auto;
}

.sidebar .nav-item:last-child {
    margin-bottom: 0!important;
}

.sidebar .nav-item {
    position: relative;
    margin-top: 10px;
}

.sidebar .nav-item.active {

}

.sidebar .nav-item.active:before {

}

.sidebar .nav-item .nav-link { /*used*/
	padding: 5px !important;
}

.sidebar .nav-item.active .nav-link {
	width: unset!important;
}

.sidebar .nav-item .nav-link span { /*used*/
    color: #3D3D3D;
    padding: 10px 20px;
	text-transform: uppercase;
	font-size: 20px;
    font-weight: bold!important;
    line-height: 1.5;
}

.sidebar .nav-item .nav-link span:hover{
    color: var(--orangeMM);
}

.sidebar .nav-item.active .nav-link span { /*used*/
    color: var(--orangeMM);
    border-bottom: solid 5px var(--orangeMM);
}

a.navbar-brand.mr-1 {
    text-align: left!important;
}

@media only screen and (min-width: 575px) {
	#sidebarToggle{
		display: none;
	}	
}

@media only screen and (max-width: 768px) {
	.sidebar .nav-item .nav-link span {
		color: #63666a;
		padding: .2rem;
		text-transform: uppercase;
		font-size: 1.2rem;
	}
	
	.sidebar .nav-item .nav-link {
		width: auto!important;
	}
	
	.sidebar{
		margin: 0!important;
		padding-left: 40px;
	}
}

@media (min-width: 768px) {
    .sidebar .nav-item .nav-link {
        display: block;
        width: 100%;
        text-align: left;
        padding: 1rem;
        width: auto!important;
    }
}

/*TERMS AND CONDITIONS ACCEPT PAGE*/
[name=acceptForm] [type=submit]{
	margin: auto;
	background-color: #ff4713;
	color: #FFF;
	font-size: 2rem;
	display: block;
	border-color: #fff;
}

.display-3.text-white {
    font-size: 2.6rem
}

.display-4.my-3
    {font-size: 2.3rem;
}

/* BUNDLES */
.tab-content>.active {
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer.sticky-footer{
    bottom: -10vh;
    height: auto;
    width: 100%;
    padding-bottom: 10px;
}

.container.my-auto table{
    width: auto!important;
}

.row {
    margin: auto;
}

.product_info .text-center {
    display: flex;
    justify-content: center;
}

.row.clearfix {
    justify-content: start !important;
}

@media (min-width: 768px) {
    .col-md-6 {
        flex: 50%!important;
        max-width: 100%!important;
    }
}

.profile-tabs.row.clearfix {
    width: inherit;
}

.p.mt-5.mb-3.text-center {
    margin-top: 30px !important;
}

#optionalLabel.adminEdit{
    font-size: 20px!important;
}

.tab-content.p-4 {
    padding: 0 !important;
}
#sop_alma {
    width: 100%;
}

/* CATALOG */
#wrapper{
    border-top: 1px solid rgb(194,194,194);
}

#wrapper #content-wrapper{ /*used*/
    max-width: 1200px;
    margin: auto;
}

#wrapper #content-wrapper .header-section .col{ /*used*/
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#wrapper #content-wrapper .header-section .section-title{ /*used*/
    color: var(--orangeMM);
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: solid 1px #bbbbbb!important;
}
.card.product .img-holder .img-post{/*used*/
    text-align: center;
}

.card.product .img-holder .img-post>img{/*used*/
    max-width: 400px!important;
    width: 90%;
    transition: transform .4s ease, opacity .4s ease !important;
}

.img-holder .img-post:hover>img {
    transform: scale(1.02);
    opacity: 1!important;
}

.card.product { /*used*/
    background-color: var(--white);
    border: none;
}
.card.product .img-holder {/*used*/
    padding: 9px;
    z-index: 1;
}
.card.product .body { /*used*/
    position: relative;
    top: -100px;
    border: solid 3px #E9E9EA;
    border-radius: 10px;
    padding: 90px 20px 20px 20px;
    height: 50%;
    display: flex;
    text-align: center;
    background-color: #FFF;
    flex-direction: column;
    justify-content: space-between;
}

.card.product .body h3 {
     text-align: center;
     text-transform: uppercase;
}

.card.product .body h3 a {
    color: #3D3D3D !important;
    font-size: 28px !important;
    font-weight: bold;
}

.card.product .body div.teaser { 
    font-size: 18px !important; padding: 0 1rem;
}

.card.product .body div.btn-actions {
    text-align: center; margin: 5px;
}

.card.product .body div.btn-actions .more-info{
    background-color: var(--purpleMM);
    color: var(--white);
    border: none;
    padding: 5px 30px;
    border-radius: 20px;
}

.card.product .body div.btn-actions .more-info:hover{
    background-color: #5C125B;
}

.form-group img {
    max-width: 350px !important;
    max-height: 350px !important;
}

.product-image.rounded {
    width: 230px;
} 

div#companySubtitle_component_holder {
    display: none;
}
 
div#companyDataType_component_holder {
    display: none;
}

#userDataType_component_holder .col-form-label.readOnlyOk::before {
    content: "Tus datos ya están pre-cargados, solo da clic en el botón activar.";
    font-size: 20px;
    font-weight: 600;
}

/* Tag */
.badge-outline.active {
	background: var(--orangeMM);
	color: #ffffff!important;
}

.main-heading .badge{
	font-size: inherit;
    color: var(--orangeMM)!important;
    background-color: white !important;
    border-radius: 10px;
    border: solid 2px var(--orangeMM);
}

.main-heading .badge:hover{
    color: #FFF!important;
    background-color: var(--orangeMM)!important;
}

/* PRODUCT PAGES */
.product-header .product_info .product-image img.w-100{
    /*width: unset!important;*/
}

.profile-page .product-header .product_info .section-title.text-info{
	color: #3D3D3D !important;
    text-transform: uppercase;
    font-size: 35px;
}

@media (max-width: 480px) {
    .profile-page .product-header .product_info .section-title.text-info {
        font-size: 26px;
    }
}

.product-header {
    border: solid 3px #E9E9EA;
    border-radius: 15px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0px 22px 30px 22px;
}

.card{
    border: solid 0px!important;
    margin-top: 0px;
    padding: 0px;
}

.text-left{
    text-align: left !important;
    margin-bottom: 20px!important;
}

.btn-primary{
    color: #fff;
    background-color: var(--purpleMM);
    border-color: var(--purpleMM);
    border-radius: 30px;
    padding: 5px 20px 5px 20px;
}

.btn-primary:hover{
    background-color: #5C125B;
    border-color: #5C125B;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    color: #FFF;
    background-color: #FF4713;
    border-color: #FF4713;
    border-radius: 15px 15px 0px 0px;
    font-size: 18px;
}

.nav-tabs .nav-link{
    font-size: 18px;
    color: #64666A;
    border: solid 2px #FFF;
    border-style: solid solid none solid;
}

.nav-tabs .nav-link:hover{
    border-style: solid solid none solid;
    border-radius: 15px 15px 0px 0px;
    border-width: 2px;
}

.nav-tabs{
    border-bottom: 5px solid #FF4713;
}

.nav{
    column-gap: 10px;
}

.ml-3, .mx-3{
    margin-left: 0rem !important;
}

.section-banner{
    margin-top: 0px!important;
}

.m-t-10 {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    justify-content: flex-start;
}

@media (max-width: 480px) {
    .hdr-text {
        font-size: 30px !important;
    }
    #almilim span {
        font-size: 30px !important;
    }
    #sop_alma span { 
        font-size: 30px;
    }

    
}

/* CHAT */
.getintouch{
  /*width:120px;*/
  /*height:120px;*/
  text-align:center;
  right: 15px;
  bottom: 25px;
  color: white;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.3;
  position: fixed;
  background-color: #FFF;
  border-radius: 50%;
  border: #ff4713 solid;
  padding: 5px;
}

#expText{
    color: white;
    font-size: 20px;
    background-color: #de472c !important;
    padding: 10px;
    border-radius: 5px;
}

@keyframes zoom-in-out {
    0%   { transform: scale(1,1);  }
    50%  { transform: scale(1.2,1.2); }
    100% { transform: scale(1,1);  }
}

.zoom-in-out {
	animation: zoom-in-out 5s forwards;
  animation-iteration-count: 3;
}

input.form-control.adminEdit{
    border-radius: 10px!important;
    width: 100%;
    margin-bottom: 10px;
}