@font-face {
    font-family: "ProximaNova-ExtraBold";
    font-style: normal;
    font-weight: bold;
    src: url("../../fonts/ProximaNova-Extrabld.eot");
    src: url("../../fonts/ProximaNova-Extrald.eot?#iefix") format("embedded-opentype"), url("../../fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("../../fonts/ProximaNova-Extrabld.woff") format("woff"), url("../../fonts/ProximaNova-Extrabld.ttf") format("truetype"), url("../../fonts/ProximaNova-Extrabld.svg") format("svg");
}

@font-face {
    font-family: "Gotham-Bold";
    font-style: normal;
    font-weight: bold;
    src: url("../../fonts/gotham-bold.eot");
    src: url("../../fonts/gotham-bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/gotham-bold.woff2") format("woff2"), url("../../fonts/gotham-bold.woff") format("woff"), url("../../fonts/gotham-bold.ttf") format("truetype"), url("../../fonts/gotham-bold.svg") format("svg");
}

@font-face {
    font-family: "Gotham-BookItalic";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/gotham-bookitalic.eot");
    src: url("../../fonts/gotham-bookitalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/gotham-bookitalic.woff2") format("woff2"), url("../../fonts/gotham-bookitalic.woff") format("woff"), url("../../fonts/gotham-bookitalic.ttf") format("truetype"), url("../../fonts/gotham-bookitalic.svg") format("svg");
}

@font-face {
    font-family: "Gotham-LightItalic";
    font-style: normal;
    font-weight: 200;
    src: url("../../fonts/gotham-lightitalic.eot");
    src: url("../../fonts/gotham-lightitalic.eot?#iefix") format("embedded-opentype"), url("../../fonts/gotham-lightitalic.woff2") format("woff2"), url("../../fonts/gotham-lightitalic.woff") format("woff"), url("../../fonts/gotham-lightitalic.ttf") format("truetype"), url("../../fonts/gotham-lightitalic.svg") format("svg");
}

@font-face {
    font-family: "Gotham-Book";
    font-style: normal;
    font-weight: 200;
    src: url("../../fonts/gotham-book.eot");
    src: url("../../fonts/gotham-book.eot?#iefix") format("embedded-opentype"), url("../../fonts/gotham-book.woff2") format("woff2"), url("../../fonts/gotham-book.woff") format("woff"), url("../../fonts/gotham-book.ttf") format("truetype"), url("../../fonts/gotham-book.svg") format("svg");
}

body {
    font-family: "Gotham-Book" !important;
    font-size: 14px !important;
    text-align: center;
    padding: 57px 0 0;
    min-height: 100vh;
    overflow: hidden;
    background-image: radial-gradient(circle at 11% 5%, #ecebe7, #fefefe);
    background-size: cover;
    display: flex;
    flex-direction: column;
}


footer {
    flex: 0 0 50px;/*or just height:50px;*/
    margin-top: auto;
}

footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer ol li, footer ul li {
    font-size: 14px !important;
    color: #a7a7a7;
    font-family: Gotham-Book;
    text-align: left;
}

h1 {
    font-size: 50px !important;
    font-family: "Gotham-LightItalic";
    color: #121212;
    margin-bottom: 30px;
    letter-spacing: 0;
}

h2 {
    font-size: 44px !important;
    font-family: "Gotham-BookItalic";
    color: #121212;
    margin-bottom: 20px;
    letter-spacing: 0;
}

h3 {
    font-size: 38px !important;
    font-family: "Gotham-Bold";
    color: #121212;
    margin-bottom: 20px;
    letter-spacing: 0;
}


p,ol li,content ul li {
    font-size: 20px !important;
    font-family: "Gotham-Book" !important;
    color: #121212;
    letter-spacing: 0;
    line-height: 32px;
    word-break: break-word;
}

ol {
    text-align: left;
}

.homepage,
.product-wrapper,
.dates,
.payment,
.product-cards,
.map-wrapper,
.confirm-request-wrapper,
.summary-wrapper,
.deposit-wrapper {
    padding-bottom: 100px;
}

.homepage {
    margin: auto;
    max-width: 600px;
}

.homepage input {
    text-align: center !important;
}

.footer-list {
    padding-top: 15px;
    padding-left: 0;
    list-style-type: none;
    line-height: 20px;
}

.footer-grid {
    text-align: left !important;
}

footer a:hover {
    text-decoration: underline;
}

.body-bg {
    background-size: cover;
    background-attachment: fixed !important;
}

.innerpage-bg {
   max-width: 860px;
   background-image: radial-gradient(circle at 11% 5%, #ecebe7, #fefefe);
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
}

/* footer .container {
    min-width: 70%;
} */

.slick-next:before {
    content: '' !important;
    background-image: url("../images/arrow-right.png");
    height: 52px;
    width: 30px;
    display: block;
    left: 25px;
    bottom: 100px;
    position: absolute;
}

.slick-prev:before {
    content: '' !important;
    background-image: url("../images/arrow-left.png");
    height: 52px;
    width: 30px;
    display: block;
    left: -50px;
    bottom: 100px;
    position: absolute;
}

.video  {
    position: relative;
}
.playpause {
    background-image: url('../../images/play-button.png');
    background-repeat: no-repeat;
    width: 62px;
    height: 62px;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 10%;
    margin: auto;
    background-size: contain;
    background-position: center;
}

.slide {
    padding-bottom: 100px;
}

.slick-slide {
    padding: 30px;
    position: relative;
}

.favourite-icon {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100px;
}

.product-inner .favourite-icon {
    position: absolute;
    left: -40px;
    top: -40px;
    width: 100px;
}

.intro-text p{
    color: #fff !important;
    margin-bottom: 35px!important;
}

.form-check.selfpickup-info label.form-check-label pretty{
margin-right: 0;
}


.form-check.selfpickup-info {
padding-left: 0;
}

.state {
    word-break: break-word;
    white-space: normal;
}
.pretty.p-icon .state.selfpickup-info .icon {
    color: #56BCAD !important;
    top: -3px !important;
    font-size: 20px;
}
h3 {
    text-transform: unset;
    margin-top: 10px;
    font-size: 25px;
}

.product-image {
    text-align: center !important;
}

.product-image img {
    margin: auto;
    width: 100%;
}

.confirmation h3 {
    text-transform: none;
}

.slick-slide p {
    text-align: left;
}

.slick-slide .btn {
    margin-top: 50px;
}

.product-wrapper p,
.modal-body p,
.payment-method p,
.button-wrapper .text-left a,
.delivery-address .text-left a,
.text-left a,
.confirmation p {
    font-size: 22px;
    text-align: left;
}
.confirmation .summary  .text-right p {
    text-align: right;
} 
.accordion-section {
    margin-top: 20px;
}
.accordion-section .card{
    background-color: transparent;
    border: none;
}
.accordion-section .card-body{
    padding: 0;
}
.accordion-section  .card-header{
    cursor: pointer;
     background-color: transparent;
    border:none;
    /*padding-left: 0;*/
        padding-bottom: 0;
   
}

.accordion-section  .card-header .fa {
  transition:transform .6s ease-in-out;
       font-size: 20px;
    margin-left: 6px;
}
.accordion-section  .card-header[aria-expanded="true"] .fa{
 transform:rotateX(180deg);
}
.accordion-section .btn-link {
    font-weight: 400;
    color: #212529;
  /* padding-left: 0;*/
    text-decoration: none;
}
.accordion-section .btn.btn-accordion{
  
 padding-bottom: 0;
    border: 1px solid;
    border-radius: 0;
    background: #56BCAD !important;
    border-color: #56BCAD !important;
 /*       min-width: 363px;
    height: auto;*/
}
.accordion-section p.accordion-inline {
    color: #fff!important;
    padding: 5px;
   
}
.product-wrapper a,
.button-wrapper .text-left a,
.delivery-address .text-left a,
.payment-method .text-left a,
.text-left a {
    text-decoration: underline;
}

.product-wrapper .float-left a,
.product-wrapper .btn {
    text-decoration: none !important;
}


.slide .float-left a,
.slick-slide .btn {
    text-decoration: none !important;
}

.product-wrapper .btn {
    margin-top: 50px;
}

.payement-method {
    padding-top: 40px;
}
/*10-04-2019*/
.address-heading label {
    margin-left: 16px;
}
.product-inner {
    max-width: 370px;
    margin: auto;
    position: relative;
}

.product-inner-wrapper {
    max-width: 800px;
    margin: auto;
    padding-bottom: 100px;
}

.delivery-datepicker {
    width: 100% !important;
    padding-bottom: 0;
}

.modal h4 {
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-body ul {
    list-style-type: none;
    text-align: left;
    padding-left: 0;
    color: #96958d;
    font-size: 20px;
}

.modal-footer .btn.form-control.active {
    width: 36%;
    padding-left: 40px;
    padding-right: 40px;
}

.modal-dialog {
    max-width: 1000px;
    margin: auto;
    top: 15%;
}

.modal-content {
    padding: 40px 30px 20px 50px;
}

.modal-body a {
    font-weight: 700;
    text-decoration: underline;
}

.delivery-datepicker h3 {
    margin-bottom: 50px;
}

.payment-method .btn {
    margin-top: 50px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: none;
    border-radius: 20px;
    padding: 5px;
}

.ui-datepicker select.ui-datepicker-month:focus,
.slick-slide:focus,
.product-wrapper a:focus {
    outline: none;
}

.slick-slide img:focus {
    outline: none;
}

/* input[type=checkbox] {
    width: 20px;
    height: 20px;
    top: 3px;
    margin-right: 10px;
    position: relative;
} */

label {
    font: 20px "Gotham-Book" !important;
    color: #121212;
}

/** feb**/

.delivery-datepicker .form-group .form-check-label .pretty .state label{
    text-indent: 0;
    padding-left: 32px;
}



.form-control {
    font-size: 20px;
    font-family: "Gotham-Book";
}

.delivery-datepicker .ui-datepicker {
    padding: 0 !important;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    margin-bottom: 35px;
    min-height: 410px;
}

/* .delivery-datepicker .ui-datepicker td {
    padding: 0!important;
} */

.delivery-datepicker .ui-datepicker td a {
    border: 0;
    background-color: transparent;
    font-size: 20.4px;
    color: #6f6f6e;
    padding: 15px;
    text-align: center;
}

 .delivery-datepicker .ui-datepicker table {
    /*background-color: #fff;*/
    /*edit by anu*/
    margin: 0 5px;
} 

.delivery-datepicker .ui-datepicker .ui-datepicker-header {
    padding-top: 12px;
    position: relative;
    left: 0;
    top: 1px;
    background-color: rgba(236, 235, 231, 0.68);
}

.delivery-datepicker input[type=checkbox] {
    margin-left: 0;
}


.delivery-datepicker .form-check-label {
    text-align: left;
   /*  text-indent: -28px; */
    padding-bottom: 25px;
}

.delivery-datepicker p {
    font-family: "Gotham-Bold" !important;
}

.self-pickup-heading {
    font-size: 40px !important;
    margin: 20px 0;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 8px;
}

.content-description {
    text-align: justify;
}

a.load-more {
    font-size: 15px;
    color: #6279cb;
    text-transform: lowercase;
    text-decoration: none;
    cursor: pointer;
    margin-left: 5px;
}

.headerWrap {
    min-height: 70px;
    display: table;
    width: 100%;
}

.headerWrap h3 {
    display: table-cell;
    vertical-align: middle;
}

.contentWrap {
    min-height: 75px;
}

.delivery-datepicker .table-disabled .ui-datepicker .ui-datepicker-header,
.delivery-datepicker .table-disabled .ui-datepicker table {
    opacity: 0.3;
}


.button-wrapper {
    text-align: left;
    margin-top: 100px;
    margin-bottom: 200px;
}

.payment-method .button-wrapper {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

span.description {
    font-size: 18px;
}

textarea.form-control {
    height: auto;
    text-align: left !important;
}

.form-check-label {
    text-align: left;
}

.hr-1 {
    border-top: 2px solid rgba(205, 203, 193, 0.5);
}

.confirmation .address {
    list-style-type: none;
    text-align: left;
    padding-left: 0;
}

.confirmation .address li {
    font-size: 22px;
    color: #96958d;
    text-align: left;
    word-wrap: break-word;
}

.confirmation .button-wrapper {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 200px;
}

.details {
    border-right: 2px solid rgba(205, 203, 193, 0.5);
}

.title {
    margin: 50px 0 100px 0;
}

.delivery-address {
    padding-bottom: 100px !important;
}

/* .delivery-address label,
.panel p,
.details p {
    font-weight: 700 !important;
} */

.address-title {
    font-family: "Gotham-Bold" !important;
}
.delivery-address .form-check-label {
    font-weight: 500 !important;
}

.payment-method .panel {
    margin-top: 50px;
}

.payment-method .panel-body .row {
    padding: 10.3px 0 33.3px;
}

.payment-method .panel .row {
    padding: 33.3px 0 33.3px;
    margin: 0 !important;
}

.panel .col-5 {
    text-align: right !important;
}

.panel .row {
    max-width: 100% !important;
}

.confirmation .col-12.col-sm-5 {
    padding-left: 30px;
}

.row.gutter-120 {
    margin-right: -60px;
    margin-left: -60px;
    clear: left;
}

.gutter-120>[class^="col-"],
.gutter-120>[class^=" col-"] {
    padding-right: 60px;
    padding-left: 60px;
}

.row.gutter-54 {
    margin-right: -27px;
    margin-left: -27px;
    clear: left;
}

.gutter-54>[class^="col-"],
.gutter-54>[class^=" col-"] {
    padding-right: 27px;
    padding-left: 27px;
}

#payandorderpaypal input[type="submit"] {
    width: 100%;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 66px;
}

#payandorderpaypal input[type="submit"]:focus {
    outline: none;
}

.confirmation .product-image {
    text-align: left !important;
    margin-bottom: 10px;
}

.confirmation .product-image img {
    margin: auto;
    width: auto;
}

body.modal-open {
    padding-right: 0 !important;
}

.contact-information .form-check-label {
    position: relative;
}

.contact-information.address-form.support-ticket p, .contact-information.address-form.support-ticket ul li, .contact-information.address-form.support-ticket ol li{
    text-align: left;
}

/*.contact-information input[type=checkbox] {
    width: 20px;
    height: 20px;
    top: -2px;
    margin-right: 10px;
    position: absolute;
    left: 2px;
}*/

span.termsandconditions {
    margin-left: 12px;
}

#postfinance a:focus,
#paypal a:focus,
.debitcard:focus {
    background: #ddd;
    display: block;
    outline: none;
}

a.panel-link.debitcard:focus {
    display: block;
    background: #ddd;
}

.delivery-address .form-check-label {
    text-indent: 0;
    text-align: center;
    padding-bottom: 30px;
}

span.termsandconditions {
    margin-left: 12px;
    display: table;
}

span.termsandconditions {
    margin-left: 10px;
    display: table;
    text-align: left;
}

#addressform .form-group:last-child,
#addressform .form-group:nth-last-child(3) {
    padding-bottom: 0;
}

.video iframe {
    width: 100%;
    min-height: 300px;
    border: none;
    display: block;
}

.video  {
    margin-bottom: 12px;
}

.dates.date-selection form {
    padding-top: 50px;
}

.language-menu {
    max-width: 70px;
    position: relative;
    float: right;
    right: 26%;
    top: 28px;
}

.language-menu .dropdown-menu {
    position: absolute;
    min-width: 40px;
    left: -22px;
}

.language-menu .dropdown-menu .dropdown-item {
    padding: 0.25rem 20px;
}

.content-description p {
    font-size: 23px;
}

.homepage .form-wrap {
    padding-top: 0;
    position: relative;
}

.select-wrap,.select-wrap-inner  {
    position: relative;
}
/* 
.select2-container--open .select2-dropdown {
    top: -35px;
} */


/* .select-wrap-inner .select2-container--open .select2-dropdown {
    top: 82px !important;
    border: none;
}

.select2-results__option {
    padding: 3px 0 !important;
    font-size: 15px !important;
} */

.embed-responsive.embed-responsive-16by9 {
    margin-bottom: 40px;
}

.bgHighlight {
    background: #ddd;
    display: block;
}

/*.homepage .form-wrap input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

/* Chrome <=56, Safari < 10 */

/*.homepage .form-wrap input:focus:-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}*/

/* FF 4-18 */

/*.homepage .form-wrap input:focus::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}*/

/* FF 19-51 */

/*.homepage .form-wrap input:focus:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}*/

/* IE 10+ */

/*.homepage .form-wrap input:focus::placeholder {
    opacity: 0;
    transition: opacity .5s;
}*/
/* Modern Browsers */

.contact-information h1 {
    line-height: 40px;
}

.contact-information span.description {
    color: #96958d;
}

button#printpage {
    margin-top: 30px;
}

img.img-fluid.address-logo {
    max-width: 100px;
    margin-bottom: 20px;
    border-radius: 50%;
}

.col-7.logo-wrap {
    text-align: left;
}

/*New Styles*/
.footer-grid img {
    max-width: 170px;
}

p {
    font-size: 22px;
    margin-bottom: 5px;
}

h1 {
    margin-bottom: 20px;
    font-size: 35px;
}

h2 {
    font-size: 30px;
}

.btn.form-control, .payment-method .stripe-button-el {
    border-radius: 34.5px;
    text-align: center;
    font-size: 22px;
    padding: 10px 38px !important;
    font-family: "Gotham-Bold";
    color: #fff;
    background-color: #51c57d ;
    text-transform: uppercase;
    max-width: 502px;
    width: auto;
    height: 50px;
    line-height: unset !important;
}


.payment .btn.form-control, .payment-method .stripe-button-el {
    min-width: 502px;
}

.form-control,select.form-control:not([size]):not([multiple]) {
    height: 50px;
} 

.row.align-items-end {
    margin-bottom: 15px;
}
/**/

button.product-count {
    border: none;
    background: transparent;
    cursor: pointer;
}
button.product-count:focus {
    outline: none;
    border: none;
}
.product-count .fa {
    font-size: 35px;
    position: relative;
    top:0;
    padding: 8px 5px;
}

.payment-method {
    margin-top: 40px;
}

sup {
color: red;
}
form#zipform select.form-control{
    text-align-last: left!important;
}
.overflow-visible,
.overflow-visible:focus{
    overflow: visible;
    background-color: transparent;
    background-image: none!important;
    height: auto!important;
    padding: 0!important;
}
.overflow-visible option {
    background-color: #fff;
    top: 1px;
    position: relative;
    padding-left: 30px!important;
    padding: 13px 0;
}
/*New Styles*/
.no-trash-found {
    width: 100%;
    padding: 20px 0;
}


.card-wrapper a.back-btn {
 margin-top: 20px;   
}

a.back-btn {
    border: 1px solid;
    padding: 8px 14px;
    display: block;
    width: auto;
    min-height: 48px;
    max-width: 150px;
    text-align: center !important;
    /* margin-top: 20px; */
    text-decoration: none !important;
}

a.back-btn:hover {
    background:#56BCAD !important;
    border-color: #56BCAD !important;
    color: #fff;
}

a.back-btn .fa {
    padding: 0 5px;
    padding-left: 0;
}

.btn .fa.fa-angle-right {
     padding: 0 5px;
     padding-right: 0;  
}


/*** Footer Changes 29 jan **/

.container.footer-award{
    max-width: 1140px;
    position: relative;
}

.container.footer-award .award-logo{
    position: absolute;
    top: -144px;
    left: 50%;
    max-width: 150px;
}

.container.footer-award h1{
    line-height: 24px;
    font-size: 10px!important;
    margin-top: 25px;
}



/*Flip Container*/
/* entire container, keeps perspective */
.card-wrapper .flip-container {
    background: transparent;
    margin: 30px 0 0 0;
    transform-style: inherit !important;
    min-height: 287px!important;
}


.card-wrapper .flip-container .front,
.card-wrapper .flip-container .back {
    width: 100%;
    height: auto;
    background: #fff;
}


.card-wrapper .flip-container .front .productimage img,
.card-wrapper .flip-container .front .muldeimage img{
    max-height: 150px;
    min-height: 100px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.card-wrapper .flip-container .front .muldeimage img {
    min-height:150px !important;
}

.card-wrapper .flip-container .front span {
    margin-top: 15px;
    font-size: 18px;
    color: #121212;
    font-family: "Gotham-Bold";
}

.card-wrapper .flip-container .back p {
    font-size: 18px !important;
    line-height: 24px;
}

.card-wrapper .flip-container .mulde-size {
    font-size: 23px !important;
    font-weight: bold;
}    

.card-wrapper .flip-container .right {
    text-align: right;
}

.card-wrapper .flip-container .left {
    text-align: left;
}

.top-row {
    position: relative;
    text-align: left;
}

.top-row .flip-trigger {
    position: absolute;
    top: 0;
    right: 0;
}

.bottom-row {
    text-align: right;
}


.card-wrapper .flip-container .fa {
    font-size: 25px;
    cursor: pointer;
}

.bottom-row .fa {
   font-size: 18px !important;
    cursor: pointer;
} 


.flip-container.productcard-fade {
    opacity: 0.3;
    pointer-events: none;
}

.flip-container.active .front,
.flip-container.active .back {
    border: 1px solid #56BCAD;
}

.card-wrapper .flip-container span.price {
    font-family: "ProximaNova-Regular";
    color: #96958d;
}


.flip-container {
    perspective: 1000px;
}

/* flip the pane when hovered */
.flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
    width: 100%;
    height: auto;
    min-height: 250px;
    white-space: normal;
    word-break: break-word;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front,
.back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
    padding: 20px 15px;
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    padding: 20px;
}

/*Flip Container End*/

.count-select {
    white-space: nowrap;
    display: inline-block;
    border:1px solid #56BCAD !important;
    position: relative;
    top: 2px;
    margin-right: 10px;
    min-height: 38px;
}
.btn-group .fa.fa-close.clear-date-btn::before {
    position: absolute;
    right: 7px;
    bottom: 8px;
}
.count-select input {
    width: 40px;
    height: initial;
    font-weight: bold;
    border-radius: 0;
    border: 0px;
    background: transparent;
    padding: 5px 0;
    text-align: center;
    color: #56BCAD !important;
    font-size:18px;
}

.count-select input:focus {
    outline: none;
}

.count-select:focus {
    outline: none;
}

.count-btn {
    min-height: 36px !important;
    line-height: initial !important;
    font-size: 15px !important;
    display: inline-block;
    background: #56BCAD !important;
    text-transform: uppercase;
    border-radius: 0;
    color: #fff;
    font-family: "ProximaNova-Bold";
    text-align: center;
}

.product-count .fa {
    color: #56BCAD !important;
}

.count-btn:focus {
    outline: none;
    box-shadow: none;
}

.count-btn span {
    position: relative;
    color: #fff !important;
}

.productcard input[type=number] {
    -moz-appearance: inherit !important;
    appearance: inherit !important;
    -ms-appearance: inherit !important;
}

.productcard input[type=number]::-webkit-inner-spin-button,
.productcard input[type=numbe]::-webkit-outer-spin-button {
    opacity: 1 !important;
    -webkit-appearance: inner-spin-button !important;

}

.delivery-datepicker .ui-datepicker td a,
.delivery-datepicker .ui-datepicker th,
.delivery-datepicker .ui-datepicker td span {
    font-size: 18px;
}

.map-wrapper .shipping-address ul {
    padding-left: 0;
    list-style-type: none;
}

.confirm-request-wrapper .conditions ul {
    padding-left: 15px;
}

.confirm-request-wrapper {
    min-height: 600px;
}

.conditions,
.confirm-request-wrapper .form-check.text-left {
    padding-bottom: 30px;
}

.confirm-request-wrapper .form-check.text-left {
    padding-left: 0 ;
 }

.map-wrapper .shipping-address {
    padding: 50px 0 30px 0;
}

.map-wrapper .shipping-address ul li p,
.confirm-request-wrapper .conditions ul li p {
    margin-bottom: 5px;
    font-size: 22px;
}

content ul li {
    color: #121212 !important;
    font-size: 20px !important;
    font-family: "Gotham-Book"
}

.map-canvas {
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
}

/* .confirm-request-wrapper input[type=checkbox] {
    width: 25px;
    height: 25px;
} */

.deposit-wrapper .btn.form-control.active {
    width: auto !important;
    max-width: unset !important;
    padding: 0 20px;
}

.delivery-address label {
    padding-left: 5px;
}

.homepage-wrap .error-msg {
    color: red;
    display: block;
    margin-top: 5px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top:57px;
    }


.error-msg {
    color: red;
    display: block;
    margin-top: 5px;
    text-align: center;
    }
.confirmation {
    padding-bottom: 40px;
}

.confirmation .product-image img {
    max-width: 250px;
 /*    border: 1px solid rgba(205, 203, 193, 0.5); */
}

/* .dates.date-selection {
    max-width: 65%;
    margin: 0 auto;
} */

.delivery-datepicker .ui-datepicker td a {
    /*padding: 18px;*/
    /*edit by anu*/
    border: 0;
    background-color: transparent;
    font-size: 18px;
    color: #6f6f6e;
    /* padding: 10px; */
    text-align: center;
}

.delivery-datepicker .ui-datepicker td {
    text-align: center;
    /*padding: 0 10px;*/
    /*edit by anu*/
    padding: 0 !important;
}



button a,
button a:hover {
    color: #fff;
}

.summary {
    text-align: left;
}

.unknown-page h1 {
    margin-bottom: 20px;
}

/* .delivery-datepicker .ui-datepicker td a, .delivery-datepicker .ui-datepicker td span {
    padding: 10px !important;
} */

.disabled_button {
    pointer-events: none;
    background-color: #d0cbcb !important;
}
/*datepicker*/
#ui-datepicker-div .ui-datepicker-prev:before {
    content: "\F104";
}
#ui-datepicker-div  .ui-datepicker-next:before {
    content: "\F105";
}
#ui-datepicker-div  .ui-datepicker-next:before,#ui-datepicker-div  .ui-datepicker-prev:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: Fontawesome;
    display: block
}
#ui-datepicker-div  .ui-widget-header .ui-icon{
    background-image:none;
}
#ui-datepicker-div  .ui-state-default,#ui-datepicker-div  .ui-widget-content .ui-state-default,
#ui-datepicker-div  .ui-widget-header .ui-state-default,#ui-datepicker-div  .ui-button,
#ui-datepicker-div  .ui-button.ui-state-disabled:hover,#ui-datepicker-div  .ui-button.ui-state-disabled:active {
    border: 0;
    background: transparent;
    font-weight: normal;
    color: #454545;
    text-align: center;
}
#ui-datepicker-div  .ui-state-default{
    background: #b5eff3;
    color: #006838!important;
    margin:2px auto;
}
#ui-datepicker-div  a.ui-state-default.ui-state-highlight {
    background: #56BCAD !important;
    color: #fff!important;
}
#ui-datepicker-div  .ui-state-disabled{
    cursor: not-allowed!important;
    pointer-events: visible!important;
}
#ui-datepicker-div  .ui-widget.ui-widget-content{
    padding: 0;
    border: 1px solid #8dc63f;
}
#ui-datepicker-div  .ui-datepicker-next,#ui-datepicker-div  .ui-datepicker-prev{
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #b5eff3;
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer;
}
#ui-datepicker-div  .ui-state-hover.ui-datepicker-prev-hover,
#ui-datepicker-div  .ui-state-hover.ui-datepicker-next-hover{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #def9ba;
    top: 8px;
    border: 0;
}

#ui-datepicker-div .ui-datepicker-header {
    background-color: #fff;
    border: 0;
}
#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year {
    border-radius: 0;
    padding: 5px;
    border: 1px solid #56BCAD  !important;
    background-color: #fff;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0  !important;
}

/* .select2-container.select2-container--default.select2-container--open {
    top:0 !important;
} */
/*New Styles End*/

/* Mulden Express V2 Styles*/
.homepage-wrap {
    padding-top: 0;
    background-image: url('/images/desktop.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* min-height: 100% !important; */
}

/* .homepage-wrap footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
} */

.support-ticket ul li,
.support-ticket ol li  {
    text-align: left;
}

.homepage-wrap    main.container {
    min-height: initial !important;
}

 main.container {
    min-height: 600px !important;
}

.homepage-wrap .overlay {
    display: block;
}
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.44);
  z-index: -1;
  cursor: pointer;
}

.homepage-wrap .navbar-brand {
    display: none;
}

.homepage-wrap .homepage-logo {
    display: block;
}

.homepage-logo {
    display: none;
}

.homepage-wrap .homepage-logo img {
    height: auto !important;
    max-width: 740px;
    width: initial !important;
    margin: 60px auto !important;
}

.homepage-wrap .homepage-logo {
    margin: 0 auto !important;
}

 .homepage-wrap .navbar {
    padding: 0;
 }

.homepage-wrap .btn.form-control.active {
    background: transparent !important;
    border:2px solid #fff !important;
    text-transform: capitalize !important;
    position: relative;
    top: -4px;
}

.homepage-wrap .btn.form-control.active:hover {
    background: #56BCAD !important;
    border-color:transparent !important;
}



.form-control {
    border-radius: 0 !important;
    text-align: center;
}
.homepage-wrap .form-control.ui-autocomplete-input {
    max-width: 280px !important;
    min-height: 50px;
    color: #121212;
    font-family: "Gotham-Bold";
    display: inline-block;
    padding-top: 4px;
    margin-right: 30px;
    font-size: 20px;
    padding: 9px 5px !important;

}

footer {
    background: #121212;
    padding: 20px 0 40px;
}

.btn.form-control.active, .payment-method .stripe-button-el {
    background: #56BCAD !important;
}

.payment-method .stripe-button-el:not(:disabled):active span, 
.payment-method .stripe-button-el.active span, 
.payment-method .stripe-button-el span {
    background: transparent !important;
}

.btn.form-control, .payment-method .stripe-button-el {
    border-radius: 0 !important;
}

.footer-list>li>a, .footer-list>li {
    font-size: 14px;
    color: #a7a7a7;
    font-family: Gotham-Book;
}

.homepage-wrap .ui-autocomplete-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: "Gotham-LightItalic";
  color: #A7A7A7;
  opacity: 1; /* Firefox */
  font-size: 15px;
}

.homepage-wrap .ui-autocomplete-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: "Gotham-LightItalic";
  color: #A7A7A7;
  font-size: 15px;
}

.homepage-wrap .ui-autocomplete-input::-ms-input-placeholder { /* Microsoft Edge */
  font-family: "Gotham-LightItalic" !important;
  color: #A7A7A7;
  font-size: 15px;
}

nav.navbar .navbar-brand img {
    width: 310px ;
    max-width: 310px;
    height: auto !important;
    transition: 0.6s;
}

.container {
    max-width: 860px;
}

.delivery-datepicker .ui-state-active, .delivery-datepicker .ui-widget-content .ui-state-active {
    background-color: #56BCAD !important;
    border-radius: 0 !important;
}

.summary p b {
    font-family: "Gotham-Bold";
}

select.form-control {
    background-position: 97% 53%;
}

.payment-method button {
    min-width: 385px;
} 

.sweet-alert h2 {
    font-size: 30px !important;
}
/* 
.summary {
   background: #fff;
   padding: 10px;
} */

.summary p,
.confirmation p,
.confirmation li 
{
   font-size: 16px !important;
   word-break: break-word;
}

.summary .row-wrap {
   padding: 5px;
}

.summary {
   margin-bottom:20px;
}
/*.payment-summary .row-wrap:nth-child(even) {
 background: #EDECE9;
}*/

.row.align-items-end {
    margin-bottom: 0;
}

.details {
   border-right:none;
}
.confirmation h3 {
   text-align: center;
}

/* STYLE.css*/
nav.navbar {
    display: block;
}

/*nav.navbar .navbar-brand {
    margin: 0px auto 40px;
}*/

.radio-inline input {
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    left: -5px;
}

.pretty .state label:after, .pretty .state label:before {
    top: calc((0% - (100% - 1em)) - -15%);
}

.pretty .state.selfpickup-infolabel:after, .pretty .state.selfpickup-info label:before {
    top: calc((0% - (100% - 1em)) - -67%);
}    

.white-bg {
    background: #fff;
    padding-top: 5px;
}

.pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
    background-color: #56BCAD !important;
}  

.sa-button-container .confirm,.sa-button-container .confirm :hover {
    background-color: #428bca !important;
}

.confirm-pickup .sa-button-container .confirm, .confirm-pickup .sa-button-container .confirm :hover {
    background-color: #56BCAD !important;
}

.border-box {
    background: #fff;
    padding: 20px 10px;
    border: 1px solid;
    margin-bottom: 20px;
}

.border-box p {
    font-size: 16px !important;
    text-align: center;
}

.summary.delivery-summary p {
    margin-bottom: 15px;
}

.summary .mandatory {
    color:#121212 !important;
}
.summary span {
    font-size: 12px;
}

.quickpickup-confirm-option {
    margin: 30px 0;
}

.mb-10 {
    margin-bottom: 20px;
}


.support-ticket .pretty .state label:after,.support-ticket .pretty .state label:before {
    top :0 !important;
}

.support-ticket .pretty .state label {
    word-break: break-word;
    white-space: normal;

}

.confirm-request-wrapper .pretty.p-icon .state .icon{
    top:7px !important;
}

.confirm-request-wrapper .pretty input {
    top:9px;
    width: 21px;
    height: 21px;
}

.confirm-request-wrapper .form-group p {
    line-height: 32px;
    position: relative;
    top: -12px;
    padding-left: 35px;
}


.terms {
    padding-left: 30px;
    z-index: 99;
}

.confirm-request-wrapper a,
.confirm-request-wrapper label {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 10px;
}

.confirm-request-wrapper label {
    padding-left: 30px;
}
.confirm-request-wrapper .form-check label {
    padding-left: 0;
}
.confirm-request-wrapper .form-check div label:nth-child(3){
    padding-left: 30px;
}

li.select2-results__option.select2-results__message {
    display: none;
}

.confirm-request-wrapper .form-check.text-left a {
    padding: 0 5px;
    text-decoration: none;
}
.confirm-request-wrapper input,
.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 25px;
    width: 25px;
    top:-4px;
    z-index: 1;
    left: 20px;
  }

.custom-checkbox .terms {
    padding-left: 15px;
}

.custom-checkbox a {
    text-decoration: none !important;
}
  
  /* Create a custom checkbox */
.confirm-request-wrapper .checkmark,
.custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border:1px solid #96958d;
    /*z-index: 0;*/
  }
  
 
  
  /* When the checkbox is checked, add a blue background */
  .confirm-request-wrapper input:checked ~ .checkmark,
  .custom-checkbox input:checked ~ .checkmark {
    background-color:transparent;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .confirm-request-wrapper input:checked ~ .checkmark:after,
  .custom-checkbox input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .confirm-request-wrapper .checkmark:after,
  .custom-checkbox .checkmark:after {
    left: 6px;
    top: 1px;
    width: 10px;
    height: 16px;
    border:1px solid #56BCAD;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.select-wrap-inner .select2-dropdown.select2-dropdown--below{
    box-shadow: 5px 5px 3px #ddd;
}
/*ui-menu*/
.ui-menu .ui-menu-item-wrapper {
    font-size: 15px!important;
    padding: 10px!important;
    color: #121212 !important;
    font-family: "Gotham-Book" !important;
}
.ui-autocomplete{
    border-radius: 0!important;
}
.ui-state-active{
        background-color: #56BCAD !important;
        border:1px solid #56BCAD !important;
}

/* Slide Styles*/
.homepage .carousel .carousel-control-prev {
    left: -40px;
}

.homepage .carousel .carousel-control-next {
    right: -40px;
}

/*.carousel-control-next, .carousel-control-prev {
    top:-40%;
}*/

.homepage .carousel p {
    text-align: left;
    color: #fff;
    font-size: 16px !important;
    line-height: 25px;
}
.homepage  .carousel-inner {
    max-width: 550px;
    margin: 50px auto 40px;
}

.homepage .carousel .carousel-item  {
    min-height: 180px;
}
.homepage .slide,.homepage  {
    padding-bottom: 0;
}
.carousel-control-next, .carousel-control-prev {
    opacity: 1;
    top: -59px;
}

.homepage .carousel-control-next, .homepage .carousel-control-prev{
    top: 0;
}

/*new*/
.br-double::after {
    content: "";
    display: block;
    border-top: 1px solid;
    border-left: 1px solid #fff;
    border-bottom: 1px solid;
    width: 70%;
    float: right;
    height: 5px;
}

.br-bottom::after {
    content: "";
    display: block;
    border-bottom: 1px solid;
    width: 50%;
    float: right;
    height: 2px;
}
.summary.delivery-summary p {
    margin-bottom: 0;
}
.summary.delivery-summary .row>[class*="col-"]{
    margin-bottom: 15px;
}


/*comment box popup*/

.box-data {
    position: fixed;
    bottom: 50px;
    max-width: 287px;
    text-align: left;
    margin-left: auto;
    z-index: 99;
    right: 4%;
}

.box-data .tip-down {
    width: 15px;
    height: 7px;
    position: absolute;
    background: transparent;
    border: 15px solid #56bdad;
    bottom: -35px;
    left: 13px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.box-data .dialogbox .dialog-body {
  position: relative;
  max-width: 320px;
  min-width: 320px;
  height: auto;
  margin: 20px 10px;
  padding: 5px;
  background-color: #56bdad;
  border-radius: 0;
  border: 5px solid #56bdad;
}
.box-data .dialogbox {
    display: none;
        position: absolute;
    bottom: 100%;
        right: -10px;
}
.box-data .dialogbox.show{


}
.box-data .dialog-body .message {
  min-height: 30px;
}
.box-data .dialog-body .message p{
    font-family: Gotham-Book;
    font-size: 15px !important;
    line-height: 1.5;
    color: #fff;
    text-align: center;
}
.box-data a.btn{
    position: absolute;
    right: 0;
    background: #56bdad;
    padding:10px 0;
    border: 2px solid #fff;
    width: 320px;
    border-radius: 0;
    display: block;
}
.box-data a.btn p {
    font-family: "Gotham-Bold" !important;
    font-size: 22px !important;
    color: #fff;
    line-height: 25px;
    margin-bottom: 0;
    text-align: left;
    display: inline-block;
}
.box-data a.btn p:hover{
    color: #fff;
}
.box-data .btn-info:not(:disabled):not(.disabled):active{
    background: #56bdad !important;
}

.helper-calculation {
     font-style: italic;
    color: #6f6f6e;
    margin-bottom: 20px;
    font-size: 20px;
    display: block;
}

.select-box-helper  .front{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

iframe {
    display: block;
    margin:10px auto;
    max-width: 100%;
}

.error-block.invoice-alert-msg p.error-msg {
    text-align: center !important;
} 

.main-footer #rating-badge {
    text-align: left;
}

#rating-badge {
    display: none;
}

.extra-payment-details * {text-align:center  !important;}

/* Mulden Express V2 Styles End*/
@media only screen and (max-width: 1440px) {
    main.container {
        min-height: 400px !important;
    }
}
@media only screen and (min-width:993px) and (max-width: 1300px){
    .box-data{
        bottom: 49px;
        position: relative;
        right: -22px;
    }
}
/*@media only screen and(max-width: 1400px) and (min-width:993px){
    .box-data.bottom-top {
        bottom: 300px;
        transition-timing-function: ease-out;
        -webkit-transition: 0.4s ease-out;
        -moz-transition: 0.4s ease-out;
        -o-transition: 0.4s ease-out;
        transition: 0.4s ease-out;
    }
    .box-data{
        right:0;
        bottom: 300px;
        transition-timing-function: ease-out;
        -webkit-transition: 0.4s ease-out;
        -moz-transition: 0.4s ease-out;
        -o-transition: 0.4s ease-out;
        transition: 0.4s ease-out;
    }
}*/
@media (min-width: 1200px) {
    /* .container {
        max-width: 1300px;
    } */

    .slick-next:before {
        left: -40px;
    }

    .slick-prev:before {
        left: 25px;
    }

    .slick-list {
        max-width: 90%;
        margin: 0 auto;
    }

    label#data_protection-error {
        top: 57px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .language-menu {
        right: 17%;
    }

    .delivery-datepicker .ui-datepicker td {
        padding: 8px 7px;
    }

    .delivery-datepicker .ui-datepicker td a {
        padding: 15px;
    }
}

@media only screen and (max-width: 1200px){
    .footer-list>li>a, .footer-list>li{
        word-break: break-word;
        white-space: normal;
    }
    .container.footer-award .award-logo{
        top: -124px;
    }
}

@media only screen and (max-width: 1159px){
    .container.footer-award .award-logo {
        top: -107px;
    }
}


@media only screen and (max-width: 1024px) {
   
    .confirm-request-wrapper .checkmark,
    .custom-checkbox .checkmark {
        width: 20px;
        height: 20px;
    }
    .homepage {
        margin-top: 105px!important;
    }

    .confirm-request-wrapper .checkmark:after,
    .custom-checkbox .checkmark:after {
        left: 4px;
        top: -1px;
        width: 10px;
        height: 16px;
    }    
    .homepage-wrap {
       background-image: url('/images/Home-bg-mobile.jpg');
       background-position: top right;
       background-size: cover;
    }
    p {
        font-size: 22px;
    }

    .slick-next:before,
    .slick-prev:before {
        left: -5px;
    }

    .product-wrapper p {
        font-size: 20px;
    }

    .delivery-datepicker .ui-datepicker td a {
        padding: 16px 8px !important;
        font-size: 16px !important;
    }

    label,
    .button-wrapper .text-left a {
        font-size: 18px !important;
    }

    .button-wrapper {
        margin-bottom: 100px;
    }

    .modal-dialog {
        margin: auto;
        top: 20%;
    }

    .product-wrapper h1 {
        margin-bottom: 30px;
    }

    .delivery-datepicker .ui-datepicker .ui-widget-header .ui-icon {
        left: 0;
    }

    .dates.date-selection {
        max-width: 100%;
    }

    main.container {
        min-height: 500px;
    }

    .pretty .state label:after, .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -21%);
    }

    .pretty .state.selfpickup-infolabel:after, .pretty .state.selfpickup-info label:before {
        top: calc((0% - (100% - 1em)) - -52%);
    }
/*
    .pretty .state.selfpickup-infolabel:after, .pretty .state.selfpickup-info label:before {
        top: calc((0% - (100% - 1em)) - -65%);
    }*/

    .slick-next:before,
    .slick-prev:before {
        left: -5px;
        bottom: 205px;
    }

    .product-wrapper p {
        font-size: 20px;
    }

    .delivery-datepicker .ui-datepicker {
        min-height: 455px;
    }

    label,
    .button-wrapper .text-left a
    {
        font-size: 18px !important;
    }


    .button-wrapper {
        margin-bottom: 100px;
    }

    .modal-dialog {
        margin: 0 20px;
        top: 10%;
    }

    .product-wrapper h1 {
        margin-bottom: 30px;
    }

    span.termsandconditions {
        margin-left: 10px;
        display: table;
    }

    .address-form .form-check-label {
        text-indent: 0px;
    }

    .contact-information input[type=checkbox] {
        top: -4px;
    }

    #postfinance a:hover,
    #paypal a:hover,
    .debitcard:hover {
        background: #ddd;
        display: block;
        outline: none;
    }

    .language-menu {
        right: 17%;
    }

    label#data_protection-error {
        top: 40px;
    }

    .delivery-datepicker .ui-datepicker td {
        text-align: center;
        padding: 8px 4px;
    }

    .card-wrapper .productcard .front .muldeimage img {
        max-width: 240px;
    }

    .confirm-request-wrapper .pretty.p-icon .state .icon {
        top:6px !important;
        left: 0 !important;
    }
}

@media only screen and (min-width:768px) and  (max-width: 992px) {
    .homepage-wrap {
        background-position: 50%;
    }
    .homepage {
        margin-top: 105px!important;
    }

    .confirm-request-wrapper .pretty.p-icon .state .icon {
        top: 6px !important;
        left: -1px;
    }
            p.map-info-text {
   
    color:  #56BCAD;
}
.pretty.p-icon .state.selfpickup-info .icon {
    color: #56BCAD !important;
    top: -4px !important;
    font-size: 20px;
}
.pretty .state.selfpickup-infolabel:after, .pretty .state.selfpickup-info label:before {
    top: calc((0% - (100% - 1em)) - -65%);
}
}

@media only screen and (max-width: 992px) {
    .box-data {
        bottom: 50px;
        position: relative;
        right:55px;
    }
    .pretty.p-icon .state.selfpickup-info .icon {
        color: #56BCAD !important;
        top: -4px !important;
        font-size: 20px;
    }
    .delivery-datepicker .ui-datepicker td a {
        padding: 12px !important;
        font-size: 20.4px !important;
    }
    p.map-info-text {
        color:  #56BCAD;
    }
    .delivery-datepicker .ui-datepicker .ui-widget-header .ui-icon {
        left: -46px;
    }

    .delivery-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
        left: 35px;
    }

    .delivery-datepicker .ui-datepicker td a,
    .delivery-datepicker .ui-datepicker td span {
        width: 46px;
        margin: auto;
    }

    .dates select.form-control {
        width: 100% !important;
    }

    main.container {
        min-height: unset;
    }

    .count-select input {
        width: 25px;
    }   

    .count-select {
        margin-right: 0;
    }

    .pretty .state label:after, .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -21%);
    }

    .homepage-wrap footer {
        position: relative;
    }

    .delivery-datepicker .ui-datepicker td a,
    .delivery-datepicker .ui-datepicker td span {
        padding: 12px;
        font-size: 17px !important;
    }

    .delivery-datepicker .ui-datepicker th {
        font-size: 18px;
    }

    .delivery-datepicker .ui-datepicker {
        min-height: 380px;
    }

    .headerWrap h3 {
        font-size: 24px;
    }

    .contentWrap p {
        font-size: 16px !important;
    }

    .float-left,
    .float-right .text-left a {
        font-size: 16px !important;
    }

    #postfinance a:hover,
    #paypal a:hover,
    .debitcard:hover {
        background: #ddd;
        display: block;
        outline: none;
    }

    .modal-dialog {
        margin: 0 20px;
        top: 20%;
    }

    .language-menu {
        right: 5%;
    }

    img.img-fluid.address-logo {
        max-width: 100px !important;
        margin-bottom: 20px !important;
    }

    .delivery-datepicker .ui-datepicker td {
        padding: 0;
    }
    #google-reviews {
        margin-bottom: 75px !important;
     }
}

@media only screen and (max-width: 992px){
    .container.footer-award .award-logo {
        top: -67px;
        left: 65px;
        max-width: 150px;
        width: 100%;
    }
    .container.footer-award{
        padding-left: 10px;
        padding-right: 10px;
    }

    .container.footer-award .row{
        margin-left: -10px;
        margin-right: -10px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 998px) {
    .homepage-wrap main.container {
        min-height: 600px !important;
    }
    .pretty.p-icon .state.selfpickup-info .icon {
  
    top: -5px !important;
   
}
}

@media only screen and (max-width: 870px){
    .container.footer-award .award-logo{
        left: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .container.footer-award .award-logo{
        top: -99px;
    }
    .container.footer-award h1{
        font-size: 9px!important;
        margin-top: 11px;
    }
}

@media only screen and (max-width: 768px){
    .container.footer-award .award-logo {
        top: -90px;
    }
}

@media only screen and (max-width: 767px) {
    .main-footer #rating-badge,
    .hg-footer  #rating-badge {
        margin-bottom: 25px;
        margin-top: 20px;
    }
    .hg-footer.container.footer-award .footer-grid {
        text-align: center !important;
    }
    .hg-footer.container.footer-award .footer-grid.right-col {
        text-align: center !important;
    }
    .hg-footer.footer-award #rating-badge {
        text-align: center !important;
    }

    .hg-footer.container .footer-grid,
    .hg-footer #rating-badge {
        text-align: left !important;
    }
    .hg-footer.sa-button-container .footer-grid.right-col {
        text-align:left !important;
    }

    
.error-block.invoice-alert-msg p.error-msg {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
    h1 {
        font-size: 28px !important;
        word-break: break-word;
        line-height: 30px !important;
    }

    h2 {
      font-size: 22px !important;
    }

    h3 {
      font-size: 18px !important;
    }
    
    p,content ul li{
        font-size: 16px !important;
    }
    .product-cards, 
    .dates.date-selection, 
    .summary-wrapper,
    .contact-information.address-form,
    .map-wrapper,
    .confirm-request-wrapper,
    .payment-wrap {
        margin-top: 100px;
    }
    a.navbar-brand {
        margin-bottom: 0!important;
    }
    .modal h4 {
        text-align: center;
        margin: 0 auto;
        font-size: 22px;
    }
        p.map-info-text {
   
    color:  #56BCAD;
}
    .product-wrapper p {
        font-size: 15px;
    }

    .slick-next:before,
    .slick-prev:before {
        left: -4px;
    }
    .container {
    padding: 0 10px;
}
    label,
    .button-wrapper .text-left a {
        font-size: 13px !important;
    }

    /* input[type=checkbox] {
        width: 20px !important;
        height: 20px !important;
        top: 7px;
        margin-right: 5px;
        position: relative;
    } */
.delivery-datepicker a.back-btn{
    padding: 7px 14px !important;
}
    .button-wrapper {
        margin-bottom: 50px !important;
    }

    .payment-method .button-wrapper {
        margin-top: 50px !important;
    }

    .delivery-address h3 {
        font-size: 20px;
    }

    .homepage-wrap .homepage-logo img {
        margin: 40px auto !important;
    }

    span.description {
        font-size: 16px;
    }

    .payment-method .button-wrapper .btn {
        width: auto !important;
        padding-right: 10px;
        padding-left: 10px;
    }

    .confirmation .address li,
    .confirmation .details p {
        font-size: 15px;
    }

    .details {
        border-right: none;
        margin-bottom: 30px
    }

    .title {
        margin: 50px 0 40px 0;
    }

    #postfinance a:hover,
    #paypal a:hover,
    .debitcard:hover {
        background: #ddd;
        display: block;
        outline: none;
    }

    .product-inner {
        margin-bottom: 50px;
    }

    .favourite-icon {
        width: 84px;
    }

    .product-inner .favourite-icon {
        width: 84px;
    }

    .product-inner-wrapper,
    .slide {
        padding-bottom: 0;
    }

    footer .container {
        margin-top: 0;
    }

    h3 {
        font-size: 22px;
    }

    .modal-dialog {
        margin: auto;
        top: 20%;
    }

    .product-wrapper h1 {
        margin-bottom: 30px;
    }

    .row.gutter-120 {
        margin-right: -40px;
        margin-left: -40px;
        clear: left;
    }

    .gutter-120>[class^="col-"],
    .gutter-120>[class^=" col-"] {
        padding-right: 40px;
        padding-left: 40px;
    }

    .delivery-datepicker .ui-datepicker td a,
    .delivery-datepicker .ui-datepicker td a,
    .delivery-datepicker .ui-datepicker td span {
        padding: 10px;
        font-size: 17px !important;
    }

    .delivery-datepicker .ui-datepicker th {
        font-size: 17px !important;
    }

   /*  .delivery-datepicker .form-check-label {
        text-indent: -30px !important;
    } */

    span.termsandconditions {
        margin-left: 12px;
        font-size: 15px;
    }

    .delivery-datepicker .ui-datepicker {
        margin: auto;
        min-height: 350px !important;
    }

    .modal-footer .btn.form-control.active {
        width: 60%;
        margin: auto;
    }

    .dates p {
        font-size: 22px;
    }

    .self-pickup-heading {font-size: 22px !important;}



    span.termsandconditions {
        margin-left: 10px;
        display: table;
        padding-top: 2px;
    }

    .address-form .form-check-label {
        text-indent: 0;
    }

    .delivery-datepicker .form-check-label {
        font-size: 16px !important;
    }

    /* .delivery-datepicker input[type=checkbox] {
        width: 20px;
        height: 20px;
        top: 5px;
    } */

    .dates .form-control {
        margin-top: 20px !important;
    }

    .dates button.btn.form-control.active {
        margin-top: 0 !important;
    }

    .delivery-datepicker {
        width: 315px !important;
    }

    .text-left a {
        font-size: 16px !important;
    }

    .float-left,
    .float-right {
        font-size: 15px !important;
    }

    .modal-dialog {
        margin: 50px 10px;
        top: 0;
    }

    .modal-footer .btn.form-control.active {
        padding-left: 35px;
        padding-right: 35px;
    }

    .slick-prev:before,
    .slick-next:before {
        bottom: 160px;
    }

    .confirmation .col-12.col-sm-5 {
        padding-left: 15px;
    }

    .content-description p {
        font-size: 20px;
    }

    .modal-content {
        padding: 40px 10px 20px 10px;
    }

    .dropdown.list-unstyled img {
        width: 30px;
    }

    .language-menu {
        right: -13px;
        top: 14px;
    }

    #payandorderpaypal input[type="submit"] {
        background: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
        width: 100%;
        font-size: 16.8px;
        height: 48px;
        line-height: 48px;
    }

    img.img-fluid.address-logo {
        max-width: 100px !important;
        margin-bottom: 20px !important;
    }

    .form-group select.form-control,
    select.form-control:not([size]):not([multiple]) {
        padding: 10px; 
        text-align-last: center;
    }

    a.back-btn {
        min-height: 38px;
        height: auto;
        padding: 4px 14px !important;
        word-break: break-word;
        margin: auto;
    }

    .btn.form-control, .payment-method .stripe-button-el {
        min-height: 40px;
        height:auto;
        font-size: 20px;
        padding: 8px 30px !important;
        word-break: break-word;
       /*  width: 100%; */

    }

    .payement-method  button {
        min-height: 45px !important;
    }

    .payment-method .stripe-button-el span {
        font-size: 20px !important;
        height: auto;
    }

    .delivery-datepicker {
        padding-bottom: 0;
    }

    nav.navbar .navbar-brand img {
        max-width: 280px;
    }    

    .confirm-request-wrapper .pretty .state label:after,.confirm-request-wrapper .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -21%);
    }

    .map-canvas {
        height: 300px;
    }

      .homepage-wrap footer {
        position: relative;
    }
    .btn-wrap .text-left,.btn-wrap .text-right {
        text-align: center !important;
    }

    .btn-wrap .text-left {
        margin-bottom: 30px;
    }

    .modal h4 {
        text-align: center;
        margin: 0 auto;
        font-size: 28px;
    }

    .product-wrapper p {
        font-size: 15px;
    }

    .slick-next:before,
    .slick-prev:before {
        left: -4px;
    }

    label,
    .button-wrapper .text-left a {
        font-size: 13px !important;
    }

    /* input[type=checkbox] {
        width: 14px;
        height: 14px;
        top: 3px;
        margin-right: 10px;
        position: relative;
    }
 */
    .button-wrapper {
        margin-bottom: 50px !important;
    }

    .payment-method .button-wrapper {
        margin-top: 50px !important;
    }

    .delivery-address h3 {
        font-size: 20px;
    }

    span.description {
        font-size: 14px;
    }

    .payment-method .button-wrapper .btn {
        width: auto !important;
        padding-right: 10px;
        padding-left: 10px;
    }

    .confirmation .address li,
    .confirmation .details p {
        font-size: 15px;
    }

    .details {
        border-right: none;
    }

    .product-inner {
        margin-bottom: 50px;
    }

    .favourite-icon {
        width: 84px;
    }

    .product-inner .favourite-icon {
        width: 84px;
    }

    .product-inner-wrapper,
    .slide {
        padding-bottom: 0;
    }

    footer .container {
        margin-top: 0;
    }

    h3 {
        font-size: 25px;
    }

    .modal-dialog {
        margin: auto;
        top: 20%;
    }

    .product-wrapper h1 {
        margin-bottom: 30px;
    }


    .delivery-datepicker .ui-datepicker td a {
        padding: 10px !important;
        font-size: 18px !important;
    }

    /* .form-check-label {
        text-indent: -3px !important;
    } */

    .container {
        max-width: 100% !important;
    }

    .delivery-datepicker .ui-datepicker .ui-widget-header .ui-icon {
        left: -18px;
    }

    .delivery-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
        left: 0;
    }

    .dates select.form-control {
        width: 90% !important;
    }

    .delivery-datepicker .ui-datepicker table {
        margin-left: 0 !important;
    }

    .delivery-datepicker .ui-datepicker td span {
        width: 30px !important;
    }

    /*New Styles*/
    .count-select {
        margin-bottom: 10px;
        min-height: 36px;
        top: 2px;
    }

    .confirm-request-wrapper label {
        font-size: 16px !important;
    }

   /*  .confirm-request-wrapper .form-check-label {
        text-indent: -16px !important;
    } */


    .deposit-wrapper .btn.form-control.active {
        padding: 0 10px;
        font-size: 20px;
    }

    .bottom-row {
        text-align: center;
    }    

    .count-select {
        margin-right: 0;
    }

    .payment .btn.form-control,.payment .payment-method .stripe-button-el {
        min-width: 100% !important;
    }

    .homepage .btn.form-control.active {
        min-height: 50px;
    }

    .pretty .state label:after, .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -59%);
    }  

    .pretty .state.selfpickup-infolabel:after, .pretty .state.selfpickup-info label:before {
        top: calc((0% - (100% - 1em)) - -75%);
    }
    .contact-information.address-form .pretty .state label:after,.contact-information.address-form .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -10%);
    }

    .pretty .state label {
        white-space: normal;
        text-align: center;
    }

    textarea.form-control {
        text-align: left;
        font-size: 15px !important;
    }

    .confirm-request-wrapper .pretty .state label {
        text-indent: 0 !important;
        text-align: left;
        padding-left: 25px;
    }

    .summary-wrapper .text-right {
        text-align: left;
    }

  /*  .summary .text-right,
    .confirmation .summary .text-right p {
        text-align: left !important;
    }*/
    .summary .text-right{
        padding-left: 0;
    }

    .summary p, .confirmation .address li, .confirmation .details p, .confirmation p, .confirmation li  {
    font-size: 12px !important;
  
}
.confirmation .address li, .confirmation .details p{
    font-size: 12px!important;
}
.summary span {
    font-size: 9px;
}
    .quickpickup-confirm-option .pretty .state label:after,.quickpickup-confirm-option .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -12%);
    }

    .btn-wrap .btn.form-control.active,
    .btn-wrap .back-btn {
        min-width: 156px !important;
    }

    .pretty.p-icon .state .icon {
        top: 0px !important;
        font-size: 15px;
        left: -1px;
    }
   .pretty.p-icon .state.selfpickup-info .icon {
    
  top: -4px !important;
    font-size: 17px;
}
    .select2-container--default .select2-selection--single {
        margin: auto;
    }

    .billing-address .select2-container--default .select2-selection--single {
        max-width: unset !important;
        margin-right: 20px !important;
    }

    .confirm-request-wrapper .pretty.p-icon .state .icon {
        top: 6px !important;
        left: -1px;
    }

    .select-wrap .select2-container--open .select2-dropdown {
        left: 12px !important;
        top:-35px !important;
    }

    /*nav.navbar .navbar-brand {
        margin: 0 auto 40px;
    }*/

    
    /*New Styles End*/

    .homepage .carousel .carousel-control-prev {
    left: -0;
}

.homepage .carousel .carousel-control-next {
    right: 0;
}

.homepage .carousel .img-fluid {
    margin-bottom: 25px;
}

.homepage .carousel p {
    text-align: center;
}

.homepage .carousel .carousel-item {
    min-height: auto;
}

/*05-04-2019*/
.homepage {
    margin-top: 185px;
}

.sticky-top {
    position: fixed;
    transition: 0.5s;
    width: 100%;
    
  
}

.deposit-wrapper.thank-you-page {
margin-top: 38px;
}
.sticky-nav{
      background-color: rgb(109, 108, 108,0.9);
        transition: 0.5s;
     /* max-width: 200px;*/  
}
.sticky-nav .navbar-brand img {
    transition: 0.5s;
    max-width: 140px!important;
}
    header .container {
    padding-right: 0!important;
    padding-left: 0!important;
}
/*05-04-2019*/
 .navbar {
  /*    padding: 4px 231px 0px 203px;*/
    /*background-color: rgb(109, 108, 108,0.9);
    width: 100%;*/
}
.homepage-wrap .homepage-logo img {
        margin: 5px auto !important;
    }

    .container.footer-award .award-logo{
        position: inherit;
        left: 0;
    }
    .container.footer-award .footer-grid{
        margin-bottom: 25px;
    }
}   

@media only screen and (min-width: 481px)  and (max-width: 767px) {

 .contact-information.address-form .pretty .state label:after, .contact-information.address-form .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -18%);
    }

    .homepage-wrap main.container {
        min-height: 450px !important;
    }

    .confirm-request-wrapper .form-group p {
        top: -15px;
    }

    .confirm-request-wrapper .pretty.p-icon .state .icon {
        top: 5px !important;
        left: 0;
    }

    .select-wrap .select2-container--open .select2-dropdown {
        left: 12px !important;
        top:-35px !important;
    }

    .carousel-control-next, .carousel-control-prev {
        top:-200px;
    }
}    

@media only screen and (min-width: 481px)  and (max-width: 640px) {
     .confirm-request-wrapper .pretty .state label:after,
     .confirm-request-wrapper .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -58%);
    }

        .contact-information h1 {
            line-height: 30px;
    }

    .contact-information.address-form .pretty .state label:after, .contact-information.address-form .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -15%);
    }
    .confirm-request-wrapper .pretty.p-icon .state .icon {
        top: 11px !important;
        left: 0 !important;
    }

    .confirm-request-wrapper .form-group p {
        top: -11px;
    }

    label.label2 {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 575px){
    .container.footer-award .row{
        flex-direction: column-reverse;
    }

    .container.footer-award .award-logo{
        top: 0;
        left: 50%;
    transform: translate(-77px, 0);
    }
}

@media only screen and (max-width: 480px) {
    .box-data {
        bottom: 48px !important;
        margin: auto;
        right: 15px;
    }
    .box-data a.btn p{
        font-size: 18px !important;
    }
    .homepage-wrap {
        background-image: url('/images/Home-bg-mobile.jpg');
        background-size: cover;
        /* background-size: 100% 80%; */
        background-position: top right;
        }
    .carousel-control-next, .carousel-control-prev {
        top:-50px;
    }

    .homepage .carousel-inner {
        margin: 91px auto;
    }

     .product-cards {
        margin-top: 79px;
    }
    
    .video  iframe {
        min-height: 200px;
    }

    .homepage-wrap .form-control.ui-autocomplete-input {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .pretty.p-icon .state.selfpickup-info .icon {
   
       top: -4px !important;
    left: -1px;
    font-size: 16px;
    
    }
    .select-wrap .select2-container--open .select2-dropdown {
        left: 12px !important;
    }
        p.map-info-text {
    font-size: 14px!important;
    color:  #56BCAD;
    }
    .select-wrap .select2-container--open .select2-dropdown {
        top:-35px;
    }

    .select-wrap-inner .select2-container--open .select2-dropdown {
        top:73px;
    }

    /* .homepage {
        margin-top: 10%;
    } */

    .select2-container--default .select2-selection--single {
        /*margin-right: 0;*/
        margin-bottom: 0;
    }

    .select-wrap-inner .select2-container{
        width: 100% !important;
    }

        .select-wrap-inner .select2-container--open .select2-dropdown {

        left: 0 !important;
        max-width: 100%;
    }

    .homepage .next-button {
        /* margin-top: 60px; */
    }

    main.container {
        min-height: 200px !important;
    }

    .payment-method button {
        min-width: 100% !important;
    }
    .summary p, .confirmation .address li, .confirmation .details p, .confirmation p, .confirmation li  {
    font-size: 12px !important;
    line-height: 22px;
  
    }
    .confirmation .address li, .confirmation .details p{
        font-size: 12px!important;
    }
    .confirm-request-wrapper .pretty .state label:after, .confirm-request-wrapper .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -73%);
        left: 0;
    }


    .confirm-request-wrapper a:last-child {
        padding-left: 0;
    }

    .confirm-request-wrapper .pretty .state label {
        padding-left: 25px;
    }

    .contact-information.address-form .pretty .state label:after, .contact-information.address-form .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -14%);
    }

    .billing-address .select2-container--default .select2-selection--single {
        margin-right: 0 !important;
    }

    .confirm-request-wrapper .pretty.p-icon .state .icon {
        top: 13px !important;
        left: 0 !important;
    }

    .datalink {
        padding-left: 0 !important;
    }

    label.label2 {
        padding-left: 30px;
    }
    

}

@media only screen and (max-width: 359px) {
    .homepage {
        padding-bottom: 50px;
        margin-top: 0;
    }
    .confirmation .address li,
    .confirmation .details p,
    .product-wrapper p {
        font-size: 14px;
    }

    .select2-container--open .select2-dropdown {
        top:initial !important;
    }

    .product-inner .favourite-icon {
        position: absolute;
        left: -25px;
        top: -25px;
        width: 65px;
    }

    .delivery-datepicker {
        width: 260px !important;
    }

    h3 {
        font-size: 26px;
    }

    .dates h3 {
        font-size: 23px;
    }

    .delivery-datepicker .ui-datepicker td a,
    .delivery-datepicker .ui-datepicker td a,
    .delivery-datepicker .ui-datepicker td span {
        padding: 8px;
        font-size: 14px !important;
    }

    .delivery-datepicker .ui-datepicker th {
        font-size: 14px !important;
    }

    .delivery-datepicker .ui-datepicker {
        padding-top: 15px !important;
        min-height: 290px !important;
    }

    #addressform label.error {
        margin-left: 0;
    }

    .modal-footer .btn.form-control.active {
        width: 80%;
        margin: auto;
        padding-left: 30px;
        padding-right: 30px;
    }

    .delivery-datepicker .ui-datepicker .ui-datepicker-header {
        top: -14px;
    }

    .dates .form-control {
        margin-top: 20px !important;
    }

    .text-left a {
        font-size: 16px !important;
    }
    .confirm-request-wrapper a{
        margin-bottom: 0;
    }

    .slick-prev:before,
    .slick-next:before {
        bottom: 150px;
    }

    .dropdown.list-unstyled img {
        width: 30px;
    }

    .language-menu {
        right: -13px;
        top: 14px;
    }

    img.img-fluid.address-logo {
        max-width: 100px !important;
        margin-bottom: 20px !important;
    }

    .modal .modal-footer .btn.form-control {
        width: 200px !important;
        display: block;
    }

    .delivery-datepicker .ui-datepicker td a,
    .delivery-datepicker .ui-datepicker td span {
        width: 38px;
        margin: auto;
    }

    nav.navbar .navbar-brand img {
        width: 250px !important;
    }

     .bottom-row {
        text-align: center;
    }

    .bottom-row .count-select {
        margin-right: 0;
    }

    .pretty .state label:after, .pretty .state label:before {
        top: calc((0% - (100% - 1em)) - -71%);
    }

    pretty .state.selfpickup-infolabel:after, .pretty .state.selfpickup-info label:before {
        top: calc((0% - (100% - 1em)) - -79%);
        left: calc((0% - (100% - 1em)) - -99%);
    }

    .contact-information.address-form .pretty.p-icon.p-smooth .state label:after, .contact-information.address-form .pretty.p-icon.p-smooth .state label:before {
        top: calc((0% - (100% - 1em)) - -76%);
    }
    .pretty.p-icon .state.selfpickup-info .icon {
    top: -9px !important;
    left: 9px;
}

}

@media only screen and (max-width: 320px) {
    .summary p {
        font-size: 10px !important;
    }
    .accordion-section p.accordion-inline {
        font-size: 14px!important;
    }
    .homepage {
        margin-top: 105px!important;
    }
    .pretty.p-icon .state.selfpickup-info .icon {
        top: -5px !important;
        left: 10px;
    }
    .box-data a.btn{
        width: 298px;
    }
    .box-data .dialogbox .dialog-body{
        max-width: 298px;
        min-width: 298px;
    }
}
_::-webkit-full-page-media, _:future, :root .overflow-visible {
      height: auto !important;
      border-radius: 0;
      background-color: #fff;
      padding-left: 30px !important;
  }

  _::-webkit-full-page-media, _:future, :root .overflow-visible:focus {
    height: auto !important;
      border-radius: 0;
      background-color: #fff;
      padding-left: 30px !important;
  }

 _::-webkit-full-page-media, _:future, :root  .overflow-visible option {
    background-color: #fff;
    top: 1px;
    position: relative;
    padding: 10px 30px !important;
}


/*code for IE*/
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    #paypal a:hover,
    #paypal a:focus,
    #paypal a:visited,
    .debitcard:hover,
    .debitcard:focus,
    .debitcard:visited {
        background: #ddd !important;
        outline: none !important;
        display: block;
    }

    nav.navbar .navbar-brand img {
        height: 100% !important;
    }

    /* flip the pane when hovered */
    .flip-container {
    perspective: 1000px;
    transform-style: preserve-3d: 
    }

    /* flip the pane when hovered */
    .flip-container.hover .flipper {
        transform: rotateY(0deg);
    }
    .flip-container.hover .back {
        transform: rotateY(0deg);
    }
    .flip-container.hover .front {
        transform: rotateY(180deg);
    }

    /* flip speed goes here */
    .flipper {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
    }

    /* hide back of pane during swap */
    .front, .back {
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        transition: 0.6s;
        transform-style: preserve-3d;
    }

    /* front pane, placed above back */
    .front {
        z-index: 2;
        /* for firefox 31 */
        transform: rotateY(0deg);
    }

    /* back, initially hidden pane */
    .back {
        transform: rotateY(-180deg);
    }
    /*Flip Container End*/

    .homepage-wrap .btn.form-control.active {
        line-height: normal !important;
    }
     /* Create a custom checkbox */
    /*.custom-checkbox .checkmark{
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-image: url('/images/checkmark.PNG');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border:0;
        z-index: -1;
    }  */    
    /* Style the checkmark/indicator */
  /*  .custom-checkbox .checkmark:after {
        top: 0;
        left: 0;
        width: 25px;
        height: 25px;
        background-image: url('/images/checkmark-checked.PNG');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }*/

    footer {
        flex: 0 0 160px;
        margin-top: auto;
    }

    .homepage-wrap .homepage-logo img {
        margin: 100px auto 20px !important;
    }

    nav.navbar .navbar-brand {
        margin: 40px auto 0;
    }

    .homepage-wrap .btn.form-control.active {
        position:absolute;
        top:0;
        right: 70px;
        left: auto;
    }

    .homepage-wrap .ui-autocomplete-input {
        position: absolute;
        left: 70px;
        right: auto;
    }

    .form-wrap .select-wrap .form-group,
    .form-wrap .select-wrap {
        position: relative;
    }

    .form-wrap.select-wrap .error-msg {
        position: absolute;
        bottom: -110px;
        padding-left: 125px;
    }
    .delivery-datepicker select.form-control{
        padding-left: 34%;
    }    
}
@supports (-ms-ime-align:auto) {
    .delivery-datepicker select.form-control{
        padding-left: 34%;
    } 
}
@-moz-document url-prefix() {

    .slick-prev {
        left: -50px;
        height: 50px;
        width: 52px;
        top: 230px;
    }

    .slick-next {
        right: -50px;
        height: 50px;
        width: 52px;
        top: 230px;
    }

    .slick-prev::before {
        left: 0;
        bottom: 0;
    }

    .slick-next::before {
        right: 0;
        bottom: 0;
        left: 0;
    }

    .headerWrap {
        display: block;
        margin-top: 15px;
    }

    .headerWrap h3 {
        display: unset;
    }

    .overflow-visible, .overflow-visible:focus {
      height: auto !important;
      border-radius: 0;
  } 
}

@media print {

    .button-wrapper {
        display: none;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    footer {
        display: none;
    }

    html,
    body {
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        min-height: unset;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .select-wrap .select2-container--open .select2-dropdown {
        left: 19px !important;
    }

    .select-wrap .select2-container--open .select2-dropdown {
        top:-35px !important;
    }

    .select-wrap-inner .select2-container--open .select2-dropdown {
        top: 82px !important;
        left: 0 !important;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

    .select-wrap .select2-container--open .select2-dropdown {
        left: 19px !important;
    }

    .select-wrap .select2-container--open .select2-dropdown {
        top:-37px !important;
    }

    .select-wrap-inner .select2-container--open .select2-dropdown {
        top: 82px !important;
        left: 0 !important;
    }    


}

.ytp-title {
    display: none !important;
    z-index: -1 !important;
    opacity: 0 !important;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 60px); /* Adjust as needed */
}

.homepage .carousel .img-fluid{
    width: 120px;
    max-width: 120px;
    height: 120px;
    object-position: center;
    object-fit: cover;
    border-radius: 50%;
}

.delivery-datepicker label{
    text-align: left;
}

.extend-cancel {
background-color: transparent !important;
border: 1px solid #96958d !important;
color: #96958d !important;
}

.extend-cancel:hover {
    background: #56BCAD !important;
    border-color: transparent !important;
    color: #fff !important;
}

.change-pickup-confirm a.btn.form-control {
margin: 10px;
}

.color-red {
   background-color: #e40000;
   border: 1px solid #fff !important;
}

.color-red a, .color-orange a {
  color: #fff!important;
}

.color-orange {
   background-color: #fd7e14;
   border: 1px solid #fff !important;
}

.right-col {
    text-align: right !important;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .homepage .carousel-inner{
        margin: 123px auto;
    }

    .homepage-wrap {
        display: block;
    }

    .body-bg {
        display: block;
    }

    .homepage-wrap.body-bg .overlay {
        z-index: 0;
    }
     .homepage-wrap.body-bg .homepage {
        position: relative;
     }

/*
    .homepage form#zipform .form-group{
        display: flex;
        justify-content: space-between;
    }
    .homepage form#zipform .populated-text{
        width: auto;
    }*/
}

@media only screen and (max-width: 767px) {
     .br-double::after {
        width: 50%;
    }
}
@media only screen and  (max-width: 625px){
    .br-double::after {
        width: 70%;
    }

    .br-bottom::after {
        width: 70%;
    }
}

/*Helper view styles */

.helper-view .container,
.homegate-helper .innerpage-bg {
    max-width: 1300px;
}

.helper-view .delivery-datepicker .ui-datepicker td,
.helper-view .delivery-datepicker .ui-datepicker th {
    width: 14.28%;
    border: 0 !important;
}

.helper-view .delivery-datepicker .ui-datepicker td a,
.helper-view .delivery-datepicker .ui-datepicker td span{
    padding: 5px 0;
    border: 0 !important;
}

.helper-view .delivery-datepicker .ui-datepicker table {
    margin: 0;
}

.helper-view .delivery-datepicker .ui-datepicker {
    min-height: 290px;
    height: auto;
    margin-bottom: 0;
}

.helper-view .delivery-datepicker .ui-datepicker td a,
.helper-view .delivery-datepicker .ui-datepicker td span {
    width: 100%;
}

.helper-view  select {
    text-align: left;
    text-align-last: left;
    font-weight: 700;
}
.helper-view .select2-selection__placeholder {
    color: #121212 !important;
    font-family: "Gotham-Bold";
    font-size: 20px;
}

.helper-view .select2-selection {
    text-align: left;
}
.helper-view .label-block::after {
    content: "";
    display: inline-block;
    position: absolute;
}
/* .helper-view .select2-container--default .select2-selection--single .select2-selection__arrow,
.helper-view .label-block::after {
    border:none;
    background: url(../../images/dropdown-arrow.svg) transparent no-repeat center;
    background-size: contain;
    height: 20px;
    top: 16px;
    right: 10px;
    width: 20px;
    transition: all 0.3s ease-in-out;
    display: none;
} */

.helper-view  .select-label{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    z-index: 1;
    display: block;
    padding: 13px 35px;
}
/* .helper-view .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow,
.helper-view .label-block.open::after {
    transform: rotate(180deg);
} */

.helper-view .select2-selection__arrow b {
    display: none;
}

.helper-dropdown.select2-dropdown {
    border: 0;
    background-color: transparent;
    z-index: 1000;
    position: relative;
}
.helper-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #fff !important;
    color: #6f6f6f !important;
}

.helper-dropdown .select2-results__option[aria-selected=true] {
    background-color: #56BCAD !important;
    color: #fff !important;
}

.helper-dropdown .select2-results__option[aria-disabled=true] {
    color: #999 !important;
    text-decoration: line-through;
}

.helper-view .select2-container--default .select2-selection--single:focus {
    outline: none;
}

.helper-dropdown .select2-results>.select2-results__options {
    max-height: 100%!important;
    min-height: auto;
    margin-right: 0;
    margin-left: auto;
    overflow-y: visible !important;
    overflow: visible;
}

.helper-dropdown .select2-results__option {
    padding: 15px 6px;
    margin: 5px 0;
    background-color: #fff;
    font-size: 14px !important;
    line-height: 15px !important;
}    

/** 20 feb**/

.helper-dropdown .select2-results__option{
    font-size: 18px!important;
    color: #6f6f6f!important;
}

.helper-view .label-block {
    padding: 13px 5px;
    background: #fff;
    margin-bottom: 5px;
    position: relative;
}

.helper-view .label-block label,
.helper-view .helperDatepicker   {
    margin: 0;
    font-family: "Gotham-Bold" !important;
    font-size: 20px !important;
}

.helper-view .form-group {
    position: relative;
}

.helper-view .form-group .popover-trigger,
.helper-view .label-block .popover-trigger {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 14px;

}

.helper-view .fa {
    color: #121212;
    font-size: 22px;
}

.helper-view .back-btn .fa {
    color:#96958d;
}

.helper-view .back-btn:hover .fa {
    color:#fff;
}

.helper-view .back-btn {
    font-size: 22px;
}

.helper-view .select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 0 !important;
    border: none !important;
    min-height: 50px;
    padding-top: 0;
    margin-right: 0;
    border-radius: 0;
    padding: 9px 25px !important;
    padding-right: 65px !important;
}

.helper-view .select2-container {
    width: 100% !important;
    position: relative !important;
    top:0 !important;
}

.helper-view h4 {
    font-family: "Gotham-Bold" !important;
    color: #121212;
}

.helper-view .pretty .state:after,
.helper-view .pretty .state label:before {
    top: 0 !important;
}

.popover-body {
    font-family: "Gotham-BookItalic";
}

@media only screen and (max-width: 1200px){
    .helper-Count,
    .number-Of-Hours, 
    .start-Time {
        min-height: 365px;
    }
}

@media only screen and (max-width: 1024px){
    /* .helper-dropdown .select2-results__option {
        margin: 0;
    } */
    /* .helper-dropdown .select2-results>.select2-results__options {
        box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    } */
}

@media only screen and (max-width: 767px){
    
    .helper-view .label-block label,
    .helper-view .helperDatepicker {
    text-align: center;
    }

    .helper-dropdown .select2-results>.select2-results__options,
    .helper-Count, .number-Of-Hours, .start-Time {
        min-height: auto;
    }

    .helper-view .label-block label {
        font-size: 20px !important;
    }
    .helper-view .delivery-datepicker .ui-datepicker {
        min-height: 330px !important;
    }

    .helper-view .btn {
        margin-bottom: 20px;
    }
    .helper-view h4 {
        font-size: 22px;
    }

    .helper-view .delivery-datepicker .form-check-label,
    .helper-view .pretty .state label {
        text-align: left;
        font-size: 16px !important;
    }
    
}

.map-block {
    padding: 20px 0 35px !important;
    margin:0;
    text-align: left;
}
.order_steps_section{
    margin-bottom: 20px;
}
.order_steps_section button{
    border:1px solid #56BCAD;
    background:  #f1f1ee;
    color: #56BCAD;
    margin-bottom: 10px;
    cursor: default !important;
    pointer-events: none;
    border-radius: 0;
    position: relative;
      padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    padding-bottom: 0;
    height: 35px;
    font-size: 13px;
}
.order_steps_section button:focus{
    outline: none;
}
.order_steps_section button.active{
    background: #56BCAD;
    color: #fff;
    pointer-events: auto;
    cursor: pointer !important;
}
.order_steps_section button:after,
.order_steps_section button:before{
    content: "";
    position: absolute;
    top: 4px;
    width: 24px;
    height: 24px;
    background: inherit;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.order_steps_section button:after {
    z-index: 1;
    right: -11px;
}
.order_steps_section button:first-child:before,
.order_steps_section button:last-child:after{
    display: none;
}

.order_steps_section button:before {
    z-index: 0;
    left: -12px;
    background-color: #f1f1ee;
}
.order_steps_section button:after{
     background-color: #f1f1ee;
}
.order_steps_section button.active:after{
    background-color: #56bcad;
}

/* Google review in footer */
#map-plug {display:none;}

#google-reviews {
display:flex;
flex-wrap:wrap;
color: #fff;
/*display: grid;
grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/
}

.review-item {
border:none;
/* border:solid 1px rgba(190,190,190,.35); */
margin:0 auto;
padding:1em;
flex: 1 1 20%;
}

@media ( max-width:1200px) {
  .review-item { flex: 1 1 40%; }
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}

.review-meta, .review-stars {text-align:center; font-size:115%;}
.review-author { text-transform: capitalize; font-weight:bold; }
.review-date {opacity:.6; display:block;}
.review-text {  
    line-height:1.55;
    max-width:32em;
    margin:auto;
    text-align: center;
    color: #fff;
    font-size: 16px !important;
}

 

.review-stars ul {
display: inline-block;
list-style: none !important;
margin:0; padding:0;
}

.review-stars ul li {
float: left;
list-style: none !important;
margin-right: 1px;
line-height:1;
}

.review-stars ul li i {
  color: #E4B248;
  font-size: 1.4em;
  font-style:normal;
}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }


/*model style*/

h2#swal2-title{
    /* color: #575757; */
    /* font-size: 30px !important; */
    text-align: center;
    /* font-weight: 600; */
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block;
}
.swal2-html-container{
    /* color: #797979; */
    /* font-size: 20px; */
    text-align: center;
    /* font-weight: 300; */
    position: relative;
    text-align: inherit;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.swal-custom-btn{
    border: none;
    margin: 0 5px;
    border-radius: 5px;
    padding: 10px 32px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    min-width: 110px;
}
button.swal2-cancel,
.swal-custom-btn.btn-cancel{
    background-color: #c1c1c1 !important;
}
button.swal2-confirm,
.swal-custom-btn.btn-yes{
    background-color: #56BCAD !important;
}
.swal-custom-btn,
button.swal2-confirm:focus,
.swal-custom-btn.btn-yes:focus,
.swal2-styled.swal2-confirm:focus{
    outline: none !important;
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm{
    min-width: 106px;
}

.pre-payment-cancel-button,
.pre-payment-confirm-button {
    width: 100%;
}

#rating_badge {
    margin-top: 60px;
}

div#___ratingbadge_1 {
    position: relative !important;
    text-align: center;
    border: none !important;
    box-shadow: none !important;
}
div#___ratingbadge_1 iframe {
    position: relative !important;
    top: inherit !important;
    height: 54px;
    display: inline-block !important;
    width: 175px !important;
}

/* Check box style starts */
.schedle_colle_box .pretty .state label:before {
    top: 0 !important;
}

@media only screen and (max-width: 359px) {
    .schedle_colle_box .pretty.p-icon .state.selfpickup-info .icon {
        top: 0 !important;
    }
}
@media (min-width: 768px) {
    .schedle_colle_box .pretty.p-icon .state.selfpickup-info .icon {
    top: 0 !important;
    }
    .carousel-item .col-12.col-sm-12.text-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
}
@media (max-width: 767px) {
    .homepage .carousel .carousel-item {
        min-height: 310px;
    }
    .carousel-item .col-12.col-sm-12.text-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }

}

.form-wrap.select-wrap input::-webkit-input-placeholder {
    padding-top: 4px !important;
}
/* Check box style Ends */




/*  Underline Animation css starts **/

.headline-highlight{
    position: relative;
    display: inline-block;
    width: 165px;
    margin-bottom: 100px;
  }
  .headline-highlight svg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: calc(100% + 60px);
      height: calc(100% + 85px);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: visible
  }
  
  .headline-highlight svg path {
      stroke: #56bdad;
      stroke-width: 9;
      fill: none;
      opacity: 0;
      stroke-dasharray: 0 1500;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s
  }
  
  .headline-highlight svg path {
      stroke: #56bdad;
      stroke-width: 9px;
  }
  .headline-highlight svg path {
    stroke: #56bdad;
    stroke-width: 9;
    fill: none;
    opacity: 0;
    stroke-dasharray: 0 1500;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
   
  .headline-highlight.e-animated svg path {
    -webkit-animation: elementor-headline-dash forwards;
    animation: elementor-headline-dash forwards;
    -webkit-animation-duration: var(--animation-duration,1.2s);
    animation-duration: var(--animation-duration,1.2s);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
  .headline-highlight.e-animated svg path:nth-of-type(2) {
      -webkit-animation-delay: calc(var(--animation-duration, 1.2s) / 2);
      animation-delay: calc(var(--animation-duration, 1.2s) / 2)
  }
  
  .headline-highlight.e-hide-highlight svg path {
      opacity: 1;
      stroke-dasharray: 1500 1500;
      -webkit-animation: hide-highlight .4s forwards;
      animation: hide-highlight .4s forwards;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1
  }
  
  @-webkit-keyframes elementor-headline-dash {
      0% {
          stroke-dasharray: 0 1500;
          opacity: 1
      }
      to {
          stroke-dasharray: 1500 1500;
          opacity: 1
      }
  }
  
  @keyframes elementor-headline-dash {
      0% {
          stroke-dasharray: 0 1500;
          opacity: 1
      }
      to {
          stroke-dasharray: 1500 1500;
          opacity: 1
      }
  }
  
  @-webkit-keyframes hide-highlight {
      0% {
          opacity: 1;
          stroke-dasharray: 1500 1500
      }
      to {
          opacity: 0;
          -webkit-filter: blur(10px);
          filter: blur(10px)
      }
  }
  
  @keyframes hide-highlight {
      0% {
          opacity: 1;
          stroke-dasharray: 1500 1500
      }
      to {
          opacity: 0;
          -webkit-filter: blur(10px);
          filter: blur(10px)
      }
  }
  
  /* Underline Animation css end **/