*{outline: none;}
*::-moz-selection{background:#323348; color:#fff; text-shadow:none;} 
body, html{font-family:'Open Sans'; /*font-weight: 400;*/ margin:0; padding:0; height:100%; width:100%; font-size:13px;}
label{display: block; font-family:'Open Sans'; /*font-weight: 400;*/}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-family:'Open Sans'; /*font-weight: 400;*/}
ul, li{ list-style:none; margin:0; padding:0; font-family: 'Open Sans'; /*font-weight: 400;*/}
img{vertical-align:middle; border:none; transition: all 0.6s ease-in 0s; -webkit-transition: all 0.6s ease-in 0s;}
p{font-size:14px; padding:0; color:#01224c; line-height:normal; display:block; font-family:'Open Sans'; margin:0; /*font-weight: 400;*/}
a, input, select, textarea, .btn {transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; outline:none; font-family:'Open Sans'; text-decoration:none; /*font-weight: 400;*/}
a{ color:#666;}
a:hover{ outline:none; cursor:pointer; color:#212121; text-decoration:none;}
a:focus {outline:none; text-decoration:none}
.full-width{float:left; width:100%;}
.relative{position:relative}
.full-img{ width:100%;}
.float-left{ float:left;}
.float-right{ float:right;}

.form-group {
    padding-bottom: 7px;
    margin: 27px 0 0 0;
}

 
.md-form {
    position: relative;
    margin-top: 7px;
    margin-bottom: 0px;
}
.md-form.input-group .form-control {
    margin: 0;
    padding: 10px  0rem;
}

.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    box-sizing: content-box;
    background-color: transparent;
}

.md-form .form-control {
    margin: 0 0 .5rem 0;
    border-radius: 0;
    padding: .6rem 0 .4rem 0;
    background-color: transparent;
    height: auto;
}


.type_list.li {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-bottom: 10px;
    padding: 5px 50px 14px 10px;
}



.input-group-append {
    margin-left: -1px;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.btn.btn-md {
    padding: 0rem .6rem;
    font-size:  14px;
}


 input.pin {
    padding: 7px 0px!important;
}




.description {
    color: #464646;
    display: block;
    float: left;
    font-size: 9.5px;
    margin: 8px 0 0 0;
    padding:2px 0px 35px 15px;
    background: no-repeat url(https://img.floweraura.com/sites/all/themes/facd7/images/new_images/info.svg);
    background-position: 0px 2px;
    width: 100%;
}


.type_list.li.che {
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-bottom: 10px;
    padding: 5px 25px 35px 15px;
}



.secondary-heading {
    font-size:  16px;
    font-weight: 500;
    color: #444343;
    overflow: hidden;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}



/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}



.list-group.panel {
    height: 100%;
    overflow-y: auto;
    display: block!important;
}



a.list-group-item.list-group-item-success {
    padding: 9px 32px 9px 17px;
    font-size: 14px;
    text-align: left;
    border-right: solid 0;
    background-color: transparent;
    color: #666;
    line-height: 25px;
    border-bottom: 1px solid;
    border-bottom-color: rgba(0,0,0,.13);
    position: static;
}



 
a.list-group-item {
    text-align: left;
    color: #333;
}

span.wsmenu-click {
    float: right;
}











textarea, input[type="text"], input[type="password"], input[type="email"], input[type="file"], select, input[type="number"]{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s; width:100%;}
button{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, select:focus, input[type="number"]:focus{ outline:none; transition-duration: 0.1s; box-shadow:none;}
.form-control{ box-shadow:none; padding:0 10px; border-radius:0;}
.form-control:focus{ box-shadow:none;}
.form-control::-moz-placeholder{ opacity:.5; color:#030303;}
.form-control::-webkit-input-placeholder{ opacity:.5; color:#030303;}
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
select::-ms-expand {display: none;}

/*Custome Margin, Padding*/
.marginnone{margin:0;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop40{margin-top:40px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom40{margin-bottom:40px;}
.paddingnone{padding:0;}
.paddingtop10{padding-top:10px;}
.paddingtop20{padding-top:20px;}
.paddingtop40{padding-top:40px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom20{padding-bottom:20px;}
.paddingbottom40{padding-bottom:40px;}

@keyframes uptext {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity:1;
    }
    
}
@-webkit-keyframes uptext {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity:1;
    }
    
}

@keyframes downtext {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity:1;
    }
    
}
@-webkit-keyframes downtext {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity:1;
    }
    
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity:1;
    }
    
}
@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity:1;
    }
    
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity:1;
    }
    
}
@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity:1;
    }
    
}

/*Style CSS*/
.modal{ z-index: 10000; right: -17px;}
.modal-backdrop{ z-index: 9999;}
.modal-open{ padding-right:0 !important; overflow:auto;}
.modal.in{ padding-right:0 !important;}
.modal-content{ float:left; width:100%; margin-bottom:40px; border-radius:0; border: none; box-shadow: none;position: relative;}
.bootbox .modal-content{ float:left; width:auto; margin-bottom:40px; border-radius:0; border: none; box-shadow: none;left: 25%;}
.modal-content .close{ 
    opacity: 1;
    padding: 0;
    margin-top: 0;
    position: absolute;
    right: 15px;
    z-index: 99;
    top: 15px;
    text-align: center;
    height: 24px;
    width: 24px;
    color: #d1d1d1;
    background-color: #fff;
    text-shadow: none;
    font-size: 24px;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    font-weight: 500;
}
.modal-content .close:hover, .modal-content .close:focus{ color:#d1d1d1; opacity:1;}
.modal-content .close .fa{ line-height: 24px;}
/* .modal-dialog{ max-width:900px; width:94%; margin:70px auto 0;} */
#term_condition_popup .modal-dialog{ max-width:900px; width:75%; margin:70px auto 0;}
.modal-body{ float:left; width:100%; padding:15px;}
.bootbox .modal-body{ float:left; width:100%; padding:40px;}
.modal-backdrop.in{ opacity:.65;}


.login-section {
    max-width: 740px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    min-height: 480px;
    overflow: hidden;
}

.login-left {
    width: 340px;
    background-image: url(https://www.nikkiflower.com/images/man-flower.png);
    background-size: cover;
    border-radius: 10px 0 0 10px;
}

.login-right {
    position: relative;
    width: 400px;
    padding-left: 15px;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.modal-text-head{
font-size:2rem;
font-weight:700;   
margin-top: 3rem;
margin-bottom: 1.5rem;
}

.span-text{
font-size:1rem;   
font-weight: 400;
margin-top: .8rem;
margin-bottom: .8rem;
}

.login-section input {
    background-image: url(../assets/icon/mail.svg);
    background-repeat: no-repeat;
    background-position: 4%;
    position: relative;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    outline: 0;
    padding-left: 45px;
    padding-right: 40px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.19;
    letter-spacing: normal;
    color: #000;
    margin-top: 20px;    
}

.login-section .phone-icon {
 background-image: url(../assets/icon/mobile.svg) !important;
}

.login-section .form-group {
 margin: 0 !important;   
}

.login-section .update-mail {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.login-section .update-mail .emailid {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.21;
    color: #1c2120;
}

.login-section .update-mail .change-id {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.21;
    color: #0492ca;
    text-decoration: underline;
    cursor: pointer;
}


.fbsocail-login_list {
    padding-left: 15px;  
 }

 .fbsocail-login_list p{
    font-size: 14px;
    font-weight: 600;
    color: #757575;
    padding-bottom: 10px;
 }

.fbsocail-login_list li{
    width: 60%;
    height: 40px;
    border-radius: 4px;
    outline: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 40px;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
  
}

.fbsocail-login_list li a{
    background: #fff no-repeat url(../assets/icon/gmail.png);
    background-size: 18px;
    background-position: 15px 10px;
    display: block;
    width: 100%;
    border: 1px solid #dcdcdc;
    padding-left: 42px;
    cursor: pointer;
    height: 100%;
}

.login-section .form-control.name-icon {
    background-image: url(../assets/icon/name.svg) !important;
}

.login-section .form-control.mobile-icon {
    background-image: url(../assets/icon/mobile.svg) !important;
}


.modal-footers {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    padding: 15px;
}

.footer-bottom { padding: 15px;position: relative; }
.footer-bottom p{
 width: 100%;
 font-size: 12px;
 font-weight: 400;
 color: #d1d1d1;   
}

.modal-footers p{
    position: absolute;
    left: 15px;
    top: 85%;
    padding: 0 !important;
}

.scroll_top1 {
    position: fixed;
    bottom: 80px !important;
    right: 20px;
    left: auto !important;
    width: 46px;
    opacity: 1 !important;
    z-index: 99999 !important;
}

.scroll_top1 a{
background-color: transparent !important;
opacity: 1 !important;
width: 46px !important;
}


.scroll_top1 img {
    width: 100%;
}


.footer-bottom a{
    color: #8d9192a8;
    text-decoration: underline; 
  }

.modal-footers button {
    margin-right: 10px;
    width: 100%;
    height: 50px;
    font-size: 14px;
    border: none;
    border-radius: 10px;
    min-width: 120px;
}

.modal-footers .resend-tp {
    max-width: 50%;
    width: 100%;
 }


 .modal-footers .submit-otp-btn {
    background-color: #4ab9cb !important;
    color: #fff;
    width: 100%;
    height: 50px;
    font-size: 14px;
    border: none;
    border-radius: 10px;
    min-width: 120px;
}

.modal-footers button:hover{
    background-color: #4ab9cb !important;
    color: #fff !important;
    cursor: pointer;
}

.img_block{}
.img_block > img{ width: 100%;}

.btn{background-color: #4ab9cb; color: #fff; line-height: 40px; padding: 0 20px; border-radius: 6px; font-size: 14px; border: none; /*font-weight: 700;*/ letter-spacing: 2px;}
 
.btn.prcdbtn:hover{ background-color: #0eb9cb; color: #fff;}

.styled_select{ position: relative; width: 100%;}
.styled_select:after{ content: ''; font-family: 'FontAwesome'; position: absolute; right: 0; top: 0; width: 30px; line-height: 26px; color: #555; font-size: 16px; text-align: center; pointer-events: none;}
.styled_select select{ padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}

.owl-nav{ }
.owl-nav [class*="owl-"]{ color: #fff; height: 34px; width: 34px; text-align: center; opacity: 1; background-color: #c40d11; border: 1px solid #c40d11; margin: 0; position: absolute; top: 32%; margin-top: -17px; border-radius: 5px;}
.owl-nav [class*="owl-"].disabled{ opacity: .5;}
.owl-nav [class*="owl-"] .fa{ line-height: 32px; font-size: 16px;}
.owl-nav .owl-next{ right: -16px;}
.owl-nav .owl-prev{ left: -16px;}

.mobile_img{ display: none;}
.desktop_img{ display: block;}

.itemb ul li{
    float: left;
    width: 18%;
    text-align: center;
    border: 1px solid #000;
    border-radius: 3px;
    margin-bottom: 3px;
    padding: 3px;
    margin: 1%;
    box-shadow: 1px 1px #888888;
}
        
.itemb ul li a{
        color: #0000EE;
        font-size: 14px;
        font-weight: 400;
        }        
.itemb ul li a:hover{
    color: #000;
}        
        
.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  width: 200px;
  font-weight: bold;
}

.mega-dropdown {
  position: relative!important;
 
}

.mega-dropdown-menu {
    padding: 0px 0px;
    width: max-content;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px;
    border: none;
    border-radius: 0px;
    margin:0px;
      box-shadow: 0px 3px 0px #E91E63;
        border: 1px solid lightslategray;
            transition-delay: .1s;
            transition: all 0.1s ease

}


ul.menu li a:hover {
    color: #c40d11;
}
 
 
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 0px;
    clear: both;
    font-weight: 100;
    line-height: 1.7555;
    color: #000;
    white-space: normal;
	float: left; width: 100%;
}

.menu  li{    border-bottom: 1px dotted #e8e9e4;    padding: 5px 0px; }
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #c40d11;
    background-color: #fff;
}

.mega-dropdown-menu .dropdown-header {
    color: #444;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid#d2d2d2;
    padding: 8px 0px;
    text-transform: capitalize;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

.menu li{ float: left; width: 100%;}
.menu li a{ float: left; width: 100%;}




.jquery-accordion-menu,.jquery-accordion-menu *{font-family:'Open Sans',sans-serif;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:0}.jquery-accordion-menu{min-width:260px;float:left;position:relative;box-shadow:0 20px 50px #333}.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#f0f0f0;background:#414956}.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}.jquery-accordion-menu ul li a{width:100%;padding:14px 22px;float:left;text-decoration:none;color:#f0f0f0;font-size:13px;background:#414956;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background:#3b424d}.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #3b424d}.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#383838;border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#414956}.jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px}.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a{background:#4A89DC}.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a{background:#3e82da}.blue.jquery-accordion-menu>ul>li>a{border-bottom-color:#3e82da}.blue.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#3e82da}.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a{background:#03A678}.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a{background:#049372}.green.jquery-accordion-menu>ul>li>a{border-bottom-color:#049372}.green.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#049372}.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a{background:#ED5565}.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a{background:#DA4453}.red.jquery-accordion-menu>ul>li>a{border-bottom-color:#DA4453}.red.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#DA4453}.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#f0f0f0}.white.jquery-accordion-menu>ul>li>a{border-bottom-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li a{color:#f0f0f0}.white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a{background:#292929}.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}.black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}.black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}

header{ background-color: #c40d11; padding: 0; width: 100%; z-index: 90; position: absolute; left: 0; top: 0;}
header.checkout-header{ background-color: #fff; padding: 0; width: 100%; z-index: 90; position: absolute; left: 0; top: 0;border-bottom: 2px solid #c40d11;}
.logo{ float: left; padding: 20px 0;}
.logo a{ float: left;}
.logo a img{ height: 40px;}
.nav_strip{ float: right; padding-top: 0;}
.navigation{ }
.navigation > li{ float: left;}
.navigation > li > a{ float: left; color: #474747; font-size: 14px; text-transform: capitalize; position: relative; line-height: 36px; padding: 0 15px;}
.navigation > li:hover > a, .navigation > li.active > a, .navigation > li > a:hover{ background-color: #c40d11; color: #fff;}

.search_cart{ float: left; padding-top: 7px;}
.search_cart > li{ float: left;}
.search_cart > li > a{ float: left;}

.navigation > li .dropdown-menu > li > a{ width:100%; color:#333; font-size:12px; padding: 0 20px; line-height: 30px;}
.navigation > li .dropdown-menu > li > a:hover{ background-color: #c40d11; color: #fff;}
.navigation > li:last-child .dropdown-menu{ left:0%; min-width:200px; border-radius: 0; padding: 0;   margin: 0 0 0 -100px;border: none;} 
.top-menu > li:last-child .dropdown-menu{ min-width:270px;}

.navigation > li.open > a:after{ opacity: 1; visibility: visible; width: 100%; left: 0;}


.user-profile{ background-color:#0eb9cb; padding:15px 20px; float:left; width:100%; text-align:center;}
.user-profile .profile-pic{ width:60px; height:60px; background-color:#fff; display:inline-block; border-radius:100%;}  
.user-profile .profile-pic img{ height:60px; width:60px; border-radius:100%;}
.user-profile .user{ color:#fff; font-size: 12px;}
.user-profile .view-btn{ border:1px solid #fff; border-radius:0; color:#fff; width:100%; text-align:center; font-size:11px; display: inline-block; line-height: 30px; text-transform: capitalize; margin-top: 10px;}
.user-profile .view-btn:hover{ background-color:#fff; color:#0D3B69;}


.search_cart li.search a{ line-height: 40px; width: 40px; background-color: #fff; text-align: center; color: #2d3e40; font-size: 16px;}
.search_cart li.cart_wrap{ padding-left: 15px; border-left: 1px solid #cfcfcf; margin-left: 15px;}
.search_cart li.cart_wrap .cart_icon{ float: left;}
.search_cart li.cart_wrap .cart_icon .fa-shopping-bag{ color: #c40d11; font-size: 30px; text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, 0px 1px 0px #fff;}
	.search_cart li.cart_wrap .cart_text{ float: left; padding-left: 10px; position: relative; top: 0px;}
.search_cart li.cart_wrap .cart_text .cart_digit{ color: #fff; font-size: 16px; line-height: 18px;}
.search_cart li.cart_wrap .cart_text .cart_digit span{ display: block;}
.search_cart li.cart_wrap .cart_text .cart_digit span .fa{ padding-right: 5px;}

.slide_section{ position: relative; margin-top: 125px; z-index: 2;}
.home_slider{}
.home_slider .item{ position: relative;}
.home_slider .item > img{ width: 100%;}
.home_slider .item .overlay{ position: absolute; top: 50%; left: 0; width: 100%; z-index: 10; margin-top: -70px;}
.home_slider .item .overlay h2{ font-size: 30px; color: #fff; /*font-weight: 700; */text-transform: capitalize; letter-spacing: 10px; opacity: 1; padding-bottom: 10px;}
.home_slider .item .overlay h3{ font-size: 20px; color: #fff; text-transform: capitalize; /*font-weight: 300;*/ padding-bottom: 30px; opacity: 1;}
.home_slider .item .overlay .btn{ opacity: 1;}
.home_slider .active .item .overlay h2{animation-name:fadeInLeft; animation-duration:0s;  animation-delay:0s;  animation-fill-mode: forwards; opacity: 1; animation-timing-function: ease-out;}
.home_slider .active .item .overlay h3{animation-name:fadeInLeft; animation-duration:0s;  animation-delay:0s;  animation-fill-mode: forwards; animation-timing-function: ease-out; opacity:1;}
.home_slider .active .item .overlay .btn{animation-name:fadeInLeft; animation-duration:0s;  animation-delay:0s;  animation-fill-mode: forwards; animation-timing-function: ease-out; opacity:1;}
.home_slider .owl-nav{ position: static;}
.home_slider .owl-nav [class*="owl-"]{ color: #fff; width: 40px; text-align: center; display: inline-block; opacity: 1; background-color: rgba(0,0,0,.30); border: none; margin: 0; position: absolute; top: 50%; margin-top: -30px; border-radius: 0; height: auto;}
.home_slider .owl-nav [class*="owl-"] .fa{ line-height: 60px; font-size: 20px;}
.home_slider .owl-nav .owl-next{ right: 20px;}
.home_slider .owl-nav .owl-prev{ left: 20px;}

.home_slider .owl-dots{ position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center;}
.home_slider .owl-dots .owl-dot{ display: inline-block; padding: 0 3px;}
.home_slider .owl-dots .owl-dot span{ float: left; width: 10px; height: 10px; background-color: #fff; border-radius: 100%;}
.home_slider .owl-dots .owl-dot.active span{ background-color: #0eb9cb;}

.home_content{ padding: 30px 0;}

.heading{ padding-bottom: 30px;display: inline-block; width: 100%;}

.heading label,.heading h2,.reviewHeading h2{ font-size: 22px; color: #202020; text-transform: capitalize; letter-spacing: 1px; position: relative; padding-bottom: 5px;display: inline-block;}
.heading label:after,.heading h2:after,.reviewHeading h2:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 2px; background-color: #c40d11; width: 100%; max-width: 80%;}

/*Product*/
.product_carousel{ padding-left: 2px;}
.product_item{ border: 1px solid #eaeaea; margin-bottom: 30px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.product_item:hover{ box-shadow: 0 0  25px 0 rgba(0,0,0,.10);border: 1px solid #c40d11;}
.luxury .product_item{ border: 4px solid #eaeaea;}
.luxury .product_item:hover{ box-shadow: 0 0  25px 0 rgba(0,0,0,.10);border: 4px solid #c40d11;}
.product_carousel .product_item:hover{ box-shadow: none;border: 1px solid #c40d11;}
.product_item .img_block{ position: relative; overflow: hidden;}
.product_item:hover .img_block > img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.product_item .img_block .p_img{ display: block;}
.product_item .img_block .p_img > img{ width: 100%;}
.product_item:hover .img_block .p_img > img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.product_item .img_block .quick_list{ position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center;}
.product_item .img_block .quick_list li{ display: inline-block; margin-left: 3px;}
.product_item .img_block .quick_list li:first-child{ margin-left: 0;}
.product_item .img_block .quick_list li a{ display: inline-block; background-color: #c40d11; color: #fff; font-size: 14px; width: 30px; line-height: 30px; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; visibility: hidden;}
.product_item .img_block .quick_list li a:hover{ background-color: #0eb9cb; width: 30px;}
.product_item:hover .img_block .quick_list li a{ -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible;}
.product_item .inner{ padding: 10px; text-align: center;}
.product_item .inner h3{ font-size: 12px; text-transform: capitalize; color: #202020; letter-spacing: 1px; line-height: 20px; padding-bottom: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product_item .inner h3 a{ font-size: 12px; text-transform: capitalize; color: #202020; letter-spacing: 1px; line-height: 20px;}
.luxury .product_item .inner h3 a{ font-size: 22px; text-transform: capitalize; color: #202020; letter-spacing: 1px; line-height: 32px;}
.product_item .inner h3 a:hover{ color: #c40d11;}
.product_item .inner .price_list{ display: inline-block; width: 100%; padding: 0 20px 10px;}
.product_item .inner .price_list li{ float: left; font-size: 18px; color: #202020; /*font-weight: 700;*/}
.luxury .product_item .inner .price_list li{ font-size: 22px; /*font-weight: 700;*/}
.product_item .inner .price_list li:last-child{ float: right; color: #0eb9cb; position: relative;}
.product_item .inner .price_list li:last-child:after{ content: ''; position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background-color: #0eb9cb;}
.product_item .inner .btn{ line-height: 32px; min-width: 140px; padding: 0 10px; font-size: 11px; color: #0eb9cb; border: 1px solid #0eb9cb; background-color: transparent; letter-spacing: normal; /*font-weight: 600;*/ text-transform: capitalize;}
.product_item .inner .btn:hover{ background-color: #0eb9cb; color: #fff;}
.product_item .inner .btn .fa{ font-size: 14px; padding-right: 5px;}
.product_item .inner p{ font-size: 11px; text-transform: capitalize; padding-top: 10px;}
.luxury .product_item .inner p{ font-size: 16px;}
.luxury .product_item .inner p.customized {color: #0eb9cb}
.product_item .inner p span{ color: #c40d11;}

.offer_bg{ text-align: center; margin-bottom: 30px; position: relative;}
.offer_bg > img{ width: 100%;}
.offer_bg .overlay{ position: absolute; left: 0; top: 0; text-align: left !important; width: 100%; padding: 60px 10px 10px;}
.offer_bg h4{ font-size: 20px; color: #fff; text-transform: capitalize; letter-spacing: 2px; padding-bottom: 10px;}
.offer_bg h3{ font-size: 40px; color: #fff; padding-bottom: 30px;}
.offer_bg h1{ font-size: 40px; margin-top: 30px; padding-bottom: 10px; color:#c40d11; margin-left: 35%}
.catClass.offer_bg p{ font-size: 18px; margin-left: 35%; color: #222f3e;}
.offer_bg.defaultbanner h1{ font-size: 42px; color: #fff; margin-top: 30px; padding-bottom: 30px;}
.offer_bg .btn{ line-height: 40px;position: relative;}


.disclaimer{ padding-top: 20px;}
.disclaimer h3{ font-size: 20px; color: #000; padding-bottom: 20px;}
.disclaimer h2{ font-size: 20px; color: #000; padding-bottom: 20px;}
/*.disclaimer > h3:first-child {    font-size: 20px;}*/
.disclaimer h3.scnd {    font-size: 30px;}
.disclaimer p{ color: #555; line-height: 20px; font-size: 16px; /*font-weight: 300;*/ padding-bottom: 20px;}
.disclaimer td {padding: 8px;}

footer{ background-color: #f7f7f7; padding-top: 30px; position: relative; z-index: 2;}
footer h3{ font-size: 30px; padding-bottom: 20px; color: #0eb9cb;}
.newsletter{ position: relative; margin-bottom: 30px;}
.newsletter .form-control{ border: 1px solid #c40d11; background-color: transparent; font-size: 12px; color: #aaaaaa; height: 50px; padding-right: 110px;}
.newsletter .form-control::-moz-placeholder{ color:#aaaaaa;}
.newsletter .form-control::-webkit-input-placeholder{ color:#aaaaaa;}
.newsletter .btn{ position: absolute; right: 3px; top: 3px; width: 100px; line-height: 44px; background-color: #c40d11; font-size: 16px; text-transform: capitalize; letter-spacing: 1px; padding: 0 10px;z-index: 9999;}
.newsletter .btn:hover{ background-color: #0eb9cb;}

.social_list{ display: inline-block;}
.social_list li{ float: left; padding-left: 5px;}
.social_list li:first-child{ padding-left: 0;}
.social_list li a{ float: left; width: 34px; line-height: 34px; color: #fff; font-size: 16px; text-align: center; background-color: #1f1f1f;}
.social_list li a:hover{ background-color: #c40d11;}

.footer_list{ display: inline-block; width: 100%;}
.footer_list li{ padding-bottom: 10px;}
.footer_list li a{ font-size: 12px; color: #aaaaaa; /*font-weight: 300;*/ position: relative; padding-left: 20px;}
.footer_list li a:before{ content: ''; font-family: 'fontAwesome'; position: absolute; left: 0; top: 0;}
.footer_list li a:hover{ color: #fff;}

.bottom_footer{ background-color: #2c2c2c; margin-top: 20px; padding: 15px 0 2px;}
.bottom_footer p{ color: #aaa;}

.search .dropdown-menu{ left: auto; right: 0; min-width: 350px; top: 60px; border-radius: 0; padding: 10px; margin: 0;}
.search .dropdown-menu .form-control{ border: 1px solid #0eb9cb; font-size: 12px; height: 40px;}
.search .input-group-btn > .btn{ padding: 0; line-height: 38px; width: 50px; background-color: #fff; letter-spacing: normal; border: 1px solid #dfdfda; border-left: none; color: #474747; margin-left: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.search .input-group-btn > .btn:hover{ background-color: #fff;}

.cart_wrap .dropdown-menu{ left: auto; right: 0; min-width: 340px; top: 60px; border-radius: 0; padding: 30px; border: 1px solid #ebebeb; margin: 0;}
.cart_wrap .product_list{ display: inline-block; width: 100%;}
.cart_wrap .product_list li{ float: left; width: 100%; position: relative; padding: 0 30px 15px 90px; margin-bottom: 15px; border-bottom: 1px solid #d4d4d4; min-height: 95px;}
.cart_wrap .product_list li .img_block{ position: absolute; left: 0; top: 0; width: 80px; height: 80px; overflow: hidden;}
.cart_wrap .product_list li .cont{}
.cart_wrap .product_list li .cont .title{ color: #333; font-size: 12px; float: none}
.cart_wrap .product_list li .cont .title:hover{ color: #c40d11;}
.cart_wrap .product_list li .cont p{ font-size: 12px; color: #555; /*font-weight: 300;*/ padding: 5px 0;}
.cart_wrap .product_list li .cont h4{ font-size: 16px; color: #555;}
.cart_wrap .product_list li .del_item{ position: absolute; right: 0; top: 0; color: #444; border: 2px solid #444; font-size: 12px; line-height: 26px; width: 30px; border-radius: 100%; text-align: center;}
.cart_wrap .product_list li:last-child{ margin-bottom: 0;}

.cart_wrap .price_list{ display: inline-block; width: 100%; border-bottom: 1px solid #d4d4d4;}
.cart_wrap .price_list li{ float: left; width: 100%; font-size: 12px; color: #555; padding-bottom: 5px; line-height: 20px;}
.cart_wrap .price_list li span{ float: right; font-size: 14px;}
.cart_wrap .price_list li:last-child span{ color: #c40d11;}
.cart_wrap .btn_list{ display: inline-block; width: 100%;}
.cart_wrap .btn_list li{ float: left; width: 50%;}
.cart_wrap .btn_list li:first-child{ padding-right: 5px;}
.cart_wrap .btn_list li:last-child{ padding-left: 5px;}
.cart_wrap .btn_list li a{ float: left; font-size: 12px; color: #fff; background-color: #c40d11; width: 100%; text-align: center; line-height: 40px; text-transform: capitalize;}
.cart_wrap .btn_list li a:hover{ background-color: #0eb9cb;}


.hamburger{ width: 22px; height: 20px; background-color: transparent; border: none; position: relative; margin: 0; padding: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.hamburger span{ display: block; position: absolute; height: 2px; width: 100%; background-color: #fff; border-radius: 4px; opacity: 1;  left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger span:nth-child(1) { top: 0px;}
.hamburger span:nth-child(2) { top: 7px; left: 0;}
.hamburger span:nth-child(3) { top: 14px;}
.hamburger.open span{ height: 2px;}
.hamburger.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.hamburger.open span:nth-child(2) {opacity: 0; left: -22px;}
.hamburger.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}

.load_more{ text-transform: capitalize; letter-spacing: normal; margin-bottom: 30px; background-color: transparent; border: 2px solid #c40d11; color: #c40d11; border-radius: 30px; line-height: 36px;}
.load_more:hover{ background-color: #c40d11;}

.content{ padding-top: 126px;}
.breadcrumb-bg{ background-color:#f6f6f6; border-bottom:1px solid #dbdbdb;}
.breadcrumb{ background-color:transparent; border-radius:0;  padding:10px 0; margin-bottom:0;}
.breadcrumb > li{text-transform:capitalize; color:#222; font-size:12px;}
.breadcrumb > li a{ color:#222;}
.breadcrumb > li a:hover{ color:#c40d11;}

/*Product Detail Page*/
.product_detail{ background-color:#fff; padding:30px 0 0;}
.product_detail .container{ max-width: 1400px; width: 100%;}
.product-right{ text-align:center; border:1px solid #ddd;}
.app-figure a{ border:none; padding: 10px;}
.app-figure .selectors{ border-top:1px solid #ddd; padding: 10px}
.app-figure .selectors .mz-thumb{ padding:0 5px;}
.app-figure .selectors .mz-thumb > img{ border:2px solid #0eb9cb; width: 80px;}
.product-left .product-title{ position:relative; /*margin-bottom:10px*/}
.product-left .product-title h1{ font-size:22px; color:#c40d11;}
.product-left .product-title h1 span{ font-size: 10px; color: #D3D3D3; display: block; }
.product-left label{ color:#000; font-size:12px; /*font-weight:500;*/ line-height:normal; padding-bottom:3px; margin: 0;}
.product-left .rating{ width:100%; display:inline-block;}
.product-left .rating li{ float:left; padding-right:2px;}
.product-left .rating li a{ color:#FFB500; font-size:18px;}
.product_left_inner{ border: 1px solid #ccc; padding: 15px; background-color: #f8f8f8;}
.mobile_pp{ display: none;}
.product-sum{ }
.product-sum p{ color: #999; font-size: 12px; text-transform: capitalize; line-height: 24px; padding: 5px 0 0;}
.product-sum p .fa-circle{ font-size: 8px; color: green; border: 1px solid green; width: 24px; line-height: 22px; text-align: center; margin-right: 10px;}
.product-sum .form-control{ border: 1px solid #ccc; font-size: 11px; color: #333; height: 30px; outline: none;}
.product-sum .nav-tabs{ border: none; margin: 0 .2px;}
.product-sum .nav-tabs > li{ border: none; margin: 0; padding: 0 2px 10px;}
.product-sum .nav-tabs > li > a { border: 1px solid #0eb9cb; background-color: #fff; color: #0eb9cb; font-size: 16px; padding: 5px 10px 5px 10px; min-width: 45px; text-align: center; font-weight: 500; border-radius: 4px; line-height: 22px; margin: 0; }
.product-sum .nav-tabs > li.active > a, .product-sum .nav-tabs > li.active > a:focus, .product-sum .nav-tabs > li.active > a:hover{ border: 1px solid #c40d11; background-color: #c40d11; color: #fff;}
.product-sum .nav-tabs > li > a:hover{ color: #c40d11;}
.product-price{ padding:0;}
.product-price h4{ color:#000; font-size:30px; /*margin-bottom:10px;*/ font-weight: 600;}
.product-price h5{ color:#c40d11; font-size:22px; margin-bottom:10px; /*font-weight: 700;*/}
.product-price h4 span,.product-price h5 span{ color:#999; font-size:14px; text-decoration:line-through; /*font-weight: 400;*/ display: block; padding-top: 3px;}
.product-price h4 span span,.product-price h5 span span{ display:inline-block; text-decoration:none; padding-left:10px; margin-left:10px; border-left:1px solid #999;}
.product-price h6{ color:#777; font-size: 12px;}
.product-price .btn{ text-transform: capitalize; letter-spacing: 0; line-height: 40px;}
.product-left .product-price label{ margin-bottom: 0; padding-bottom: 3px; font-size: 12px;}
.product-price form{ padding-top: 20px;}
.product-price .form-control{ border: 1px solid #ccc; height: 34px; padding: 0 10px; font-size: 12px;}
.product-price .file-control{ padding: 0 10px 0 0; height: 28px; min-height: 30px;}
.activeinput{ border: 1px solid #ccc; line-height: 32px; padding: 0 10px; font-size: 12px; background-color: #fff; display: inline-block; width: 100%; color: #555;}
.des_tab{ padding-bottom: 20px; margin-top: 10px;}
.des_tab .list-2{ padding-bottom: 0px;}
.des_tab .nav-tabs{ border-bottom: 1px solid #ccc;}
.des_tab .nav-tabs > li{ padding-left: 3px;}
.des_tab .nav-tabs > li:first-child{ padding-left: 0;}
.des_tab .nav-tabs > li > a{ font-size: 11px; text-transform: capitalize; background-color: #dbdbdb; color: #000; margin: 0; padding: 10px;}
.des_tab .nav-tabs > li.active > a, .des_tab .nav-tabs > li.active > a:focus, .des_tab .nav-tabs > li.active > a:hover{ border-color: #ccc; border-bottom-color: transparent; color: #c40d11; background-color: #fff;}
.des_tab .nav-tabs > li > a:hover{ color: #fff; background-color: #c40d11; border: 1px solid #c40d11; border-bottom-color: transparent;}
.des_tab .tab-content{ /*border: 1px solid #ccc;*/ border-top: none; padding: 5px 0;}
ul.deskt {
    font-size: 16px;
    font-weight: 600;
}
.des_tab .tab-content h4{ font-size: 16px; padding-bottom: 10px; color: #000; }
.list-1{}
.list-1 li{ position: relative; padding-left: 20px; font-size: 11px; line-height: 18px; padding-bottom: 5px;}
.list-1 li:before{ content: "\f101"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0;}
.product-left .btns{ display: inline-block; width: 100%;}
.product-left .btns li{ float: left; width: 100%;}
.product-left .btns li:first-child{ padding-right: 5px;}
.product-left .btns li:last-child{ padding-left: 5px;}
.product-left .btns li a, .product-left .btns li button{ width: 100%; text-align: center; float: left; font-size: 18px; text-transform: capitalize; color: #fff; border: 2px solid #c40d11; line-height: 32px; background-color: #c40d11}
.product-left .btns li a:hover, .product-left .btns li button:hover{ background-color: #fff; color: #c40d11;}
.product-left .btns li:last-child a{ background-color: #49a066; border-color: #49a066;}
.product-left .btns li:last-child a:hover{ color: #fff;/* background-color: #fff;*/}
.stylish_radio{ display: inline-block; list-style: none; /*height: 100%;*/  width: 100%; margin: 0; padding: 0 0 10px;} 
.stylish_radio li{ color: #555; width: 50%; float: left; position:relative;}
.stylish_radio li input[type=radio]{ position: absolute; visibility: hidden;}
.stylish_radio li label{ display: block; position: relative; font-size: 15px; text-transform: capitalize; padding-left:30px; z-index: 9; cursor: pointer; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; margin-bottom:0; top:2px;}
.stylish_radio li:hover label{ color: #555;}
.stylish_radio li .check{ display: block; position: absolute; border: 2px solid #aaa; border-radius: 100%; height: 20px; width: 20px; top: 0; left:0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear;}
.stylish_radio li:hover .check { border: 2px solid #aaa;}
.stylish_radio li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top:3px; left: 3px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
.stylish_radio input[type=radio]:checked ~ .check { border: 2px solid #0eb9cb;}
.stylish_radio input[type=radio]:checked ~ .check::before{ background: #0eb9cb;}
.stylish_radio input[type=radio]:checked ~ label{ color: #555;}
.products{ padding: 30px 0 0;}
.review_section{ padding-bottom:30px;}
.review_section h3{ margin-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding-bottom:10px;}
.review_section h4{ font-size:16px; border-bottom:1px solid rgba(0, 0, 0, 0.1); /*padding-bottom:5px;*/ margin-bottom:10px; margin-top:5px; color:#000; line-height:35px;}
.review_section h4 .form-control{ border-radius:0; border-color:#ddd; padding-left:10px; height: 40px;}
.form-control option{ padding:4px 10px;}
.overall_rating{}
.overall_rating .total-rating{ font-size:22px; color:gold; margin-bottom:5px;}
.overall_rating .total-rating span{ color:#666; padding-right:10px;}
/*.overall_rating .total-rating > .fa:last-child{ color:#aaa;}*/
.overall_rating h4, .write_review h4{ font-size:16px; margin-bottom:0px; text-transform:capitalize; margin-top:0; border-bottom:none;}
.overall_rating h6{ color:#aaa; margin-bottom:5px; text-transform:capitalize;}
.overall_rating li{ font-size:14px; position:relative;}
.overall_rating li .fa{ color:#aaa;}
.overall_rating li span{ color:#666; padding-left:10px;}
.overall_rating li:nth-child(2) > .fa{ color:gold}
.overall_rating li:nth-child(2) > .fa:nth-child(5){ color:#aaa;}
.write_review{ }
.write_review .rating { unicode-bidi: bidi-override; direction: rtl; float:left; margin-bottom:10px;}
.write_review .rating > span {  display: inline-block;  position: relative; font-size:28px; margin-right:5px; color:#aaa;}
.write_review .rating > span:hover, .write_review .rating > span:hover ~ span {  color: transparent;}
.write_review .rating > span:hover:before, .write_review .rating > span:hover ~ span:before { content: "\2605"; position: absolute;left: 0; color:gold;}
.write_review textarea.form-control{ resize:none; border-radius:0; height:100px; border: 1px solid #ddd; padding-top: 10px; font-size: 12px;}
.write_review .btn{ line-height: 40px; text-transform: capitalize; letter-spacing: 0; font-size: 12px;}
.write_review h4{ margin-bottom:0;}
.detailed_review{ position:relative; padding-left:170px; min-height:110px; margin-bottom:8px;}
.detailed_review .review-user{ position:absolute; top:0; left:0; width:150px; text-align:center;}
.detailed_review .review-user .img-block{ width:50px; height:50px; border-radius:100%; display:inline-block; overflow:hidden; border:1px solid #ddd; margin-bottom:10px;}
.detailed_review .review-user .img-block img{ height:50px; width:50px; border-radius:100%;}
.detailed_review .review-user h5{ font-size:14px; color:#c40d11;}
.detailed_review .review-text{ border:1px solid #ddd; padding:15px; position:relative;}
.detailed_review .review-text:before{ content:''; height:14px; width:14px; background-color:#fff; position:absolute; top:10px; left:-8px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.detailed_review .review-text .rating{ font-size:15px; color:gold; margin-bottom:10px;}
/*.detailed_review .review-text .rating > .fa:last-child{ color:#aaa;}*/
.detailed_review .review-text h5{ color:#000; font-size:15px; margin-bottom:10px;}
.detailed_review .review-text h5 span{ color:#999; font-size:12px; display: block; padding-top: 5px;}
.report-block{ display:inline-block; width:100%; padding-top:10px;}
.report-block p{ color:#999; font-size:11px; float:left; padding-right:10px;}
.report-block a{ float:left; color:#999; font-size:11px; border:1px solid #ddd; padding:2px 10px; margin-left:5px;}

.review_section .more_review{ text-transform: capitalize; letter-spacing: normal; background-color: transparent; border: 2px solid #c40d11; color: #c40d11; border-radius: 30px; line-height: 36px;}
.review_section .more_review:hover{ background-color: #c40d11; color: #fff}
.mz-expand a { color: transparent !important; opacity: 0;}

.sort_div{ padding-bottom: 20px; position: absolute; right: 15px; top: 0;}
.sort_div .form-control{ border: 1px solid #c40d11; font-size: 12px;}
.sort_div label{ text-transform: capitalize; font-size: 12px; letter-spacing: 1px; float: left; width: auto; margin: 0; padding-right: 10px; line-height: 34px;}
.sort_div .styled_select{ float: left; max-width: 200px; width: auto;}
.sort_div .styled_select::after{ background-color: #c40d11; color: #fff; top: 0;}

.products .container{ position: relative;}
.pagination_block{ text-align: center; padding: 20px 0;}
.pagination{ margin: 0;}
.pagination > li{ float: left; padding: 0 5px; border-radius: 0;}
.pagination > li > a, .pagination > li > span{ padding: 0; line-height: 32px; width: 34px; margin: 0; border-radius: 100%; color: #333;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background-color: #0eb9cb; border-color: #0eb9cb;}

.pagination > li:first-child > a, .pagination > li:last-child > a{ padding: 0 20px; background-color: #c40d11; border: 1px solid #c40d11; border-radius: 20px; color: #fff; width: auto;}

.login_section{ /*background-color: #f6f6f6;*/ padding: 50px 0;}
.login_section h2{ text-transform: capitalize; font-size: 24px; color: #c40d11; text-align: left; padding-bottom: 5px;padding-left: 30px;}
.login_section p.signup_tagline{ /* color: #c40d11;*/ padding-bottom: 15px;padding-left: 30px;}
.login_section .step_block .already span a { color: #4169e1; cursor: pointer; /*margin-left: 5px;*/ }
.login_section .step_block .already { font-size: 12px; margin-bottom: 20px; margin-top: 15px; padding-bottom: 0; }

.login-form{ background-color: #fff; padding: 10px 30px 15px;}
.login-form .form-control{ height: 44px; border: 1px solid #ddd; font-size: 12px;}
.login-form .btn{ width: 100%; background-color: #c40d11; text-transform: capitalize; line-height: 36px; border: 2px solid #c40d11;}
.login-form .btn:hover{ background-color: #fff; color: #c40d11;}
.login-form .btn-rev{ background-color: #fff; color: #c40d11;}
.login-form .btn-rev:hover{ background-color: #c40d11; color: #fff;}

.login_section .alert-info{ text-align: center;}
.login_section .alert-info .fa{ color: #57ab1e; font-size: 40px; padding-bottom: 10px;}
.login_section .alert-info p{ font-size: 14px; color: #000;}

.login_section .alert-warning{ padding: 10px; margin-top: 5px;}
.login_section .alert-warning p{ font-size: 11px; line-height: 16px;}
.calender_modal{}
.calender_modal .modal-dialog{ max-width: 500px;}
.calender_modal .modal-body{ padding: 20px;}
.calender_modal .table-condensed > thead > tr > th, .calender_modal .table-condensed > tbody > tr > td{ border: 1px solid #ddd; padding: 15px 10px; height: auto; width: auto; text-shadow: none;}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th{ border-radius: 0;}
.calender_modal h2{ font-size: 20px; color: #000; padding-bottom: 20px; text-align: center;}
.back_step{ position: absolute; left: 10px; top: 5px; z-index: 99;background-color: #ec2828;padding: 0 4px;}
.back_step a{ font-size: 16px; color: #fff;}
.bkp_stp a{ font-size: 16px;color: #0eb9cb; }
.bkp_stp a .fa{ color: #0eb9cb; }

.shipping_list{ padding-bottom: 0;}
.shipping_list li{ width: 100%; min-height: 52px; border-bottom: 1px solid #c40d11; /*margin-bottom: 10px;*/}
.shipping_list li .shipping_price{ position: absolute; right: 0; top: -1px; width: 100px; line-height: 52px; font-size: 20px; /*color: #fff; background-color: #c40d11; */text-align: center; /*font-weight: 500;*/ pointer-events: none;}
.calender_modal .stylish_radio li label{ position: absolute; top: 0; width: 100%; height: 100%; padding: 15px 100px 10px 40px;}
.calender_modal .stylish_radio li .check{ top: 15px; left: 15px;}
.dt_list{}
.calender_modal .dt_list li label{ padding-right: 15px;}
.calender_modal .head_text{ text-align: center; padding: 15px 0; border-top: 1px solid #ddd;}
.calender_modal .head_text h3{ font-size: 24px; color: #555; /*font-weight: 400;*/}
.calender_modal .head_text p{ font-size: 16px;color: #000;}
.ship_datetime{ display: inline-block; width: 100%; background-color: #c40d11; padding: 7px; margin-bottom: 10px;}
.ship_datetime ul{ float: left; width: 100%;}
.ship_datetime ul li{ float: left;}
.ship_datetime ul li:first-child{ width: 35%;}
.ship_datetime ul li:last-child{ width: 65%;}
.ship_datetime ul li .del_date_block{ position: relative; padding-left: 40px; float: left; width: 100%;}
.ship_datetime ul li .del_date_block .del_date{ position: absolute; left: 0; top: 0; font-size: 30px; color: #fff; line-height: 36px;}
.ship_datetime ul li .del_date_block .del_month{ font-size: 12px; text-transform: capitalize; color: #fff; line-height: 12px;}
.ship_datetime ul li .del_date_block .del_month span{ display: block;}
.ship_datetime ul li .del_amt{ font-size: 12px; color: #fff;}
.ship_datetime ul li .del_amt span{ color: yellow; }
.ship_datetime ul li .del_time{ font-size: 12px; color: #fff;}

/*Checkout*/

/* .checkout_wrap .fb_login {
    border: 0 !important;
}
*/
.checkout_wrap .modal-dialog {
    transform: scaleX(1) scaleY(1) !important;
    opacity: 1 !important;
} 

.checkout_wrap .update-mail {
    margin-bottom: 12px !important;
}

.checkout_wrap .google-login li a {
    background: #fff no-repeat url(../assets/icon/gmail.png);
    background-size: 18px;
    background-position: 15px 10px;
    display: block;
    width: 100%;
    border: 1px solid #dcdcdc;
    padding-left: 42px;
    cursor: pointer;
    height: 100%;
}

.checkout_wrap .google-login .fb_list p{
margin-bottom: 10px;
font-size: 12px;
}

.checkout_wrap .google-login .fb_list li a {
    /* float: left; */
    width: max-content;
    color: #000;
    font-size: 12px;
    padding: 10px 10px 10px 45px;
    border-radius: 5px;
    border: 1px solid #cecece;
}

/* .checkout_wrap .modal-dialog {
    margin: 10px auto !important;
} */

.footer-bottom-one {
  padding-top: 15px;  
}

.footer-bottom-one p {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #d1d1d1;
    text-align: start;
    padding-left: 15px;
}

.checkout_wrap .footer-bottom {
    display: none !important;
}




.checkout_footer{ padding-top: 0;}
.checkout_footer .bottom_footer{ margin-top: 0;}
.checkout_section{ padding: 100px 0 30px; background-color: #f1f1f1;}
.checkout_section_new{ padding: 30px 0 30px;}
.need_help{ display: inline-block; width: 100%; padding-bottom: 20px;}
.need_help .inner{ float: right; position: relative; padding-left: 30px;}
.need_help .inner .fa{ position: absolute; left: 0; top: 0; font-size: 40px; color: #c40d11;}
.need_help .inner h6{ color: #888; font-size: 12px; line-height: 20px;}
.need_help .inner h6 span{ display: block; color: #333; font-size: 14px; }
.step_block{ border: none; margin-bottom: 10px; background-color: #fff;}
.step_block.active, .step_block.complete{ }
.step_block .heading{ padding-bottom: 0; background-color: #fff; padding: 16px; border-bottom: 3px solid #0eb9cb;}
.step_block.active .heading{ border-bottom: 3px solid #c40d11;}
.step_block .heading h4{ color: #888; font-size: 18px; padding-left: 50px; position: relative; line-height: normal; display: inline-block;}
.step_block .heading h4 span{ display: block; font-size: 12px; color: #aaa;}
.step_block .heading h4 .icon{position: absolute; left: 0; top: 5px; width: 40px; text-align: center;}
.step_block .heading h4 .icon > .fa{ font-size: 28px; color: #ccc;}
.step_block.active .heading h4{ color: #000;}
.step_block.active .heading h4 .icon > .fa{ color: #49a066;}
.step_block .heading h4 .icon .complete_sign{ display: none; position: absolute; right: -5px; top: -5px; background-color: #49a066; line-height: 18px; width: 18px; border-radius: 100%; color: #fff; font-size: 10px;}
.step_block.complete .heading h4 .icon .complete_sign{ display: block; }
.step_block .heading h6{ display: inline-block; vertical-align: top; padding: 3px 0 0 20px; font-size: 15px; color: #aaa;}
.step_block.active .heading h6{ color: #000;}

.step_block.complete .heading{ display: none;}
.step_block.complete .inner{ display: none;}
.step_block .edit_block, .step_block.active .edit_block{ display: none;}
.step_block.complete .edit_block{ display: block; padding: 20px 20px 10px 10px; border-bottom: 3px solid #49a066;}
.step_list{ display: inline-block; width: 100%; position: relative; padding-right: 40px;}
.step_list > li{ float: left; width: 80%; font-size: 12px; color: #333;}
.step_list > li:first-child{ width: 20%; padding-right: 15px;}
.step_list > li:last-child{padding-right: 0; position: absolute; right: 0; top: 0;}
.step_list > li > a{ float: right; width: 30px; line-height: 28px; background-color: transparent; /*border: 1px solid #c40d11;*/ text-align: center; /*color: #c40d11;*/ font-size: 16px; border-radius: 100%;}
.step_list > li > a:hover{ cursor: pointer;}

.step_list li > ul{ float: left; width: 100%;}
.step_list li > ul > li{ color: #000; font-size: 12px; line-height: 16px; float: left;  width: 33.33%; position: relative; padding-left: 40px;}
.step_list li > ul > li:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 2px; height: 20px; background-color: #ccc;}
.step_list li > ul > li:first-child:before{ display: none;}
.step_list li > ul > li > span{ color: #999; display: block; font-size: 14px; padding-bottom: 5px;}
.step_list li > ul > li > a{ color: #333; float: none;}
.step_list li > ul > li > a:hover{ color: #c40d11;}

/*.step_two_list li{ width: 70%;}*/
/*.step_two_list li:first-child{ width: 20%;}
.step_two_list li:last-child{padding-right: 0; width: 10%;}*/

.step_list li:first-child h4{ color: #888; font-size: 15px; padding-left: 50px; position: relative; line-height: normal;}
.step_list li:first-child h4 span{ display: block; font-size: 12px; color: #aaa;}
.step_list li:first-child h4 .icon{position: absolute; left: 0; top: 5px; width: 40px; text-align: center;}
.step_list li:first-child h4 .icon > .fa{ font-size: 28px; color: #ccc;}
.step_block.complete .step_list li:first-child h4{ color: #000;}
.step_block.complete .step_list li:first-child h4 .icon > .fa{ color: #49a066;}
.step_list li:first-child h4 .icon .complete_sign{ display: none; position: absolute; right: -5px; top: -5px; background-color: #49a066; line-height: 18px; width: 18px; border-radius: 100%; color: #fff; font-size: 10px;}
.step_block.complete .step_list li:first-child h4 .icon .complete_sign{ display: block; }

.step_block .inner{ padding: 20px;}
.step_block .inner form .row{ margin-left: -5px; margin-right: -5px;}
.step_block .inner form .row .col-xs-3, .step_block .inner form .row .col-xs-9{ padding-left: 5px; padding-right: 5px;}
.step_block .inner .form-control{ width: 96%;height: 50px;border-radius: 6px;background-color: #fff;outline: 0;box-sizing: border-box;font-size: 16px;line-height: 1.19;letter-spacing: normal;color: #000;border: 1px solid #ddd; padding: 15px 5px;margin-top: 0;}
.step_block .inner textarea.form-control{ height: 60px; resize: none; padding-top: 8px;}
.step_block .inner label{ font-size: 18px; text-transform: capitalize; color: #333;}
.step_block .inner label span{ color: #c40d11;}
.step_block .formstar label span{ color: #c40d11;}
.step_block .inner .stylish_radio{ padding-bottom: 20px;}
.step_block .inner .stylish_radio label{ text-transform: none; color: #555; font-size: 12px;}
.step_block .inner .btn{ letter-spacing: normal; font-size: 20px; text-transform: uppercase; padding: 0 100px; border-radius: 6px; height: 50px;}
.step_block .inner .btn.adrId { font-size: 12px; padding: 0 20px;  }
/*.fb_login{ position: relative; border-left: 1px solid #ddd; padding: 80px 15px 0 40px; text-align: center; /!*min-height: 340px;*!/}*/
/*.login_section .fb_login{ position: relative; padding: 0px !important; border-left:none !important; text-align: center; /!*min-height: 340px;*!/}*/
/*.fb_login .or{ position: absolute; left: -15px; top: 50%; width: 30px; line-height: 30px; background-color: #e1e1e1; color: #101010; text-align: center; font-size: 14px; margin: -15px 0 0; border-radius: 100%;}*/
/*.fb_login h5{ font-size: 16px; color: 222; padding-bottom: 30px; text-align: center; /!*font-weight: 700;*!/}*/
/*.fb_login .fb_list{ display: inline-block; max-width: 220px; width: 100%;}*/
/*.fb_login .fb_list li{ float: left; width: 100%; text-align: left; padding-bottom: 10px;}*/
/*.fb_login .fb_list li a{ float: left; width: 100%; background-color: #fff; color: #fff; line-height: 38px; font-size: 14px; /!*font-weight: 500;*!/ padding: 1px;}*/
/*.fb_login .fb_list li a .fa{ background-color: #fff; width: 38px; line-height: 38px; color: #4285f4; text-align: center; margin-right: 10px;}*/
/*.fb_login .fb_list li:last-child a{ background-color: #3b5998;}*/
/*.fb_login_left{ padding-right: 30px;}*/

.inner .login-taber .nav li{
    padding: 0px 15px 0px 15px;
    border-radius: 5px;
    margin-right: 15px;

}

.inner .login-taber .nav li a{ 
    min-width: 140px;
    border: 1px solid #cecece;
    text-align: center;
}


.checkout_wrap .login-left{
 display:none;   
}


.checkout_wrap .prcdbtn{
    margin-left:30px;
}

.checkout_wrap .inner .btn.adrId {
    padding: 10px 20px;
}

.checkout_wrap .close-button {
    display: none;
}

/* .checkout_wrap .step_list > li:last-child {
    position: relative;
} */

.checkout_wrap .fb_login {
    padding: 0;
}

.checkout_wrap .step_block .form-group > label {
    position: relative;
    text-align: start;
    left: 5px !important;
    font-size: 1rem;
    top: 8px !important;
    width: max-content;
}

.checkout_wrap .form-group {
    margin: 16px 0 0 0;
}

.checkout_wrap .g-google-login {
    border-left: 1px solid #ddd;  
    min-height: 340px; 
}

.checkout_wrap .login-right .modal-text-head{
    text-align: start;
    margin-top: 0;
    padding-bottom: 15px;
}

.checkout_wrap .login-right .form-control{
    padding-left: 45px !important;
    padding-right: 40px !important;
}

/* .checkout_wrap .login-right .form-group{
    margin: 0;
} */

/* .checkout_wrap .login-right .modal-body{
padding-top: 0;
} */

.checkout_wrap .login-section {
    min-height: 0;
}

.checkout_wrap .login-right .login-right {
   padding-bottom: 0; 
}

.checkout_wrap .login-right .modal-content {
    margin-bottom: 0;
}

.checkout_wrap .google-login{
    width: 100%;
    text-align: start;
    padding-left: 15px;
}

.checkout_wrap .login-right{
max-width: 450px;
width: 100%;
padding-bottom: 0;
}

.checkout_wrap .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #18bacb;
}

.checkout_wrap .modal-dialog {
    opacity: 1;
    display: block;
    transform: none !important;
    transform-origin: 0 !important;    
}

.checkout_wrap .fb_login_left {
    padding-right: 0;
    margin-left: 0px !important;
    margin-top: 40px;
}

.fb_login{
     position: relative; 
     /* border-left: 1px solid #ddd; */
      padding: 80px 15px 0 40px; 
      text-align: center; 
      min-height: 340px;}

.login_section .fb_login{ position: relative; border-left: 1px solid #ddd; padding: 15px 15px; text-align: center; min-height: 140px;}
.fb_login .or{ position: absolute; left: -15px; top: 50%; width: 30px; line-height: 30px; background-color: #e1e1e1; color: #101010; text-align: center; font-size: 14px; margin: -15px 0 0; border-radius: 100%;}
.fb_login h5{ font-size: 16px; color: 222; padding-bottom: 30px; text-align: center;}
.fb_login .fb_list{ display: inline-block; max-width: 220px; width: 100%;padding-left: 15px;}
.fb_login .fb_list li{ float: left; width: 100%; text-align: left; padding-bottom: 10px;}
.fb_login .fb_list li a{ float: left; width: 100%; color: #000; font-size: 12px; padding: 10px 10px 10px 25px; border-radius: 5px; border: 1px solid #cecece;}
.fb_login .fb_list li a .fa{ background-color: #d82727; color: #fff; display: inline-block; width: 24px; line-height: 24px; margin-right: 10px; border-radius: 5px; text-align: center;}
/*.fb_login .fb_list li:last-child a{ background-color: #3c4799;}*/
.fb_login .fb_list li:last-child a .fa{ background-color: #3c4799;}
.fb_login_left{ padding-right: 30px;}

.checkout_section .step_block h3{ text-transform: none; font-size: 16px;}
.add_no{ color: #0089bd; text-decoration: underline; font-size: 12px;}
.add_no:hover{ color: #333; text-decoration: none;}
.step_block .inner .activeinput .fa{ float: right; line-height: 38px; font-size: 18px;}

.exp_product{ border: 1px solid #ddd; padding: 15px 15px 0; margin-bottom: 15px;}
.step_block .inner p{ font-size: 9px; color: #999; padding-top: 3px;}
.step_block .inner .exp_product p{ font-size: 13px; color: #333; padding-bottom: 5px;}
.step_block .inner .exp_product p span{ color: #777;}
.exp_product .product_img{ margin-bottom: 15px; width: 80px;}
.exp_product .product_img > img{ width: 100%;}
.product_table{}
.product_table .img_block{ max-width: 80px;}
.product_table thead > tr > th{ background-color: #f4f4f4; text-transform: capitalize; letter-spacing: 1px;}
.product_table thead > tr > td{ font-size: 13px; color: #333;}
.product_table tbody > tr > td:nth-child(2){ text-align: center;}
.product_table tbody > tr > td:nth-child(4){ text-align: right;}
.product_table tbody > tr > td span{ display: block; font-size: 11px; text-transform: capitalize;}
.product_table thead > tr > th:nth-child(2){ text-align: center;}
.product_table thead > tr > th:nth-child(4){ text-align: right;}

.promo_blocks ul{ padding-bottom: 5px;}
.promo_blocks li{ /*background-color:#eee;*/  margin-bottom:2px; /*padding:0 15px;*/ line-height:50px; font-size:12px; letter-spacing:2px; color:#999; text-transform:capitalize; width:100%; display:inline-block;}
.promo_block ul{ padding-bottom: 5px;}
.promo_block li{ background-color:#eee; margin-bottom:2px; padding:0 15px; line-height:50px; font-size:12px; letter-spacing:2px; color:#999; text-transform:capitalize; width:100%; display:inline-block;}
.promocodes{ float:right;border: 1px solid #ccc; width:100%; position:relative; padding-top:5px;}
.promocodes .form-control{ height:40px; width:100%; border:none; border-radius:0; padding-right:65px;}
.promo_blocks li .promocodes > form .btn {border-radius:4px;line-height: 30px; letter-spacing:0; min-width:0; padding:0 10px; position:absolute; right:5px; top:10px; font-size: 11px;width: 50px;}
.promocode{ float:right; width:230px; position:relative; padding-top:5px;}
.promocode .form-control{ height:40px; width:100%; border:none; border-radius:0; padding-right:65px;}
.promo_block li .promocode > form .btn {border-radius:4px;line-height: 30px; letter-spacing:0; min-width:0; padding:0 10px; position:absolute; right:5px; top:10px; font-size: 11px;}
.step_block .inner p.alert, .promo_blocks p.alert{ padding: 5px 10px; font-size: 11px; line-height: 16px; margin-bottom: 5px;}
.step_block .inner p.alert-danger, .promo_blocks p.alert-danger{ color: #a94442;}
.step_block .inner p.alert-success, .promo_blocks p.alert-success{ color: #3c763d;}
.step_block .inner p.alert, .promo_block p.alert{ padding: 5px 10px; font-size: 11px; line-height: 16px; margin-bottom: 5px;}
.step_block .inner p.alert-danger, .promo_block p.alert-danger{ color: #a94442;}
.step_block .inner p.alert-success, .promo_block p.alert-success{ color: #3c763d;}
.step_block .inner p.tnc{ font-size: 11px; font-style: italic; padding-top: 15px;}

.cs_one h3{ font-size: 20px; text-transform: capitalize; color: #000; padding: 10px 0; text-align: center; background: #f9fafc;}
.cs_one .rgtcart{ font-size: 20px; padding: 10px 0; background: #fff;}
h3.proname { text-align: left; background: transparent; }
.checkout_section h3{ font-size: 20px; text-transform: capitalize; color: #000; padding-bottom: 20px;}
.checkout_section h3.proname{ font-size: 20px; text-transform: capitalize; color: #000; /*font-weight: 600;*/ padding-bottom: 0px;padding:0px; text-align: left; background: transparent;}
.buggy_block{ position:relative; padding-left:80px; min-height:90px; border-bottom:1px solid #cecece; margin-bottom:20px;}
.buggy_block .img_block{ border:1px solid #cecece; padding:4px; height:70px; width:70px; position:absolute; top:0; left:0;}
.buggy_block .img_block img{ height:60px; width:60px;}
.buggy_block .float-left{ width:230px;}
.buggy_block .head_link{ font-size:15px; color:#1d1d1d; text-transform:none; display:inline-block; padding-top: 5px;}
.buggy_block .head_link:hover{ color:#c40d11;}
.buggy_block .subtitle{ display:block; font-size:12px; font-family:'open_sansregular'; color:#888; padding:5px;}
.buggy_block ul{ float:right;}
.buggy_block li{ float:left; padding-left:50px; font-size:15px; color:#343434; text-transform:capitalize; line-height:normal; text-align: center;}
.buggy_block li label{ color:#aaa; margin-bottom:5px;}
.buggy_block li:first-child{ padding-left:0;}
.buggy_block li .fa{ padding-right:5px;}
.buggy_block li a{ float: left; text-align: center; width: 30px; line-height: 28px; /*border: 1px solid #c40d11;*/ color: #ccc;}
.buggy_block li a .fa{ padding: 0;}
.buggy_block li a:hover{ cursor: pointer;}
.buggy_block .input-group{ position:relative; top:0; width:100px;}
.buggy_block .input-group .btn{ background-color:#0eb9cb; height:30px; line-height:30px; padding:0; width:30px; font-size:12px; border:none;}
.buggy_block .input-group .btn .fa{ padding-right:0;}
.buggy_block .input-group .form-control{ height:30px; width:40px; padding:0 0 0 10px; border:1px solid #cecece; background-color:#fafafa; text-align:left !important; font-size:14px;}
.buggy_block .input-group .btn.btn-success{ position:absolute; right:-1px; top:0px;}
.buggy_block .input-group .btn.btn-danger{ position:absolute; left:40px; top:0px; z-index:9;}

.promo_block li{ background-color:#eee; margin-bottom:2px; padding:0 15px; line-height:50px; font-size:12px; letter-spacing:2px; color:#999; text-transform:capitalize; width:100%; display:inline-block;}

.promocode{ float:right; width:200px; position:relative; padding-top:5px;}
.promocode .form-control{ height:40px; width:100%; border:none; border-radius:0; padding-right:75px;}
.promocodes .btn {border-radius:4px;line-height: 30px; letter-spacing:0; min-width:0; padding:0 10px; position:absolute; right:5px; top:10px; font-size: 11px;width: 12%}
.promocode .btn {border-radius:4px;line-height: 30px; letter-spacing:0; min-width:0; padding:0 10px; position:absolute; right:5px; top:10px; font-size: 11px;}

.text-linethrough{ text-decoration:line-through;}
.note{ display:block; font-size:10px; color:#888;}

.review_order .all_price{ position:relative; padding-left:70px; margin-bottom:20px;}
.review_order .all_price label{ position:absolute; left:0; font-size:14px; text-transform:capitalize; color:#000;}
.review_order .all_price > div{ text-align:right; font-size:14px; color:#000; }
.review_order .all_price > div span{ display:block; font-size:11px; color:#555;}
.review_order .all_price > div span .text-linethrough{ display:inline-block;}
.review_order .btns{ display: inline-block; width: 100%; padding-bottom: 10px;}
.review_order .btns li{ padding-bottom: 10px;}
.review_order .btns .btn{ width: 100%; text-transform: capitalize; letter-spacing: 0; font-weight: 500; font-size: 22px;background-color: #49a066;padding: 5px 0px 5px 0px;}
.review_order .btns .cont_btn{ background-color: transparent; /*border: 1px solid #ccc;*/font-size: 16px; color:#4169e1;}
.review_order .btns .cont_btn:hover{ background-color: transparent;}
.checkout_section .review_order h3{ font-size: 18px; /*font-weight: 600;*/ padding-bottom: 10px;}
.review_order .table > tbody > tr > td{ font-size: 12px; color: #222; padding: 10px;}
.review_order .table > tbody > tr > td .fa{ padding-right: 5px;}

.custom_checkbox [type="checkbox"]:not(:checked), .custom_checkbox [type="checkbox"]:checked {position: absolute; left: -9999px;}
.custom_checkbox [type="checkbox"]:not(:checked) + label, .custom_checkbox [type="checkbox"]:checked + label {position: relative; padding-left: 30px; cursor: pointer; margin-bottom: 0; line-height: 24px;}
.custom_checkbox [type="checkbox"]:not(:checked) + label:before, .custom_checkbox [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border: 2px solid #898989; background-color: transparent; border-radius: 0;}
.custom_checkbox [type="checkbox"]:not(:checked) + label:after, .custom_checkbox [type="checkbox"]:checked + label:after { content: ''; font-family: 'FontAwesome'; position: absolute; top: 4px; left: 3px; font-size: 14px; line-height: 14px; color: #898989; transition: all .2s;}
.custom_checkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.custom_checkbox [type="checkbox"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); color: #fff;}
.custom_checkbox [type="checkbox"]:checked + label:before{ background-color: #0eb9cb; border-color: #0eb9cb;}

.checkout_payment h4{ font-size:18px; text-transform:capitalize; display:inline-block; width:100%; padding-bottom:10px;}
.checkout_process .checkout_payment .review_order h3{ margin-bottom:10px;}
.cc h4{ padding:10px; font-size:16px; background-color:#f5f5f5; border-radius:5px; margin-bottom:20px;}
.pay_option .btn{ font-size:13px; text-transform: capitalize; letter-spacing: 0; line-height: 34px;}
.pay_option .note{ font-size:14px; margin-top:20px; position: relative; padding-left: 25px;}
.pay_option .note i{ font-size:18px; position:absolute; left: 0; top:0; color:#0eb9cb;}

.review_order .btn{ letter-spacing:0; width:100%;font-size: 18px;background-color: #49a066;}
.review_order .btn:hover {background-color: #49a066; }
.checkout_process .promocode .btn{ font-size:12px;}
.review_order table{}
.review_order table th{ text-transform:capitalize;}
.review_order table th:nth-child(2), .review_order table td:nth-child(2){ text-align:center;}
.review_order table th:last-child, .review_order table td:last-child{ text-align:right;}
.review_order table td{}
.review_order .table .total_txt td {color: #333; font-size: 16px; }

.pay_option .input-group{ width:100%;}
.pay_option .form-control{ border:3px solid #e5e5e5; height:50px; font-size:18px;}
.pay_option .input-group .form-control{ padding-left:60px;}
/*.pay_option .form-control:focus{ z-index:1; border:3px solid #e5e5e5;}*/
.pay_option .input-group i{color:#cbcbbd; font-size:32px; left:10px; position:absolute; top:10px; z-index:2;}
.pay_option .half_inpt{ width:55%; float:left; padding-right:30px; position:relative;}
.pay_option .half_inpt:last-child{ padding-right:0; width: 45%;}
.pay_option .half_inpt:after{ content:'/'; position:absolute; right:8px; font-size:28px; top:7px;}
.pay_option .half_inpt:last-child:after{ display:none;}
.pay_option .half_inpt1{ width:60%; float:left; position:relative;}
.pay_option .cvv_indicate{ position:relative; font-size:20px; top:12px; cursor:pointer; background-color:transparent; padding:0; border:none;}

.payment_tabs{ position: relative; padding-left: 220px;}
.payment_tabs .nav-tabs{ border: none; position: absolute; left: 0; top: 0; width: 221px;}
.payment_tabs .nav-tabs > li{ float: left; width: 100%; margin: 0; padding-bottom: 5px;}
.payment_tabs .nav-tabs > li:last-child{ padding-bottom: 0;}
.payment_tabs .nav-tabs > li > a{ float: left; width: 100%; border-radius: 0; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-left-width: 5px; border-right-color: #c40d11;}
.payment_tabs .nav-tabs > li.active > a, .payment_tabs .nav-tabs > li.active > a:focus, .payment_tabs .nav-tabs > li.active > a:hover{ background-color: #fff; border: 1px solid #c40d11; border-left-width: 5px; border-right-color: #fff;}
.payment_tabs .tab-content{ border: 1px solid #c40d11; padding: 20px; min-height: 400px;}

.checkout_complete h4{ font-size:22px; display:inline-block; width:100%; padding-bottom:20px;}
.checkout_complete h4 img{ padding-right:15px; height:38px;}
.checkout_complete p{ font-size:16px; color:#444; line-height:24px; padding-bottom:20px;}
.checkout_complete .view_order{ box-shadow:none; border:1px solid #cecece;}
.checkout_complete .view_order li span{ color:#0eb9cb;}
.buggy_block h5{ font-size:16px; color:#1d1d1d; text-transform:none; display:inline-block; line-height:24px; padding-top: 5px;}
.dispatch_detail{ margin-bottom:10px;}
.dispatch_detail li{ font-size:14px; color:#c40d11; padding-bottom:10px; position:relative; padding-left:26px;}
.dispatch_detail li:before{ position:absolute; left:0; top: -3px; content:''; font-family:'Material-Design-Iconic-Font'; font-size:18px; color:#999;}
.dispatch_detail li span{ text-transform:capitalize; font-size:14px; color:#333; padding-right:10px;}

/**/
.nav_block{ background-color: #f6f6ed; width: 100%; margin-top: 5px;}
.nav_block.affix{ top: 0; left: 0; z-index: 99; margin-top: 0;}
.social_media{ display: inline-block; width: 100%;}
.social_media li{ display: inline-block; padding: 0 2px;}
.social_media li a{ float: left; width: 44px; line-height: 44px; color: #aaa; background-color: transparent; border-radius: 100%; font-size: 20px;}
.social_media li:nth-child(1) a:hover{ background-color: #3a589b;}
.social_media li:nth-child(2) a:hover{ background-color: #d6492f;}
.social_media li:nth-child(3) a:hover{ background-color: #598dca;}
.social_media li:nth-child(4) a:hover{ background-color: #c8232c;}
.social_media li:nth-child(5) a:hover{ background-color: #d83b86;}
.social_media li a:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.footer_list_new{ display: inline-block; border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin: 20px 0;}
.footer_list_new li{ float: left; position: relative; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.footer_list_new li a{ float: left; font-size: 14px; line-height: 20px; color: #333; text-transform: capitalize; padding: 10px 20px;}
.footer_list_new li a:hover{ color: #c40d11;}
.tnc_list{ float: left;}
.tnc_list li{ float: left; position: relative; padding: 0 10px 0 13px;}
.tnc_list li:first-child{ padding-left: 0;}
.tnc_list li:before{ content: '|'; position: absolute; left: 0; top: 3px; color: #aaa;}
.tnc_list li:first-child:before{ display: none;}
.tnc_list li a{ float: left; font-size: 12px; color: #aaa;}
.tnc_list li a:hover{ color: #c40d11;}
.disabled .inner{ display: none; }

/*Addon Modal*/
.product_page.modal-open{ overflow: hidden;}
.addon_modal{}
.addon_modal.modal{ right: 0;}
.addon_modal .modal-dialog{ margin: 0 auto; width: 100%; max-width: 100%; position: absolute; left: 0; top: 0; height: 100%; background-color: #fff;}
.addon_modal .modal-dialog .modal-content{ margin-bottom: 0;}
.addon_modal .modal-body{ height: 100vh; padding: 80px 15px; position: relative;}
.addon_header{ position: absolute; left: 0; top: 0; width: 100%; height: 80px; box-shadow: 0 0 5px rgba(0,0,0,.20); padding: 30px 15px 10px;}
.addon_header h2{ text-align: center; font-size: 24px; color: #202020; text-transform: capitalize;}


.addon_footer{ position: fixed; left: 0; bottom: 0; width: 100%; height: 80px; box-shadow: 0 0 5px rgba(0,0,0,.20); padding: 15px 0; background-color: #fff;}
.addon_continue{ float: right;}
.addon_continue li{ float: left; padding-left: 10px;}
.addon_continue li:first-child{ padding-left: 0;}
.addon_continue li a{ float: left; line-height: 36px; border-radius: 20px; color: #0eb9cb; border: 2px solid #0eb9cb; font-size: 14px; min-width: 120px; text-transform: capitalize; text-align: center;}
.addon_continue li a:hover{ color: #fff; background-color: #0eb9cb;}
.addon_continue li:last-child a { color: #fff; background-color: #49a066; border-color: #49a066; }
/*.addon_continue li:last-child a:hover{ background-color: #c40d11; color: #fff;}*/
.addon_bucket{ float: left; position: relative; height: 55px;}
.addon_bucket .bucket_click{ display: inline-block; position: absolute; left: 0; bottom: 0; width: 300px; padding: 10px 15px 4px; border: 1px solid #ccc; text-transform: capitalize; font-size: 11px; /*font-weight: 700;*/ color: #777; letter-spacing: 1px; z-index: 10; background-color: #fff;}
.addon_bucket .bucket_click > .fa{ position: absolute; right: 15px; top: 50%; font-size: 24px; line-height: 24px; margin-top: -12px;}
.addon_bucket .bucket_click span{ display: block; font-size: 16px; color: #c40d11; letter-spacing: normal;}

.addon_bucket .btn_block{display: none; position: absolute; left: 0; bottom: 0; margin-bottom: 54px; z-index: 9; background-color: #fff; border: 1px solid #d7d7d7; width: 300px; max-height: 270px; overflow: auto;}
.addon_bucket .btn_block li{ padding: 10px; border-bottom: 1px solid #d7d7d7;}
.addon_bucket .btn_block li:last-child{ border-bottom: none;}
.addon_bucket .btn_block li .block{ position: relative; min-height: 80px; padding-left: 90px;}
.addon_bucket .btn_block li .block .icon{ position: absolute; width: 80px; left: 0; top: 0;}
.addon_bucket .btn_block li .block .icon > img{ width: 100%px; height: 80px;}
.addon_bucket .btn_block li .block h4{ font-size: 12px; color: #101010; /*font-weight: 700;*/ padding-bottom: 15px; line-height: 18px;}
.addon_bucket .btn_block li .block p{ color: #555; font-size: 14px;}
.addon_bucket .btn_block li .block p a{ float: right; width: 24px; line-height: 22px; border: 1px solid #c40d11; color: #c40d11; text-align: center;}
.addon_bucket .btn_block li .block p a:hover{ background-color: #c40d11; color: #fff;}
.addon_product.addonActive {
    border: 1px solid #49a066;
}

.addon_mid{ padding: 15px 0;}
.addon_mid .nav-tabs{ border: none; padding-bottom: 15px;}
.addon_mid .nav-tabs > li{ padding-left: 10px;}
.addon_mid .nav-tabs > li:first-child{ padding-left: 0;}
.addon_mid .nav-tabs > li > a{ margin: 0; border-radius: 5px; padding: 0 15px; line-height: 32px; background-color: transparent; color: #c40d11; border: 1px solid #c40d11;}
.addon_mid .nav-tabs > li.active > a, .addon_mid .nav-tabs > li.active > a:focus, .addon_mid .nav-tabs > li.active > a:hover{ border: 1px solid #c40d11; background-color: #c40d11; color: #fff;}

.addon_product{ border: 1px solid #ccc; text-align: center; padding: 10px; margin-bottom: 30px;}
.addon_product:hover { border: 1px solid #c40d11;}
.addon_product .img_block{ width: 150px; display: inline-block; margin-bottom: 10px;}
.addon_product h3{ font-size: 14px; color: #333; line-height: 18px; margin-bottom: 10px; min-height: 36px;}
.addon_product h4{ font-size: 16px; color: #c40d11; }
.scroll_div{ height: 66vh; overflow-y: auto; overflow-x: hidden; padding-right: 20px;}

.onoffswitch2 {position: relative; width: 100px; margin-top: 10px; display: inline-block;pointer-events: none;}
.onoffswitch2-checkbox {display: none;}
.onoffswitch2-label {display: block; overflow: hidden; cursor: pointer; border-radius: 20px; margin: 0;}
.onoffswitch2-inner {display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch2-inner:before, .onoffswitch2-inner:after {display: block; float: left; width: 50%; padding: 0; line-height: 24px; font-size: 14px; color: #fff;}
.onoffswitch2-inner:before { content: "ADDED"; padding-right: 10px; background-color: #00a96f;}
.onoffswitch2-inner:after { content: "ADD"; padding-left: 10px; background-color: #c40d11; text-align: center;}
.onoffswitch2-switch { display: block; width: 24px; margin: 0px; background: #FFFFFF; border: 2px solid #ccc; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 76px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;  background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner { margin-left: 0;}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {right: 0px; }

.datepicker-inline{ width: 100%; padding: 0;}
.datepicker-inline table{ width: 100%;}

.addon_product .img_block > img{ height: 150px;}

.list-2{ padding-bottom: 20px;}
.list-2 li{ position: relative; padding-left: 20px; font-size: 12px; line-height: 18px; padding-bottom: 5px;}
.list-2 li:before{ content: "\f101"; font-family: 'FontAwesome'; position: absolute; left: 0; top: -2px; font-size: 14px; color: #c40d11;}

.tnc_pages{ padding: 30px 0;}
.tnc_pages h2{ font-size: 24px; color: #202020; padding-bottom: 20px;}
.tnc_pages h3{ font-size: 18px; color: #202020; padding-bottom: 10px;}
.tnc_pages p{ font-size: 12px; padding-bottom: 20px;}


.js-timer {font-size: 8px;  text-transform: capitalize; letter-spacing: 1px; text-align: center; padding-bottom: 10px;}
.js-timer span { color: #c40d11 !important; font-size: 10px; text-transform: none; letter-spacing: normal; }

.ma_wrap{ padding: 30px; border: 1px solid #ddd; margin: 30px 0;}
.ma_wrap .inner{ position: relative; padding-left: 220px;}
.ma_wrap .nav-tabs{ border: none; position: absolute; left: 0; top: 0; width: 221px;}
.ma_wrap .nav-tabs > li{ float: left; width: 100%; margin: 0; padding-bottom: 5px;}
.ma_wrap .nav-tabs > li:last-child{ padding-bottom: 0;}
.ma_wrap .nav-tabs > li > a{ float: left; width: 100%; border-radius: 0; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-left-width: 5px; border-right-color: #c40d11;}
.ma_wrap .nav-tabs > li.active > a, .ma_wrap .nav-tabs > li.active > a:focus, .ma_wrap .nav-tabs > li.active > a:hover{ background-color: #fff; border: 1px solid #c40d11; border-left-width: 5px; border-right-color: #fff;}
.ma_wrap .tab-content{ border: 1px solid #c40d11; padding: 20px; min-height: 400px;}

.ma_inner{ }
.ma_inner h2{ font-size: 22px; color: #1D1F25; text-transform: capitalize; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #ddd; position: relative; /*font-weight: 600;*/}
.ma_inner h2:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100px; background-color: #c40d11;}

.ma_list{ padding-bottom: 20px;}
.ma_list li{ position: relative; padding-left: 120px; font-size: 14px; color: #999; line-height: 22px; padding-bottom: 5px;}
.ma_list li span{ position: absolute; left: 0; top: 0; color: #111; width: 100px;}
.ma_list li span:after{ content: ':'; position: absolute; right: 0; top: 0;}
.ma_inner .form-control{ border: 1px solid #d7d7d7; height: 40px;}
.ma_inner .btn{ text-transform: capitalize;letter-spacing: normal;}

.step_three .relative{}
.step_three .relative .form-control{ padding-right: 40px;}
.step_three .relative .fa{position: absolute; right: 0; top: 0; width: 40px; text-align: center; line-height: 40px; font-size: 18px;}

.mobile_serach{ display: none;}
.search_cart > li.desktop_serach .input-group{ max-width: 400px;}
.search_cart > li.desk_menu{ padding-left: 15px;}
.search_cart > li.desk_menu > a{ color: #fff; font-size: 12px; line-height: 34px;}
.search_cart > li.desk_menu > a:hover{ color: #fff;}
.search_cart > li.desk_menu > a .fa{ padding-right: 5px; font-size: 16px;}
.navigation > li.mob_menu{ display: none;}

.phone_no{ display: block;}
.phone_no a{ float: right; font-size: 15px; color: #fff; padding: 5px 0 8px; }
.phone_no a .fa{ padding-right: 3px; color: #fff; font-size: 16px;}

.search_cart > li{ position: relative; margin-left: 10px;}
.search_cart > li.desktop_serach:before{ display: none;}
.search_cart > li.desktop_serach{ margin-left: 0;}
.search_cart > li.toggle_btn{ display: none;}
.search_cart > li:nth-child(3):before{ display: none;}
.scroll_top{ position:fixed; bottom:80px; left:20px; z-index:1002; display:none}
.scroll_top a{ height:36px; width:36px; background-color:#c40d11; float:left; text-align:center; line-height:36px; font-size:20px; color:#fff; border-radius:5px;opacity: 0.3;}
.scroll_top a:hover{opacity: 1;}

.stylish_check{ display: inline-block; list-style: none; /*height: 100%;*/  width: 100%; margin: 0; padding: 0 0 10px;} 
.stylish_check li{ color: #555; width: 50%; float: left; position:relative;}
.stylish_check li input[type=checkbox]{ position: absolute; visibility: hidden;}
.stylish_check li label{ display: block; position: relative; font-size: 12px; padding: 10px 10px 10px 25px; z-index: 9; cursor: pointer; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; margin-bottom:0; top:2px;}
.stylish_check li:hover label{ color: #555;}
.stylish_check li .check{ display: block; position: absolute; border: 2px solid #aaa; border-radius: 100%; height: 20px; width: 20px; top: 15px; left:7px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear;}
.stylish_check li:hover .check { border: 2px solid #aaa;}
.stylish_check li .check::before { display: block; position: absolute; content: "\f00c"; font-family: 'FontAwesome'; color: #fff; border-radius: 100%; height: 16px; width: 16px; top:0; left: 0; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; line-height: 16px; text-align: center; font-size: 12px;}
.stylish_check input[type=checkbox]:checked ~ .check { border: 2px solid #0eb9cb;}
.stylish_check input[type=checkbox]:checked ~ .check::before{ background: #0eb9cb;}
.stylish_check input[type=checkbox]:checked ~ label{ color: #555;}

.type_list{ /*padding: 10px 0;*/}
.type_list li{ width: 100%; border: 1px solid #c1c1c1; margin-bottom: 10px; padding: 5px 50px 14px 10px;}
.type_list li .icon{ position: absolute; right: 10px; top: 7px;}

.product_left_inner .product-sum{ /*padding-top: 20px;*/}
.view_btn{ float: right;}
.view_btn a{ float: left; line-height: 26px; width: 106px; color: #c40d11; font-size: 14px; text-align: center; border: 1px solid rgb(196,13,17,0.2); text-transform: capitalize;}
.view_btn a:hover{border: 1px solid #c40d11;}
.cake_icing{font-size: 11px;}
.animate_bar {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(1%,rgba(255,255,255,0.03)),color-stop(30%,rgba(255,255,255,0.85)),color-stop(50%,rgba(255,255,255,0.85)),color-stop(70%,rgba(255,255,255,0.85)),color-stop(71%,rgba(255,255,255,0.85)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
    width: 15%;
    height: 100%;
    -webkit-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: move 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
}
@keyframes move {
    0% { left:0; opacity:0;}
    5% { opacity:0.0;}
    48% { opacity:0.2;}
    80% { opacity:0.0;}
    100% { left:82%;}
}
@-webkit-keyframes move {
    0% { left:0; opacity:0;}
    5% { opacity:0.0;}
    48% { opacity:0.2;}
    80% { opacity:0.0;}
    100% { left:82%;}
}
.nf-cart-header .left {
    width: 55%;
    float: left;
}
.nf-cart-header .right {
    float: right;
    width: 45%;
}
.cs_one .nf-cart-header {
    display: inline-block;
    width: 100%;
    border-top: dashed 1px #0eb9cb;
    border-bottom: dashed 1px #0eb9cb;
    margin-bottom: 20px;
}
.right .feature-icons {
    float: right;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.feature-icons ul {
    margin-right: -95px;
    margin-top: 0;
}
.feature-icons ul li {
    float: left;
    font-size: 10px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    color: #585757;
    width: 40%;
}
.nf-cartgreen-cart, .nf-cartcart-shield, .nf-cartnf-cart-hidden-charges, .nf-cartnf-cart-remove-hover, .nf-cartnf-cart-remove input, .nf-cartnf-cart-smile, .nf-cartdown-arrow-cart, .nf-cartup-arrow-cart, .nf-cartalert {
    display: inline-block;
    background: url(https://www.nikkiflower.com/dev/images/cart-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.nf-cartcart-shield {
    background-position: 0 -32px;
    float: left;
    height: 25px;
    margin-right: 3px;
    margin-top: 3px;
    width: 22px;
}
.nf-cartnf-cart-hidden-charges {
    background-position: -0px -57px;
    margin-right: 3px;
    margin-top: 3px;
    float: left;
    width: 22px;
    height: 25px;
}
/*14/03/2019*/
.cart_outer{ display: inline-block;	 width: 100%;}
.cart_header{ float: left; width: 100%; border: 1px solid #e1e1e1; border-bottom: none;}
.cart_header .head_one{ float: left; width: 60%; font-size: 14px; color: #000; padding: 8px;}
.cart_header .head_two{ float: left; width: 20%; font-size: 14px; color: #000; padding: 8px;}
.cart_header .head_three{ float: left; width: 20%; font-size: 14px; color: #000; padding: 8px 8px 8px 20px;}

.cart_block{ float: left; width: 100%; border: 1px solid #e1e1e1; position: relative; margin-bottom: 5px;}
.cart_product{ float: left; width: 60%; padding: 8px 8px 8px 90px; position: relative; min-height: 86px;}
.cart_product .img_block{ position: absolute; left: 8px; top: 8px; width: 70px; height: 70px; overflow: hidden;}
.cart_product .img_block > img{ width: 100%; height: 100%;}
.cart_product h3{ padding: 0 0 5px; text-align: left;}
.cart_product h3 a{ font-size: 16px; color: #333;}
.cart_product h3 a:hover{ color: #c40d11;}
.cart_product .list-1 li{ padding-bottom: 0;}
.cart_qty{ float: left; width: 20%; padding: 8px;}
.cart_outer .form-control{ font-size: 12px; border: 1px solid #cecece; height: 30px; padding-right: 20px;}
.cart_outer .styled_select{ max-width: 50px;}
.cart_outer .styled_select::after{ line-height: 30px; width: 20px; font-size: 14px;}
.cart_price{ float: left; width: 20%; padding: 15px 8px 8px 20px; font-size: 16px;}
.cart_price .fa{ padding-right: 5px;}
.del_product{ position: absolute; right: 10px; bottom: 5px;}
.del_product a{ color: #aaa; font-size: 16px; line-height: 16px; display: inline-block;}
.qty_rate{ display: none; width: 100%; padding-top: 5px;}
.qty_rate .rate{ float: left; font-size: 11px; line-height: 22px; padding-right: 7px; color: #777;}
.qty_rate .styled_select{ float: left;}
.cart_outer .qty_rate .form-control{ height: 22px; font-size: 10px;}
.cart_outer .qty_rate .styled_select::after{ line-height: 22px;}

.cs_one{ padding: 20px 0;}
.step_block .inner .coupon_detail .btn{ width: auto; font-size: 11px; padding: 0 10px; line-height: 30px; border-radius: 5px; position: absolute; right: 5px; top: 5px;height:40px;}
.review_order{ background-color: #f9fafc; padding: 15px;border-top: 5px solid #ccc;}
.cs_one .review_order h3{ font-size: 16px; }
.price_detail{}
.price_list2{ display: inline-block; width: 100%;}
.price_list2 li{ float: left; width: 100%; font-size: 12px; color: #444; padding-bottom: 10px;}
.price_list2 li span{ float: right;}
.price_list2 li:last-child{ font-size: 16px; color: #000; border-top: 1px solid #ccc; padding-top: 10px;}
.coupon_detail{}
.coupon_detail .cc_link{ color: #c40d11; margin-bottom: 5px; display: inline-block;}
.coupon_detail .cc_link:hover{ text-decoration: underline;}
.coupon_detail .form-group{position: relative;}
.coupon_detail .form-control{ height: 40px; border: 1px solid #ddd; font-size: 12px;}
.coupon_detail .btn{ width: auto; font-size: 11px; padding: 0 10px; line-height: 30px; border-radius: 5px; position: absolute; right: 5px; top: 5px;}

.after_apply{}
.after_apply h5{ font-size: 16px; color: #222; padding-bottom: 5px;}
.after_apply h6{ font-size: 10px; color: #489f68; padding-bottom: 10px;}
span.errorcoupon{ font-size: 10px; color: #c40d11; padding-bottom: 10px;}
span.errorcoupon a{ color: #c40d11; float: right;}
.after_apply h6 a{ color: #c40d11; float: right;}

.sp_instruction{ display: inline-block; width: 100%; padding: 10px 0 20px;}
.sp_instruction .form-group{ position: relative;}
.sp_instruction label{ position: absolute; left: 10px; top: -8px; font-size: 11px; background-color: #fff; line-height: 16px; padding: 0 5px;}
.sp_instruction .form-control{ resize: none; height: 70px; font-size: 10px; padding: 15px 10px 10px;}
.sp_instruction p{ font-size: 10px; color: #999;;}

.pl_header{ position: relative;}
.sort_div{ padding-bottom: 0;}
.sort_div label{ letter-spacing: normal; line-height: 30px;}
.sort_div label .fa{ padding-right: 5px;}
.sort_div .nav-tabs{ float: left; border: none;}
.sort_div .nav-tabs > li{ margin: 0; padding-left: 5px;}
.sort_div .nav-tabs > li > a{ border: 1px solid #2ecc71; margin: 0; background-color: #fff; color: #2ecc71; border-radius: 10px; padding: 0 10px; line-height: 30px; font-size: 12px;}
.sort_div .nav-tabs > li a:hover{ border: 1px solid #27ae60;font-size: 13px;}
.sort_div .nav-tabs > li.active > a, .sort_div .nav-tabs > li.active > a:focus, .sort_div .nav-tabs > li.active > a:hover{ border: 1px solid #2ecc71; background-color: #2ecc71; color: #fff;}
.added-alert{color:#0eb9cb;}

.checkout_header{ background-color: #fff; border-bottom: 2px solid #c40d11;}
.co_right{ float: right;}
.co_right ul{ float: left; padding-top: 20px;}
.co_right ul li{ float: left; position: relative; padding-left: 40px; font-size: 13px; line-height: 18px; padding-right: 30px;}
.co_right ul li:last-child{ padding-right: 0;}
.co_right ul li img{ position: absolute; left: 0; top: 3px;}

.step_block .form-group { position: relative;}
.step_block .form-group > label { position: absolute; left: 5px; top: -8px; background-color: #fff; padding: 0 3px; margin: 0; line-height: 16px; z-index: 9;}

.exp_product .product_list2{ display: inline-block; width: 100%;}
.exp_product .product_list2 li{ float: left; margin-right: 7px; width: 60px; border: 3px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); margin-bottom: 7px;}
.exp_product .product_list2 li:first-child{ margin-right: 0;}
.exp_product .product_list2 li img{ width: 100%;}


.checkout_section .step_four h5{ padding: 0 0 8px; color: #333; font-size: 14px;}
.checkout_section .step_four h5 span{ color: #999;}
.checkout_section .step_four h5 a{ color: #333;}
.checkout_section .step_four h5 .fa{ padding-right: 5px;}

.exp_product h5{ font-size: 16px; color: #222; padding-bottom: 5px;}
.exp_product label{ font-size: 12px; color: #444; padding-bottom: 10px;}
.exp_product label span{ color: #c40d11;}
.exp_list{ display: inline-block; width: 100%;/* padding-bottom: 20px;*/}
.exp_list li{ float: left; width: 33.33%; padding-right: 10px;}
.exp_list li a{ float: left; width: 100%; border: 1px solid #0eb9cb; text-align: center; padding: 0 10px; line-height: 38px; border-radius: 4px; background-color: #fff; color: #000; font-size: 12px;}
.exp_list li a:hover{ border-color: #c40d11;}
.exp_list li a .fa{ padding-right: 5px;}

.dt_list li { width: calc(50% - 10px); margin: 0 5px 10px;}
.exp_list a.active {background: #2ecc71;color: #fff;font-size: 17px; }
section.content.checkout_section .container {max-width: 1040px;}
.checkout_section .step_block .already { font-size: 12px; /*font-weight: 700;*/ margin-bottom: 20px; margin-top: 15px; padding-bottom: 0; } 
.checkout_section .step_block .already span { color: #4169e1; cursor: pointer; margin-left: 5px; }
.shpnw{
    background: #4cbfc9; /* Old browsers */
background: -moz-linear-gradient(top, #4cbfc9 0%, #0eb9cb 42%, #3dbdc6 68%, #5dbec1 85%, #0eb9cb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4cbfc9 0%,#0eb9cb 42%,#3dbdc6 68%,#5dbec1 85%,#0eb9cb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4cbfc9 0%,#0eb9cb 42%,#3dbdc6 68%,#5dbec1 85%,#0eb9cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cbfc9', endColorstr='#0eb9cb',GradientType=0 );}

/*Order Status*/
.order-status{ padding: 40px 0;}
.bs-wizard { padding: 0 0 10px 0; margin:0 130px 40px; border-bottom:1px solid #cecece;} 
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size:16px; margin-bottom:10px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 60px; height: 60px; display: block; background-color: #c40d11; top: 45px; left: 50%; margin-top: -10px; margin-left: -30px; border-radius: 50%; text-align:center; line-height:60px; font-size:28px; color:#fff;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 50px; height: 50px; background:#c40d11; border-radius: 50px; position: absolute; top: 5px; left: 5px; z-index:2}  
.bs-wizard > .bs-wizard-step > .bs-wizard-dot i{ position:relative; z-index:3; top: 3px;}
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 40px 0; background-color: #0eb9cb;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background-color: #c40d11;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #0eb9cb; color:#0eb9cb;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { background-color:#fff;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {background-color: #c40d11; color:#c40d11;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after { background-color:#fff;}

.bs-wizard > .bs-wizard-step.complete .bs-wizard-stepnum{ color:#c40d11;}
.bs-wizard > .bs-wizard-step.active .bs-wizard-stepnum{ color:#444;}
.bs-wizard > .bs-wizard-step.disabled .bs-wizard-stepnum{ color:#bbb;}

.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/
.os_wrap{ margin: 0 130px 50px}
.os_block{ border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 20px 20px 20px 130px; position: relative; min-height: 130px; margin-bottom: 20px;}
.os_block .img_block{ position: absolute; top: 20px; left: 20px; width: 90px; height: 90px;}
.os_block .img_block > img{ height: 100%;}
.os_block h3{ font-size: 18px; color: #000; padding-bottom: 10px;}
.os_block h5{ font-size: 12px; color: #666; padding-bottom: 5px;}
.os_block h5 span{ font-size: 12px; color: #000;}
.os_wrap h4{ font-size: 24px; color: #000; text-align: center; padding: 40px 0; line-height: normal;}
.order-status .alert{ text-align: center;}
.track_order_form{ max-width: 300px; margin: auto; border: 1px solid #eee; border-radius: 5px; width: 100%;}
.track_order_form h3{ text-align: center; background-color: #eee; font-size: 18px; border-radius: 5px 5px 0 0; padding: 0 10px; line-height: 30px;}
.track_order_form .inner{ padding: 25px 15px 0;}
.track_order_form .form-group { position: relative;}
.track_order_form .form-group > label { position: absolute; left: 5px; top: -8px; background-color: #fff; padding: 0 3px; margin: 0; line-height: 16px; z-index: 9;}
.track_order_form .form-group > label span{ color: #c40d11;}
.track_order_form .form-group{ margin-bottom: 25px;}
.track_order_form .form-control{ height: 40px; border: 1px solid #ddd; font-size: 12px;}
.track_order_form .btn{ width: 100%;}
.wrap_404{}
.img_404{ padding: 20px 0; display: inline-block;}
.img_404 > img{ width: 100%; max-width: 400px;}
.wrap_404 h2{ font-size: 30px; color: #000; padding-bottom: 10px;}
.wrap_404 p{ font-size: 14px; line-height: 22px; padding-bottom: 20px;}
 
.no_product{ text-align: center; padding: 40px 0;}
.no_product h2{ font-size: 30px; line-height: normal;}

.security_bar{ display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px dashed #0eb9cb; border-bottom: 1px dashed #0eb9cb; padding: 15px 0;}
.security_bar ul{ float: right;}
.security_bar ul li{ float: left; position: relative; padding-left: 40px; font-size: 11px; line-height: 14px; padding-right: 30px;}
.security_bar ul li:last-child{ padding-right: 0;}
.security_bar ul li img{ position: absolute; left: 0; top: 3px; width: 24px;} 

.login_modal .login_section{ background-color: #fff; padding: 0;}
.login_modal .modal-dialog{ max-width: 500px;}

.payment_status{ padding: 40px 0; text-align: center;}
.payment_status .icon_success{ display: inline-block; padding-bottom: 20px;}
.payment_status .fa{ line-height: 50px; border-radius: 100%; width: 50px; font-size: 20px; background-color: #0f9d58; color: #fff;}
.payment_status h2{ font-size: 30px; color: #000;}
.payment_status .icon_fail{ display: inline-block; padding-bottom: 20px;}
.payment_status .icon_fail .fa{ background-color: #c40d11;}
.error{color: red; font-size: 12px;}

.order-status h2{ font-size: 30px; color: #000; padding-bottom: 20px; text-align: center;}
.bs-wizard h3{ font-size: 16px; color: #555; background-color: #ddd; padding: 10px 15px; border-radius: 5px; margin-bottom: 15px;}
.bs-wizard h3 span{ color: #000;}
.bs-wizard .col-xs-12{ padding: 0;}
.dd_list{ display: inline-block; padding-top: 20px;}
.dd_list li{ float: left; padding-left: 20px; font-size: 12px; color: #555;}
.dd_list li:first-child{ padding-left: 0;}
.dd_list li span{ color: #000;}

.btn_blue{ color: #fff; padding: 0 15px; border-radius: 0; border: none; display: inline-block; line-height: 40px; min-width: 140px; font-size: 14px; text-transform: capitalize; text-align: center;
background: #198793;
background: -moz-linear-gradient(left, #198793 0%, #0caabb 100%);
background: -webkit-linear-gradient(left, #198793 0%,#0caabb 100%);
background: linear-gradient(to right, #198793 0%,#0caabb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198793', endColorstr='#0caabb',GradientType=1 );
}
.btn_blue:hover{ background-color: #c40d11; color: #fff;}

.address_block{ display: inline-block; width: 100%; border: 1px solid #ddd; padding: 15px;margin-bottom: 15px;}
.address_block:hover{border: 1px solid #c40d11;}
.address_block.addractive{border: 1px solid #c40d11;}
.address_block .add_inner{ position: relative;}
.address_block .add_inner p{ font-size: 12px; color: #000; line-height: 18px; padding: 0 0 10px;}
.address_block .add_inner .btn{ background-image: none; border: 1px solid #c40d11; color: #c40d11; line-height: 30px; float: right;background: transparent;}
.address_block .add_inner .btn:hover{ color: #fff;background: #c40d11;}
.address_block .add_inner .float-left{ width: 100%;}
.address_block .add_inner .float-left p{ float: left; padding-bottom: 0; line-height: 32px;}
.address_block .edit_list{ position: absolute; right: 0; top: 0;}
.address_block .edit_list li{ float: left; padding-left: 15px;}
.address_block .edit_list li:first-child{ padding-left: 0;}
.address_block .edit_list li a{ color: #333;}
.delvery_address h6{ font-size: 16px; color: #000; padding: 25px 0 10px;}

.address_modal{}
.address_modal h2{ color: #000; font-size: 20px; text-align: center; padding-bottom: 30px;}
.address_modal p#h2,.address_modal p#h22{ color: #000; font-size: 20px; text-align: center; padding-bottom: 30px;}
.address_modal .modal-dialog{ max-width: 450px;}
.address_modal.trmcn .modal-dialog{ max-width: 1200px;}
.address_modal .form-group { position: relative;}
.address_modal .form-group > label { position: absolute; left: 5px; top: -8px; background-color: #fff; padding: 0 3px; margin: 0; line-height: 16px; z-index: 9; font-size: 12px;}
.address_modal .form-group > label span{ color: #c40d11;}
.address_modal .form-group{ margin-bottom: 25px;}
.address_modal .form-control{ height: 34px; border: 1px solid #ddd; font-size: 12px;}
.address_modal textarea.form-control{ height: 80px;}
.address_modal .link{ color: #c40d11; font-size: 12px;}
.address_modal .link:hover{ text-decoration: underline;}
.address_modal .btn{ width: 100%;}
.coupons_section{ padding: 40px 0;}
.coupons_section h1{ font-size: 18px; color: #000; padding-bottom: 30px;}
.coupons_section h1 span{ color: #666; float: right;}
.coupons_section p{ font-size: 12px; line-height: 18px; padding-bottom: 15px;}
.coupon_block{ border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 20px; margin-bottom: 20px;}
.coupon_block h4{ font-size: 13px; color: #101010; padding-bottom: 15px;}
.coupon_block .btn_block{ padding-bottom: 15px;}
.coupon_block .btn_block .btn_blue{ min-width: 240px;}
.coupon_block .list-2{ padding-bottom: 15px;}
.coupon_block p{ padding-bottom: 0; font-size: 14px;}

.cart_qty .sml_inpt{ max-width: 50px;}
.thanku_wrap{ padding-top: 30px;}
.thanku_wrap h2{ font-size: 24px; color: #000; padding-bottom: 20px; text-align: center;}
.thanku_wrap h2 img{ width: 60px;}
.thanku_wrap h5{ font-style: italic; font-size: 18px; text-align: center;}
.thanku_wrap p{ font-size: 12px; text-align: center; padding: 15px 0;}
.cnt_list{ display: inline-block; width: 100%; text-align: center; padding-bottom: 20px;}
.cnt_list li{ display: inline-block; font-size: 12px; padding: 0 10px;}
.cnt_list li a .fa{ padding-right: 5px;}
.cnt_list li a{ color: #333;}
.cnt_list li a:hover{ color: #c40d11;}

.thanku_wrap h3{ font-size: 18px; padding-bottom: 15px;}

.thank_add{ padding: 20px 0; text-align: center;}
.thank_add h3{ font-size: 20px;}
.thanku_wrap .bs-wizard{ margin: 0 0 40px; padding: 20px; border: 1px solid #cecece; background-color: #f4f4f4;}

.step_one h6{ font-size: 12px; color: #555;}
.step_one h6 a{ color: #c40d11;}
.step_one h6 a:hover{ color: #0eb9cb;}

.ma_inner .table{}
.ma_inner .table-bordered > thead > tr{ background-color: #0eb9cb;}
.ma_inner .table-bordered > thead > tr > th{ font-size: 12px; font-weight: normal; color: #fff;}
.ma_inner .table-bordered > tbody > tr > td{ font-size: 12px; color: #222; padding: 5px 8px;}
.ma_inner .table-bordered > tbody > tr > td .btn{ line-height: 24px; font-size: 11px; padding: 0 10px; border-radius: 4px;}

.account_edit_form .form-group { position: relative;}
.account_edit_form .form-group > label { position: absolute; left: 5px; top: -8px; background-color: #fff; padding: 0 3px; margin: 0; line-height: 16px; z-index: 9; font-size: 11px; text-transform: capitalize; color: #333;}
.account_edit_form .form-control{ height: 40px; border: 1px solid #ddd; font-size: 11px;}
.ma_inner h4{ font-size: 16px;}
.account_edit_form textarea.form-control{ height: 100px; resize: none;}

/*03/05/2019*/	
.home_slider .item img.desktop_banner{}
.home_slider .item img.mobile_banner{ display: none;}
.home_slider .item .overlay h2{ letter-spacing: normal; line-height: normal; padding-bottom: 30px; font-size: 54px;}
.home_slider .item .overlay h2 span{ font-style: italic;}

.home_slider .color_one .overlay h2{ color: #fbcaa7;}
.home_slider .color_two .overlay h2{ color: #0d653f;}
.home_slider .color_three .overlay h2{ color: #850e46;}
.home_slider .color_four .overlay h2{ color: #83bbff;}

.fixed_buynow{ display: none;}
.product-sum h4{ font-size: 16px; padding-bottom: 10px;}

.logo_strip{ display: none;}
.mb_serch{ display: none;}
.login-form .fb_login{border: none!important;}
.mobile-show{display: none;}
.product_page .addon_modal{ overflow: hidden;}
.step_block .inner p.loggedininfo { font-size: 11px; padding-bottom: 19px; padding-top: 0px; }
.step_block .inner span.loggedinemail {color: #0eb9cb;}
.disclaimer .more { display: none; }

.tnc_pages .login-form{ padding: 0;}
.tnc_pages .login-form textarea.form-control{ padding-top: 8px; height: 80px;}
.tnc_pages .login-form .styled_select::after{ line-height: 40px;}
.tnc_pages .form-group > label{ font-size: 11px; text-transform: uppercase;}
.tnc_pages p .link {color: #c40d11;}
.contact_list {display: inline-block; width: 100%;}
.contact_list li {float: left; width: 50%; padding: 0 10px;}
.contact_list li .inner { background-color: #f1f1f1; float: left; width: 100%; position: relative; padding-left: 80px; min-height: 115px; padding-top: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.09), 0 6px 20px 0 rgba(0, 0, 0, 0.09);margin-bottom: 20px;}
.contact_list li .inner .fa { position: absolute; left: 15px; top: 20px; line-height: 48px; width: 48px; background-color: #0eb9cb; text-align: center; color: #fff; border-radius: 100%; font-size: 24px; }
.contact_list li .inner a { font-size: 15px; color: #000;}
.contact_list .inner p{ padding: 0 0 10px 0; }

.loader{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0,0,0,.75);}
.inner_loader{ position: absolute; left: 50%; top: 50%; z-index: 1000000; width: 100px; height: 100px; margin: -50px 0 0 -50px;}
.inner_loader > img{ width: 100%;}

.luxury_slider .offer_bg .overlay h3{font-size: 30px;}
.luxury_slider .offer_bg .overlay h3 span{font-size: 40px;}
.products.luxury{padding-top: 0px;}
.luxury_slider .offer_bg .overlay {padding: 100px 10px 10px; }
#term_condition_popup h3 {
    font-size: 16px;
    padding: 0 0 10px 0;
}
#term_condition_popup p {
    font-size: 12px;
    padding: 0 0 10px 0;
}

.luxury_banner{ position: relative; margin-bottom: 20px;}
.luxury_banner > img{ width: 100%;}
.luxury_banner .overlay{ position: absolute; left: 0; top: 50%; width: 100%; padding: 0 15px; text-align: center; margin-top: -33px;}
.luxury_banner .overlay h4 { font-size: 20px; color: #fff; text-transform: capitalize; letter-spacing: 2px; padding-bottom:0;}
.luxury_banner .overlay h3 { font-size: 30px; color: #fff;}
.luxury_banner .overlay h3 span { font-size: 40px;}
.cat_banner{ position: relative; margin-bottom: 20px;}
.cat_banner > img{ width: 100%;}
.cat_banner .overlay{ position: absolute; right: 150px; top: 50%; width: 100%; padding: 0 15px; text-align: right; margin-top: -33px;}
.cat_banner .overlay h4 { font-size: 20px; color: #fff; text-transform: capitalize; letter-spacing: 2px; padding-bottom:0;}
.cat_banner .overlay h3 { font-size: 30px; color: #fff;}
.cat_banner .overlay h3 span { font-size: 40px;}
.navigation > li.mobile_login{ display: none;}
.navigation > li.mobile_login1{ display: none;}
.catClass.offer_bg .overlay{padding: 90px 10px 10px;top: auto; bottom: 32%;}
.catClass.offer_bg{margin-bottom:15px;}
.catClass.offer_bg.defaultbanner .overlay{padding: 90px 10px 10px;top: auto; bottom: 27%;}
.ns_row{}
.ns_row .newsletter{ float: left; width: 100%; max-width: 350px;}
.ns_row .input-group{ width: 100%;}
.ns_row h3{ font-size: 14px; color: #000; padding-bottom: 5px; text-align: center;text-transform: uppercase;z-index: 9999;}
.ns_row .secure_pay{ float: right;}
.ns_row .secure_pay img{ height: 42px;}

/*11-06-2019*/
.review_carousel,.review_carousel2{ padding-bottom: 20px;}
.review_carousel .detailed_review,.review_carousel2 .detailed_review{ padding-left: 0; min-height: inherit; text-align: center;}
.review_carousel .detailed_review .review-user,.review_carousel2 .detailed_review .review-user{ position: static; display: inline-block; padding-bottom: 20px;}
.review_carousel .detailed_review .review-text::before,.review_carousel2 .detailed_review .review-text::before{ left: 50%; top: -8px; border-bottom: none; border-left: 1px solid #ddd; border-top: 1px solid #ddd; margin-left: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.review_carousel .report-block .float-left,.review_carousel2 .report-block .float-left{ width: 100%;}
.review_carousel .report-block p,.review_carousel2 .report-block p{ float: none; display: inline-block;}
.review_carousel .report-block a,.review_carousel2 .report-block a{ float: none; display: inline-block;}
.review_carousel .detailed_review .review-text p,.review_carousel2 .detailed_review .review-text p{ font-size: 12px; min-height: 75px;max-height: 75px;}
.review_carousel .owl-nav,.review_carousel2 .owl-nav{ display: inline-block; width: 100%; text-align: center; padding-top: 10px;}
.review_carousel .owl-nav [class*="owl-"],.review_carousel2 .owl-nav [class*="owl-"]{ position: static; margin: 0 5px; display: inline-block; }
.review_carousel .detailed_review .review-text .report-block p,.review_carousel2 .detailed_review .review-text .report-block p{ font-size: 11px; padding-right: 0;}
/*26-06-2019*/
.search_cart li.cart_wrap .cart_icon .fa-shopping-cart{ color: #0eb9cb; font-size: 36px;}
.search_cart li.cart_wrap .cart_icon .cart_value { position: absolute; right: -12px; margin-left: 0; top: -5px; height: 20px; width: 20px; background-color: #c40d11; color: #fff; font-size: 9px; border-radius: 100%; line-height: 18px; text-align: center; left: auto;}
.wghat_looking,.secure_widget{ display: none;}
.product_carousel{ padding-bottom: 30px;}
.product_carousel .product_item{ margin-bottom: 5px;}
.search .form-control{ border: 1px solid #dfdfda; font-size: 13px; height: 40px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px;}
.why_nf{ padding: 30px 0;}
.why_nf .container{ max-width: 780px;}
.why_nf .container .col-sm-6{ padding-left: 25px; padding-right: 25px;}
.why_nf .heading{ text-align: center;}
.why_nf .heading h2::after{ left: 17%; margin-left: -25px;}
.why_nf .cont{ padding-top: 25%;}
.why_nf .cont h3{ font-size: 20px; padding-bottom: 5px; line-height: normal; color: #000;}
.why_nf .cont h5{ font-size: 20px; font-weight: 300; color: #666}

.loader1 {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #c53827;
  border-bottom: 16px solid #c53827;
   top: 0;
    left: 0;
  
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 999999;
}

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

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

/*10-11-2019*/
.new_header{ background-color: #fff; border-top: 4px solid #0eb9cb;}
.right_header{ float: right;}
.login_list{ display: block;}
.login_list ul{ float: right;}
.login_list ul > li{ float: left; margin-right: -5px;}
.login_list ul > li > a{ background: transparent !important;float: left; color: #fff; font-size: 14px; line-height: 24px; position: relative; padding: 0 20px;}
.login_list ul > li > a span{ background-color: #0eb9cb; float: left; width: 100%; padding: 0 5px; line-height: 28px; position: relative; top: -4px;}
.login_list ul > li > a .fa{ padding-right: 5px;}
.login_list ul > li > a:after{ content: url(../images/top-corner-right.png); position: absolute; right: 0; top: 0;}
.login_list ul > li > a:before{ content: url(../images/top-corner-left.png); position: absolute; left: 0; top: 0;}
.search_cart > li.pnone_no{ font-size: 18px; color: #000000; font-weight: 700; padding-left: 15px;}
.search_cart > li.pnone_no .fa{ font-size: 30px; color: #0eb9cb; padding-right: 7px; position: relative; top: 5px;}

.sp_section{ padding: 30px 0; text-align: center;}
.sp_list{ display: inline-block; width: 100%;}
.sp_list li{ float: left; width: 16.6667%; padding: 0 12px;}
.sp_list li a .img_block{ display: inline-block; width: 140px; height: 140px; border-radius: 100%; box-shadow: 0 0 10px rgba(0,0,0,.3); margin-bottom: 10px; overflow: hidden; -webkit-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s;}
.sp_list li a:hover .img_block{ transform: scale(1.1);}
.sp_list li a .img_block > img{ height: 100%; border-radius: 100%;}
.sp_list li a h4{ font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 15px 0; border-top: 1px solid #c40d11; border-bottom: 1px solid #c40d11; color: #000;}

.heading_new{ text-align: center; padding-bottom: 15px;}
.fixed_bg .heading_new h2{ color: #000; display: inline-block; position: relative; font-size: 36px; font-weight: 700; padding: 0 15px; border-left: 2px solid #0eb9cb; border-right: 2px solid #0eb9cb; line-height: 36px;}
.heading_new h2{ color: #c40d11; display: inline-block; position: relative; font-size: 36px; font-weight: 700; padding: 0 15px; border-left: 2px solid #0eb9cb; border-right: 2px solid #0eb9cb; line-height: 36px;}
.heading_new h2:before, .heading_new h2:after{ content: ''; position: absolute; top: 50%; margin-top: -1px; width: 30px; height: 2px; background-color: #0eb9cb; left: -30px;}
.heading_new h2:after{ left: auto; right: -30px;}

.section_combos{ background-image: url(../images/combo-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 30px 0; margin-bottom: 1px;}
.circle_list{ display: inline-block; width: 100%;}
.circle_list li{ float: left; width: 25%; text-align: center; padding-bottom: 10px;}
.circle_list li a{ float: left; width: 100%;}
.circle_list li .img_block{ width: 180px; display: inline-block; height: 180px; overflow: hidden; border-radius: 100%; margin-bottom: 10px; position: relative; -webkit-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s; box-shadow: 20px 5px 15px rgba(0,0,0,.4);}
.circle_list li:hover .img_block{ -webkit-transform: scale(1.1);; transform: scale(1.1);}
.circle_list li .img_block > img{ height: 100%; border-radius: 100%;}
.circle_list li .circle_heading{ position: relative; padding: 0 15px;}
.circle_list li h4{color: #000; font-size: 20px; width: 100%; line-height: normal; background-color: #f5b3b4; /* border-top: 1px solid rgba(0,0,0,.8); */ /* border-bottom: 1px solid rgba(0,0,0,.8); */ padding: 10px 0;}

.product_carousel_new{}
.product_carousel_new .item{ -webkit-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s; padding: 15px;}
.product_carousel_new .item:hover{ transform: scale(1.07);}
.product_carousel_new .item .inner{ background-color: #fff; border-radius: 7px; position: relative; display: inline-block;  width: 100%;}
.product_carousel_new .item .inner .img_block{ float: left; width: 100%; position: relative}
.product_carousel_new .item .inner .img_block > img{ border-radius: 7px 7px 0 0; height: 260px;}
.product_carousel_new .item .tag_list{ position: absolute; top: 0; left: 0; width: 100%; padding: 5px 5px 0; z-index: 2;}
.product_carousel_new .item .tag_list li{ font-size: 13px; color: #fff; line-height: 30px; padding: 0 15px; position: relative;}
.product_carousel_new .item .tag_list .tag_new{ float: left; background-color: #13885b; padding-right: 10px;}
.product_carousel_new .item .tag_list .tag_new:before{ content: ''; border-top: 15px solid #13885b; border-right: 10px solid transparent; position: absolute; right: -10px; top: 0;}
.product_carousel_new .item .tag_list .tag_new:after{ content: ''; border-bottom: 15px solid #13885b; border-right: 10px solid transparent; position: absolute; right: -10px; bottom: 0;}
.product_carousel_new .item .tag_list .tag_bs{ float: right; background-color: #af8906; padding-left: 10px;}
.product_carousel_new .item .tag_list .tag_bs:before{ content: ''; border-top: 15px solid #af8906; border-left: 10px solid transparent; position: absolute; left: -10px; top: 0;}
.product_carousel_new .item .tag_list .tag_bs:after{ content: ''; border-bottom: 15px solid #af8906; border-left: 10px solid transparent; position: absolute; left: -10px; bottom: 0;}



.animate_bar {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(1%,rgba(255,255,255,0.03)),color-stop(30%,rgba(255,255,255,0.85)),color-stop(50%,rgba(255,255,255,0.85)),color-stop(70%,rgba(255,255,255,0.85)),color-stop(71%,rgba(255,255,255,0.85)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 70%,rgba(255,255,255,0.85) 71%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
    width: 15%;
    height: 100%;
    -webkit-transform: skew(-10deg,0deg);
    transform: skew(-10deg,0deg);
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: move 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
}




.product_carousel_new .item .inner .cont{ padding: 10px; text-align: center; float: left; width: 100%;}
.product_carousel_new .item .inner .cont .p_name{ font-size: 16px; color: #000; font-weight: 600; margin-bottom: 5px; display: inline-block; text-overflow: ellipsis; width: 100%; white-space: nowrap; overflow: hidden;}
.product_carousel_new .item .inner:hover .cont .p_name{ color: #c40d11;}
.product_carousel_new .item .inner .cont h3{ font-size: 30px; color: #000; font-weight: 600;}
.product_carousel_new .item .inner .cont span:nth-child(2){ font-size: 28px; color: #000; font-weight: 600; width:100%; display:inline-block;}

.product_carousel_new .item .inner .cont p{ font-size: 12px; color: #000;}
.product_carousel_new .item .inner .cont p span{ color: #0eb9cb;}

.product_carousel_new .owl-nav [class*="owl-"]{ background-color: rgba(0,0,0,.3); border: none; border-radius: 0; height: auto; line-height: normal; margin-top: -40px; top: 50%; width: 40px;}
.product_carousel_new .owl-nav .owl-prev{ left: -25px;}
.product_carousel_new .owl-nav .owl-next{ right: -25px;}
.product_carousel_new .owl-nav [class*="owl-"] .fa{ font-size: 24px; line-height: 80px;}
.product_carousel_new .owl-nav [class*="owl-"].disabled{ opacity: 1; background-color: rgba(0,0,0,.2);}

.section_flowers{ background-image: url(../images/flower-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 30px 0; margin-bottom: 30px;}

.fixed_bg{ margin-bottom: 1px; background-attachment: fixed;}

.section_cake{ background-image: url(../images/cake-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 30px 0;}
.lasthomesection{ margin-bottom: 30px;}
.viewall_btn{ text-align: center; padding-top: 10px;}
.viewall_btn .btn{ line-height: 44px; color: #fff; background-color: #0eb9cb; min-width: 130px; padding: 0 15px; border: none; font-size: 20px; letter-spacing: normal; font-weight: 700;}
.viewall_btn .btn:hover{ transform: scale(1.05);}

.ad_section{ padding-bottom: 30px;}
.ad_wrap{ padding-bottom: 10px; position: relative; z-index: 2;}
.ad_wrap img{ width: 100%;}
.deilevery_options li a{ float: left; width: 100%; border-radius: 5px; overflow: hidden;}
.deilevery_options li img{ width: 100%; border-radius: 5px; -webkit-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s;}
.deilevery_options li a:hover img{ transform: scale(1.05);}

.birthaday_anniversary{ padding: 0 0 60px;}
.birthaday_anniversary .text-center{ padding: 0;}
.birthaday_anniversary h3{ font-size: 22px; color: #A96768; line-height: 30px; padding-bottom: 20px; font-weight: 600;}
.birthaday_anniversary .heading_new h2{ color: #000000;}
.birthday_wrap{ background-image: url(../images/bg-birthday.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 40px 0 30px; overflow: hidden; position: relative;}
.birthday_wrap ul{ display: inline-block; width: 100%;}
.birthday_wrap ul li{ float: left; width: 100%; padding-bottom: 20px;}
.birthday_wrap ul li a{ float: left; background-color: #f6f6ed; color: #111; padding: 12px 25px 12px 30px; font-size: 20px; min-width: 330px; box-shadow: 10px 0 25px rgba(0,0,0,.5); position: relative; margin-left: -10px;}
.birthday_wrap ul li:nth-child(2n) a{ float: right; text-align: right; padding: 12px 30px 12px 25px; box-shadow: -10px 0 25px rgba(0,0,0,.5); margin-right: -10px;}
.birthday_wrap ul li a:before{ content: ''; position: absolute; right: -19px; top: 6px; background-color: #f6f6ed; width: 40px; height: 40px; border-radius: 7px; transform: rotate(45deg); z-index: 1; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.birthday_wrap ul li:nth-child(2n) a:before{ left: -19px;}
.birthday_wrap ul li a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; background-color: #111; border-radius: 100%; z-index: 2;}
.birthday_wrap ul li:nth-child(2n) a:after{ left: 0;}

.birthday_wrap ul li a:hover{ transform: translateX(10px) scale(1.05);}
.birthday_wrap ul li:nth-child(2n) a:hover{ transform: translateX(-10px) scale(1.05);}

.last_strip{ text-align: center; position: absolute; left: 0; bottom: -26px; width: 100%;}
.last_strip a{ display: inline-block; background-color: #c40d11; color: #fff; padding: 12px 30px; font-size: 20px; box-shadow: 10px 0 25px rgba(0,0,0,.5); position: relative; min-width: 240px;}
.last_strip a:hover{ transform: scale(1.05);}

.anniversary_wrap{ background-image: url(../images/bg-anniversary.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 40px 0 30px; overflow: hidden; position: relative;}
.anniversary_wrap ul{ display: inline-block; width: 100%;}
.anniversary_wrap ul li{ float: left; width: 100%; padding-bottom: 20px;}
.anniversary_wrap ul li a{ float: left; background-color: #f6f6ed; color: #111; padding: 12px 25px 12px 30px; font-size: 20px; min-width: 330px; box-shadow: 10px 0 25px rgba(0,0,0,.5); position: relative; margin-left: -10px;}
.anniversary_wrap ul li:nth-child(2n) a{ float: right; text-align: right; padding: 12px 30px 12px 25px; box-shadow: -10px 0 25px rgba(0,0,0,.5); margin-right: -10px;}
.anniversary_wrap ul li a:before{ content: ''; position: absolute; right: -19px; top: 6px; background-color: #f6f6ed; width: 40px; height: 40px; border-radius: 7px; transform: rotate(45deg); z-index: 1; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.anniversary_wrap ul li:nth-child(2n) a:before{ left: -19px;}
.anniversary_wrap ul li a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; background-color: #111; border-radius: 100%; z-index: 2;}
.anniversary_wrap ul li:nth-child(2n) a:after{ left: 0;}

.anniversary_wrap ul li a:hover{ transform: translateX(10px) scale(1.05);}
.anniversary_wrap ul li:nth-child(2n) a:hover{ transform: translateX(-10px) scale(1.05);}

.testimonial_section{background-repeat: no-repeat;background:#f7f7f7;background-size: cover; background-position: center top; padding: 30px 0; margin-bottom: 20px;}
.testimonial_section .heading_new {padding-bottom: 30px;}
.testimonial_carousel .item{ text-align: center;}
.testimonial_carousel .item .user{ display: inline-block; width: 80px; height: 80px; border-radius: 100%; margin-bottom: 5px; background-color: #f7f7f7;}
.testimonial_carousel .item .user > img{ width: 100%; height: 100%; border-radius: 100%;}
.testimonial_carousel .item .cont{ position: relative; background-color: #f7f7f7; border-radius: 7px; padding: 15px;}
.testimonial_carousel .item .cont:before{ content: ''; position: absolute; top: -7px; left: 50%; width: 14px; height: 14px; background-color: #fff; transform: rotate(45deg); margin-left: -7px;}
.testimonial_carousel .item .cont h3{ font-size: 20px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; color: #000;}
.testimonial_carousel .item .cont p{ font-size: 13px; color: #000; line-height: 20px; font-style: italic;}
.testimonial_carousel .owl-dots{ width: 100%; text-align: center; padding-top: 20px;}
.testimonial_carousel .owl-dots .owl-dot{ display: inline-block; padding: 0 3px;}
.testimonial_carousel .owl-dots .owl-dot span{ float: left; width: 10px; height: 10px; background-color: #fff; border-radius: 100%;}
.testimonial_carousel .owl-dots .owl-dot.active span{ background-color: #0eb9cb;}
.testimonial_carousel .owl-nav [class*="owl-"]{background-color: rgba(28,33,32,.2); color:#fff; border: none; border-radius: 0; height: auto; line-height: normal; width: 40px;}
.testimonial_carousel .owl-nav .owl-prev{ left: -40px;}
.testimonial_carousel .owl-nav .owl-next{ right: -40px;}
.testimonial_carousel .owl-nav [class*="owl-"] .fa{ font-size: 24px; line-height: 80px;}
.testimonial_carousel .owl-nav [class*="owl-"].disabled{ opacity: 1; background-color: rgba(0,0,0,.2);}

.rating_block{ display: inline-block; width: 100%; padding-bottom: 15px;}
.rating_block ul{ display: inline-block;}
.rating_block ul li{ float: left; color: #e7701c; padding: 0 2px; font-size: 16px;}
.rating_block ul li.white{ color: #fff;}

.addon_section{ padding-bottom: 5px; position: relative; z-index: 2;}
.addon_section ul{ margin: 0 -7px;}
.addon_section ul li{ float: left; width: 16.6667%; padding: 0 7px 15px; text-align: center;}
.addon_section ul li .inner{ background-color: #fafaf5; border: 1px solid #ded0d0; padding: 15px 5px;}
.addon_section ul li .inner .icon{ padding-bottom: 10px;}
.addon_section ul li .inner p{ color: #000; text-transform: uppercase; font-size: 14px; padding: 0; font-weight: 700;}

.product_list .item{ -webkit-transition: all 0.3s ease-in 0s; transition: all 0.1s ease-in 0s; margin-bottom: 30px;}
.product_list .item:hover{ transform: scale(1.07);}
.product_list .item .inner{ background-color: #f2f2ed; border-radius: 7px; position: relative; display: inline-block;  width: 100%;}
.product_list .item .inner .img_block{ float: left; width: 100%; position: relative}
.product_list .item .inner .img_block > img{ border-radius: 7px 7px 0 0;}
.product_list .item .tag_list{ position: absolute; top: 0; left: 0; width: 100%; padding: 5px 5px 0; z-index: 2;}
.product_list .item .tag_list li{ font-size: 19px; color: #fff; line-height: 30px; padding: 0 15px; position: relative;}
.product_list .item .tag_list .tag_new{ float: left; background-color: #13885b; padding-right: 10px;}
.product_list .item .tag_list .tag_new:before{ content: ''; border-top: 15px solid #13885b; border-right: 10px solid transparent; position: absolute; right: -10px; top: 0;}
.product_list .item .tag_list .tag_new:after{ content: ''; border-bottom: 15px solid #13885b; border-right: 10px solid transparent; position: absolute; right: -10px; bottom: 0;}
.product_list .item .tag_list .tag_bs{ float: right; background-color: #c23616; padding-left: 10px;}
.product_list .item .tag_list .tag_bs:before{ content: ''; border-top: 15px solid #c23616; border-left: 10px solid transparent; position: absolute; left: -10px; top: 0;}
.product_list .item .tag_list .tag_bs:after{ content: ''; border-bottom: 15px solid #c23616; border-left: 10px solid transparent; position: absolute; left: -10px; bottom: 0;}
.product_list .item .inner .cont{ padding: 10px; text-align: center; float: left; width: 100%;}
.product_list .item .inner .cont .p_name{ font-size: 16px; color: #000; font-weight: 600; margin-bottom: 5px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.product_list .item .inner:hover .cont .p_name{ color: #c40d11;}
.product_list .item .inner .cont h3{ font-size: 30px; color: #000; font-weight: 600;}
.product_list .item .inner .cont span:nth-child(2){ font-size: 28px;color: #000;font-weight: 600;width: 100%;display: inline-block;}
.product_list .item .inner .cont p{ font-size: 12px; color: #000;}
.product_list .item .inner .cont p span{ color: #0eb9cb;}

.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;}
.carousel-fade .next.left, .carousel-fade .prev.right, .carousel-fade .item.active { opacity: 1; }
.carousel-fade .active.left, .carousel-fade .active.right { left: 0; opacity: 0; z-index: 1;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{ width: 100%;}
/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.carousel-control{ bottom: auto; width: 40px; background-color: rgba(0,0,0,.30); top: 50%; margin-top: -30px; line-height: 60px; left: auto; right: auto; opacity: 1; font-size: 20px;}
.carousel-control.left{ left: 20px; background-image: none; opacity: 1;}
.carousel-control.right{ right: 20px; background-image: none; opacity: 1;}

.pl_banner{ position: relative;}
.pl_banner > img{ width: 100%;}
.pl_banner .overlay{ position: absolute; left: 0; top: 0; width: 100%; padding: 30px 0 10px; height: 100%;

background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(245,179,180,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(245,179,180,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(245,179,180,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(245,179,180,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(245,179,180,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(245,179,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5b3b4', GradientType=1 );

}
.pl_banner .overlay h1{ font-size: 28px; font-weight: 300; padding-bottom: 10px; color: #000;}
.pl_banner .overlay p{ font-size: 14px; line-height: 20px; color: #333;}

.pl_carousel{ margin-top: 20px; padding: 0 40px;}
.pl_carousel ul{ display: inline-block; width: 100%;}
.pl_carousel ul li{ float: left; width: 100%; position: relative; padding-left: 20px; padding-bottom: 10px;}
.pl_carousel ul li:before{ content: "\f101"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; color: #c40d11;}
.pl_carousel ul li:last-child{ padding-bottom: 0;}
.pl_carousel ul li a{ color: #333; font-size: 18px; font-weight: 600; position: relative; float: left;}
.pl_carousel ul li a:before{ content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; transition: all 0.35s ease-in 0s; -webkit-transition: all 0.35s ease-in 0s; background-color: #333;}
.pl_carousel ul li a:hover:before{ width: 100%;}
.pl_carousel .owl-nav [class*="owl-"]{ width: 28px; height: 28px; border-radius: 100%; margin-top: -8px; border: none;}
.pl_carousel .owl-nav [class*="owl-"] .fa{ line-height: 26px;}
.pl_carousel .owl-nav .owl-prev{ left: 0;}
.pl_carousel .owl-nav .owl-next{ right: 0;}

/**/
.products .heading_new h2{ color: #000}
.product_page .item .inner { background-color: #f2f2ed;}
.how_it_works{ padding: 30px 0;}
.how_it_works .heading_new h2{ color: #000}
/*.new_year_section .heading_new h2 span,.ny_category_section .heading_new h2 span,.how_it_works .heading_new h2 span{ color: #c40d11;font-size: 40px; }*/
.hiw_wrap{ position: relative; margin-top: 20px;}
.timeline{ position: absolute; left: 0; top: 50px; width: 100%; background-color: #3d3d3b; height: 4px;}
.timeline:before, .timeline:after{ content: ''; position: absolute; left: -25px; top: -14px; width: 30px; height: 30px; border-radius: 100%; border: 8px solid #f49f44; background-color: #fff;}
.timeline:after{ content: ''; left: auto; right: -25px; border-color: #9d8277;}
.hiw_carousel .item{ text-align: center;}
.hiw_carousel .item .icon{ display: inline-block; width: 100px; height: 100px; padding: 10px; border-radius: 100%; position: relative;}
.hiw_carousel .item .icon:before{ content: ''; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px; transform: rotate(45deg); margin-left: -5px;}
.hiw_carousel .item .icon:after{ content: ''; position: absolute; left: 50%; bottom: -45px; width: 4px; height: 40px; margin-left: -2px;}
.hiw_carousel .item .icon span{ float: left; width: 100%; height: 100%; border-radius: 100%; background-color: #fff; border: 2px solid rgba(0,0,0,.3); padding: 10px;}
.hiw_carousel .item .icon span img{ width: 100%; height: 100%;}

.hiw_carousel .item .cont{ padding-top: 45px;}
.hiw_carousel .item .cont h3{ color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; border-radius: 5px; position: relative; padding: 15px 10px; margin-bottom: 10px;}
.hiw_carousel .item .cont h3:before{ content: ''; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; transform: rotate(45deg); margin-left: -7px;}
.hiw_carousel .item .cont ul{}
.hiw_carousel .item .cont ul li{ font-size: 12px; color: #000; line-height: 16px; text-align: left; padding-bottom: 10px; padding-left: 14px; position: relative;}
.hiw_carousel .item .cont ul li:last-child{ padding-bottom: 0;}
.hiw_carousel .item .cont ul li:before{ content: '\f101'; position: absolute; left: 0; top: 0; font-family: 'FontAwesome'; color: #c40d11;}

.hiw_carousel .one .icon{ background-color: #f9a34e;}
.hiw_carousel .one .icon:before{ background-color: #f9a34e;}
.hiw_carousel .one .icon:after{ background-color: #f9a34e;}
.hiw_carousel .one .cont h3{ background-color: #f9a34e;}
.hiw_carousel .one .cont h3:before{ background-color: #f9a34e;}

.hiw_carousel .two .icon{ background-color: #f36068;}
.hiw_carousel .two .icon:before{ background-color: #f36068;}
.hiw_carousel .two .icon:after{ background-color: #f36068;}
.hiw_carousel .two .cont h3{ background-color: #f36068;}
.hiw_carousel .two .cont h3:before{ background-color: #f36068;}

.hiw_carousel .three .icon{ background-color: #4dabdf;}
.hiw_carousel .three .icon:before{ background-color: #4dabdf;}
.hiw_carousel .three .icon:after{ background-color: #4dabdf;}
.hiw_carousel .three .cont h3{ background-color: #4dabdf;}
.hiw_carousel .three .cont h3:before{ background-color: #4dabdf;}

.hiw_carousel .four .icon{ background-color: #49637a;}
.hiw_carousel .four .icon:before{ background-color: #49637a;}
.hiw_carousel .four .icon:after{ background-color: #49637a;}
.hiw_carousel .four .cont h3{ background-color: #49637a;}
.hiw_carousel .four .cont h3:before{ background-color: #49637a;}

.hiw_carousel .five .icon{ background-color: #d36e8e;}
.hiw_carousel .five .icon:before{ background-color: #d36e8e;}
.hiw_carousel .five .icon:after{ background-color: #d36e8e;}
.hiw_carousel .five .cont h3{ background-color: #d36e8e;}
.hiw_carousel .five .cont h3:before{ background-color: #d36e8e;}

.hiw_carousel .six .icon{ background-color: #9d8277;}
.hiw_carousel .six .icon:before{ background-color: #9d8277;}
.hiw_carousel .six .icon:after{ background-color: #9d8277;}
.hiw_carousel .six .cont h3{ background-color: #9d8277;}
.hiw_carousel .six .cont h3:before{ background-color: #9d8277;}

.arrow{ position: absolute; left: -50px; top: 37px; background-color: #f9a34e; color:#fff; font-size: 20px; font-weight: 700; line-height: 30px; padding-left: 5px; min-width: 65px; text-align: center; border-radius: 5px 0 0 5px;}
.arrow::after { content: ''; position: absolute; right: -15px; top: 50%; z-index: 1; border-style: solid; border-width: 20px 0 20px 15px; border-color: transparent transparent transparent #f9a34e; margin-top: -20px;}
.arrow span{ position: relative; z-index: 2;}
.arrow.color2{ background-color: #f36068;}
.arrow.color2::after{ border-color: transparent transparent transparent #f36068;}
.arrow.color3{ background-color: #4dabdf;}
.arrow.color3::after{ border-color: transparent transparent transparent #4dabdf;}
.arrow.color4{ background-color: #49637a;}
.arrow.color4::after{ border-color: transparent transparent transparent #49637a;}
.arrow.color5{ background-color: #d36e8e;}
.arrow.color5::after{ border-color: transparent transparent transparent #d36e8e;}

.view_popup{ position: fixed; top: 50%; right: 1px; background-color: #ffdbdb; width: 170px; padding: 15px; border: qpx solid #fecbca; z-index: 999; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -webkit-transform: scale(0); transform: scale(0); margin-top: -35px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.3);}
.view_popup.show{ -webkit-transform: scale(1); transform: scale(1);}
.view_popup .close_view{ position: absolute; left: 0; top: 0; color: #000; font-size: 20px; width: 24px; line-height: 24px; text-align: center;}
.view_popup p{ color: #333; font-size: 14px; line-height: 24px;}
.view_popup p span{ font-size: 20px; font-weight: 700;}

/*05-12-2019*/
.new_year_section{ padding: 30px 0;}
.new_year_section .heading_new h2{ color: #000;}
.nyt_wrap{ position: relative;}
.nyt_block{ position: relative; margin-top: 20px;}
.nyt_list{ display: inline-block; width: 100%; padding: 0 60px;}
.nyt_list > li{ float: left; width: 33.33%; padding: 0 15px;}
.nyt_list > li .img_block{ position: relative; border: 10px solid #f9a34e; border-radius: 10px; float: left; width: 100%; transition: transform 1s; -webkit-transition: transform 1s;}
.nyt_list > li .img_block:before{ content: ''; position: absolute; left: 50%; bottom: -15px; width: 10px; height: 10px; transform: rotate(45deg); margin-left: -5px; background-color: #f9a34e;}
.nyt_list > li .img_block:after{ content: ''; position: absolute; left: 50%; bottom: -35px; width: 4px; height: 20px; margin-left: -2px; background-color: #f9a34e;}
.nyt_list > li:hover .img_block{ transform: scale(1.05);}
.nyt_list > li .head_block{ position: relative; text-align: center; margin: 30px 0 0; float: left; width: 100%;z-index: 3;}
.cont.show-on-scroll span{font-size: 28px;}
.vpd_category .nyt_list > li .img_block > img.hover_img{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%;}
.vpd_category .nyt_list > li:hover .img_block > img.normal_img{ opacity: 0; visibility: hidden}
.vpd_category .nyt_list > li:hover .img_block > img.hover_img{ opacity: 1; visibility: visible}
.vpd_category .nyt_list > li:hover .img_block{ transform: scale(1);}

.nyt_list > li .head_block{ position: relative; text-align: center; maRGIN: 30px 0 0; float: left; width: 100%;}
.nyt_list > li .head_block h3{ background-color: #f9a34e; padding: 10px; font-size: 20px; text-transform: uppercase; font-weight: 600; color: #fff; border-radius: 25px;}
.nyt_list > li .head_block:before{ content: ''; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; transform: rotate(45deg); margin-left: -7px; background-color: #f9a34e;}
.nyt_list > li .head_block:after{ content: ''; position: absolute; left: 50%; bottom: -7px; width: 14px; height: 14px; transform: rotate(45deg); margin-left: -7px; background-color: #f9a34e;}
.nyt_list > li .cont{ position: relative; min-height: 225px; padding-top: 30px; float: left; width: 100%; background-image: url(../images/ray-bg-rev.png); background-repeat: no-repeat; background-position: center bottom;}
.nyt_list > li .cont p{ font-size: 13px; color: #000; line-height: 20px; text-align: left; position: relative; padding-left: 15px;}

.nyt_list > li:nth-child(2) .img_block{ border-color: #f36068}
.nyt_list > li:nth-child(2) .head_block{ margin: 0 0 30px;}
.nyt_list > li:nth-child(2) .head_block h3{ background-color: #f36068;}
.nyt_list > li:nth-child(2) .img_block:before{ top: -15px; background-color: #f36068;}
.nyt_list > li:nth-child(2) .img_block:after{ top: -35px; background-color: #f36068;}
.nyt_list > li:nth-child(2) .head_block:before, .nyt_list > li:nth-child(2) .head_block:after{ background-color: #f36068;}
.nyt_list > li:nth-child(2) .cont{ padding: 0; background-image: url(../images/ray-bg.png);}
.nyt_list > li:nth-child(2) .cont p{ position: absolute; left: 0; bottom: 30px; width: 100%;}

.nyt_list > li:nth-child(3) .img_block{ border-color: #4dabdf}
.nyt_list > li:nth-child(3) .head_block h3{ background-color: #4dabdf;}
.nyt_list > li:nth-child(3) .img_block:before{ background-color: #4dabdf;}
.nyt_list > li:nth-child(3) .img_block:after{ background-color: #4dabdf;}
.nyt_list > li:nth-child(3) .head_block:before, .nyt_list > li:nth-child(3) .head_block:after{ background-color: #4dabdf;}

.nyt_list > li:nth-child(2) .mb_head_block, .nyt_list > li:nth-child(2) .mb_cont{ display: none;}


.timeline_ver{ position: absolute; left: 0; top: 50%; width: 100%; background-color: #fff; height: 10px; margin-top: -5px; border-radius: 5px;z-index: 2;}
.timeline_ver:before, .timeline_ver:after{ content: ''; position: absolute; left: 0; top: 50%; width: 40px; height: 40px; border-radius: 100%; border: 12px solid #f49f44; background-color: #fff; margin-top: -20px; z-index: 2;}
.timeline_ver:after{ content: ''; left: auto; right: 0; border-color: #4dabdf;}

.nyt_block.block_two{}
.nyt_block.block_two:after{ content: ''; position: absolute; right: 15px; top: -52%; width: 10px; height: 500px; background-color: #fff; z-index: 1;}
.nyt_block.block_two .timeline_ver:before{ border-color: #49637a;}
.nyt_block.block_two .timeline_ver:after{ border-color: #9d8277;}

.nyt_block.block_two .nyt_list > li .img_block{ border-color: #49637a}
.nyt_block.block_two .nyt_list > li .head_block h3,
.nyt_block.block_two .nyt_list > li .img_block:before,
.nyt_block.block_two .nyt_list > li .img_block:after,
.nyt_block.block_two .nyt_list > li .head_block:before,
.nyt_block.block_two .nyt_list > li .head_block:after{ background-color: #49637a;}

.nyt_block.block_two .nyt_list > li:nth-child(2) .img_block{ border-color: #d36e8e}
.nyt_block.block_two .nyt_list > li:nth-child(2) .head_block h3,
.nyt_block.block_two .nyt_list > li:nth-child(2) .img_block:before,
.nyt_block.block_two .nyt_list > li:nth-child(2) .img_block:after,
.nyt_block.block_two .nyt_list > li:nth-child(2) .head_block:before,
.nyt_block.block_two .nyt_list > li:nth-child(2) .head_block:after{ background-color: #d36e8e;}

.nyt_block.block_two .nyt_list > li:nth-child(3) .img_block{ border-color: #9d8277}
.nyt_block.block_two .nyt_list > li:nth-child(3) .head_block h3,
.nyt_block.block_two .nyt_list > li:nth-child(3) .img_block:before,
.nyt_block.block_two .nyt_list > li:nth-child(3) .img_block:after,
.nyt_block.block_two .nyt_list > li:nth-child(3) .head_block:before,
.nyt_block.block_two .nyt_list > li:nth-child(3) .head_block:after{ background-color: #9d8277;}

/**/
.ny_category_section{ padding: 30px 0;}
.ny_category_section .heading_new h2{ color: #000;}
.nycategory_wrap{ position: relative; margin-top: 30px;}
.nycategory_wrap .timeline{ top: 24px;}
.nycategory_wrap .timeline::before{ left: 0;}
.nycategory_wrap .timeline::after{ right: 0; border-color: #d36e8e;}
.nycategory_carousel{ padding: 0 50px; display: inline-block; width: 100%;}
.nycategory_carousel .item{ text-align: center; float: left; width: 20%; padding: 0 10px; min-height: 220px;}
.nycategory_carousel .item .cont{ margin-bottom: -5px; position: relative;}
.nycategory_carousel .item .cont:before{ content: ''; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px; transform: rotate(45deg); margin-left: -5px;}
.nycategory_carousel .item .cont h3{ color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; border-radius: 5px; position: relative; padding: 15px 10px; margin-bottom: 10px;}

.nycategory_carousel .item .pendulum_thread{ display: inline-block; width: 4px; height: 40px; animation: moveIt 5s ease-in-out infinite; transform-origin: 50% 0; background-color: #f9a34e; position: relative;}
.nycategory_carousel .item:hover .pendulum_thread{ animation-play-state: paused;}
.nycategory_carousel .item .icon{ width: 120px; height: 120px; padding: 10px; border-radius: 100%; position: absolute; top: 100%; left: -58px;}
.nycategory_carousel .item .icon:before{ content: ''; position: absolute; left: 50%; top: -5px; width: 14px; height: 14px; transform: rotate(45deg); margin-left: -7px; border-radius: 0 0 10px 0;}
.nycategory_carousel .item .icon span{ float: left; width: 100%; height: 100%; border-radius: 100%; background-color: #fff; border: 2px solid #fff; padding: 0;}
.nycategory_carousel .item .icon span img{ width: 100%; height: 100%; border-radius: 100%;}

.nycategory_carousel .one .icon{ background-color: #f9a34e;}
.nycategory_carousel .one .icon:before{ background-color: #f9a34e;}
.nycategory_carousel .one .cont:before{ background-color: #f9a34e;}
.nycategory_carousel .one .pendulum_thread{ background-color: #f9a34e;}
.nycategory_carousel .one .cont h3{ background-color: #f9a34e;}

.nycategory_carousel .two .icon{ background-color: #f36068;}
.nycategory_carousel .two .icon:before{ background-color: #f36068;}
.nycategory_carousel .two .cont:before{ background-color: #f36068;}
.nycategory_carousel .two .pendulum_thread{ background-color: #f36068;}
.nycategory_carousel .two .cont h3{ background-color: #f36068;}

.nycategory_carousel .three .icon{ background-color: #49637a;}
.nycategory_carousel .three .icon:before{ background-color: #49637a;}
.nycategory_carousel .three .cont:before{ background-color: #49637a;}
.nycategory_carousel .three .pendulum_thread{ background-color: #49637a;}
.nycategory_carousel .three .cont h3{ background-color: #49637a;}

.nycategory_carousel .four .icon{ background-color: #4dabdf;}
.nycategory_carousel .four .icon:before{ background-color: #4dabdf;}
.nycategory_carousel .four .cont:before{ background-color: #4dabdf;}
.nycategory_carousel .four .pendulum_thread{ background-color: #4dabdf;}
.nycategory_carousel .four .cont h3{ background-color: #4dabdf;}


.nycategory_carousel .five .icon{ background-color: #d36e8e;}
.nycategory_carousel .five .icon:before{ background-color: #d36e8e;}
.nycategory_carousel .five .cont:before{ background-color: #d36e8e;}
.nycategory_carousel .five .pendulum_thread{ background-color: #d36e8e;}
.nycategory_carousel .five .cont h3{ background-color: #d36e8e;}

@keyframes moveIt {
  0%, 100% { transform: rotate(20deg);}
  50% { transform: rotate(-20deg);}
}


.solid_bg{ margin-bottom: 0; padding: 0 0 0px; background-image: none; background-color: #49637a;}
.solid_bg .viewall_btn .btn{ background-color: #49637a;}
.section_flowers.solid_bg{ background-color: #f9a34e;}
.section_flowers.solid_bg .viewall_btn .btn{ background-color: #f9a34e;}
.section_cake.solid_bg { background-color: #f36068; }
.section_cake.solid_bg .viewall_btn .btn{ background-color: #f36068; }
.section_gifts.solid_bg { background-color: #d36e8e; }
.section_gifts.solid_bg .viewall_btn .btn{ background-color: #d36e8e; }
.solid_bg .heading_new{ background-color: #fff; padding: 10px; margin-bottom: 10px;}
.solid_bg .heading_new h2{ color: #000;}
.solid_bg .viewall_btn{ padding: 10px 0; background-color: #fff;}
.white_bg .heading_new{ background-color: #770505; padding: 10px 0}
.white_bg .heading_new h2{ color: #fff;}
.white_bg .viewall_btn{ padding: 10px 0; background-color: #770505;}
.heading_new h2 span{ color: #c40d11;font-size: 40px;}
.section_flowers.solid_bg .heading_new h2 span{ color: #f9a34e;}
.section_cake.solid_bg .heading_new h2 span{ color: #f36068;}
.section_gifts.solid_bg .heading_new h2 span{ color: #d36e8e;}
.section_combos.solid_bg .heading_new h2 span{ color: #49637a;}

.her_him_section{ padding: 50px 0}
.her_him_section ul{}
.her_him_section ul li{}
.her_him_section ul li a{ float: left; width: 100%; border: 10px solid #4dabdf; border-radius: 10px; padding: 70px 15px; text-align: center; font-size: 80px; color: #000; text-transform: uppercase; line-height: 80px;}
.her_him_section ul li:last-child a{ border-color: #f36068;}
.her_him_section ul li a > span{ display: inline-block; position: relative; font-weight: 300; padding-bottom: 80px; padding-right: 110px; transition: transform 1s; -webkit-transition: transform 1s;}
.her_him_section ul li a > span > span{ position: absolute; right: 0; bottom: 0; font-weight: 700;}
.her_him_section ul li a:hover > span{ transform: scale(1.05);}
.her_him_section ul li a:hover{ color: #f36068;}
.her_him_section ul li:last-child a:hover{ color: #4dabdf;}

.nyh1 { position: absolute; bottom: 5%; left: 6%; color: #B07F23; font-size: 28px; }
.valentineh1 { position: absolute; bottom: 5%; left: 19%; color: #770505; font-size: 28px; }
.city-Pin-Code li{
    color: #181818;
    display: inline;
    float: left;
    font-size: 12px;
    line-height: 25px;
    list-style: outside none none;
    padding: 0;
    width: 200px;
    border: 1px solid #cccccc;
    margin: 0 -1px -1px 0;
    padding: 4px 2px 2px 24px;
}

.circle_section{ padding: 30px 0; position: relative; min-height: 700px; background-color: #770505;}
.circle_section .container{ position: relative; margin-top: 50px;}
.circle_section .heading_new{ padding-bottom: 40px;}
.circle_section .carousel{ position: static;}
.circle_section .carousel-inner{ position: absolute; left: 50%; top: 100px; width: 100%; max-width: 200px; margin: 0 0 0 -100px; z-index: 11;}
.circle_section .carousel-control{ display:none;}
.circle_section .carousel-indicators{ left:50%; top:0; margin: 0 0 0 -200px; width:400px; height:400px; border: 10px solid #c40d11; border-radius: 100%; position: absolute; z-index: 10; animation: spin 45s linear infinite;}
.circle_section .carousel-indicators:hover{ animation-play-state: paused;}
.circle_section .carousel-indicators li{ height:120px; width:120px; border-radius:100%; background-color:#c40d11; border:3px solid #c40d11; position:absolute; z-index:1; text-indent: inherit; animation: spin 45s linear infinite reverse; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.circle_section .carousel-indicators:hover li{ animation-play-state: paused;}
.circle_section .carousel-indicators li:nth-child(1){left:-10px; top:-10px;}
.circle_section .carousel-indicators li:nth-child(2){right: 85px; top:-53px;}
.circle_section .carousel-indicators li:nth-child(3){right: -50px; top:90px;}
.circle_section .carousel-indicators li:nth-child(4){right:-5px; top:270px;}
.circle_section .carousel-indicators li:nth-child(5){left:80px; top:310px;}
.circle_section .carousel-indicators li:nth-child(6){left:-50px; top:185px;}
.circle_section .carousel-indicators li.active{ background-color:#fff; border-color:#c40d11;}
.circle_section .carousel-indicators li > img{ position:absolute; top:10px; left:50%; z-index:10; margin-left:-22px;}

.circle_section .carousel-indicators li > a{ position:absolute; top:50px; left:0; width:100%; z-index:10; font-size:13px; color:#fff; text-align: center; text-transform: uppercase; font-weight: 600;}
.circle_section .carousel-indicators li.active a{ color: #c40d11;}

/*@keyframes spin {
  100% { transform: rotate(1turn);}
}*/


@font-face {
    font-family: 'aspire';
    src: url('../fonts/Aspire-DemiBold.eot');
    src: url('../fonts/Aspire-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Aspire-DemiBold.woff2') format('woff2'),
    url('../fonts/Aspire-DemiBold.woff') format('woff'),
    url('../fonts/Aspire-DemiBold.ttf') format('truetype'),
    url('../fonts/Aspire-DemiBold.svg#Aspire-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

.vpd_category .container{background: #770505; }
.vpd_category{ background-color: #770505;}
.vpd_category .heading_new h2{ color: #fff;}
.vpd_category .nyt_list > li{ width: 25%;}
.vpd_category .nyt_list > li:nth-child(4) .img_block{ border-color: #6cc788}
.vpd_category .nyt_list > li:nth-child(4) .head_block{ margin: 0 0 30px;}
.vpd_category .nyt_list > li:nth-child(4) .head_block h3{ background-color: #6cc788;}
.vpd_category .nyt_list > li:nth-child(4) .img_block:before{ top: -15px; background-color: #6cc788;}
.vpd_category .nyt_list > li:nth-child(4) .img_block:after{ top: -35px; background-color: #6cc788;}
.vpd_category .nyt_list > li:nth-child(4) .head_block:before, .vpd_category .nyt_list > li:nth-child(4) .head_block:after{ background-color: #6cc788;}
.vpd_category .nyt_list > li:nth-child(4) .cont{ padding: 0; background-image: url(../images/ray-bg.png);}
.vpd_category .nyt_list > li:nth-child(4) .cont p{ position: absolute; left: 0; bottom: 30px; width: 100%;}
.vpd_category .nyt_list > li .cont{ min-height: 188px;}
.vpd_category .timeline_ver::after{ border-color: #6cc788;}

.vpd_category .nyt_block.block_two .nyt_list > li:nth-child(4) .img_block{ border-color: #af76f0}
.vpd_category .nyt_block.block_two .nyt_list > li:nth-child(4) .head_block h3,
.vpd_category .nyt_block.block_two .nyt_list > li:nth-child(4) .img_block:before,
.vpd_category .nyt_block.block_two .nyt_list > li:nth-child(4) .img_block:after,
.vpd_category .nyt_block.block_two .nyt_list > li:nth-child(4) .head_block:before,
.vpd_category .nyt_block.block_two .nyt_list > li:nth-child(4) .head_block:after{ background-color: #af76f0;}
.vpd_category .nyt_block.block_two .timeline_ver::after{ border-color: #af76f0;}
.vpd_category .nyt_block.block_two::after{ height: 420px;}

.vpd_category .nyt_list > li:nth-child(4) .mb_head_block, .vpd_category .nyt_list > li:nth-child(4) .mb_cont{ display: none;}
.nyt_list > li .head_block h3 sup{ text-transform: none;}
.vpd_category .nyt_list > li .cont h4{ /*font-family: 'aspire';font-style: oblique; */font-size: 90px; color: #fff; text-align: center; /*transform: rotate(-5deg);*/ overflow: hidden; white-space: nowrap; /*animation: steps(10, end);*/ letter-spacing: 1px; opacity: 1;}
.vpd_category .nyt_list > li:nth-child(2) .cont h4, .vpd_category .nyt_list > li:nth-child(4) .cont h4{ position: absolute; left: 0; bottom: 30px; width: 100%;}
/*.vpd_category .nyt_list > li:nth-child(1) .cont.is-visible h4{ animation-name:typing; animation-duration: 3.5s;  animation-delay:0s; animation-fill-mode: forwards; opacity: 0;}
.vpd_category .nyt_list > li:nth-child(2) .cont.is-visible h4{ animation-name:typing; animation-duration: 3.5s;  animation-delay:2.5s; animation-fill-mode: forwards; opacity: 0;}
.vpd_category .nyt_list > li:nth-child(3) .cont.is-visible h4{ animation-name:typing; animation-duration: 3.5s;  animation-delay:5s; animation-fill-mode: forwards; opacity: 0;}
.vpd_category .nyt_list > li:nth-child(4) .cont.is-visible h4{ animation-name:typing; animation-duration: 3.5s;  animation-delay:7.5s; animation-fill-mode: forwards; opacity: 0;}*/

.heading .icon.is-visible{ animation-name:downtext; animation-duration:.5s;  animation-delay:1s;  animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}

/*@keyframes typing {
  from { width: 0; opacity: 1;}
  to { width: 100%; opacity: 1;}
}*/

.hh_carousel_section{ padding: 30px 0; background-color: #770505;}
.hh_carousel_section .mb_head{ display: none;}
.him_carousel{ }
.him_carousel .container,.white_bg .container,.white_bg,.white_bg .viewall_btn,.show-on-scroll.white_bg .heading_new,.white_bg .viewall_btn .btn{background: #770505;background-color: #770505; }
.him_carousel ul{ float: left; width: 100%; border-right: 10px solid #4dabdf; border-bottom: 10px solid #4dabdf;}
.him_carousel ul li{ float: left; width: 50%; text-align: center; border-left: 10px solid #4dabdf; border-top: 10px solid #4dabdf; background-color: #fff;}
.him_carousel ul li h4{ font-size: 50px; text-transform: uppercase; line-height: 222px;}
.him_carousel ul li h4 a{ color: #000;}
.him_carousel ul li h4 span{ font-weight: 700;}
.him_carousel ul:hover li h4 a{ color: #f36068;}
.him_carousel ul li .inner{ position: relative; float: left; width: 100%;}
.him_carousel ul li .inner .cont{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(255,255,255,.7); padding: 10px;}
.him_carousel ul li .inner .cont h3{ color: #c40d11; font-size: 14px; font-weight: 700; padding-bottom: 5px;}
.him_carousel ul li .inner .cont p{ color: #000; font-size: 20px;}
.him_carousel ul li .inner .cont p .fa{}
.him_carousel .owl-nav [class*="owl-"]{ top: 50%; border-radius: 0; background-color: #4dabdf; border: none;}
.him_carousel .owl-nav .owl-prev{ left: 0;}
.him_carousel .owl-nav .owl-next{ right: 0;}
.him_carousel .owl-nav [class*="owl-"].disabled{ opacity: 1; cursor: not-allowed;}

.her_carousel ul{ border-right: 10px solid #f36068; border-bottom: 10px solid #f36068;}
.her_carousel ul li{ border-left: 10px solid #f36068; border-top: 10px solid #f36068;}
.her_carousel ul:hover li h4 a{ color: #4dabdf;}
.her_carousel .owl-nav [class*="owl-"]{ background-color: #f36068;}

.him_carousel ul .hh_list{ float: left; width: 100%; padding: 80px 0 0 20px; border: none; min-height: 222px;}
.him_carousel ul .hh_list > li{ float: left; width: 100%; padding: 0; border: none; position: relative; line-height: 20px; padding-bottom: 20px; font-size: 16px; padding-left: 25px;}
.him_carousel ul .hh_list > li:before{ content: "\f06c"; position: absolute; left: 0; top: 0; font-family: 'FontAwesome'; color: #4dabdf; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.him_carousel ul .hh_list > li > a{ float: left; font-size: 24px; color: #000; font-weight: 600;}
.him_carousel ul .hh_list > li > a:hover{ color: #4dabdf;}

.her_carousel ul .hh_list > li:before{ color: #f36068;}
.her_carousel ul .hh_list > li > a:hover{ color: #f36068;}

.solid_bg .product_carousel_new .item{ opacity: 0;}
.is-visible .product_carousel_new .item{ animation-name:downtext; animation-duration:.8s;  animation-delay:.2s;  animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}

.white_bg{ background-color: #770505;}
.section_flowers.white_bg{ background-color: #770505;}
.section_cake.white_bg{ background-color: #770505;}

.leaf_container{background: #770505; position: fixed; top: 5px; left: 0; height: 100vh; width: 120px; margin: 0; overflow: hidden; z-index: 1; pointer-events: none;}
.leaf_container.right{ left: auto; right: 0;}
#leafContainer{ width: 100%; height: 100%;}
#leafContainer > div{ position: absolute; width: 30px; height: 30px; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-direction: normal, normal; -webkit-animation-timing-function: linear, ease-in;}
#leafContainer > div > img { position: absolute; width: 30px; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 50% -100%;}

#leafContainer2{ width: 100%; height: 100%;}
#leafContainer2 > div{ position: absolute; width: 30px; height: 30px; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-direction: normal, normal; -webkit-animation-timing-function: linear, ease-in;}
#leafContainer2 > div > img { position: absolute; width: 30px; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 50% -100%;}

.solid_bg2{ background-color: #49637a; background-image: none; margin-bottom: 1px;}
.section_flowers.solid_bg2{ background-color: #f9a34e; background-image: none;}
.section_cake.solid_bg2{ background-color: #f36068; background-image: none;}
.birthday_rb{ padding: 30px 0 0;}
.birthday_rb .heading_new{ padding-bottom: 30px;}
.birthday_rb .heading_new h2{ color: #000;}
.rb_block{ float: left; width: 100%; overflow: hidden; position: relative; margin-bottom: 30px; border-radius: 5px;}
.rb_block > img{ width: 100%;}
.rb_block .overlay_one{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.45); text-align: center; transition: all 0.4s;}
.rb_block .overlay_one h3{ color: #fff; padding: 10px; font-size: 18px;}
.rb_block:hover .overlay_one{ transform: translateY(100%);}
.rb_block .overlay_two{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(243,96,104,.8); text-align: center; transition: all 0.6s; transform: translateY(100%); padding: 10px;}
.rb_block .overlay_two h3{ color: #fff; padding-bottom: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.rb_block .overlay_two p{ font-size: 13px; color: #fff; line-height: 18px;}
.rb_block:hover .overlay_two{ transform: translateY(0);}
.her_him_section ul.hh_list2 li a{ padding: 0; overflow: hidden; border-radius: 5px; position: relative; border-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.15);}
.her_him_section ul.hh_list2 li a > img{ width: 100%;}
.her_him_section ul.hh_list2 li a .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(249,163,78,.8); padding-top: 100px; transition: all 0.6s; transform: translateY(-100%);}
.her_him_section ul.hh_list2 li:last-child a .overlay{ background-color: rgba(243,96,104,.8);}
.her_him_section ul.hh_list2 li a .overlay h3{ color: #fff; background-color: rgba(0,0,0,.5); padding: 10px; font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.her_him_section ul.hh_list2 li a .overlay p{ color: #fff; font-size: 13px; line-height: 18px; text-transform: none; padding: 0 15px 20px;}
.her_him_section ul.hh_list2 li a .overlay .btn_wrap{}
.her_him_section ul.hh_list2 li a .overlay .btn_wrap span{ display: inline-block; background-color: #c40d11; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 700; padding: 0 15px; line-height: 40px; vertical-align: top; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.her_him_section ul.hh_list2 li a .overlay .btn_wrap span:hover{ background-color: #4dabdf;}
.her_him_section ul.hh_list2 li a:hover .overlay{ transform: translateY(0);}



@-webkit-keyframes fade{
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes drop{
    0%   { -webkit-transform: translate(0px, -50px); }
    100% { -webkit-transform: translate(0px, 100vh); }
}

@-webkit-keyframes clockwiseSpin{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}
.cartoon{ z-index: 2; position: absolute; left: 100px; top: 0; width: 250px; pointer-events: none;}
.cartoon > img{ width: 100%;}
.cartoon.male{ left: auto; right: 100px;}
.addon_section ,.moinfo{position: relative; background: #fff; z-index: 2;padding-top: 5px;}
footer{z-index: 2;position: relative;}
.home_tbl{width:100%;}
.white_bg .container{ position: relative;}
.white_bg .down_arrow{ position: absolute; left: 50%; bottom: -10px; width: 40px; z-index: 22; pointer-events: none; margin-left: -20px; text-align: center;}
.white_bg .down_arrow > .fa{ color: #fff; font-size: 34px;}
.white_bg .down_arrow{ opacity: 0;}
.white_bg .down_arrow{ animation-name:downtext; animation-duration:.8s;  animation-delay:.2s;  animation-fill-mode: forwards; opacity: 0; animation-timing-function: ease-out;}

.quickies .list-1 li {
    float: left;
    font-size: 18px;
    padding-left: 10px;
}
.quickies .list-1 li > a {
    color: #006FB4;
    padding-right: 5px;
}
.quickies .list-1 li:before {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    left: 8px;
    top: 0;
}
.quickies.des_tab label{
    font-size: 20px;
}
.quickies.des_tab hr{
    margin: 10px;
}
.quickies.des_tab .nav-tabs > li > a {
    font-size: 14px;
}
.quickies .row{
    margin-bottom:10px ;
}




@media (min-width:320px) and (max-width:480px){

.checkout_wrap .g-google-login {
  min-height: 100%;
  border: 0;   
 }


.login-section input {
  font-size: 13px;
    }

.modal-dialog {
    border-radius: 0px;
    margin: 0;
}

.login-left {
    display: none;
}

.login-section{
    min-height: 570px;
    margin: 0 auto;
    width: auto;
    border-radius: 0;    
}

.login-right {
    width: 90%;
    margin: 0 auto;
    padding-left: 0;    
}


.checkout_wrap .nav{
 display: flex;  
 justify-content: space-around; 
}

.checkout_wrap .inner .login-taber .nav li {
    padding: 0px 0px 0px 0px;
    border-radius: 5px;
    margin-right: 0;
}

.checkout_wrap .inner .login-taber .nav li a {
    min-width: 130px;
}

.checkout_wrap .edit_block .step_one_list > li:last-child {
    position: relative !important;
}
.checkout_wrap .prcdbtn {
    margin-left: 0px !important;
}


}


/* New product list CSS */
.content {
         width: 100%;
         margin: 0 auto;
     }

     .content-title {
         font-family: Poppins;
         color: #000;
         margin-top: 12px;
         font-size: clamp(2rem, 1.2vw, 3rem);
         line-height: clamp(2.25rem, 1.2vw, 3rem);
         font-style: normal;
         font-weight: 700;
         text-align: center;
         letter-spacing: -.32px;
     }

     /* Sort Section Styles */
     .sort-section {
         width:98%;
        margin-left:auto;
        margin-right:auto;
         display: flex;
         align-items: center;
         padding: 12px 0px;
         border-radius: 20px;
         backdrop-filter: blur(10px);
         border: 1px solid rgba(255, 255, 255, 0.2);
     }

     .sort-buttons {
         display: flex;
         gap: 15px;
         align-items: center;
         overflow-x: auto;
         padding: 10px 0;
         width: 100%;

         /* Hide scrollbar on all browsers */
         -ms-overflow-style: none;
         /* IE and Edge */
         scrollbar-width: none;
         /* Firefox */
     }

     .sort-buttons::-webkit-scrollbar {
         display: none;
         /* Chrome, Safari, Opera */
     }

     .sort-label {
         font-family: 'Poppins', sans-serif;
         font-size: 18px;
         font-weight: 600;
         color: #2c3e50;
         margin-right: 20px;
         white-space: nowrap;
         flex-shrink: 0;
     }

     .sort-btn {
         padding: 12px 24px;
         border-radius: 25px;
         border: none;
         font-family: 'Poppins', sans-serif;
         font-size: 14px;
         font-weight: 500;
         cursor: pointer;
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
         white-space: nowrap;
         flex-shrink: 0;
         min-width: fit-content;
     }

     .sort-btn::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         transition: left 0.5s;
     }

     .sort-btn:hover::before {
         left: 100%;
     }

     .sort-btn.recommended {
         background: #0eb9cb;
         color: white;
         box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
     }

     .sort-btn.recommended:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);
     }

     .sort-btn.secondary {
         font-family: Poppins, sans-serif;
         font-weight: 500;
         font-size: 12px;
         background: white;
         color: #1C2120;
         border: 2px solid #0eb9cb;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
     }

     .sort-btn.secondary:hover {
         border-color: #0eb9cb;
         color: #0eb9cb;
         transform: translateY(-2px);
         box-shadow: 0 4px 15px rgba(16, 185, 129, 0.2);
     }

     .sort-btn.secondary.active {
         background: #f0fdf4;
         border-color: #0eb9cb;
         color: #0eb9cb;
     }

     /* Bottom Sheet Styles */
     .bottom-sheet-overlay {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         display: none;
         z-index: 1000;
         opacity: 0;
         transition: opacity 0.3s ease;
     }

     .bottom-sheet-overlay.show {
         display: block;
         opacity: 1;
     }

     .bottom-sheet {
         position: fixed;
         bottom: 0;
         left: 0;
         width: 100%;
         background: white;
         border-radius: 20px 20px 0 0;
         transform: translateY(100%);
         transition: transform 0.3s ease;
         z-index: 1001;
         max-height: 70vh;
         overflow-y: auto;
     }

     .bottom-sheet.show {
         transform: translateY(0);
     }

     .bottom-sheet-header {
         padding: 20px;
         border-bottom: 1px solid #f0f0f0;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .bottom-sheet-title {
         font-family: Poppins;
         font-size: 20px;
         font-weight: 600;
         color: #000;
     }

     .close-btn {
         background: none;
         border: none;
         font-size: 24px;
         color: #666;
         cursor: pointer;
         padding: 5px;
     }

     .bottom-sheet-content {
         padding: 0 20px 20px;
     }

     .sort-option {
         display: flex;
         align-items: center;
         padding: 15px 0;
         border-bottom: 1px solid #f5f5f5;
         cursor: pointer;
         transition: background-color 0.2s ease;
     }

     .sort-option:hover {
         background-color: #f8f9fa;
     }

     .sort-option:last-child {
         border-bottom: none;
     }

     .sort-option.selected {
         color: #0eb9cb;
     }

     .sort-option-icon {
         margin-right: 12px;
         font-size: 18px;
         width: 24px;
         text-align: center;
     }

     .sort-option-text {
         font-family: Poppins;
         font-size: 16px;
         font-weight: 500;
         flex: 1;
     }

     .sort-option-check {
         color: #0eb9cb;
         font-size: 20px;
         opacity: 0;
         transition: opacity 0.2s ease;
     }

     .sort-option.selected .sort-option-check {
         opacity: 1;
     }

     .cards-grid {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
         display: grid;
         grid-template-columns: repeat(5, 1fr);
         gap: 25px;
     }

     .cake-card {
         background: white;
         border-radius: 12px;
         height: auto;
         overflow: hidden;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         cursor: pointer;
         position: relative;
     }

     .cake-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
     }

     .card-image {
         width: 100%;
         height: auto;
          aspect-ratio: 1 / 1; /* square shape */
         object-fit: cover;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
     }

     .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills the square without distortion */
    display: block;
}


     .price-container {
         display: flex;
         gap: 4px;
         align-items: baseline
     }

     .original-price {
        margin-right: 4px;
         font-size: 13px;
         color: #636e72;
         text-decoration: line-through;
     }

     .discount-text {
         font-size: 12px;
         color: #e17055;
         font-weight: 600;
     }

     .card-content {
         padding: 12px 10px;
     }

     .card-title {
         display: block;
         color: #494D4D;
         width: 100%;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         margin-bottom: 8px;
         font-family: Poppins;
         font-size: 18px;
         font-weight: 500;
         line-height: 21px;
     }

     .card-price {
         margin-bottom: 2px;
         margin-right: 4px;
         color: #312b40;
         font-family: Poppins, sans-serif;
         font-size: 14px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
     }

     .card-reviews {
         margin-bottom: 8px;
         color: #128B99;
         font-family: Poppins;
         font-size: 14px;
         line-height: 24px;
         font-weight: 500;
     }

     .card-delivery {
         color: #128B99;
         font-family: Poppins;
         font-size: 14px;
         font-weight: 500;
     }

     .delivery-label {
         color: #131313;
         font-family: Poppins;
         font-size: 14px;
         font-weight: 500;
         opacity: 0.7;
     }

     /* Explore More Section Styles */
     .explore-section {
         margin-top: 50px;
         padding: 30px 0;
         background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
         border-radius: 20px;
         margin-bottom: 50px;
     }

     .explore-header {
         margin-bottom: 6px;
         text-align: center;
     }

     .explore-title {
         font-size: 28px;
         font-weight: 700;
         color: #2c3e50;
         margin-bottom: 10px;
         font-family: Poppins;
     }

     .explore-container {
         position: relative;
         overflow: hidden;
         /* padding: 0 20px; */
     }

     .explore-wrapper {
         display: flex;
         gap: 25px;
         overflow-x: auto;
         scroll-behavior: smooth;
         padding: 10px 0;
         -ms-overflow-style: none;
         scrollbar-width: none;
     }

     .explore-wrapper::-webkit-scrollbar {
         display: none;
     }

     .explore-item {
         flex-shrink: 0;
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
         cursor: pointer;
         transition: transform 0.3s ease;
         min-width: 140px;
     }

     .explore-item:hover {
         transform: translateY(-5px);
     }

     .explore-circle {
         width: 120px;
         height: 120px;
         border-radius: 50%;
         overflow: hidden;
         margin-bottom: 15px;
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
         transition: box-shadow 0.3s ease;
     }

     .explore-item:hover .explore-circle {
         box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
     }

     .explore-circle img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     .explore-label {
         font-family: Poppins;
         font-size: 16px;
         font-weight: 600;
         color: #2c3e50;
         max-width: 120px;
         line-height: 1.3;
     }

     .reviews-section {
        width: 98%;
         margin: 0 auto;
         background: white;
         border-radius: 12px;
         padding: 30px 10px;
         box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
         margin-bottom: 30px;
         margin-top: 50px;
     }

     .section-header {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         gap: 10px;
         margin-bottom: 25px;
     }

     .section-title {
         font-size: 18px;
         color: #333;
         font-weight: 600;
     }

     .view-all-link {
         color: #007bff;
         text-decoration: underline;
         font-size: 16px;
         cursor: pointer;
     }

     .view-all-link:hover {
         color: #0056b3;
     }

     .rating-summary {
         display: flex;
         align-items: center;
         gap: 30px;
         margin-bottom: 30px;
         flex-wrap: wrap;
     }

     .rating-score {
         display: flex;
         align-items: center;
         gap: 8px;
     }

     .star-icon {
         color: #ffc107;
         font-size: 20px;
     }

     .score-text {
         font-size: 18px;
         font-weight: 600;
         color: #333;
     }

     .recommendation {
         display: flex;
         align-items: center;
         gap: 8px;
     }

     .thumbs-up {
         color: #28a745;
         font-size: 18px;
     }

     .recommendation-text {
         font-size: 16px;
         color: #666;
         font-weight: 500;
     }

     .reviews-container {
         overflow-x: auto;
         overflow-y: hidden;
         scrollbar-color: #ccc transparent;
         scroll-behavior: smooth;
         padding-bottom: 10px;
         scrollbar-width: none
     }

     .reviews-container::-webkit-scrollbar {
         display: none;
         height: 6px;
     }

     .reviews-container::-webkit-scrollbar-track {
         background: #f1f1f1;
         border-radius: 3px;
     }

     .reviews-container::-webkit-scrollbar-thumb {
         background: #ccc;
         border-radius: 3px;
     }

     .reviews-container::-webkit-scrollbar-thumb:hover {
         background: #999;
     }

     .reviews-list {
         display: flex;
         gap: 20px;
         min-width: min-content;
         padding: 5px 0;
     }

     .review-card {
         flex: 0 0 320px;
         background: #f8f9fa;
         border-radius: 12px;
         padding: 20px;
         border: 1px solid #e9ecef;
         position: relative;
     }

     .review-card:hover {
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
         transform: translateY(-2px);
         transition: all 0.3s ease;
     }

     .review-header {
         display: flex;
         gap: 15px;
         margin-bottom: 15px;
     }

     .review-image {
         width: 50px;
         height: 50px;
         border-radius: 8px;
         object-fit: cover;
         border: 2px solid #e9ecef;
     }

     .review-content {
         flex: 1;
     }

     .review-text {
         font-size: 14px;
         color: #555;
         line-height: 1.5;
         margin-bottom: 15px;
     }

     .reviewer-info {
         margin-bottom: 8px;
     }

     .reviewer-name {
         font-weight: 600;
         color: #333;
         margin-bottom: 5px;
     }

     .rating-badge {
         background: #28a745;
         color: white;
         padding: 2px 8px;
         border-radius: 12px;
         font-size: 12px;
         font-weight: bold;
         display: inline-block;
         margin-left: 10px;
     }

     .review-meta {
         font-size: 12px;
         color: #888;
         line-height: 1.4;
     }

     .meta-item {
         margin-bottom: 3px;
         font-weight: 600;
         color: #333;
     }


     .review-span-content {
         color: #515151;
         font-weight: 500
     }



     /* Rating Component - This is the main component you wanted */
     .rating-container {
         display: flex;
         align-items: center;
         gap: 4px;
         font-family: 'Poppins', sans-serif;
         font-size: 12px;
         font-weight: 500;
     }

     .rating-number {
         color: #515151;
         font-weight: 500;
     }

     .rating-star {
         color: #ffc107;
         font-size: 16px;
     }

     .review-count {
         color: #128B99;
     }



     /* Best Seller Ribbon Styles */
     .product-ribbon {
         position: absolute;
         bottom: 96px;
         left: -8px;
         background: #f6b308;
         color: white;
         padding: 8px 12px 4px 14px;
         font-family: 'Poppins', sans-serif;
         font-size: 10px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         border-radius: 0 8px 8px 0;
         box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
         z-index: 10;
     }
     .personalised{
        background:#17b9cb;
     }


     /* Mobile Responsive */
     @media (max-width: 768px) {
         .cards-grid {
             grid-template-columns: repeat(2, 1fr);
             gap: 6px !important;
         }

         .card-image {
             height: auto;
         }

         .card-content {
             padding: 12px 8px;
         }

         .card-title {
             font-size: 16px;
         }

         .card-price {
             font-size: 14px;
         }

         .sort-buttons {
            padding:10px 4px;
             gap: 10px;
         }

         .sort-btn {
             padding: 10px 18px;
             font-size: 12px;
         }

         .sort-label {
             font-size: 16px;
             margin-right: 15px;
         }

         .explore-section {
             margin-top: 30px;
             padding: 20px 0;
         }

         .explore-title {
             font-size: 24px;
         }

         .explore-wrapper {
             gap: 15px;
             padding-left: 10px;
             padding-right: 10px;
         }

         .explore-item {
             min-width: 100px;
         }

         .explore-circle {
             width: 100px;
             height: 100px;
             margin-bottom: 10px;
         }

         .explore-label {
             font-size: 14px;
             max-width: 100px;
         }
         .quickies.des_tab label {
    font-size: 20px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
     }

     @media (max-width: 480px) {
         body {
             padding: 10px;
         }

         .cards-grid {
             gap: 6px !important;
         }

         .card-content {
             padding: 12px 8px;
         }

         .sort-label {
             font-size: 14px;
             margin-right: 10px;
         }

         .explore-wrapper {
             gap: 15px;
         }

         .explore-circle {
             width: 100px;
             height: 100px;
         }

         .explore-label {
             font-size: 12px;
         }
     }

     /* Tablet */
     @media (max-width: 1024px) and (min-width: 769px) {
         .cards-grid {
             grid-template-columns: repeat(3, 1fr);
         }
     }

     /* Desktop - show more items in a row */
     @media (min-width: 1024px) {
         .explore-wrapper {
             justify-content: center;
             flex-wrap: wrap;
             overflow-x: visible;
         }
     }