.offer-modal .products .products-title{
  color: #fff;
  background: #0b4b5f;
  text-align: center;
  padding: 0.45rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.offer-modal .modal-dialog{
    max-width: 50%;
}

.offer-modal .modal-header{
  background: #fff;
  color: #333;
}

.offer-modal .modal-header * {
    color: #333;
    font-size: 1rem;
    font-weight: 500;
}

.offer-modal .modal-dialog .modal-header button.close span{
  color: #333;
  font-size: 1.675rem;
  line-height: 1.195rem;
}

.modal-header .close {
    padding: 0.495rem 1rem;
    padding-right: 0.65rem;
    margin: 0;
    margin-left: 1rem;
    border-left: 1px solid rgba(0,0,0,0.125);
}

.offer-modal .modal-header .buttons .btn{
    background: #f7f5f6;
    color: #0f0f0f;
    border: 1px solid #e6e6e6 !important;
}

.offer-modal .modal-header h5 span{
  color: #74b257;
  font-size: 1.125rem !important;
  vertical-align: middle;
}

.offer-modal .modal-header h5 .offer-icon{
  display: inline-block;
  background: transparent url('https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/ajax_cart_icon.png') no-repeat center center;
  background-size: 100%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 1rem;
}

.offer-modal .modal-header .buttons .btn.btn-primary{
    color: #fff;
    background: #0b4b5f;
    border: 1px solid #0b4b5f !important;
}

.offer-modal .modal-body{
  padding: 0;  
}

.offer-modal .modal-body .product{  
  border-bottom: 1px solid rgba(0,0,0,0.125);
  padding: 0.65rem 1rem;
}

.offer-modal .modal-body .product, .offer-modal .modal-body .product *{  
  font-size: 1.125rem; 
  font-weight: 600;
  color: #333;
}

.offer-modal .services .list-group-item{
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.offer-modal .services .list-group-item:first-child, .offer-modal .services .list-group-item.active:first-child{
  border-top: none;
}

.offer-modal .services .list-group-item:last-child, .offer-modal .services .list-group-item.active:last-child {
  border-bottom: 1px solid rgba(0,0,0,0.125);;
}

.offer-modal .services .list-group-item.active {
    color: #333;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.125);
    border-right: none;  
}

.offer-modal .services .list-group-item{
    color: #333;
    background-color: #f7f5f6;
    border-right: none;  
}

.offer-modal .services #services-tab-content{
  min-height: 146px;
}

.offer-modal .services{
  margin: 0px;
}

.offer-modal .services .col-md-4{
  background-color: #f7f5f6;
  padding: 0px;
  margin: 0px;
}

.offer-modal .services .col-md-8{
  padding: 0px;
  margin: 0px;
}

.offer-modal .services .col-md-8 .tab-content{
  padding: 0.75rem 1rem;  
}


#services-tab-content .custom-checkbox .custom-control-input + .custom-control-label::before {
    border-color: #ededed;
    border-width: 2px;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
    left: -25px;
  width: 16px;
  height: 16px;
  outline:none;
  box-shadow: none;
}

#services-tab-content .custom-checkbox .custom-control-input + .custom-control-label::after {
    background-image: none;
}

#services-tab-content .custom-checkbox label{
  cursor: pointer !important;
}

#services-tab-content .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background: #0b4b5f;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    top: 0px !important;
    left: -25px !important;
    background: transparent url('https://www.xavqernizulo.pro/xavqernizulo.pro/default/css/images/icons_new.png') no-repeat -178px -338px !important;  
}

#services-tab-content .custom-checkbox .custom-control-input:checked + .custom-control-label::before {
    border-color: transparent;
}

#services-tab-content .custom-control {
  padding-left: 25px;
}

#services-tab-content .custom-checkbox .custom-control-label span{
  font-size: 1.125rem;
  font-weight: 500;
  color: #333;
}

#services-tab-content .custom-checkbox .custom-control-input:checked ~ .custom-control-label span{
  color: #3e95bd;  
  font-weight: 600;
}

#services-tab-content .custom-checkbox{
  width: 40%;
  margin: 0.75rem 1.25rem;
}

#services-tab-content .description{
  margin-bottom: 0.75rem;
}


.offer-modal .products-items{
  height: 230px;
  overflow: hidden;
  padding: 0.25rem 0.65rem;
}

.offer-modal .products-items .item img{
  margin: 0px auto;
  width: auto;
}

.offer-modal .products-items .item{
  padding: 5px;
  text-align: center;
}

.offer-modal .products-items .item a{
  display: block;
  font-size: 1.085rem;
  text-decoration: underline;
  height: 39px;
  overflow: hidden;
  margin-top: 3px;
  margin-bottom: 2px;
  text-align: center;
}

.offer-modal .products-items .item .price{
  height: 38px;
  vertical-align: bottom;
  display: table-cell;
  width: 180px !important;
  padding-bottom: 5px;
  overflow: hidden;
}

.offer-modal .products-items .item .price .special-price{
  line-height: 1.70rem;
  color: #3e95bd;
  font-size: 1.75rem;
  font-weight: 700;
  display: block;

}

.offer-modal .products-items .item .price .old-price{
  text-decoration: line-through;
  line-height: 1.00rem;
  color: #666;
  font-size: 1.085rem;
  display: block;
}

.offer-modal .products-items .item .btn{
  font-size: 1rem;
  margin-top: 2px;
}

.offer-modal .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 10px;
    text-align: center;
    z-index: 9999;
  margin-top: -3rem;
}

.offer-modal .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    text-align: center;
    z-index: 9999;
    margin-top: -3rem;
}

.offer-modal .owl-nav .owl-prev span, .offer-modal .owl-nav .owl-next span{
  display: block;
  text-align: center;
  width: 4rem;
  height: 4rem;
  font-size: 4.55rem;
  line-height: 3rem;
  font-weight: 700;
}  
  
.offer-modal .owl-nav .owl-prev:hover, .offer-modal .owl-nav .owl-next:hover{

background: rgba(0,0,0,0.125) !important;
color: #FFF;
text-decoration: none;
}


#offer-modal-msg .success{
  background: rgba(0,250,0,0.25);
  padding: 10px;
  margin: 5px;
  color: green;
}

#offer-modal-msg .error{
  background: rgba(250,0,0,0.25);
  padding: 10px;
  margin: 5px;
  color: maroon;
}

#services-change-container{
  margin-top: -10px;
}

#services-change-container button{
  margin: 0px 10px;
}

#services-change-container #services-change-amount{
  line-height: 1.70rem;
  color: #3e95bd;
  font-size: 1.75rem;
  font-weight: 700;
}

.modal.offer-modal {
    z-index: 999995;
    top: 0px;
}