/*
 Theme Name:   Oven Theme
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Elicus Technologies
 Author URI:   https://elicus.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
body{
     background-color: #ecf7ff  !important;
     color:#4e4c4c ;
}
.btn-success{
  background-color: #28a745 ;
  border-color: #28a745 ;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
  background: transparent;
}
.single-blog-post .entry-content p{
  font-family: sans-serif;
}
body{
  font-family: sans-serif;
}
.site-header>.site-logo{
      border-bottom: 0px solid;
}
.site-branding {
    min-width: 20% !important;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
  background: transparent;
}
.site-header{
  padding: 0 20px 0px 20px;
  border-bottom: 0px solid #1070b9;
  background: #fff;
  max-width: 1250px;
  margin-top: 20px;
  border-radius: 15px 15px 0px 0px;
}
.site-main{
  padding: 0px;
}
.site-logo {
  margin-top: 0;
    margin-bottom: 3px;
}
.primary-navigation{
  margin-right: 20px;
}
.primary-navigation > div > .menu-wrapper li{
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #0000002e;
}
.site-logo .custom-logo {
    max-width: 227px !important;
    max-height: 134px !important;
    padding: 34px 0px !important;
}
.site-title,.site-title a{
  font-weight: 700 !important;
  color: #000000;
}
.green-box{
  background-color: #2a7377 !important;
  padding:15px ;
  color:#fff !important;
}
.white-box{
  background-color: #ffffff !important;
  padding:15px ;
}
.round-15{
  border-radius:15px !important;
}
.hero-section{
      padding-top: 0px;
}
.avatar-title{
  color: #4e4c4c;
}
.modal{
    top: 150px;
}

#search-notice{
  background: #245052;
  border-radius: 15px;
  padding: 15px 15px 15px;
}

#search-notice > .form-group{
  max-width: 300px;
margin: 0 auto;
}
#search-notice > .form-group  a.btn{
  background: #fa6742;
border-color: #fa6742;
    -webkit-box-shadow: 0 8px 14px rgb(0 0 0 / 5%);
box-shadow:0 8px 14px rgb(0 0 0 / 5%);
}
.cal-icon{
  position: absolute;
right: 45px;
margin-top: 10px;
color: #877c7c;
}
.cal-icon i{
  font-style:normal;
}

#ovenDate:hover,.cal-icon > i:hover{
  cursor:pointer;
}


fieldset hr.cart-total-hr{
      width: 100%;
      margin-top: 0rem!important;
      border-color: #a59f9f;
}

.modal-body a{
  color: #fa6742;
}

.label {
  padding: 1px 4px;
  border-radius: 4px;
  color: #fff;
}

.label-navy{
  background-color: #6666FF;
}
.label-grey{
background-color: #C0C2C9;
}
.label-black{
background-color: #000000;
}
.label-green{
background-color: #18A558;
}


.container.custom-header{
  padding: 0px !important;
  max-width: 1250px;
  padding-bottom: 7px;
  margin-bottom: 0px;
}
.container.custom-header img{
  max-width: 100%;
}
.container.custom-header .call-to-action{
  background: #fff;
  border-radius: 0px 0px 15px 15px;
  padding: 21px 0px;
}
.container.custom-header .call-to-action h1{
  font-size: 32px;
  color: #4f4f4f;
  font-weight: 500;
}
.container.custom-header{

}
.container.custom-header{

}
.archive.category .page-header{
  padding-bottom:0px;
  margin-bottom:20px;
}
.archive.category .page-header .page-title{
  font-size:26px;
}
#sidebar-blog{
  background: #f1f1f1;
  border-radius: 10px;
}
.single-post .navigation.post-navigation{
  display: none;
}
.content.page-content{
  margin-top:23px;
}
.btn-primary{
  background: #272f3c;
    border-color: #272f3c;
    -webkit-box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
    box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
}
.btn-primary:hover{
  background: #0e1218;
  border-color: #0e1218;
  -webkit-box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
  box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
}

.btn.btn-secondary{
    background-color: #a5a5a5 !important;
    border-color: #a5a5a5;
    -webkit-box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
    box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
}
.btn-secondary:hover{
  background-color: #918989 !important;
  border-color: #918989;
  -webkit-box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
  box-shadow: 0 8px 14px rgb(0 0 0 / 20%);
}
.form-container{
  max-width: 552px;
  margin: auto;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea{
  padding: 9px 6px;
  font-size: 14px;
}
/*Start: Blog Page and Blog Posts */
.container.blog-posts,.container.single-blog-post{
  background: #fff;
  padding: 41px 43px;
  max-width: 1250px;
  padding-bottom: 7px;
  margin-top: 35px;
  margin-bottom: 35px;
  border-radius: 15px;
}

.container.blog-posts .row{
  margin-bottom: 20px;
}
.blog-posts h2.entry-title{
  font-size: 26px;
  color: #4f4f4f;
}
.blog-posts .entry-content p{
  font-size: 18px;
  color: #4f4f4f;
}
.blog-posts .entry-header,.blog-posts .entry-content,.blog-posts .attachment-post-thumbnail{
  margin: 0px;
  padding: 0px;
}
.container.blog-posts .col article{
    box-shadow: 0px 4px 9px 0px #d6cdcd;
    padding: 32px 26px 4px;
    border-radius: 10px;
    height: 100%;
  }
  .container.blog-posts .more-link{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .container.blog-posts .more-link > span.link-text{
    background: #0056b3;
    color: #fff;
    padding: 4px 10px;
  }

  .container.blog-posts .navigation{
      padding: 0;
  }

  .container.blog-posts .nav-links{
      margin: 0 auto;
  }


  .container.single-blog-post header{
      margin-top: 0px;
      padding-bottom: 0px !important;
  }
  .single-blog-post h1.entry-title{
    font-size: 40px;
    color: #4f4f4f;
    font-weight: 700 !important;
    padding-top: 20px;
  }

  .single-blog-post h2{
    font-size: 30px;
    color: #4f4f4f;
  }

  .single-blog-post .entry-content p{
    font-size: 18px;
    color: #4f4f4f;
  }

  .single-blog-post h2{
    max-width: 100% !important;
    margin: 10px;
  }
  .single-blog-post p{
    max-width: 100% !important;
    margin: 20px;
    margin-top:0px;
  }

  .container.single-blog-post .post-thumbnail > img{
    max-width: 510px !important;
    margin-top: 0px;
  }

/*End: Blog Page and Blog Posts*/
i:before{
  font-family: FontAwesome;
}
.bg-blue{
    background-color: #0087ee !important;
}
.bg-white{
    background-color: #fff !important;
}
.bg-light {
  background-color: rgb(192 148 81) !important;
  color: rgb(255 255 255);
}
.rounded-custom{
  border-radius: 15px;
  color: #4e4c4c !important;
}
.white-text{
  color:#fff;
}
.off-black{
  color:#5e5c5c;
}
.black-text{
    color: #343a40;
}
.blue-text{
    color: rgb(0, 117, 178);
}
.margin-0auto{
  margin: 0 auto;
}
h1{
  font-size: 60px;
  font-weight: 700;
}
h4{
  font-size: 26px;
font-weight: 700;
}
h3{
  font-weight: 700;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,body,ul,ol{
      font-family: sans-serif;
      margin-bottom:10px
}
p{
  font-size: 20px;
  line-height:28px;
  margin-bottom:10px
}
/* .slider-box h1{
  text-shadow: 1px 1px 1px #565353;
} */
.services-icons{
  background: transparent;
  font-size: 50px;
}
.wistia_responsive_padding{
  border: 10px solid rgb(0, 117, 178);
  background: rgb(0, 117, 178);
      border-radius: 10px;
          border-bottom: 0;
}
.list-group-item{
  background-color: transparent;
border: none;
}
.payment-logo{
  padding-top: 73px;
padding-bottom: 32px;
}
footer{
      background-color: rgb(39 47 60) !important;
      font-size: 18px;
}
.footer{
    padding-top: 63px;
    padding-bottom: 59px
}
.widget-area.sidebar{
  display:block !important;
  padding-top: 0;
  margin-top: 0;
}
.widget-title{

}
.widget-area ul{
  list-style-type: disc;
}
.widget-area ul li{
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 20px;
}
.widget-area nav{
  padding-left: 30px;
}
.affix {
    top: 20px;
    z-index: 9999 !important;
  }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea{
    border: 1px solid #e8dfdf;
    margin: 0 0px;
  }

.rounded-15{
  border-radius:15px;
}

#benefits .list-group-item{
      padding: 0.75rem 0;
}
 /*Start: Carosuel SLider*/
 .carousel-control-prev{
    left: -106px;
    background: transparent !important;
 }
 .carousel-control-next {
    right: -106px;
    background: transparent !important;
}
.carousel-control-next, .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width:30px;
    height:30px;
    background-color: #000;
    border-radius: 10px;
    background-size: 20px;
}
 /* End: Carosuel SLider */


/*Start: Count Down CSS*/
.countdown{
  margin-bottom: 20px;
  font-size: 48px;
}
.countdown span{
  padding: 5px 15px;
  background:#294dc6;
  border-radius:5px;
}
/*End: Count Down CSS*/

/* Start: Accorion */
  .accordion button{
    background: transparent !important;
    color: #000 !important;
    font-size: 20px;
    display: block;
    width: 100%;
    text-align: left;
  }
  .accordion button:hover{
    border: none !important;
    transition: none;
    transform: none;
  }
  .accordion .card-header{
    background-color: rgb(0 0 0 / 9%);
    padding: 0 0;
    border-radius: 0px;
  }
  .accordion .card-body{
    background: #fff;
    border: 1px solid #a8a3a3;
    border-top: 0px;
  }

/* End: Accorion */
  .about-us p{
    margin-bottom: 15px;
  }
  .page-content .entry-header{
    margin-bottom:10px;
    padding-top: 0;
    margin-top: 0;
  }
  .page-content .entry-header img{
    margin-top: 0px;
  }

  .page-content-area,.page-content-area p{
    text-align:justify;
  }
  .page-content-area p{
    margin-bottom:15px;
    font-size:18px;
  }
  .page-content-area{
      color:#4f4f4f;
      margin-top: 22px;
  }
  .card.services-box{
    box-shadow: 2px 5px 15px 0 #0000001f;
  }
  .card.services-box .card-title{
    font-size:20px;
  }
  .cta-box{
    padding:0px !important;
    color:#4f4f4f;
  }
  .wp-block-table{
    color:#4f4f4f;
  }
  .single-post .cta-box .row,.single-post .cta-box .col,.single-post .cta-box p{
    padding:0px !important;
  }
  .single-blog-post a{
    color: #2f55d4;
  }
  .cta-box p{
    margin-bottom: 15px;
  }
  .cta-box a.btn{
    color : #fff;
  }
  .cta-box p{
    font-size:18px;
  }
  .home .site-header{
    border-radius: 15px 15px 15px 15px;
  }

  a.phone-link{
    color: #a31600;
    font-weight:700;
  }
  .site-header.sticky {
    position: fixed;
    z-index: 9999;
    margin: 0 auto;
    max-width: 1250px;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 10px 20px 15px 20px;
  }
  .site-header.sticky .site-logo .custom-logo{
        max-height: 72px;
  }
  .site-header.sticky .col-md-7.site-title-text{
    padding-top: 11px !important;
  }
  .sticky .site-title,.sticky .site-title a{
    font-size: 16px;
    margin-bottom: 0px;
  }
  .site-header.sticky .site-description{
    font-size: 16px;
  }

  .site-header.sticky .action-bar{
    margin-top: 20px;
}

  /*form styles*/

  #msform {
    width: 90%;
    margin: 0px auto 39px;
  	text-align: center;
  	position: relative;
    color:#000000;
  }
  #msform fieldset {
  	background: white;
  	border: 0 none;
  	border-radius: 15px;
  	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  	padding: 20px 30px;
  	box-sizing: border-box;
  	width: 100%;
  	margin: 0px 0 0;

  	/*stacking fieldsets above each other*/
    position: relative !important;
  }
  /*Hide all except first fieldset*/
  #msform fieldset:not(:first-of-type) {
  	display: none;
  }
  /*inputs*/
  #msform input, #msform textarea,#msform select {
  	border: 1px solid #ccc;
  	border-radius: 3px;
  	margin-bottom: 10px;
  	width: 100%;
  	box-sizing: border-box;
  	font-family: sans-serif;
  	color: #2C3E50;
    font-size: 17px;
    padding: 0 10px;
    height: 48px;
  }
  /*buttons*/
  #msform .action-button {
  	width: 100px;
  	background: #27AE60;
  	font-weight: bold;
  	color: white;
  	border: 0 none;
  	border-radius: 1px;
  	cursor: pointer;
  	padding: 10px 5px;
  	margin: 10px 5px;
  }
  #msform .action-button:hover, #msform .action-button:focus {
  	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
  }
  /*headings*/
  .fs-title {
  	font-size: 20px;
  	text-transform: uppercase;
  	color: #2C3E50;
  	margin-bottom: 10px;
  }
  .fs-subtitle {
  	font-weight: normal;
  	font-size: 15px;
  	color: #666;
  	margin-bottom: 20px;
  }
  /*progressbar*/

  #progressbar {
      margin-bottom: 30px;
      overflow: hidden;
      color: lightgrey;
      padding-left: 0;
  }

  #progressbar .active {
      color: #4e4c4c
  }

  #progressbar li {
      list-style-type: none;
      font-size: 15px;
      width: 50%;
      float: left;
      position: relative;
      font-weight: 400;
      z-index: 1;
  }

  #progressbar #account:before {
      font-family: FontAwesome;
      content: "\f007"
  }

  #progressbar #personal:before {
      font-family: FontAwesome;
      content: "\f53a"
  }

  #progressbar #payment:before {
      font-family: FontAwesome;
      content: "\f02c"
  }
  #progressbar #details:before {
      font-family: FontAwesome;
      content: "\f274"
  }
  #progressbar #confirm:before {
      font-family: FontAwesome;
      content: "\f00c"
  }
  #progressbar #last:before {
      font-family: FontAwesome;
      content: "\f00c"
  }

  #progressbar li:before {
      width: 50px;
      height: 50px;
      line-height: 45px;
      display: block;
      font-size: 20px;
      color: #ffffff;
      background: lightgray;
      border-radius: 50%;
      margin: 0 auto 10px auto;
      padding: 2px
  }

  #progressbar li:after {
      content: '';
      width: 100%;
      height: 2px;
      background: lightgray;
      position: absolute;
      left: 0;
      top: 25px;
      z-index: -1
  }

  #progressbar li.active:before,
  #progressbar li.active:after {
      background: #2a7377
  }

  .progress {
      height: 20px
  }

  .progress-bar {
      background-color: #2a7377 !important;
  }
  #msform .action-button {
    width: 100px;
    background: #2a7377;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right;
  }

  .previous-btn{
    margin-top: 14px;
  }
  .custom-control.product-select{
    line-height: 0px;
    text-align: left;
  }
  .custom-control.product-select input{
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
  }
    .custom-control.product-select label{
      margin-bottom: 0;
      line-height: 24px;
    }
    .product-select-group,.product-select,.product-select label,.payment-box label{
          font-size: 18px !important;
    }
    .product-select-group .product-price{
      line-height: 33px;
    }
    .payment-box label{
      font-weight: 400;
      padding-left: 6px;
      margin-bottom: 0;
    }
    .payment-box{
      background: #d4d4d4;
      text-align: left;
      padding: 10px;
      padding-right: 12px;
      border-radius: 10px;
    }
    .product-section .product_thumbnail{
        max-width: 300px;
        margin: 0 auto;
        background: #fff;
        border-radius: 15px;
        padding: 19px;
        box-shadow: 2px 4px 9px 4px #00000059;
    }
    .product-section .caption > p{
        color: #4e4c4c ;
        font-size: 30px;
        line-height: 34px;
    }
    .content.oven-process .hero-section{
          padding-top: 27px;
    }
    .content.oven-process .section{
          padding-top: 20px;
    }
    fieldset input[type=radio], fieldset input[type=checkbox]{
      width: 23px !important;
      height: 23px!important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
    }
    fieldset input[type=radio] + label, fieldset input[type=checkbox] + label{
      line-height: 34px;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
      font-weight: 700;
    }
    .btn-group-lg>.btn, .btn-lg {
        padding: .5rem 1rem !important;
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
        border-radius: .3rem !important;
    }
    .product-price{
		font-weight: bold;
     text-shadow: 1px 1px 1px #9a9fa3;
    }
    .product-price-desc{
        font-size: 20px;
    }

    .table.cart_table td{
      border: none;
      border-bottom: 1px solid #dee2e6;
      border-color: #dee2e6;
      font-size: 17px;
      padding: 7px 7px;
    }
    .total-row{
          background: #ecf7ff;
    }

    /* stripe gateway start*/

    fieldset input[type=checkbox] + label.product_addon_label{
      font-size: 18px;
      width: 79%;
      text-align: left;
    }

.error {
  background-color: #FF6600;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 0.9em;
}

.success {
  background-color: #c3c791;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 0.9em;
}

.info {
  font-size: .8em;
  color: #FF6600;
  letter-spacing: 2px;
  padding-left: 5px;
}

.btnAction {
  background-color: #586ada;
  padding: 10px 40px;
  color: #FFF;
  border: #5263cc 1px solid;
  border-radius: 4px;
  cursor:pointer;
}

.btnAction:focus {
  outline: none;
}

.column-right {
  margin-right: 6px;
}

.contact-row {
  display: inline-block;
  width: 100%;
}
#month,#year{
  width: 50% !important;
  float: left;
}
#month{
  width: 40% !important;
  margin-right: 10px
}
.cvv-input {
  width: 60px;
}

#error-message {
  margin: 0px 0px 10px 0px;
  padding: 5px 25px;
  border-radius: 4px;
  line-height: 25px;
  font-size: 0.9em;
  color: #ca3e3e;
  border: #ca3e3e 1px solid;
  display: none;
  width: 300px;
}

#success-message {
  margin: 0px 0px 10px 0px;
  padding: 5px 25px;
  border-radius: 4px;
  line-height: 25px;
  font-size: 0.9em;
  color: #3da55d;
  border: #43b567 1px solid;
  width: 300px;
}

.display-none {
  display:none;
}

#response-container {
  padding: 40px 20px;
  width: 270px;
  text-align:center;
}


.ack-message {
  font-size: 1.5em;
  margin-bottom: 20px;
}

#response-container.success {
  border-top: #b0dad3 2px solid;
  background: #e9fdfa;
}

#response-container.error {
  border-top: #c3b4b4 2px solid;
  background: #f5e3e3;
}

.img-response {
  margin-bottom: 30px;
}

#loader {
  display: none;
}

#loader img {
  width: 45px;
  vertical-align: middle;
}
.small-text{
  display: block;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}
/* Stripe Gateway end*/

.ui-state-default, .ui-widget-content .ui-state-default{
   background-color: #969292 !important;
   color: #000 !important;
   text-align: center;
}
.ui-datepicker-unselectable.ui-state-disabled{
    opacity: 1;
}
 .ui-datepicker-unselectable.ui-state-disabled .ui-state-default{
    background-color: transparent !important;
    background-image: url('images/wrong_icon.png');
    background-repeat: no-repeat;
    background-size: 22px;
    text-align: center;
    font-weight: 600;
    opacity: 0.35;
background-position: center;
 }
 .sale-image{
   height: 32px;
 float: none !important;
 display: inline-block;
 }


 p.hightlight-text,span.hightlight-text{
   font-size: 18px !important;
 color: #fff !important;
 }
 .hightlight-text span{
 background: #28a745;
 padding: 3px 6px;
 border-radius: 4px;
 }
 p.hightlight-text, span.hightlight-text{
   font-size: 18px !important;
color: #fff !important;
background: #28a745;
padding: 3px 6px;
border-radius: 4px;
line-height: 22px !important;
margin-top: 10px;
 }

 .payment_failed_msg{
   color: #ffffff;
 background-color: #ed3944;
 padding: 10px 20px;
 width: fit-content;
 margin: 0 auto 20px;
 }

 .offer_highlight{
   background-color: #d62222;
   color: #fff;
   border-radius: 5px;
   padding: 3px 6px;
   font-size: 20px;
   margin-top: 8px;
 }
.content.dashboard,.content.login{
  margin-top: 20px;
}
.dashboard > .container.main-container{
  background: #fff;
  margin-top: 0px;
  margin-bottom: 60px;
  border-radius: 15px;
  padding: 15px;
  max-width: 1250px;
}
.dashboard > .container.main-container .account-container .container {
  max-width: 100%;
}
.dashboard .slider-box{
  background-color: transparent;
}


.dashboard .hero-section{
      padding-top: 0px;
}
.dashboard .hero-section h1{
     font-size: 27px;
     color: #616161;
text-shadow: none;
}
.dashboard h5{
  color: #616161;
}
.account-container{
  background: #C0C0C0;
  padding: 10px;
  border-radius: 20px;
  padding-bottom: 27px !important;
}



/* Profile container */
.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}

.profile-usermenu {
  margin-top: 30px;
}
.profile-usermenu .nav{
    display: block;
 text-align: left;
 max-width: 259px;
 margin: 0 auto;
}
.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}
 .profile-usermenu ul li i{
   font-style: normal;
   font-size: 17px;
 }

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 15px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}
.profile-left-box .profile-sidebar{
     border-radius: 20px;
}


.profile-right-box .profile-right-top{
   background: #fff;
   border-radius: 20px;
   padding: 14px 18px;
}

.profile-right-box .profile-right-top .list-group-item{
 text-align: left;
   font-size: 16px;
   border-bottom: 1px solid #00000014;
   padding: 0 17px;

}
.profile-right-box .profile-right-top .list-group-item:last-child{
   border-bottom: 0px solid #00000014;
}
.order-title{
 margin-top: 17px;
 text-align: left;
}

.profile-right-box .profile-right-bottom{
   background: #fff;
   border-radius: 20px;
}


.profile-right-box .profile-right-bottom{
   background: #fff;
   border-radius: 20px;
   margin-top: 26px;
   padding: 14px 18px;
}

.profile-right-box .profile-right-bottom .list-group-item{
 text-align: left;
   font-size: 16px;
   border-bottom: 1px solid #00000014;
   padding: 0 17px;

}
.profile-right-box .profile-right-bottom .list-group-item:last-child{
   border-bottom: 0px solid #00000014;
}
.title-title{
 margin-top: 17px;
}

/* Start Registration Page*/


.forgot-password {
text-decoration: underline;
color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
text-decoration: underline;
color: #666;
}

/* End Registration*/



/* Start: New Login page */

.login-page h1 {
	font-weight: bold;
	margin: 0;
      font-size: 31px;
}

.login-page h2 {
	text-align: center;
}

.login-page p {
	font-size: 14px;
	font-weight: 100;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 20px 0 30px;
}

.login-page span {
	font-size: 12px;
}

.login-page a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	margin: 15px 0;
}

.login-page button {
	border-radius: 20px;
	border: 1px solid #FF4B2B;
	background-color: #FF4B2B;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 45px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: transform 80ms ease-in;
}

.login-page button:active {
	transform: scale(0.95);
}

.login-page button:focus {
	outline: none;
}

.login-page button.ghost {
	background-color: transparent;
	border-color: #FFFFFF;
}

.login-page form {
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 50px;
	height: 100%;
	text-align: center;
}
label{
  margin-bottom: 0px !important;
  font-size: 18px !important;
}

input {
  background-color: #eee;
  border: none;
  padding: 8px 10px !important;
  font-size: 17px;
  margin: 3px 0 8px !important;
  width: 100%;
}

.login-page.container {
	background-color: #fff;
	border-radius: 10px;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25),
			0 10px 10px rgba(0,0,0,0.22);
	position: relative;
	overflow: hidden;
    width: 835px;
	max-width: 100%;
    min-height: 599px;
}

.login-page .form-container {
	position: absolute;
	top: 0;
	height: 100%;
	transition: all 0.6s ease-in-out;
}

.login-page .sign-in-container {
	left: 0;
	width: 50%;
	z-index: 2;
}

.login-page .container.right-panel-active .sign-in-container {
	transform: translateX(100%);
}

.login-page .sign-up-container {
	left: 0;
	width: 50%;
	opacity: 0;
	z-index: 1;
}

.login-page.container.right-panel-active .change-password-container {
	transform: translateX(110%);
	opacity: 1;
	z-index: 5;
	animation: show 0.6s;
}

.login-page.container.right-panel-active .sign-up-container {
	transform: translateX(100%);
	opacity: 1;
	z-index: 5;
	animation: show 0.6s;
}
.login-page .form-row{
      width: 100%;
}
.login-page .col-md-12{
    padding: 0 5px;
}
.page-id-437 .cta-box{
  display: none;
}
@keyframes show {
	0%, 49.99% {
		opacity: 0;
		z-index: 1;
	}

	50%, 100% {
		opacity: 1;
		z-index: 5;
	}
}

form span{
  color:#000;
}

.login-page .overlay-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	transition: transform 0.6s ease-in-out;
	z-index: 100;
}

.login-page.container.right-panel-active .overlay-container{
	transform: translateX(-100%);
}

.login-page .overlay {
	background: #4cb1ff;
	background: -webkit-linear-gradient(to right, #004071, #4cb1ff);
  background: linear-gradient(to right, #111921, #4cb1ff);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #FFFFFF;
	position: relative;
	left: -100%;
	height: 100%;
	width: 200%;
  	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}
.login-page .overlay h1{
  color: #fff;
}
.login-page.container.right-panel-active .overlay {
  	transform: translateX(50%);
}

.login-page .overlay-panel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 40px;
	text-align: center;
	top: 0;
	height: 100%;
	width: 50%;
	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

.login-page .overlay-left {
	transform: translateX(-20%);
}

.login-page.container.right-panel-active .overlay-left {
	transform: translateX(0);
}

.login-page .overlay-right {
	right: 0;
	transform: translateX(0);
}

.login-page.container.right-panel-active .overlay-right {
	transform: translateX(20%);
}
.login-page .cust-register-form .form-row{
  margin-bottom: 0;
}
.modal label{
  color:#000000 !important;
}

.cust-register-form .alert{
  padding: 3px 1.25rem;
  font-size: 16px;
}
#notice_alert .modal-body{
  padding: 0px;
}
#notice_alert .alert{
    margin-bottom: 0;
}
.notice_msg{

}
.alert-danger{
  color: #fff;
background-color: #ff3c4e;
}
.valid-alert{
  margin-top: 10px;
    font-size: 16px;
    padding: 0px 18px;
}
button:disabled , [type=button]:disabled , [type=reset]:disabled , [type=submit]:disabled {
  background-color: #9b9797 !important;
    border: #9b9797 ;
    color: #f1f1f1 !important;
    cursor: not-allowed;
}
#ticket-modal{
      max-width: 40%;
      top:0px;
      margin-top: 0px;
}
#notice_alert{
  margin-top: 100px;
}
#notice_alert .modal-dialog{
  box-shadow: 0 0 52px #000;
}
#invoice-modal{
      max-width: 50%;
}
.invoice_container h2{
      font-size: 22px;
}
.invoice_container h3{
    font-size: 20px;
}
.invoice_container{
    font-size: 14px;
}
.invoice_container address{
      color: #000;
}

form select{
  height: 42px;
  border: 1px solid #d2cbcb;
  border-radius: 4px;
  font-size: 18px;
  padding: 0 8px;
}

/* End: New Login page */

 .btn-close{
   background: #9e9e9e !important;
 }
 .my-account-btn{
   padding: 0.3rem 1em;
 }

 #site-navigation .action-bar > a{
   font-size: 17px;
   font-weight: 500;
   text-align: center;
   padding: 4px 0;
   margin-top: -24px;
   margin-bottom: 6px;
 }
  #site-navigation .action-bar > a span{
    border-bottom: 2px solid #34495e;
  }



 /* Chat Content*/
   .ticket-subjext-details{
     font-weight: 700;
     background-color: #e1e8ff;
     color: #fff;
     padding: 5px 11px;
     margin-bottom: 15px;
   }
 /*  .chats{
     overflow: scroll;
     max-height: 600px;
   }*/
   #view-ticket-modal .modal-title{
     color: #fff;
     background: #182b6a;
     border-radius: 9px;
     padding: 1px 6px;
     font-weight: 200;
   }
   .chat_box{
     margin: 5px 0;
     display: inline-block;
     width: 100%;
     border-bottom: 1px solid #efeeee;
   }
   .chat_box .comment-box{
     max-width: 400px;
   }
   .chat_box span{
     padding: 4px 10px;
   }
   .chat_box .comment-box.right .comment{
     background: #e5e8ec;
   }
   .chat_box .comment-box.left .comment{
     background: #babdc1;
   }
   .chat_box .comment-box.right,.chat_box .date-box.right{
     float: right;
   }
   .chat_box .comment-box .user-name{
     display: block;
   }
   .chat_box .comment-box.right .user-name{
     text-align: right;
   }
   .chat_box .comment-box.left,.chat_box .date-box.left{
     float: left;
   }
   .chat_box .comment{
     border-radius: 15px;
   }
   .chat_box .comment-date{
     font-size: 12px;
     font-style: italic;
     color: #0000009e;
   }
   .chat_box .user-name{
     font-size: 11px;
   }
   .black-text{
     #
   }
 /* Chat Content*/
  .number-order-list{
    padding-left:33px;
  }
 .number-order-list li::before{
   background-color: #3959d8;
 }
 ol.number-order-list {
   list-style: none;
   counter-reset: item;
 }
 .number-order-list li {
   counter-increment: item;
   margin-bottom: 5px;
 }
  .number-order-list li:before {
   margin-right: 10px;
   content: counter(item);
   background: #272f3c;
   border-radius: 100%;
   color: white;
   width: 30px;
   text-align: center;
   display: inline-block;
 }
 .loader {
   border: 7px solid #dedbdb;
   border-top: 7px solid #3498db;
   border-radius: 50%;
   width: 35px;
   height: 35px;
   animation: spin 2s linear infinite;
}
.referal-fields{
  padding-left: 0px !important;
}
.btn-outline-primary{
  background: transparent !important;
  color: #2f55d4 !important;
  border-radius: 4px;
}
.check-availablity{
  margin: 0 auto 30px;
  box-shadow: none;
  max-width:400px;
}
.check-availablity .card-header{
  text-align: center;
  background: transparent;
  font-size: 26px;
  text-shadow: 2px 1px 3px #a09b9b;
  font-weight: 300;
}
.check-availablity input[type=text]{
  font-size: 18px;
  border-radius: 5px;
  padding: 10px 20px !important;
  margin-bottom: 0px !important;
}
.check-availablity .btn{
  margin: 0 auto;
  width: 100%;
    font-size: 17px;
}
.check-availablity p.small-text{
  font-size: 15px;
      margin-bottom: 8px;
      font-weight: normal;
}
#search-notice{
  text-align: center;
}
.form-container{
  max-width: 100%;
  margin: auto;
}
header.sticky.nav-sticky .primary-navigation .primary-menu-container > ul > li.menu-item > a{
  /* padding:0 0 !important; */
}
#address,#extra_product_section{
  display:none;
}
#add-address{
  border-radius: 4px;
  width: 100%;
}


/* Start : Extra Product Add */

#extra-product {
  border: 3px solid #ccc;
}
.button_checkbox {
background-color: #d1d7dc;
display: block;
margin: 10px 0;
position: relative;
  border: 3px solid #8c8f92;
  border-radius: 6px;
}
fieldset .button_checkbox input[type=checkbox] + label{
padding: 12px 12px !important;
width: 100%;
display: block;
text-align: left;
color: #3c454c;
cursor: pointer;
position: relative;
z-index: 1;
transition: color 200ms ease-in;
overflow: hidden;

}
.button_checkbox label:before {
width: 10px;
height: 10px;
border-radius: 50%;
content: '';
background-color: #5562eb;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale3d(1, 1, 1);
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
z-index: -1;
}
.button_checkbox label:after {
width: 32px;
height: 32px;
content: '';
border: 2px solid #d1d7dc;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
background-repeat: no-repeat;
background-position: 2px 3px;
border-radius: 50%;
z-index: 2;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 200ms ease-in;
}
fieldset .button_checkbox input[type=checkbox]:checked ~ label {
color: #fff !important;
}
.button_checkbox input:checked ~ label:before {
transform: translate(-50%, -50%) scale3d(56, 56, 1);
opacity: 1;
}
.button_checkbox input:checked ~ label:after {
background-color: #54e0c7;
border-color: #54e0c7;
}
.button_checkbox input {
width: 32px;
height: 32px;
order: 1;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
visibility: hidden;
}

.button_checkbox, .button_checkbox::before, .button_checkbox::after {
box-sizing: inherit;
}

textarea.form-control{
  padding: 10px 10px !important;
  height: 80px !important;
}
 /* End: Extra Product Add */

.payment_mode_group form-row{
  text-align: left;
}
.loader-box {
  margin-top: -49px;
  display: none;
  height: 49px;
  padding-left: 10px;
}
.loader-box .loader{
  float: left;
}
.loader-box:before {
  background-color:#000;
}
.loader-box:after{
  background-color:#000;
}
.loader-box span{
  float: left;
  position: relative;
  color: #fff;
  padding-left: 15px;
}
/* .loader-box .loader{
  margin: 0 auto;
} */
.oven_clean_date.load{
  background-color:#727272;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.product-link.btn {
  min-width: 230px;
  min-height: 80px;
  letter-spacing: 1.3px;
  font-weight: 700;
  color: #ffffff;
  background: #272f3c;
  background: linear-gradient(90deg,rgb(40 48 61) 0%,rgb(0 0 0) 100%)
  border: none;
  border-radius: 5px !important;
  box-shadow: 12px 12px 24px rgba(79,209,197,.64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 10px;
  }

.product-link.btn::before {
content: '';
  border-radius: 1000px;
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  border: 6px solid #272f3c;
  box-shadow: 0 0 60px rgb(39 47 60);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.product-link.btn:hover, .product-link.btn:focus {
  color: #ffffff;
  transform: translateY(-6px);
  background: #272f3c !important;
  background: linear-gradient(90deg,rgb(40 48 61) 0%,rgb(0 0 0) 100%) !important;
}

.product-link.btn:hover::before, .product-link.btn:focus::before {
  opacity: 1;
}

.product-link.btn::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #272f3c;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

.product-link.btn:hover::after, .product-link.btn:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}


/*Start: Check Box style1*/
ul.checkbox_style1 {
  list-style: none;
  padding: 0px; }
  ul.checkbox_style1 li {
    display: block;
    margin-bottom:6px;
  }
    ul.checkbox_style1 li label {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.8);
      font-size: 18px;
      border-radius: 4px;
      white-space: nowrap;
      margin: 0 0 10px 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      display: block; }

ul.checkbox_style1 li label {
  padding: 5px 15px;
  cursor: pointer;
  line-height:46px;
  font-weight: 500;
}
  ul.checkbox_style1 li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 24px;
    padding: 0;
    margin-right: 15px;
    content: "\f1db";
    color: rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    position: absolute;
    right: 37px;
    margin-top: 0px; }
  ul.checkbox_style1 li label span {
    background: #fa6742;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 30px;
    color: #fff;
    margin-left: 10px; }

ul.checkbox_style1 li input[type="checkbox"]:checked + label::before {
  content: "\f058";
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  color: #fff; }

ul.checkbox_style1 li input[type="checkbox"]:checked + label {
  border: 1px solid #2a7377;
  background-color: #2a7377;
  color: #fff;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }
  ul.checkbox_style1 li input[type="checkbox"]:checked + label span {
    background: #fff;
    color: #000; }

ul.checkbox_style1 li input[type="checkbox"] {
  display: absolute; }

ul.checkbox_style1 li input[type="checkbox"] {
  position: absolute;
  opacity: 0; }

/*End: Check Box style1*/



#order_notificaiton .noti_title{
  font-size: 17px;
}
#od_notify_city,#od_product_name{
  font-weight: 700;
}

.bootstrap-growl{
  min-width: 400px !important;
  font-size:16px;
  font-weight:400;
}
.bootstrap-growl button{
  background-color: transparent !important;
}

#copyright{

  padding-top: 20px;
}

@media (min-width: 1200px){
  .container {
      max-width: 1250px;

    }
    fieldset input[type=radio] + label > br, fieldset input[type=checkbox] + label > br{
      display: none;
    }
  }
  @media (min-width: 576px){
    .modal-dialog {
      max-width: 539px;
    }
    #view-ticket .modal-dialog{
      max-width: 800px;
      margin-top: 100px;
    }
  }
  @media (max-width: 767px){
    .site-branding{
      max-width: 100% !important;
      width: 100%;
      text-align: center;
      margin-bottom: -15px;
    }
    .primary-navigation {
        margin-right: 0;
        width: 100%;
        text-align: center;
        margin-top: -30px;
        padding-top: 35px;
    }
    .primary-navigation #primary-mobile-menu{
        margin: 0 auto !important;
        padding-right: 0px;
        margin-right: 1px !important;
        margin-top: 14px !important;
        margin-bottom: 0px !important;
    }
    .site-branding .site-title-text{
      padding-top: 0px !important;
    }
    .container.custom-header .call-to-action h1{
        font-size: 19px;
    }
    .container.custom-header .call-to-action .col-md-4{
        text-align: center;
    }
    .container.custom-header .call-to-action .btn{
        padding: 5px 14px;
        margin-top: 18px;
    }
    .modal.fade .modal-dialog{
      max-width: 100% !important;
    }
    .account-container{
          padding: 2px;
          border-radius: 15px;
          padding-top: 14px !important;
    }
    .col-md-4.profile-left-box{
        margin-bottom: 15px;
    }
    .profile-right-box .profile-right-bottom{
      margin-top: 15px;
    }

    /* Start: New login Page Start */

    .login-page.container.right-panel-active .overlay-container{
          transform: translateY(-3%);
    }
    .login-page .overlay-container{
            top: 0;
      left: 0%;
      width: 100%;
      height: 38%;
          max-height: 244px;
    }
    .login-page .form-container{
        top: 12%;
        width: 100%;
    }

    .login-page.container.right-panel-active .sign-up-container,.login-page.container.right-panel-active .change-password-container{
      transform: translateX(0%);
    }
    .login-page.container.right-panel-active {
      min-height: 868px;
    }

    .login-page.container.password-container {
      min-height: 543px;
    }

    .login-page form{
        padding: 0 28px;
    }
    .login-page.container.right-panel-active .change-password-container form{
      padding-left: 0;
    }
    .login-page .form-row>.col, .login-page .form-row>[class*=col-] {
        padding-right: 3px;
        padding-left: 3px;
    }

    #view-invoice{
      padding-right: 0 !important;
    }
    #invoice-modal{
      max-width: 100%;
    }
    .account-container{
      border-radius: 21px;
    }
    .profile-left-box .profile-sidebar,.profile-right-box .profile-right-top{
      border-radius: 20px;

    }
    .profile-right-box .profile-right-top{
        margin-bottom: -11px;
    }
    .profile-left-box .profile-sidebar{
          margin-bottom: 13px;
          padding: 20px 13px 10px 13px;
    }
    .profile-right-box .profile-right-top,.profile-right-box .profile-right-bottom{
      border-radius: 20px;
    }
    .profile-right-top .col-md-12{
      padding-right: 5px;
      padding-left: 5px;
    }
    .profile-right-box .profile-right-top .list-group-item{
          padding: 0 0;
          font-size: 16px;
          padding: 0 0;
          box-shadow: none !important;
          border-bottom: 1px solid #d1d2d2 !important;
          border-radius: 0px !important;
    }
    .profile-right-box .profile-right-top .list-group-item .pull-right > .btn{
          padding: 0.7rem 0.4rem;
    }
    .account-container{
      padding: 15px 0 15px 0 !important;
    }
    .dashboard .container.main-container{
          padding: 10px;
              margin-bottom: 14px;
    }
    /* End: New Login page */

    .site-logo .custom-logo{
      max-width: 100%;
    }

  }



@media (max-width: 480px){
  #msform {
    width: 99%;
    margin: 20px auto 0px;
  }
  #msform fieldset {
    position: relative !important;
    padding: 20px 12px;
  }
  fieldset input[type=radio], fieldset input[type=checkbox]{
    width: 18px !important;
    height: 18px!important;
    padding: 0 !important;
  }
  fieldset .button_checkbox input[type=checkbox] + label{
    padding: 12px 9px !important;
    text-align: left !important;
  }
  .button_checkbox label:after{
    right: 7px;
  }
  .checkbox-img{
    width: 34px;
    margin-top: 11px !important;
    margin-right: 0px !important;
  }
  fieldset input[type=radio] + label, fieldset input[type=checkbox] + label{
        font-size: 13px;
        text-align: left !important;
  }
  fieldset input[type=checkbox] + label.product_addon_7{
        text-align: left !important;
        line-height: 22px;
  }
  fieldset input[type=checkbox] + label.product_addon_7 > span{
    display: inherit;
        margin-left: 12%;
  }
  .checkbox-input-group{
        padding-left: 2px !important;
        padding-right: 0rem!important;
  }
  .ui-datepicker.ui-widget.ui-widget-content{
        width: 84%;
  }
  fieldset input[type=checkbox] + label.product_addon_label{
    font-size: 14px !important;
  }
  .small-text{
    font-size: 12px;
  }
  p.hightlight-text,span.hightlight-text{
    background: #28a745;
    border-radius: 4px;
    line-height: 27px !important;
    margin-top: 10px;
  }
  .carousel-control-prev{
     left: -15px;
  }
  .carousel-control-next {
     right: -15px;
   }
   .site-header{
      padding: 4px 20px 15px 20px;
      display:inline-block;
      width:100%;
   }
   .site-branding{
     width: 85%;
     float: left;
     height: 100%;
   }
   .site-branding .site-title-text{
     position: absolute;
     right: 25px;
     width: auto;
     top: 32px;
   }
   .primary-navigation{
     width: 15%;
    height: 100%;
    margin-top: 7rem;
    padding-top: 0;
    float: left;
   }
   .primary-navigation .dropdown-icon.open{
     font-size: 25px;
   }
  .primary-navigation .dropdown-icon.open svg{
    width: 28px;
    height: 28px;
    top: 2px !important;
  }
  .site-branding > .col-md-5{
    text-align: left !important;
    padding-left: 7px !important;
  }
  .primary-navigation-open .menu-button-container{
      margin-top: -30px;
  }
  #notice_alert .modal-dialog{
    margin: 8.75rem auto;
  }
  .email-text{
    font-size:18px;
  }

  .menu-button-container .dropdown-icon.close .svg-icon{
    width:40px;
    height:40px;
  }

  .primary-navigation-open  #primary-mobile-menu{
    margin-right: 8px !important;
    margin-top: 20px !important;
  }
  .menu-button-container .site-logo > a{
    padding-top:0px;
    padding-bottom:0px;
  }
  .primary-navigation-open .menu-button-container{
    background-color:#ffffff;
        border-radius: 0 0 15px 15px;
  }

  .primary-navigation-open .primary-navigation > div > .menu-wrapper li{
    border-left: 0px solid;
    border-right: 0px solid;
  }

  .primary-navigation-open .primary-navigation > .primary-menu-container{
    padding-top:100px;
    text-align: left;
    background:#ecf7ff;
  }
  .primary-navigation-open .primary-navigation > .primary-menu-container li > a{
    font-size: 23px;
        padding: 8px 0px;
  }
  .primary-navigation-open .primary-navigation > .primary-menu-container li > ul.sub-menu{
    border: none;
    background: #e0eaf1;
    padding: 0 11px;
	 min-width: 200px !important;
  }
}



@media (max-width: 480px){
  .site-description,.primary-navigation .action-bar{
    display:none;
  }
  .primary-navigation{
    margin-top: 1rem;
  }
  .content.oven-process .hero-section{
    padding-top: 0;
  }
  .site-header{
    margin-top: 10px;
  }
  .row.product-section{
    padding-top:10px !important;
  }
  h4.blue-text{
    font-size: 22px;
  }
  .product-section .product_thumbnail{
    max-width: 200px;
  }
  ul.checkbox_style1 li label::before{
    right: 14px;
  }
  ul.checkbox_style1 li input[type="checkbox"]{
    width: 0px !important;
  }
  /* ul.checkbox_style1 li label{
    display: inline-block;
  } */
  ul.checkbox_style1 li label{
    height: inherit;
        padding: 5px 6px;
  }
  ul.checkbox_style1 li label > p{
    text-align: center;
    margin-bottom:0px !important;
        font-size: 18px;
  }
  ul.checkbox_style1 li label > p.first{
    margin-top:29px;
  }
  ul.checkbox_style1 li label::before {
    right: auto;
    margin-left: 18%;
    margin-top: -11px;
  }
  ul.checkbox_style1 li{

    width: 49%;
    height:110px;
  }
  ul.checkbox_style1 li.other_product,ul.checkbox_style1 li.show{
    display: inline-block !important;
  }
  ul.checkbox_style1 li label span{
    font-size: 14px;
  }
  .number-order-list{
    font-size: 18px;
  }
  #booking-process{
    margin-top:20px;
  }
  .product-section h4{
    font-size:21px;
  }
  .col-lg-12.progress-bar-col{
    margin-bottom:29px !important;;
  }
  .content.home-page{
    padding-top:10px !important;
  }
}

@media (min-width: 480px){
  ul.checkbox_style1 li label > p{
    display: inline-block;
  }
  ul.checkbox_style1 li.show{
    display: block !important;
  }


}
@media (max-width: 480px){
  .toast{
    font-size: 10px;
  }
  #order_notificaiton .noti_title {
    font-size: 10px;
    margin-bottom: 0;
    line-height: 19px;
  }

    .toast-body{
      padding: 8px 10px;
    }
    .hero-wrapper h1{
      font-size: 38px;
      line-height: 48px;
    }

    #ui-datepicker-div{
      display:grid;
      max-width: 31em;
    }

}
  .offer-text > span{
    background: #fa6742;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 30px;
    color: #fff;
    margin-left: 10px; }
}
#discount_value_btn{
  border-radius: 0 5px 5px 0px;
   margin-bottom: -20px;
}

.product-14 #apply-coupon-section{
  display: block !important;
}

.grecaptcha-badge {

display: none !important;

}
.overlay-cookie {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 9999;
}
.cookie-consent-popup {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.cookie-consent-popup p {
  margin: 0;
  margin-bottom: 10px;
}
.cookie-consent-popup button {
  margin-right: 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.cookie-consent-title{
  font-size: 22px;
  font-weight: 700;
}
.cookie-consent-text{
  font-size: 16px;
  line-height: 24px;
  color: #312e2e;
}
.cookie-consent-popup button{
  font-size: 16px;
  border: 2px solid #007bff;
  color: #007bff !important;
  padding: 5px 10px;
  min-width: 110px;
  font-weight: 400;
  border-radius: 2px !important;
}
.cookie-consent-popup .rejectCookie{
  background-color: transparent !important;
}
.cookie-consent-popup .acceptCookie{
  background-color: #007bff !important;
  color: #ffffff !important;
}
.cookie-consent-popup .acceptCookie:hover{
  background-color: #007bffb4 !important;
  border-color:  #007bffb4 !important;
}

#dateAlert{
  color: #ffffff;
  background: #c11b1b;
  border-radius: 10px;
}
#dateAlert a{
  color: #000;
  text-decoration: underline !important ;
}
@media (max-width: 480px){
  .cookie-consent-popup {
    left: 13%;
    transform: translateX(-8%);
  
  }
}

.snow-btn{
  position: relative;
  display: inline-block;
}

.snow-btn::after {
  --overflow-x: 4px;
  --snow-image: url('images/snow-cap.webp');
  content: '';
  position: absolute;
  top: -6px;
  left: calc(var(--overflow-x) * -1);
  border-image-source: var(--snow-image);
  border-image-slice: calc(6 * 56 / 20) fill;
  border-image-width: calc(28px / 3);
  border-image-repeat: round;
  width: calc(100% + var(--overflow-x) * 2);
  height: 28px;
  filter: drop-shadow(0 2px 1px rgb(0 0 0 / .25));
  opacity: 1;
  animation: fade-in 2s;
}

.snow-container {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  pointer-events: none;
}

.snowflake {
  position: absolute;
  background-color: white;
  border-radius: 50%;
  opacity: 0.8;
  pointer-events: none;
}



@keyframes fall {
  0% {
      opacity: 0;
      transform: translateY(0);
  }
  10% {
      opacity: 1;
  }
  100% {
      opacity: 0.5;
      transform: translateY(100vh);
  }
}

@keyframes diagonal-fall {
  0% {
      opacity: 0;
      transform: translate(0, 0);
  }
  10% {
      opacity: 1;
  }
  100% {
      opacity: 0.25;
      transform: translate(10vw, 100vh);
  }
}


svg {
  max-height: 60vh;
  overflow:visible;
}
path {
  fill: #379157;
  stroke: #379157;
  stroke-width: .2;
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: star 8s ease-in-out infinite;
  animation-delay: calc( var(--no) * .025s );
  transform-box: fill-box;
}
@keyframes star {
  0% {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.74,1.72,.57,1.01)
  }
  10% {
    transform: scale(1);
  }
  65% {
    transform: translateY(0px) scale(1);
  }
  75% {
    transform: translateY(50px) scale(0);
  }
  100% {
    transform: translateY( 0px ) scale(0);
  }
}



.main-btn{
  line-height: 0px;
  padding-top: 24px;
  padding-bottom: 24px;
}



.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
   position:absolute;
   z-index: -1; /*fix by Анна*/  
   top:0;
   left:0;
   display:block;
   height:115px;
   width:100%;
   overflow:hidden;
   background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisiIECFImtvAtp4S6mj77OBR7haafC2YZHM6JMA6mbritJNXC0VvJe7AZPnTPv-YM2oOwqXssB-JeZSPq_DqRjOWfIozRq-QnTa3Y5AJ5TfHVWNF_MEx74M1iNmyd5PR4aIBBSb14s_vI/s1600/el.png) repeat-x 0 0
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}

.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha4XRSkh5HyyECJPW0Sk5itXvxHm8FNm-GKAH6vOOMFcGPmgcz4L1kMOhznqGhzZaQNmVd2fFur9acYncswQrZFdijAHfPLmUQRQHsIS-YbEDhKtHUX_WbAzprpm6iZQ4GJvZ-vvvdPY4/s1600/b-ball_n1.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXEznWTb0WgsgI2lt2ZlX9UyKP4bRThDZzr-IxY-ngJmltQD7cP99eakMSoHh8FtxFJkEEztSttGMmfBTJ4gkeYaIfqIreVE68T2EMZYpYBo6pEu7XpVzciibY5uOOlWr1FtLDbTTY09Y/s1600/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGfYVA_EEUQ8d2iNMDJ7lTBRqm6uI3G7Bp0Xz7XTkDCwQ57cM94HfLIdYvfv4YbLpit8sJHRof6wpb8gbggewdk6IMsqZ0RfMG5-jU9aMk0O0qUGapwFsN3TBi83qNhxfEho4MXMrLGkY/s1600/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw7LiX13KXMSGC8qpp-vU7Pfg7DiCQvThNPJob-IuxUOYque-y04ldYEKb1h4-Olj1X6ZjdY64Yy9BaKy1FoZxXlHod-nVt16Yn4WcibsU-UCHTyqXQp2Uf0uQ0VpIsuQpIPp8eW84Iw/s1600/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6KaV0UKhGHePRPyHeDRNVL9EgPPXDDtq2RYJUoEKgbmOtqkELfG_aAMtBM98pH31hY3uBXw4Z1iZpbTY1_3NeKMkWZ3irIj7lI7SVLJWRbQOW7-AyJhODPkzhqAJldeMdFGWGufP49U/s1600/b-ball_n5.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-CR8vuU31RLVTRXf63KrS7pKmWRhhSXBKAwThOz8seJHYjPW89B0I3xZtAJNOgFK1Pf13d_NGwvyN1Dr-n1zauuAEDENWJqWqOitDfEOujvkpKBWn4U9G0gklF0_nxU8un-Pl1PT4ubw/s1600/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8n0zl2DcS_kPOVsnyxC9F7e0Mj38QrqOT4eNEu23K-coLTfPhsp9VurG8OfQfS7Xlt7JlDQRhcrQu3q6bld9ebEZ0mR5kQT33dYN9NgnK-o6nUMiHt9gvPRh3rO0QwvjVqIm54tLyeuU/s1600/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLFz-dPgO4wibS7ywaYyMWTewu99QRXue4x8h7VBBbWBOGTrGILK19Zquy_aeGi9uTjPvulCzD8jK9u5IyG-9TVdxaUXQcvIlzGGHVBZ7A7nc_OL14lJH54mEcAW3QDmpCSYklkTTfLE/s1600/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAbwcYu9iVr4Q6ycf74LHPr9BE32wAh0z9sVocCcpWGxT-icz-a70-TAWN-tRkY63TiQJW4XF22Udm6H72Hdk_61rcvisedgn5h1p1TIGvKRxMhTMbm6sAIsMo8Fjo8YGYhhDrx6CJtgc/s1600/b-ball_n9.png) no-repeat}
.b-ball_i1 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpFc9wiVIjcYnTtzqTz_NrpuRkVypZP2hkFwHZP8T_cDTSdcP2Rg4pEuXBAnzVTOg4tO76GJsteApNZPr-Aii2h0f6hLHZOMFCgcCECsj-N31Q9o9K4QEdqCrcujXfK0dLuI9sdv-OTVU/s1600/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRrZ7yRWgkBacEudXNjD7p_HyS4y2qgkgBju-7mqje4Q-0pON8_5s-Vf-VTafqshcVLCAZPqb-CRGUTd_gvven-QqPwWeb_hSy9ywZgkwyaQjht57LqWEsDRhQHx5ioM8lBkCXPLTDUA/s1600/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJZDF4rhxvuBbLKKV_Y9eKGcjRD_hyQqdLUsgRIiChk0AJ-alghnmIyhyphenhyphenI6rBUft42b2qlxaQp0Sj33YtoMd4HWV7B49LkOEUMFjtNM1ov_Q2tkb5vZ5r2h7KU4kSmZP6DLv5H4b12lQ/s1600/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIqTT2jfKumhIJMe337n4vgOI1mYzoC6Au5EEEy-DdKIeYeTF-k1HZrZbG63WBJLrOjG_qwomBeb3hMJ894XiL-9tigqePl26zd-miRG8gR-3Hif4SQ8bQNLzquMzFBeYAPo7_Qiol4IY/s1600/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiDtEix4AC37XuWKX0jqdFeLH6SLQI1zNGsMGbaUeB2F1WLE2C3CqPjukeM5ojIvjV8K5t6govpaXR5YgY1NNkvHcnxv5uB0al_HoiCHDDt2_XBamfyaALSQp4FARgcMPv8pTsSgHXk6w/s1600/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Z-zyDuOhhXpOrl0gAUo0nMm3Ta128JuZFaWpcfvGVjcjqCVzTzQ4pn2wdIq8D39RK5YXiKtRWsE6dhHaE7WuGQvw0KOCn7qjjFcZj0dW7WLzW6mDIsjzZ__LU-aUCKEFqRvOuRUtdSA/s1600/b-ball_i6.png) no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}









  /* ========== Christmas Tree Widget ========== */

    #christmas-tree-widget {
      position: fixed;
      bottom: 20px;
      right: 0;
      z-index: 9999;
      width: 323px;
      height: 453px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: auto;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    /* Optional: subtle hover effect */
    #christmas-tree-widget:hover {
      transform: translateY(-4px) scale(1.02);
    }

    /* Hide state (when user closes it) */
    #christmas-tree-widget.ctw-hidden {
      opacity: 0;
      pointer-events: none;
      transform: translateY(20px) scale(0.95);
    }

    /* Close (X) button */
    #christmas-tree-widget .ctw-close {
      position: absolute;
      top: -6px;
      right: -6px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: none;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #christmas-tree-widget .ctw-close:hover {
      background: rgba(0, 0, 0, 0.8);
    }

    /* Make sure SVG scales nicely */
    #christmas-tree-widget svg {
      width: 100%;
      height: 100%;
      display: block;
      /* Sway animation */
      animation: ctw-sway 3s ease-in-out infinite alternate;
      transform-origin: 50% 100%;
    }

    /* ========== Animations ========== */

    @keyframes ctw-sway {
      0% {
        transform: rotate(-2deg);
      }
      100% {
        transform: rotate(2deg);
      }
    }

    @keyframes ctw-twinkle {
      0% {
        opacity: 0.6;
        transform: scale(1);
      }
      50% {
        opacity: 1;
        transform: scale(1.15);
      }
      100% {
        opacity: 0.6;
        transform: scale(1);
      }
    }

    @keyframes ctw-blink {
      0% {
        opacity: 0.2;
      }
      50% {
        opacity: 1;
      }
      100% {
        opacity: 0.2;
      }
    }

    /* Star on top */
    .ctw-star {
      animation: ctw-twinkle 1.8s ease-in-out infinite;
      transform-origin: center;
    }

    /* Lights */
    .ctw-light {
      animation: ctw-blink 1.4s ease-in-out infinite;
    }

    .ctw-light.delay-1 {
      animation-delay: 0.2s;
    }

    .ctw-light.delay-2 {
      animation-delay: 0.4s;
    }

    .ctw-light.delay-3 {
      animation-delay: 0.6s;
    }

    .ctw-light.delay-4 {
      animation-delay: 0.8s;
    }

    .ctw-light.delay-5 {
      animation-delay: 1s;
    }

    /* Optional small shadow under the tree */
    .ctw-shadow {
      fill: rgba(0, 0, 0, 0.15);
    }







@media screen and (max-width: 480px) {
    #christmas-tree-widget {
      width: 150px;
      height: 203px;
    }
    .b-page_newyear .b-head-decor{
        top: -44px;
        left: 0;
         z-index: 0;
    }
    .primary-navigation{
      margin-top: 3rem;
    }
}


.red-bg{
      background-color:#ff0000 !important;
      color:#ffffff !important;
      padding: 5px  10px;
      border-radius:5px ;
}
    .products{
      background-image:https://ovensupport.co.uk/wp-content/uploads/2025/07/Oen-Support.co_.uk-Single-Oven.webp;
      padding:15px ;
      color:#ffffff !important;
    }

 .page-wrapper-order-confirm {
          width: 100%;
    max-width: 1243px;
    background: #ffffff;
    border-radius: 15px;
    padding: 55px 70px;
    /* display: flex; */
    gap: 60px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .12);
    margin: 0 auto;
        }

        /* LEFT */
        .left {
            flex: 1.1;
        }

        .left h1 {
            font-size: 42px;
            font-weight: 700;
            margin-bottom: 18px;
        }

        .lead {
            font-size: clamp(14px, 1.5vw, 16px);
            color: #666;
            line-height: 1.6;
            text-align: left;
        }

        /* BILLING */
        .billing {
            margin-top: 36px;
            font-size: clamp(14px, 1.5vw, 16px);
            text-align: left ;
        }
        .order-billing-heading{
          font-size: clamp(28px, 4vw, 48px);
          text-align: left;
        }

        .billing h3 {
            font-size: clamp(14px, 1.5vw, 16px);
            margin-bottom: 14px;
        }

        .billing-row {
            display: flex;
            margin-bottom: 8px;
        }

        .billing-row .label {
            width: 90px;
            font-weight: 600;
            color: #000000;
        }

        .billing-row .value {
            color: #333;
        }

        /* ACCOUNT */
        .account-info {
            margin-top: 30px;
            font-size: 14px;
            text-align: left;
        }

        .account-info h4 {
            font-size: 15px;
            margin-bottom: 10px;
        }

        .account-line {
            display: flex;
            margin-bottom: 8px;
            
        }

        .account-line .label {
            width: 90px;
            font-weight: 600;
            color: #000000;
        }

        .set-password-link {
            color: #0066c0;
            text-decoration: none;
        }

        .set-password-link:hover {
            text-decoration: underline;
        }

        /* TRACK BUTTON */
        .track-btn {
            margin-top: 10px;
            display: inline-block;
            padding: 14px 46px;
            border-radius: 999px;
            background: #ff7f5f;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
        }

        /* APP DOWNLOAD */
        .app-download-text {
            margin-top: 20px;
            font-size: 14px;
            color: #333;
        }

        .store-links {
              margin-top: 12px;
          display: flex;
          gap: 16px;
          justify-content: center;
          align-items: center;
        }

        .store-links img {
            width: 160px;
        }

        /* RIGHT */
        .right {
            flex: 1;
        }

        /* OUTER SOFT CONTAINER (REFERENCE STYLE) */
        .receipt-wrapper {
            background: #f3f3f3;
            border-radius: 26px;
            padding: 30px;
            position: relative;
        }

        /* TOP GREY HANDLE */
        .receipt-wrapper::before {
            content: "";
            display: block;
            width: 60%;
            height: 12px;
            background: #e5e5e5;
            border-radius: 999px;
            margin: 0 auto 20px;
        }

        /* INNER CARD */
        .receipt-card {
            background: #ffffff;
            border-radius: 22px;
            box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
        }

        .receipt-inner {
            padding: 32px 48px 30px;
        }

        /* TITLE */
        .order-title {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 18px;
        }

        /* META */
        .order-meta {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            font-size: clamp(13px, 1.5vw, 15px);
            padding: 20px 0;
            border-top: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
            text-align: justify;
        }

        .order-meta .label {
            color: #888;
            margin-bottom: 4px;
        }

        .order-meta .value {
            font-weight: 600;
            color: #111;
        }

        /* ITEMS */
        .items {
            padding-top: 22px;
            font-size: clamp(14px, 1.5vw, 16px);
        }

        .item-row {
            display: flex;
            align-items: center;
            margin-bottom: 26px;
        }

        .item-thumb {
            width: 50px;
            height: 50px;
            border-radius: 10px;
            margin-right: 14px;
            background-size: cover;
            background-position: center;
        }

        .item-info {
            flex: 1;
        }

        .item-info .name {
            font-weight: 600;
            margin-bottom: 4px;
        }

        .item-info small {
            font-size: clamp(11px, 1.5vw, 12px);
            color: #888;
        }

        .item-price {
            font-weight: 600;
            font-size: 14px;
        }

        /* TOTALS */
        .totals {
            border-top: 1px solid #ededed;
            padding-top: 18px;
            font-size: clamp(14px, 1.5vw, 16px);
            color: #666;
        }

        .totals-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }

        /* GRAND TOTAL */
        .grand-total {
            border-top: 1px solid #ededed;
            margin-top: 20px;
            padding-top: 20px;
            display: flex;
            justify-content: space-between;
            font-size: clamp(16px, 1.5vw, 18px);
            font-weight: 700;
        }

        .grand-total.sub-grand-total {
            font-size: clamp(14px, 1.5vw, 16px);
            font-weight: 500;
        }

        /* SUPPORT */
        .support-note {
            font-size: 12px;
            color: #777;
            margin-top: 16px;
        }
        .order-billing-heading-footer{
          font-size: clamp(20px, 4vw, 32px);
          text-align: center;
          margin-top: 26px;
        }

        /* MOBILE */
        @media (max-width:600px) {
            .page-wrapper {
                flex-direction: column;
                padding: 35px 25px;
            }

            .right {
                order: -1;
            }

            .track-btn {
                display: block;
                margin: 32px auto 0;
                text-align: center;
            }

            .app-download-text {
                text-align: center;
            }

            .store-links {
                flex-direction: column;
                align-items: center;
            }

            .store-links img {
                width: 180px;
            }
            .page-wrapper-order-confirm{
              padding: 34px 25px;
            }
            .receipt-wrapper{
                  padding: 10px;
                margin-top: 16px;
            }
            .receipt-inner{
                  padding: 1px 7px 7px;
            }
        }