@font-face {
  font-family: VodafoneLt;
  src: url(../fonts/VodafoneLt.ttf);
}
@font-face {
  font-family: VodafoneRg;
  src: url(../fonts/VodafoneRg.ttf);

}
@font-face {
  font-family: VodafoneExBd;
  src: url(../fonts/VodafoneExBd.ttf);

}
body {
  background-color: #f4f4f4;
  font-family: VodafoneRg;
  font-size: 1rem;
  margin: 0;
  color: #333333;
}
a {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #e60303;
  text-decoration: none;
  background-color: transparent;
}
[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}
.border-top {
  border-top: 1px solid #cccccc!important;
}
.border-bottom {
  border-top: 1px solid #cccccc!important;
}
.card-footer img {
  transition-duration: 0.5s;
}
 
.card-footer #read-more[aria-expanded="false"]:before{
  content:"Show More";
}

.card-footer #read-more[aria-expanded="true"]:before{
  content:"Show Less";
}
 
.card-footer #read-more[aria-expanded="false"] img {
 transform: rotateX(0deg);
}
.card-footer #read-more[aria-expanded="true"] img {
  transform: rotateX(180deg);
 }
 .breadcrumb a{
  text-decoration: none;
  color: #5E2750;
  border-bottom: 1px dotted #5E2750;
  font-size: 15px;
  font-weight: bold;
}
.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
}
a.add-more-basket-btn{
  font-size: 1.1rem;
}

.vc-cpq-list{
  list-style: none;
  padding: 0;
  margin: 0;
}
.vc-cpq-list li:before {
  content: '✓';
  color: #428600;
  padding-right: 10px;
}
.fa-check{
  color: #428600;
}
/* BUTTONS */
.btn{
  border:none;
  border-radius: 0;
  padding: 0.65rem 1.5rem;
}
.btn:focus{
  box-shadow: none;
}
.btn-primary{
  color: #fff;
  background-color: #000000;
}
.btn-primary:hover {
  color: #fff;
  background-color: #5a6268;
}
.btn-secondary {
  color: #fff;
  background-color: #e60303;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #e60303;
}
.back-btn,
.remove-package-btn{
  color: #333333;
}
.back-btn:hover{
  color: #e60303;
}
.add-basket-btn{
  color: #333333;
  text-decoration: underline;
}
.btn-term{
  color: #5a6268;
  background-color: transparent;
  border: 1px solid #5a6268;
  box-shadow: none;
}
.btn-term:not(:disabled):not(.disabled).active, .btn-term:not(:disabled):not(.disabled):active, .show>.btn-term.dropdown-toggle {
  color: #fff;
  background-color: #E60303;
  border-color: #E60303;
}
/* END BUTTONS */

.vc-cpq-step-section{
  position: relative;
  background-color: #fff;  
  font-family: VodafoneRg;
  font-size: 14px;
  padding: 35px 0 35px;
  /* border-bottom: 1px solid rgb(214, 214, 214); */
}
.vc-cpq-steps .active p:before {
  bottom: -60px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(61, 61, 61, 0);
  border-bottom-color: #f4f4f4;
  border-width: 25px;
  margin-left: -26px;
  transform-origin: bottom;
  transform: rotate(0deg);
  z-index: 2;
}
.vc-cpq-steps .active p:after {
  bottom: -58.5px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(61, 61, 61, 0);
  border-bottom-color: rgb(214, 214, 214);
  border-width: 25px;
  margin-left: -26px;
  transform-origin: bottom;
  transform: rotate(0deg);
  z-index: 0;
}
.vc-cpq-step-section-container{
  width: 80%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;    
}
ul.vc-cpq-steps {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-content: center;
  position: relative;
  z-index: 1;
}
ul.vc-cpq-steps::after {
  content: '';
  position: absolute;
  top: 8px;
  border-bottom: 1px solid #777777;
  /* width: 97%; */
  left: 0;
  margin: 0 21px;
  right: 0;
  z-index: -1;
}

.vc-cpq-steps li {
  background: #fff;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  border: 1px solid #e60303;
  margin: 0 1em;
  display: inline-block;
  color: #000;
  position: relative;
}

.vc-cpq-steps li.active::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50px;
  background: #e60303;
  width: 6px;
  height: 6px;
}
ul.vc-cpq-steps li.vc-cpq-package-selected{
  background: #428600;
  border: 1px solid #428600;
}
ul.vc-cpq-steps li p {
  top: -38px;
  width: 100px;
  position: absolute;
  left: -48px;
}
.vc-cpq-steps li:nth-child(2) img{
  left: -19px;
}
.vc-cpq-steps img {
  position: absolute;
  width: 40px;
  top: -43px;
  left: -15px;
}
.vc-cpq-steps-text{
  margin: 0 auto;
  padding: 0;
  display: none;
  justify-content: space-between;
  width: 100%;
  align-content: center;
  position: relative;
  z-index: 1;
}

/* CARDS */
.card{
  font-family: VodafoneRg;
}
.card-header{
  background-color: #fff;
  padding: 10px;
}
 .card-body{
  background-color: #fff;
  padding: 0;
} 
 
.card-footer{
  background-color: #fff;
  padding: 10px;
}
.vc-cpq-device-detailpods-block{
  display: flex;
  flex: 0.6;
  justify-content: space-around;
  align-items: center;
  /* flex-wrap: wrap; */
}
.vc-cpq-detail-pods {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #cdcdcd;
  border-radius: 50px;
  width: 75px;
  height: 75px;
}
.price{
  color: #e60303;
  font-size: 2rem;
  vertical-align: middle;
}
.price-small span{
  font-size: 1rem;
}
/* FORM INPUTS */
.card input, .card select {
  border-radius: 0 !important;
  height: 45px;
}
label {
  margin-bottom: 1rem;
}
.small {
  font-size: 80%;
  font-weight: normal;
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url(../img/select-input-icon.png) no-repeat right .75rem center/21px 11px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select.select-service {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
 /* END FORM INPUTS */


 /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

 /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  ul.vc-cpq-steps li p {
    font-size: inherit;
    width: 116px;
    left: -55px;
  }
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
  ul.vc-cpq-steps li p {
    width: 195px;
    left: -91px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .container{
    max-width: 1600px;
  }
}