@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Niconne&display=swap');

.header-logo.ml-10 a {
    font-family: "Aclonica", sans-serif;;
    font-weight: 400;
    font-style: normal;
    font-size: 21px !important;
    text-transform: uppercase;
  
}

input#SearchInput::placeholder {
    color: #231942;
}


.post-item .content .title{

    line-height: 25px;

    font-size: 1rem !important;

}

.widget-logo img{

    width: 80%;

}

button.product-action-btn.action-btn-wishlist.wishlist_save.icon_155.add_towishlist_modal.btn-wishlist {
    background: #222e64;
    border: 0px;
    color: #fff;
    margin-right: 7px;
    padding: 5px 25px 7px;
    text-transform: uppercase;
    font-size: 14px;
    height: 40px;
}

/*  */

.icon .order-list{

    border-radius: 2em;

    color: #fff;

    font-size: 11px;

    font-weight: 900;

    height: 20px;

    right: 60px;

    line-height: 16px;

    position: absolute;

    text-align: center;

    top: 32px;

    width: 20px;

    background-color: #c33483;

}

.carousel-indicators [data-bs-target]{

    width: 8px !important;

    height: 8px !important;

    border-radius: 50%;

}

.icon-1 img{

    width: 85%;

}

.icon-1 .order-list-1 {
    border-radius: 2em;
    
    color: #fff;
    
    font-size: 10px;
    
    font-weight: 900;
    
    height: 15px;
    
    left: 22px;
    
    line-height: 14px;
    
    position: absolute;
    
    text-align: center;
    
    top: -3px;
    
    width: 15px;
    
    background-color: #d91c53 !important;
}

.product-item .product-thumb{

    /* height: 325px; */

}

.product-item .product-thumb-1{

    border-radius: 10px;

    overflow: hidden;

    position: relative;

}


.page-header-st3-content .page-header-title {
    font-size: 25px;
    margin: 0px;
    font-weight: 600;
  }

.padd-tb-60{

    padding-top: 60px;

    padding-bottom: 60px;

}

.padd-top-10{

    padding-top: 10px;

}

.thumb{

    background: #f4f4f4!important;

}

.arrivals h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 13px;
    line-height: 39px;
    text-transform: capitalize;
  }

.my-account-form .btn{

    color: #fff;

}

.deal{

    padding-top: 15px !important;

}

 .account-details-form span{

    color: #a3a2a2;

 }

 .account-details-form input[type="text"] {

    font-size: 12px;

    border: 1px solid #b7b7b7;

    border-radius: 3px;

}

.sec-title{

    padding-top: 50px !important;

}

.sec-title h2{

    padding-bottom: 30px;

}

.post-item .content .meta li+li{

    margin-left: 40px !important;

}

#para-text{

    width: 85%;

}

#button-content .btn-close{

    background-image: none;

    box-shadow: none;

    border-radius: 5px 5px 0 0;

    font-size: 18px;

    width: 100%;

    height: 32px;

    line-height: 18px;

    position: absolute;

    right: 0;

    bottom: 100%;

    background-color: #ff6565;

    color: #fff;

    opacity: 1;

    text-align: center;

    padding: 0;

    margin: 0;

}

#dialogue{

    top: 150px;

 }

 .free-ship-img img{

    width: 90px;

    height: 90px;

 }

 .foot-img img{

    width: 78px;

    height: 80px;

 }

.foot-img-1 img{

    width: 100px;

}

.reason{

    width: 80%;

}

ul.policy li{

    list-style: inside;

    margin-bottom: 10px;

}

.policy-list{

    padding-top: 20px;

    padding-bottom: 20px;

}

.policy-list-1{

    padding-bottom: 20px;

}

.prod-tab-img img{

    width: 100px;

}

 /*******************************

     1 - GENERAL CSS STARTS

 ********************************/



 /*---------------- 1.1 Preloader Starts ------------------*/

 #loading {

     height: 100%;

     width: 100%;

     position: fixed;

     z-index: 2000;

     top: 0;

     background: #fff;

 }



 .loader {

     position: absolute;

     top: 50%;

     left: 40%;

     margin-left: 10%;

     transform: translate3d(-50%, -50%, 0);

 }



 .loader .dot {

     width: 24px;

     height: 24px;

     background: #f7d4ce;

     border-radius: 100%;

     display: inline-block;

     animation: slide 1s infinite;

 }



 .loader .dot:nth-child(1) {

     animation-delay: 0.1s;

     background: #f7d4ce;

 }



 .loader .dot:nth-child(2) {

     animation-delay: 0.2s;

     background: #f7d4ce;

 }



 .loader .dot:nth-child(3) {

     animation-delay: 0.3s;

     background: #90d3a6;

 }



 .loader .dot:nth-child(4) {

     animation-delay: 0.4s;

     background: #b8c800;

 }



 .loader .dot:nth-child(5) {

     animation-delay: 0.5s;

     background: #c33483;

 }



 @-moz-keyframes slide {

     0% {

         transform: scale(1);

     }

     50% {

         opacity: 0.3;

         transform: scale(2);

     }

     100% {

         transform: scale(1);

     }

 }



 @-webkit-keyframes slide {

     0% {

         transform: scale(1);

     }

     50% {

         opacity: 0.3;

         transform: scale(2);

     }

     100% {

         transform: scale(1);

     }

 }



 @-o-keyframes slide {

     0% {

         transform: scale(1);

     }

     50% {

         opacity: 0.3;

         transform: scale(2);

     }

     100% {

         transform: scale(1);

     }

 }



 @keyframes slide {

     0% {

         transform: scale(1);

     }

     50% {

         opacity: 0.3;

         transform: scale(2);

     }

     100% {

         transform: scale(1);

     }

 }



 /*---------------- 1.1 Preloader Ends ------------------*/



 /*---------------- 1.2 Global properties (body, common classes, structure etc) Starts ----------------------*/

 .wrapper {



 }



 .boxed .wrapper {

     background-color: #ffffff;

     margin: 0 auto;

     max-width: 1200px;

 }



 .no-padding {

     padding-left: 0;

     padding-right: 0;

 }



 .no-pad-right {

     padding-right: 0;

 }



 .no-pad-left {

     padding-left: 0;

 }



 .no-margin {

     margin: 0;

 }



 img {

     max-width: 100%;

     /*max-height: 100%;*/

     height: auto;

 }



 .owl-carousel .owl-item img {

     width: auto;

     height: auto;

     margin: auto;

 }



 .light-bg {

     background-color: #f7f6f2;

 }



 .white-bg {

     background-color: #fff;

 }



 .black-bg {

     background-color: #000;

 }



 .rel-div {

     position: relative;

 }



 .mask-overlay, .theme-color-mask, .white-mask {

     bottom: 0;

     left: 0;

     position: absolute;

     right: 0;

     top: 0;

     z-index: 0;

 }



 .mask-overlay {

     background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

 }



 .white-mask {

     background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

 }



 strong {

     font-weight: 900;

 }



 .section-icon {

     text-align: center;

 }



 .section-icon .icon i {

     color: #c42178;

     font-size: 11px;

     margin: auto 1px;

 }



 .section-icon .icon {

     font-size: 15px;

 }



 .white-color {

     color: #fff;

 }



 .black-color {

     color: #000000;

 }



 .gray-color {

     color: #999;

 }



 .main-color {

     color: #525252;

 }



 .green-clr {

     color: #669900;

 }



 .red-clr {

     color: #e04337;

 }



 .clr-txt-2 {

     color: #90d3a6;

 }



 .block-inline {

     display: inline-block;

     width: 100%;

     vertical-align: middle;

 }



 .list-items li {

     display: inline-block;

     margin: 0 5px;

 }



 .list-items {

     margin-bottom: 0;

 }



 /*-- Tags --*/

 .prod-tag {

     border-radius: 2em;

     color: #fff;

     display: inline-block;

     font-size: 10px;

     height: 22px;

     letter-spacing: 2px;

     line-height: 18px;

     margin: 50px 3px auto;

     padding: 2px 15px;

     text-align: center;

     text-transform: uppercase;

     width: 70px;

 }



 .prod-tag.tag-1 {

     background-color: #c42178;

 }



 .prod-tag.tag-2 {

     background-color: #665553;

 }



 /*------------------- 1.2 Global properties (body, common classes, structure etc) Ends -----------------*/



 /*---------------------- 1.3 Section Space Starts ----------------------------*/

 section {

     position: relative;

 }



 .sec-space {

     padding-bottom: 100px;

     padding-top: 100px;

 }



 .sec-space-bottom {

     padding-bottom: 100px;

 }



 .sec-space-top {

     padding-top: 100px;

 }



 .ptb-10 {

     padding-bottom: 10px;

     padding-top: 10px;

 }



 .pb-10 {

     padding-bottom: 10px;

 }



 .pt-10 {

     padding-top: 10px;

 }



 .ptb-15 {

     padding-bottom: 15px;

     padding-top: 15px;

 }



 .pb-15 {

     padding-bottom: 15px;

 }



 .pt-15 {

     padding-top: 15px;

 }



 .ptb-50 {

     padding-bottom: 50px;

     padding-top: 50px;

 }



 .pb-50 {

     padding-bottom: 50px;

 }



 .pt-50 {

     padding-top: 50px;

 }



 .ml-10 {

     margin-left: 10px;

 }



 /*---------------------------- 1.3 Page section block Ends ---------------------------*/



 /*--------------------------- 1.4 Typography (section title, links, page dividers) Starts -------------------------- */

 a:hover,

 a:active,

 a:focus,

 .btn:hover, .btn:focus, .btn:active {

     text-decoration: none;

     outline: 0;


 }



 a, .btn, button {

     -ms-transition: all 0.4s ease-in-out;

     -webkit-transition: all 0.4s ease-in-out;

     transition: all 0.4s ease-in-out;



 }



 a:hover,

 a:active,

 a:focus {

     text-decoration: none;



 }



 a.clr-txt:hover {

     color: #525252;

 }



 div, img, p, h2, h3, h4, h5, h6, a::before, a::after, i {

     -ms-transition: all 0.4s ease-in-out;

     -webkit-transition: all 0.4s ease-in-out;

     transition: all 0.4s ease-in-out;

 }



 p {

     margin-bottom: 15px;

     line-height: 1.7;

 }



 ul,

 ol {

     padding-left: 0;

     list-style: none;

     margin-bottom: 20px;

 }



 ul ul,

 ol ul,

 ul ol,

 ol ol {

     padding-left: 20px;

 }



 h2, h3, h4, h5, h6 {

     margin-top: 10px;

     margin-bottom: 10px;

 }



 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {

     color: #525252;

 }



 .title-wrap {

     display: inline-block;

     width: 100%;

     vertical-align: middle;

     text-align: center;

     /*margin-bottom: 30px;*/

 }



 .title-wrap > p {

     font-size: 16px;

     margin: 35px auto 25px;

     width: 80%;

 }



 .section-title {

     letter-spacing: 1px;

 }



 .section-title strong {

     position: relative;

 }



 .section-title strong > img {

     bottom: 100%;

     left: 105px;

     margin: auto auto -17px;

     position: absolute;

 }



 .section-title .round-shape {

     border: 1px solid #efefef;

     border-radius: 5em;

     display: inline-block;

     margin-top: 15px;

     padding: 5px 30px 8px;

 }



 .section-title .round-shape {

     position: relative;

 }



 .section-title .round-shape:before,

 .section-title .round-shape:after {

     border-bottom: 1px solid #efefef;

     content: "";

     height: 5px;

     position: absolute;

     top: 25px;

     width: 100%;

 }



 .section-title .round-shape:before {

     right: 100%;

 }



 .section-title .round-shape:after {

     left: 100%;

 }



 .sub-title {

     font-size: 12px;

     text-transform: uppercase;

     letter-spacing: 6px;

 }



 .sub-title > span {

     position: relative;

 }



 .sub-title > span:before,

 .sub-title > span:after {

     border-bottom: 1px solid #ccc;

     content: "";

     height: 5px;

     position: absolute;

     top: 3px;

     width: 50px;

 }



 .sub-title span:before {

     right: 100%;

     margin-right: 15px;

 }



 .sub-title span:after {

     left: 100%;

     margin-left: 15px;

 }



 .sub-title-sm {

     font-size: 10px;

     text-transform: uppercase;

     letter-spacing: 6px;

     color: #9f9f9f;

 }



 .sub-title-1 {

     font-size: 10px;

     text-transform: uppercase;

     color: #9f9f9f;

 }



 .title-1 {

     font-size: 18px;

 }



 .title-2, .widget-title {

     font-size: 22px;

     font-weight: 700;

 }



 .title-sec {

     font-size: 40px;

 }



 .over-txt-title .light-font {

     position: relative;

     text-align: center;

 }



 .over-txt {

     bottom: 0;

     font-size: 12px;

     font-weight: 900;

     height: 17px;

     left: 0;

     margin: auto;

     padding: 2px;

     position: absolute;

     right: 0;

     top: 0;

     width: 100%;

 }



 strong {

     font-weight: 900;

 }



 .divider-full-1 {

     border: 1px dashed #e9e9e9;

     display: inline-block;

     height: 1px;

     margin: 10px auto;

     width: 100%;

     vertical-align: middle;

 }



 .divider-1 {

     background-color: #eee;

     display: inline-block;

     height: 2px;

     margin: 10px auto;

     width: 40px;

 }



 .divider-2 {

     background-color: #eee;

     display: inline-block;

     height: 2px;

     margin: 10px auto;

     width: 30px;

 }



 /*-- Theme Tabs --*/

 .theme-tabs {

     font-size: 16px;

     margin: 0;

 }



 .theme-tabs > li {

     display: inline-block;

     vertical-align: middle;

     margin: 3px;

 }



 .theme-tabs a {

     border: 2px solid #d8d8d7;

     border-radius: 25px;

     color: #9f9e9c;

     display: inline-block;

     height: 45px;

     line-height: 30px;

     min-width: 180px;

     padding: 5px 10px;

     text-align: center;

     vertical-align: middle;

 }



 .theme-tabs.small a {

     border-width: 1px;

     font-size: 14px;

     height: 30px;

     line-height: 15px;

     min-width: initial;

     padding: 5px 15px;

 }



 .theme-tabs .active a, .theme-tabs a:hover, .theme-tabs a:focus {

     color: #fff;

     -webkit-box-shadow: 1px 4px 51px -17px rgba(0, 0, 0, 0.75);

     -moz-box-shadow: 1px 4px 51px -17px rgba(0, 0, 0, 0.75);

     box-shadow: 1px 4px 51px -17px rgba(0, 0, 0, 0.75);

 }



 .organic-content > .tab-pane {

     display: block;

     height: 0;

 }



 .organic-content > .active {

     height: auto;

 }



 /*-- ./Theme Tabs --*/



 /*------------------------ 1.4 Typography (section title, links, page dividers) Ends ---------------------- */



 /*--------------------------- 1.5 Buttons Starts ---------------------- */

 .theme-btn, .theme-btn-2, .theme-btn-3 {

     border: medium none;

     border-radius: 2em;

     box-shadow: none;

     font-size: 18px;

     height: 52px;

     padding: 0 25px;

     color: #fff;

     min-width: 200px;

     line-height: 50px;

 }



 .theme-btn > i {

     font-size: 14px;

     margin-left: 5px;

 }



 .theme-btn:hover, .theme-btn:focus {

     background-color: #525252;

     color: #fff;

 }



 .theme-btn-sm, .theme-btn-sm-2, .theme-btn-sm-3 {

     border-radius: 2em;

     display: inline-block;

     font-size: 12px;

     font-weight: 500;

     height: 35px;

     line-height: 25px;

     min-width: 120px;

     padding: 5px 20px;

     text-align: center;

     text-transform: uppercase;

 }



 .theme-btn-2, .theme-btn-sm-2 {

     background-color: #c42178;

     color: #fff;

 }



 .theme-btn-3, .theme-btn-sm-3 {

     background-color: #f7d4ce;

     color: #fff;

 }



 .theme-btn-2:hover, .theme-btn-sm-2:hover, .theme-btn-3:hover, .theme-btn-sm-3:hover {

     background-color: #525252;

     color: #fff;

 }



 .sm-bnt-wht {

     background-color: #fff;

     border-radius: 2em;

     border: 1px solid #bac3c3;

     color: #bac3c3;

     display: inline-block;

     font-size: 12px;

     font-weight: 500;

     height: 35px;

     line-height: 25px;

     min-width: 120px;

     padding: 5px 20px;

     text-align: center;

     text-transform: uppercase;

 }



 .light-bg .sm-bnt-wht {

     border: 1px solid #fff;

 }



 .sm-bnt-wht:hover, .sm-bnt-wht:focus {

     background-color: #525252;

     border-color: #525252;

     color: #fff;

 }



 .slide-btn {



 }



 .slide-btn::after {

     background: #fff none repeat scroll 0 0;

     border-radius: 30px;

     bottom: 5px;

     content: "";

     left: 5px;

     position: absolute;

     right: 5px;

     top: 5px;

     z-index: -2;

 }



 .slide-btn {

     background: rgba(0, 0, 0, 0) linear-gradient(to top, #5dc6cf 0%, #a7d39f 100%) repeat scroll 0 0;

     border: medium none;

     border-radius: 30px;

     display: inline-block;

     font-size: 16px;

     font-weight: 600;

     height: 50px;

     line-height: 50px;

     outline: medium none;

     padding: 0 16px;

     position: relative;

     text-align: center;

     text-transform: uppercase;

     width: 160px;

     z-index: 3;

 }



 .slide-btn:hover {

     color: #fff;

 }



 .slide-btn:hover::after {

     background: transparent;

 }



 label.btn input {

     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

     border: medium none;

     text-transform: uppercase;

 }



 /*------------------------ 1.5 Buttons Ends ---------------------------- */



 /*----------------------- 1.6 Form / Input / Textarea Starts --------------------------- */



 .form-group {

     margin-bottom: 20px;

 }



 .form-control, .input-group-addon, .bootstrap-select .btn {

     background-color:#f5f5f5;

     border-color:#f5f5f5;

     border-radius: 0px;

     box-shadow: none;

     font-size: 15px;

     height: 45px;

     line-height: 40px;

     padding: 10px 20px;

 }



 textarea.form-control, textarea {

     height: auto !important;

     resize: vertical;

 }



 /*-- Checkbox/Radiobox Starts --*/

 .form-group [type="checkbox"], .form-group [type="radio"] {

     border: 0 none;

     clip: rect(0, 0, 0, 0);

     height: 1px;

     margin: -1px;

     overflow: hidden;

     padding: 0;

     position: absolute;

     width: 1px;

 }



 .form-group .checkbox-inline, .form-group .radio-inline {

     font-size: 16px;

     line-height: normal;

     padding-left: 0;

     text-transform: none;

 }



 .form-group [type="checkbox"] + span, .form-group [type="radio"] + span {

     cursor: pointer;

     vertical-align: text-top;

 }



 .form-group [type="checkbox"] + span::before {

     color: #e6e6e5;

     content: "\f096";

     font-family: FontAwesome;

     font-size: 18px;

     margin-right: 8px;

     vertical-align: middle;

     line-height: 0;

 }



 .form-group [type="checkbox"]:checked + span:before {

     content: "\f046";

     font-family: FontAwesome;

 }



 .form-group [type="radio"] + span::before {

     color: #999999;

     content: "\f10c";

     font-family: FontAwesome;

     font-size: 14px;

     margin-right: 8px;

     vertical-align: middle;

     line-height: 0;

 }



 .form-group [type="radio"]:checked + span:before {

     content: "\f192";

     font-family: FontAwesome;

 }



 /*-- Checkbox/Radiobox Ends --*/



 /*--Bootstrap Select--*/

 .bootstrap-select .btn .filter-option {

     font-size: 12px;

     line-height: 30px;

 }



 .bootstrap-select.btn-group .dropdown-toggle .caret {

     border: none;

     margin-top: 0;

     right: 30px;

     top: 0;

 }



 .bootstrap-select.btn-group .dropdown-toggle .caret:after {

     content: "\f107";

     font-family: fontawesome;

     font-size: 14px;

 }



 .bootstrap-select .btn-default.active.focus, .bootstrap-select .btn-default.active:focus, .bootstrap-select .btn-default.active:hover,

 .bootstrap-select .btn-default.focus:active, .bootstrap-select .btn-default:active:focus, .bootstrap-select .btn-default:active:hover,

 .bootstrap-select > .dropdown-toggle.btn-default.focus, .bootstrap-select > .dropdown-toggle.btn-default:focus,

 .bootstrap-select > .dropdown-toggle.btn-default:hover {

     background-color: transparent;

     border-color: #cccccc;

 }



 .bootstrap-select .dropdown-toggle:focus {

     outline: 0 none !important;

     outline-offset: 0;

 }



 ::-webkit-input-placeholder {

     color: #a7aaad;

 }



 :-moz-placeholder {

     color: #a7aaad;

 }



 ::-moz-placeholder {

     color: #a7aaad;

 }



 :-ms-input-placeholder {

     color: #a7aaad;

 }



 .form-control::-webkit-input-placeholder {

     color: #cccccc;

     opacity: 1;

 }



 .form-control::-moz-placeholder {

     color: #cccccc;

     opacity: 1;

 }



 .form-control:-ms-input-placeholder {

     color: #cccccc;

     opacity: 1;

 }



 .form-control:focus {

     background-color: transparent;

     border-color:#231942;

     box-shadow: none;

     outline: 0 none;

 }

.outofstock span {
    position: relative;
    margin: auto;
    display: block;
    left: 0;
    border: 1px solid #f0f0f0;
    top: 130px;
    font-weight: 500;
    background: #dddddd2e;
    font-size: 18px;
    color: #fff;
}

 input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {

     outline: 0;

 }



 input:focus::-webkit-input-placeholder {

     color: transparent !important;

 }



 input:focus:-moz-placeholder {

     color: transparent !important;

 }



 input:focus::-moz-placeholder {

     color: transparent !important;

 }



 input:focus:-ms-input-placeholder {

     color: transparent !important;

 }



 textarea:focus::-webkit-input-placeholder {

     color: transparent !important;

 }



 textarea:focus:-moz-placeholder {

     color: transparent !important;

 }



 textarea:focus::-moz-placeholder {

     color: transparent !important;

 }



 textarea:focus:-ms-input-placeholder {

     color: transparent !important;

 }



 /*---------------------------- 1.6 Form / Input / Textarea Ends ------------------------------ */



 /*---------------------------------- 1.7 Theme Colors Starts -------------------------------- */

 a:hover,

 a:active,

 a:focus, .clr-txt, .mega-dropdown-menu .sub-list > li a:hover:before, .footer-widget .list li a:hover:before, .form-group [type="checkbox"]:checked + span::before,

 .top-nav > li a:hover, .top-nav > li a:focus, .breadcrumb-menubar > li > a:hover, .breadcrumb-menubar > li > a:focus, .blog-tabs li a:hover, .blog-tabs .active a {

     color:#213d62

 }



 .crl-bg, .theme-btn, .primary-navbar > li > a:after, .theme-tabs .active a, .theme-tabs a:hover, .theme-tabs a:focus, .product-box::after,

 .mega-dropdown-menu .menu-title::after, .deal-count:before, .page-footer .divider-2, .tags-widget a:hover, .tags-widget a:focus, .prod-tabs .tabs > li > a::after,

 .blog-tabs li a::after, .blog-tabs .active a::after {

     background-color: #d91c53;

 }



 .theme-tabs .active a, .theme-tabs a:hover, .theme-tabs a:focus, .organic-prod:hover:before, .tags-widget a:hover,

 .tags-widget a:focus, .product-single .item > a:hover, .product-single .item > a:focus, .product-single .synced .item > a {

     border-color: #c33483;

 }



 #map {

     border: 2px solid #c33483;

 }



 blockquote {

     border-left: 2px solid #c33483;

 }



 /*------------------------ 1.7 Theme Colors Ends ------------------------ */



 /*--------------------------1.8 Theme Fonts Starts------------------- */

 .font-2, p {


 }



 .prod-tag, .fontbold-2 {



     font-weight: 900;

 }



 .font-3, .title-sec {


 }



 .normal-font {

     font-weight: normal;

 }



 .italic-font {

     font-style: italic;

 }



 .extra-bold-font {

     font-weight: 800;

 }



 .medium-font {

     font-weight: 500;

 }



 .light-font {

     font-weight: 300;

 }



 .upper-text {

     text-transform: uppercase;

 }



 .normal-text {

     text-transform: none;

 }



 .capital-text {

     text-transform: capitalize;

 }



 .fsz-10 {

     font-size: 10px;

 }



 .fsz-12 {

     font-size: 12px;

 }



 .fsz-16 {

     font-size: 16px;

 }



 .fsz-20 {

     font-size: 20px;

 }



 .fsz-30 {

     font-size: 30px;

 }



 .fsz-35 {

     font-size: 35px;

 }



 .fsz-50 {

     font-size: 50px;

 }



 /*-------------------------1.8 Theme Fonts Ends--------------------- */



 /*-------------------------  1.9 - Rating Stars Starts --------------------- */



 .rating span.star::before {

     color: #626262;

     font-size: 15px;

     content: "\f005";

     font-family: FontAwesome;



     -ms-transition: all 0.3s ease-in-out;

     -webkit-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

 }



 .rating span.star.active::before {

     color: #f6cc28;

 }



 .rating span.star.half:before {

     color: #f6cc28;

     content: "\f123";

     font-family: FontAwesome;

 }



 /*------------------------- 1.9 - Rating Stars Ends --------------------- */



 /*--------------------- 1.10 - Products Starts ------------------------- */

 .product-box {

     border-radius: 10px;

     overflow: hidden;

     margin: 40px auto auto;

     text-align: center;

     position: relative;

     background-color: #fff;

 }



 .owl-carousel .product-box {

     margin: 40px auto;

 }



 .product-box:hover {

     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);

 }



 .light-bg .product-box {

     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);

 }



 .product-box::after {

     bottom: 0;

     content: "";

     display: block;

     height: 3px;

     margin: auto;

     vertical-align: middle;

     width: 60px;

     opacity: 0;

     visibility: hidden;



     transform: translateX(-65px);

     -webkit-transform: translateX(-65px);



     transition: all 0.4s ease-in-out 0s;

     -webkit-transition: all 0.4s ease-in-out 0s;

 }



 .product-box:hover:after {

     opacity: 1;

     visibility: visible;

     transform: translateX(0px);

     -webkit-transform: translateX(0px);

 }



 .product-media {

     background-color: #f7f6f2;

     height: 330px;

     position: relative;

 }



 .product-media > .prod-img {

     bottom: 0;

     margin: auto;

     left: 0;

     right: 0;

     position: absolute;

     z-index: 1;

 }



 .price del {

     color: #dddddd;

     margin-left: 3px;

 }



 .product-media > img.shape {

     position: absolute;

     bottom: 0;

     width: 100%;

     left: 0;

     right: 0;

     margin: auto;

 }



 .product-title {



 }



 .product-caption {

     text-align: center;

     padding: 10px 0 30px;

 }



 .prod-icons {

     border-radius: 2em;

     display: table;

     left: 0;

     margin: auto;

     opacity: 0;

     overflow: hidden;

     position: absolute;

     right: 0;

     top: 0;

     visibility: hidden;

     z-index: 1;



     transform: translateY(-65px);

     -webkit-transform: translateY(-65px);

 }



 .prod-icons > a {

     background-color: #fff;

     color: #dedede;

     font-size: 20px;

     height: 45px;

     line-height: 45px;

     width: 60px;

 }



 .prod-icons > a:first-child {

     border-radius: 2em 0 0 2em;

 }



 .prod-icons > a:last-child {

     border-radius: 0 2em 2em 0;

 }



 .prod-icons > a:hover {

     background-color: #c42178;

     color: #fff;

 }



 .prod-icons > a:nth-child(2n):hover {

     background-color: #f7d4ce;

 }



 .product-box:hover .prod-icons {

     opacity: 1;

     visibility: visible;

     transform: translateY(35px);

     -webkit-transform: translateY(35px);

 }



 /*--------------------- 1.10 - Products Ends ------------------------- */



 /*--------------------- 1.11 - Slider Pagination Starts ------------------------- */

 .owl-theme .owl-controls {

     text-align: center;

 }



 .owl-theme.dots-1 .owl-dot {

     background-color: #f7f6f2;

     display: inline-block;

     height: 8px;

     margin-left: 1px;

     position: relative;

     vertical-align: middle;

     width: 50px;

 }



 .light-bg .owl-theme.dots-1 .owl-dot {

     background-color: #eeede9;

 }



 .owl-theme.dots-1 .owl-dot:hover, .owl-theme.dots-1 .owl-dot.active {

     background-color: #c42178;

 }



 .owl-theme.dots-1 .owl-dot:first-child {

     border-radius: 5px 0 0 5px;

 }



 .owl-theme.dots-1 .owl-dot:last-child {

     border-radius: 0 5px 5px 0;

 }



 .dots-2 .owl-dots {

     counter-reset: dots;

 }



 .dots-2 .owl-dot:before {

     counter-increment: dots;

     content: counter(dots);

 }



 .dots-2 .owl-dot {

     background-color: #fff;

     border-radius: 1em;

     color: #dedede;

     display: inline-block;

     font-weight: 900;

     height: 25px;

     line-height: 25px;

     margin: 5px;

     width: 25px;

 }



 .dots-2 .owl-dot:hover, .dots-2 .owl-dot.active {

     background-color: #c42178;

     color: #fff;

 }



 .nav-1 .owl-nav {

     border: 1px solid #efefef;

     border-radius: 1em;

     display: inline-block;

     margin-top: -52px;

     position: absolute;

     right: 0;

     top: 0;

     overflow: hidden;

 }



 .nav-1 .owl-nav > div {

     color: #9f9f9f;

     display: inline-block;

     font-size: 10px;

     height: 23px;

     line-height: 23px;

     text-align: center;

     width: 35px;

 }



 .nav-1 .owl-nav > div:hover, .nav-1 .owl-nav > div:focus {

     background-color: #c42178;

     color: #fff;

 }



 .nav-1 .owl-prev {

     border-right: 1px solid #efefef;

 }



 /*--------------------- 1.11 - Slider Pagination Ends------------------------- */



 /*--------- 1.12 Breadcrumb Starts ---------- */

 .breadcrumb-bg {

     background-image: url("../img/extra/breadcrumb-1.jpg");

     background-repeat: no-repeat;

     background-size: cover;

     padding: 80px 0 100px;

 }



 .breadcrumb-bg.bg-2 {

     background-image: url("../img/extra/breadcrumb-2.jpg");

     text-align: center;

 }



 .site-breadcumb .section-title {

     font-size: 30px;

 }



 .breadcrumb-menubar {

     background: transparent none repeat scroll 0 0;

     margin: 7px 0 0;

     padding: 0

 }



 .breadcrumb-menubar > li {

     text-transform: uppercase;

     font-weight: 500;

     color: #a8a7a4;

     width: 100%;

     font-size: 12px;

 }



 .breadcrumb-menubar > li > a {

     color: #a8a7a4;

 }



 .breadcrumb-menubar > li > a:after {

     content: "/";



     color: #a8a7a4;

     padding: 0 3px;

 }



 /*--------- 1.12 Breadcrumb Ends ---------- */



 /*---------------------------------- 1.13 Content Middle Starts -------------------------------- */



 .tbl-rel {

     position: relative;

 }



 .tbl-wrp {

     height: 100%;

     position: absolute;

     left: 0;

     right: 0;

     top: 0;

     bottom: 0;

 }



 .tbl-wrp .text-middle {

     display: table;

     height: 100%;

     width: 100%;

     position: relative;

 }



 .tbl-wrp .tbl-cell {

     display: table-cell;

     height: 100%;

     vertical-align: middle;

     width: 100%;

 }



 /*------------------------ 1.13 Content Middle Ends ------------------------ */



 /*******************************

     1 - GENERAL CSS ENDS

 ********************************/



 /*******************************

     2 - HEADER CSS STARTS

 ********************************/



 /* Top Header */

 .top-nav > li {

     border-left: 1px solid #dddddd;

     border-right: 1px solid #dddddd;

     color: #999999;

     display: inline-block;

     font-size: 12px;

     font-weight: 500;

     height: 33px;

     padding: 7px 25px;

     vertical-align: middle;

 }



 .top-nav > li + li {

     margin-left: -4px;

 }



 .top-nav > li a {

     color: #999;

 }



 .header-topbar .left {

     float: left;

 }



 .header-topbar .right {

     float: right;

 }



 .top-nav {

     margin: 0;

 }



 .header-topbar {

     padding: 0 25px;

     background-color: #f7f6f2;

 }



 .top-nav .btn.dropdown-toggle.btn-default {

     background-color: transparent;

     border: medium none;

     border-radius: 0;

     box-shadow: none;

     font-size: 12px;

     height: auto;

     line-height: normal;

     padding: 0;

     min-width: 30px;

 }



 .top-nav .bootstrap-select.btn-group .dropdown-toggle .caret::after {

     font-size: 12px;

 }



 .top-nav .filter-option.pull-left {

     color: #999999;

     line-height: normal;

     text-transform: none;

 }



 .top-nav .bootstrap-select.btn-group .dropdown-toggle .caret {

     color: #999999;

     right: 0;

 }



 .top-nav .social-icon > a {

     background-color: #fff;

     border: 1px solid #ddd;

     border-radius: 25px;

     display: inline-block;

     font-size: 10px;

     height: 20px;

     line-height: 15px;

     text-align: center;

     width: 20px;

 }



 .top-nav .social-icon > a:hover {

     background-color: #525253;

     color: #fff;

 }



 /* Top Header */



 .main-header {

     padding: 25px 10px 5px;



     transition: all 0.4s ease-in-out 0s;

     -webkit-transition: all 0.4s ease-in-out 0s;

 }



 .home-wrap .main-header {

     left: 0;

     position: absolute;

     right: 0;

     top: 0;

     z-index: 11;

 }



 .main-header.is-sticky {

     background-color: #fff;

     box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);

     padding: 25px 10px 5px;

     position: fixed !important;

     top: 0;

     left: 0;

     right: 0;

     z-index: 999;



     transition: all 0.4s ease-in-out 0s;

     -webkit-transition: all 0.4s ease-in-out 0s;

 }



 .is-sticky .main-logo > span {display: none;}





 .main-logo > a {

     font-size: 30px;

 }



 .main-logo .medium-font {

     font-size: 11px;

     letter-spacing: 3px;

     margin: 5px 0;

     display: block;

 }



 .main-header .main-logo img {

     margin-top: -20px;

 }



 .main-logo strong {

     position: relative;

 }



 .main-logo strong > img {

     bottom: 100%;

     left: 0;

     margin: auto auto -10px;

     position: absolute;

     right: 0;

 }



 .primary-navbar {

     margin: 0;

     text-align: right;

 }



 .primary-navbar > li {

     display: inline-block;

     margin-top: 12px;

 }



 .primary-navbar > li a {

     font-weight: 500;

     padding: 10px;

     text-transform: uppercase;

     position: relative;

     font-size: 15px;

 }



 .primary-navbar > li .dropdown-menu a {

     font-size: 12px;

     text-transform: capitalize;

 }



 .primary-navbar > li > a:after {

     content: "";

     height: 5px;

     width: 5px;

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     opacity: 0;

     transition: .4s;

     -moz-transition: .4s;

     -webkit-transition: .4s;

     margin: 0 auto;

     border-radius: 50%;

 }



 .primary-navbar > li.active a::after, .primary-navbar > li a:hover::after, .primary-navbar > li a:focus::after {

     bottom: -5px;

     opacity: 1;

 }



 .style-2.main-header {

     background-color: #f9b600;

 }



 .style-2 .main-logo > a, .style-2.main-header, .style-2 .primary-navbar > li > a {

     color: #fff;

 }



 .style-2 .main-logo > a:focus, .style-2 .main-logo > a:hover, .style-2 .primary-navbar > li > a:hover, .style-2 .primary-navbar > li > a:focus {

     color: #fa413e;

 }



 .style-2 .primary-navbar > li > a::after {

     background-color: #fff;

 }



 .style-2 .cart-hover > .cnt {

     background-color: #fa413e;

 }



 /*---Header Navigation Megamenu---*/

 .mega-dropdown-menu > .menu-block:nth-child(odd) {

     background-color: #f6f6f6;

 }



 .navigation .primary-navbar li .mega-dropdown-menu {

     padding: 35px 15px;

 }



 .primary-navbar > li:hover > .dropdown-menu.mega-dropdown-menu {

     transform: translateY(0px);

     -webkit-transform: translateY(0px);

 }



 /*-- Megamenu and Shoppingcart --*/

 .cart-megamenu {

     position: unset;

     float: right;

 }



 .cart-megamenu > div {

     display: inline-block;

 }



 /* Cart */

 .cart-hover {

     margin: 10px 6px 0px 0px;

     position: relative;

     cursor: pointer;

 }



 .cart-hover > .cnt {

     border-radius: 2em;

     color: #fff;

     font-size: 11px;

     font-weight: 900;

     height: 20px;

     left: 20px;

     line-height: 18px;

     position: absolute;

     text-align: center;

     top: -4px;

     width: 20px;

 }



 .cart-hover > .price {

     font-weight: 500;

     margin-left: 15px;

     vertical-align: middle;

 }



 /* Cart */



 /*cart-popup*/

 .cart-popup {

     background-color: #fff;

     margin-top: 23px;

     padding: 0 15px;

     position: absolute;

     right: 0;

     width: 300px;

     box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);

     cursor: auto;

     z-index: 11;



     opacity: 0;

     visibility: hidden;



     transform: translateY(50px);

     -webkit-transform: translateY(50px);

     -ms-transform: translateY(50px);



     transition: all 0.4s ease-in-out 0s;

     -webkit-transition: all 0.4s ease-in-out 0s;

 }



 .cart-hover:hover .cart-popup {

     opacity: 1;

     visibility: visible;



     transform: translateY(0px);

     -webkit-transform: translateY(0px);

     -ms-transform: translateY(0px);

 }



 .cart-list {

     display: inline-block;

     width: 100%;

     vertical-align: middle;

     padding: 15px 0;

 }



 .cart-list + .cart-list {

     border-top: 1px solid #eeeeee;

 }



 .cart-list > div {

     display: table-cell;

     vertical-align: top;

 }



 .cart-title {

     padding: 0 10px;

     width: 65%;

 }



 .cart-list .close-icon i {

     background-color: #f7f6f2;

     border-radius: 2em;

     cursor: pointer;

     font-size: 10px;

     height: 25px;

     line-height: 23px;

     margin-top: 5px;

     text-align: center;

     width: 25px;

 }



 .cart-list .close-icon i:hover {

     background-color: #525252;

     color: #fff;

 }



 .cart-img {

     width: 70px;

 }



 .sub-total > div {

     vertical-align: middle;

 }



 /* Megamenu */

 .mega-submenu {

     float: right;

     margin-top: 10px;

 }



 .mega-dropdown-menu {

     top: 60px;

     left: 30px;

     position: absolute;

     right: 30px;

     background-color: #fff;

     opacity: 0;

     visibility: hidden;

     overflow: hidden;

     box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);

     z-index: 5;



     transform: translateY(50px);

     -webkit-transform: translateY(50px);

     -ms-transform: translateY(50px);

 }



 .mega-dropdown-menu.open {

     opacity: 1;

     visibility: visible;



     transform: translateY(0px);

     -webkit-transform: translateY(0px);

     -ms-transform: translateY(0px);

 }



 .mega-dropdown-menu .menu-block {

     padding: 30px 20px 0;

 }



 .mega-dropdown-menu .owl-item:nth-child(even) .menu-block {

     background-color: #f6f6f6;

 }



 .mega-dropdown-menu .menu-title {

     font-size: 22px;

     margin-bottom: 25px;

     padding-bottom: 17px;

     position: relative;

     color: #525252;

 }



 .mega-dropdown-menu .menu-title::after {

     bottom: 0;

     content: "";

     display: block;

     height: 2px;

     position: absolute;

     width: 25px;

 }



 .mega-dropdown-menu .sub-list {

     padding-left: 0;

     margin-bottom: 20px;

 }



 .mega-dropdown-menu .sub-list > li {

     font-size: 15px;

     padding: 5px 0;

 }



 .mega-dropdown-menu .sub-list > li a {

     position: relative;

     padding: 0;

 }



 .mega-dropdown-menu .sub-list > li a:before {

     content: "\f18e";

     font-family: FontAwesome;

     color: #cccccc;

     margin-right: 10px;

 }



 .mega-dropdown-menu .sub-list > li a:hover:before {

     -webkit-animation: bounceIn .5s;

     animation: bounceIn .5s;

 }



 .mega-dropdown-menu .title {

     font-size: 11px;

     font-weight: 900;

     text-transform: uppercase;

 }



 .mega-dropdown-menu .title > a {

     padding: 0;

     text-transform: uppercase !important;

 }



 .mega-dropdown-menu .menu-img {

     height: 150px;

     position: relative;

     text-align: center;

 }



 .mega-dropdown-menu .menu-img img {

     bottom: 0;

     left: 0;

     position: absolute;

     right: 0;

     margin: auto;

 }



 .mega-dropdown-menu .menu-toggle {

     position: absolute;

     right: 10px;

     top: 10px;

     z-index: 5;

 }



 /* ./ Megamenu */



 /*-- ./ Megamenu and Shoppingcart --*/

 @media (max-width: 1199px) {



     .home-wrap .main-header {

         position: static;

         height: 114px;

     }



     .fix-navbar {

         padding: 80px 0;

     }



     .responsive-toggle {

         border: 2px solid;

         cursor: pointer;

         height: 35px;

         line-height: 30px;

         /*margin-left: 20px;*/

         text-align: center;

         width: 35px;

         display: block;

     }



     .responsive-menu .responsive-toggle {

         position: absolute;

         left: 10px;

         top: 15px;

         z-index: 5;

     }



     .responsive-menu {

         right: 0;

         max-width: 270px;

         padding: 0;

         position: fixed;

         top: 0;

         background-color: #f6f6f6;

         height: 100%;

         z-index: 999;

         transform: translateX(300px);

         -webkit-transform: translateX(300px);

     }



     .off-canvas-body .responsive-menu {

         transform: translateX(0px);

         -webkit-transform: translateX(0px);

     }



     .primary-navbar {

         text-align: left;

     }



     .primary-navbar > li {

         width: 100%;

         padding: 0 20px;

     }



     .primary-navbar li.open .dropdown-menu {

         display: block;

         border: none;

         position: static;

         width: 100%;

         padding: 0;

         opacity: 1;

         visibility: visible;

     }



     .primary-navbar li.open .mega-dropdown-menu {

         transform: none;

         -webkit-transform: none;

     }



     .primary-navbar > li > a::after {

         opacity: 0 !important;

     }



     .cart-megamenu .mega-dropdown-menu {

         height: 530px;

         overflow-y: auto;

     }



     .style-2 .responsive-menu {

         background-color: #525252;

     }



     .mCS-dir-rtl > .mCSB_inside > .mCSB_container {

         margin: 0;

     }



     .scroll-js {

         height: 100%;

     }

 }



 @media (min-width: 1200px) {



     .responsive-toggle {

         display: none !important;

     }



     /*-- Header --*/

     .white-bg .primary-navbar {

     }



     .primary-navbar li .dropdown-menu {

         opacity: 0;

         visibility: hidden;

         display: block;

         padding: 0;



         transform: translateY(50px);

         -webkit-transform: translateY(50px);

         -ms-transform: translateY(50px);



         transition: all 0.4s ease-in-out 0s;

         -webkit-transition: all 0.4s ease-in-out 0s;

         -ms-transition: all 0.4s ease-in-out 0s;

     }



     .primary-navbar > li:hover > .dropdown-menu {

         opacity: 1;

         visibility: visible;



         transform: translateY(18px);

         -webkit-transform: translateY(18px);

         -ms-transform: translateY(18px);

     }



     .primary-navbar .dropdown-menu li:hover > .dropdown-menu {

         opacity: 1;

         visibility: visible;



         transform: translateX(0px);

         -webkit-transform: translateX(0px);

         -ms-transform: translateX(0px);

     }



     .primary-navbar .dropdown-menu li .dropdown-menu {

         right: 100%;

         left: auto;

         top: 0;



         transform: translateX(-50px);

         -webkit-transform: translateX(-50px);

         -ms-transform: translateX(-50px);

     }



     /*---Header Navigation Megamenu---*/

     .header-style2 .responsive-menu, .primary-navbar .mega-dropdown {

         position: static;

     }

 }



 @media (max-width: 991px) {

    .related-prod{

        height: auto !important;

    }

    .product-item .product-action-bottom{

        display:flex;

    }

     .header-topbar .left {

         float: none;

         text-align: center;

     }



     .header-topbar .right {

         float: none;

         text-align: center;

     }



     .left .top-nav > li {

         border-bottom: 1px solid #dddddd;

     }

     .mob-padd{

        padding-top: 15px !important;

    }

 }



 @media (max-width: 767px) {

    /* .progress-content{

        flex-direction: column;

    }

    #progressbar li:before{

        margin: 50px auto !important;

    }

    #progressbar li:first-child:after{

        border-top-left-radius: 0px !important;

        border-bottom-left-radius: 0px !important;

        left: 44% !important;

    }

    #progressbar li:after{

        width: 11% !important;

        height: 80px !important;

    }

    #progressbar li:nth-child(2):after, #progressbar li:nth-child(3):after{

        left: 44% !important;

    }

    #progressbar li{

        float: none !important;

    } */

    .product-action-modal .product-action-view-content .modal-action-product .thumb img{

        height: auto;

    }

    .shopping-checkout-wrap .title{

        margin-bottom: 15px;

    }

    .shipping-totals p{

        font-size: 9px;

    }

    .product-item .product-thumb-1{

        margin-bottom: 20px;

    }

    .my-account-item-wrap .title{

        margin-bottom: 15px !important;

    }

    .padd-tb-20{

        padding-top: 20px !important;

        padding-bottom: 20px !important;

    }

    .product-item .product-thumb img{

        margin-bottom: 20px;

    }

    .offer-deal{

        padding: 34px 15px 10px;

    }

    .deal-icon{

        margin-bottom: 18px;

    }

    .deal-icon-1{

        margin-bottom: 14px !important;

    }

    .offer-flag{

        padding: 0px 6px 0px !important;

    }

    .related-prod{

        height: auto !important;

    }

    .breadcrumb-item a{

        font-size: 13px;

    }

    .offers-slide img{

        height: 320px;

    }

    .product-item .product-thumb{

height:200px !important;

    }

    .page-header-st3-content .page-header-title{

        font-size: 23px !important;
        text-align: center;


    }
    .page-header-st3-content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
      }

    .page-header-st3-content .breadcrumb{

        margin-bottom: 0px !important;

    }

    .page-header-title{

        margin-top: 0px !important;

    }

    .showing-pagination-results{

        margin-top: -26px !important;

        font-size: 13px;

        float: right;

    }

    .product-item .product-action-bottom{

        display:none;

    }

    .my-account-form input{

        height: 40px !important;

    }

    .billing-form-wrap form .form-group .form-control{

        height: 40px !important;

    }

    .shopping-cart-form{

        margin-bottom: 30px !important;

    }

    .padd-tb-40{

        padding-top: 40px !important;

        padding-bottom: 40px !important;

    }

    .arrivals{

        padding-top: 20px !important;

    }

    .arrivals .title{

        padding-bottom: 20px !important;

    }

    .arrivals h2{

        font-size: 35px;

    }

    .icon-1 img{

        width: 75%;

    }

    .icon img{

        width: 80%;

    }

    .header-action .header-action-btn svg{

        width: 23px !important;

    }

    .icon-1 .order-list-1{

        border-radius: 2em;

    color: #fff;

    font-size: 11px;

    font-weight: 900;

    height: 16px;

    right: 120px;

    line-height: 15px;

    position: absolute;

    text-align: center;

    /* top: 32px; */

    width: 16px;

    background-color: #c33483;

        top: 5px;

    }

    .sticky-header.sticky .header-logo img{


    }

    .icon .order-list {
        border-radius: 2em;
        color: #fff;
        font-size: 11px;
        font-weight: 900;
        height: 20px;
        right: -11px;
        line-height: 16px;
        position: absolute;
        text-align: center;
        top: -12px;
        width: 20px;
        background-color: #c33483;
    }

    .header-transparent{

        position: relative;

    }

    .product-review-item{

        margin-bottom: 15px !important;

    }

    .mob-padd{

        padding-top: 15px !important;

    }

  /*  .header-action{

        justify-content: space-evenly !important;

    } */




    .footer-main .desc{

        max-width: 100%;

        text-align: initial;

    }

    .footer-main .widget-nav li{

        width: 50% !important;

    }

    .widget-about{

        text-align: center;

    }

    .icon .order-list{

        right: 58px;

    }

    .icon-1 .order-list-1{

        right: 105px;

    }

    #modal-head{

        flex-direction: column !important;

    }

    #para-text{

        width: 100%;

    }

    #para-text .modal-title{

        text-align: center;

    }

    #para-text p{

        text-align: center;

    }

    #mob-img{

        width: 50%;

        height: 50%;

    }

     .cart-popup {

         width: 280px;

         right: auto;

         left: 0;

     }

     #dialogue{

        top: 160px;

     }

     .main-header {

         padding: 30px 10px;

         position: static;

     }



     .cart-megamenu {

         /*float: none;*/

         /*padding-top: 15px;*/

         /*position: unset;*/

             top: -45px !important;

             position: inherit;

     }



     .cart-megamenu .responsive-toggle {

         /*margin: 6px 25px 0 0;*/

         /*float: right;*/

     }

 }

 @media (min-width: 576px) {

    /* .modal-dialog{

        max-width: 430px !important;

    } */

 }

 @media (max-width: 479px) {

     .top-nav > li {

         width: 100%;

         text-align: left;

     }



     .top-nav > li + li {

         margin-left: 0;

     }



     .left .top-nav > li {

         border-bottom: 1px solid #dddddd;

     }



     .right .top-nav > li {

         border-bottom: 1px solid #dddddd;

     }

 }



 /*******************************

     2 - HEADER CSS ENDS

 ********************************/



 /*******************************

     3 - HOME CSS STARTS

 ********************************/



 #naturix-slider .owl-nav {

     background-color: #ffffff;

     bottom: 10%;

     right: 10%;

     top: auto;

 }





 /*----- Slide-1 -------- */

 .main-slide {

     position: relative;

 }



 .main-slide .item > img {

     width: 100%;

 }



 .slide-1 .slide-title {

     display: inline-block;

     position: relative;

 }



 .slide-1 .slide-title > span {

     bottom: 17px;

     font-style: italic;

     position: absolute;

     right: 0;

 }



 .slide-1 .slide-title2 .section-title {

     font-size: 70px;

 }



 .slide-1 .slide-title2 .sub-title {

     display: inline-block;

     font-size: 15px;

     letter-spacing: 3px;

 }



 @media (max-width: 992px) {

     .slide-1 .slide-title2 .section-title {

         font-size: 40px;

     }



     .slide-1 .slide-title2 .sub-title {

         font-size: 12px;

     }

 }



 @media (max-width: 767px) {

     .slide-1 .slide-title2 {

         display: none;

     }



     .slide-1 .slide-title {

         margin-bottom: 10px;

     }

 }



 @media (max-width: 480px) {

     .slide-1 .slide-title > img {

         max-width: 200px;

     }

 }



 /*----- Slide-2 -------- */

 .slide-2 .section-title strong > img {

     margin: auto auto -60px;

     right: 105px;

     left: auto;

 }



 .slide-2 .slide-title2 .section-title {

     font-size: 150px;

     color: #fff;

 }



 .slide-2 .slide-title2 .sub-title {

     background-image: url("../img/icons/slide-txt-bg-1.png");

     background-position: center center;

     background-repeat: no-repeat;

     color: #fff;

     font-size: 15px;

     letter-spacing: 3px;

     padding: 15px;

     margin-bottom: 30px;

 }



 @media (max-width: 992px) {

     .slide-2 .slide-title2 {

         padding-bottom: 0;

     }

     .my-account-item-wrap .title{

        margin-bottom: 15px !important;

    }

     .slide-2 .slide-title2 .section-title {

         font-size: 80px;

     }



     .slide-2 .slide-title2 .sub-title {

         font-size: 12px;

         background-size: cover;

     }



     .slide-2 .section-title strong > img {

         margin: auto auto -30px;

         right: 50px;

     }

 }



 @media (max-width: 767px) {



 }



 @media (max-width: 480px) {

     .slide-2 .slide-title2 .section-title {

         font-size: 48px;

     }



     .slide-2 .slide-title2 .sub-title {

         display: none;

     }



     .slide-2 .section-title strong > img {

         margin: auto auto -20px;

         max-width: 30px;

         right: 30px;

     }

 }



 /*----- Slide-3 -------- */



 .slide-3 .slide-title2 .sub-title {

     background-image: url("../img/icons/slide-txt-bg-2.png");

     background-position: center center;

     background-repeat: no-repeat;

     color: #f4c300;

     font-size: 18px;

     font-weight: 400;

     letter-spacing: 0;

     margin: 50px auto auto;

     padding: 15px;

 }



 .main-slide .social-icon {

     bottom: 0;

     height: 150px;

     margin: auto;

     position: absolute;

     right: 5%;

     top: 0;

 }



 .main-slide .social-icon > a {

     background-color: #fff;

     border-radius: 25px;

     color: #ffce00;

     display: block;

     font-size: 14px;

     height: 30px;

     line-height: 30px;

     margin-top: 10px;

     text-align: center;

     width: 30px;

 }



 .main-slide .social-icon > a:hover {

     background-color: #ffce00;

     color: #fff;

 }



 @media (max-width: 992px) {

     .slide-3 .slide-title2 .sub-title {

         font-size: 12px;

         background-size: cover;

     }



 }



 @media (max-width: 767px) {



 }



 @media (max-width: 480px) {

     .main-slide .social-icon {

         display: none;

     }

 }



 /*----- Slide-4 -------- */



 .slide-4 .slide-title2 .sub-title {

     color: #fff;

     font-size: 15px;

     letter-spacing: 3px;

     padding: 15px;

     margin-bottom: 30px;

 }



 @media (max-width: 991px) {

     .slide-4 .slide-title2 {

         padding-bottom: 0;

     }



     .slide-4 .slide-title2 .sub-title {

         font-size: 12px;

     }

 }



 @media (max-width: 767px) {

     .slide-4 .slide-title2 {

         padding-bottom: 25px;

     }

 }



 @media (max-width: 480px) {

     .slide-4 .slide-title2 .sub-title {

         display: none;

     }

 }



 /*---------------------- Main Slider Ends ---------------------------- */



 /*--------------------- All Organic Starts ------------------------- */

 .organic-all > .pattern {position: relative; z-index: 1;}

 .organic-wrap {

     display: inline-block;

     position: relative;

     text-align: center;

     vertical-align: middle;

     width: 100%;

 }



 .organic-wrap .tabs-box {

     display: inline-block;

     margin-top: 22px;

     width: 100%;

 }



 @media (min-width: 1200px) {

     .organic-wrap .theme-tabs > li:nth-child(-n+2) {

         float: left;

     }



     .organic-wrap .theme-tabs > li:nth-child(n+3) {

         float: right;

     }



     .organic-wrap .logo-img {

         display: inline-block;

         left: 0;

         margin: auto;

         position: absolute;

         right: 0;

     }

     .pattern {

         margin-top: -45px;

     }

 }



 @media (min-width: 992px) and (max-width: 1199px) {

    .my-account-form input{

        height: 40px;

    }

    .padd-tp-10{

        padding-top: 10px !important;

    }

    .my-account-item-wrap .title{

        margin-bottom: 15px !important;

    }

    .marg-tb-30{

        margin-top: 30px !important;

        margin-bottom: 30px !important;

    }

     .pattern {

         margin-top: -35px;

     }

     .mob-padd{

        padding-top: 15px !important;

    }

    .prod-wrap{

        margin-bottom:15px !important;

        padding-bottom:0px !important;

    }

    .product-review-item{

        background: #fafafa;

        border-radius: 30px;

        margin-bottom: 30px;

        padding: 30px 30px 28px;

        position: relative;

    }

    .icon .order-list{

        top: 22px;

    }

    .icon-1 .order-list-1{

        top: 22px;

    }

 }



 @media (min-width: 768px) and (max-width: 991px) {

    .padd-tb-60{

        padding-top: 60px !important;

        padding-bottom: 60px !important;

    }

     .pattern {

         margin-top: -25px;

     }

     .product-review-item{

        margin-bottom: 20px !important;

     }

     .product-banner-item{

        margin-bottom: 20px;

     }

     .mob-padd{

        padding-top: 15px !important;

    }

    .icon .order-list{

        right: 45px;

    }

    .icon-1 .order-list-1{

        right: 99px;

    }

 }



 @media (max-width: 767px) {

     .pattern {

         margin-top: -20px;

     }

 }



 @media (max-width: 380px) {

     .pattern {

         margin-top: -15px;

     }

 }



 /*--------------------- All Oeganic Ends ------------------------- */



 /*--------------------- Organic Farmfood Starts ------------------------- */

 .organic-farm {

     position: relative;

 }



 .organic-farm .left-bg-img {

     left: 0;

     position: absolute;

 }



 .organic-farm .center-bg-img {

     position: absolute;

     right: 0;

     top: 35%;

 }



 .organic-farm .row > div:nth-child(1), .organic-farm .row > div:nth-child(4) {

     margin-top: 85px;

 }



 .organic-farm-2 {

     position: relative;

 }



 .organic-farm-2 .left-bottom-img {

     left: 0;

     bottom: 25%;

     position: absolute;

 }



 .organic-farm-2 .right-top-img {

     position: absolute;

     right: 0;

     top: 20%;

 }



 .organic-farm-2 .feature-img {

     margin-top: 60px;

 }



 .organic-farm-2 .feature-wrap {

     margin-top: 50px;

 }



 .organic-farm-2 .shape-2 {

     bottom: 0;

     position: absolute;

 }



 .feature-wrap {

     position: relative;

     z-index: 1;

 }



 .feature-img {

     display: inline-block;

     margin-bottom: -100px;

     margin-top: -25px;

     text-align: center;

     width: 100%;

     z-index: 1;

 }



 .organic-prod {

     border: 1px solid #efefef;

     border-radius: 10px;

     padding: 35px 5px;

     text-align: center;

     position: relative;

 }



 .organic-prod:before {

     border: 2px solid transparent;

     border-radius: 10px;

     bottom: -1px;

     content: "";

     z-index: -2;

     left: -1px;

     position: absolute;

     right: -1px;

     top: -1px;

     transition: all 0.4s ease-in-out 0s;

     -webkit-transition: all 0.4s ease-in-out 0s;

 }



 .organic-prod:hover {

     box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);

     border-color: transparent;

 }



 .organic-prod .divider {

     background-color: #eee;

     display: block;

     height: 2px;

     margin: 30px auto 15px;

     width: 40px;

 }



 @media (max-width: 1199px) {

     .organic-prod {

         margin-bottom: 30px;

     }

 }



 @media (max-width: 991px) {

     .organic-farm .row > div:nth-child(1), .organic-farm .row > div:nth-child(4) {

         margin-top: 0;

     }



     .organic-farm .row > div {

         margin-bottom: 30px;

     }

 }



 @media (max-width: 767px) {

     .organic-farm-2 .xs-text {

         text-align: center;

     }

 }



 /*--------------------- Organic Farmfood Ends ------------------------- */







 /* #countdown{

	width: 465px;

	height: 112px;

	text-align: center;

	background: #222;

	background-image: -webkit-linear-gradient(top, #222, #333, #333, #222);

	background-image:    -moz-linear-gradient(top, #222, #333, #333, #222);

	background-image:     -ms-linear-gradient(top, #222, #333, #333, #222);

	background-image:      -o-linear-gradient(top, #222, #333, #333, #222);

	border: 1px solid #111;

	border-radius: 5px;

	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);

	margin: auto;

	padding: 24px 0;

	position: absolute;

  top: 0; bottom: 0; left: 0; right: 0;

} */

#countdown .labels li{

    display: inline-block;

     text-align: center;

     margin: auto 3px;

     width: 80px;

     height: 80px;

     border-top: 5px solid #c42178;

     border-bottom: 5px solid #f7d4ce;

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

     background-position: 0 0, 100% 0;

     background-repeat: no-repeat;

     -webkit-background-size: 5px 100%;

     -moz-background-size: 5px 100%;

     background-size: 5px 100%;

     border-radius: 6px;



     background-image: -webkit-linear-gradient(top, #c42178 0%, #f7d4ce 100%), -webkit-linear-gradient(top, #c42178 0%, #f7d4ce 100%);

     background-image: -moz-linear-gradient(top, #c42178 0%, #f7d4ce 100%), -moz-linear-gradient(top, #c42178 0%, #f7d4ce 100%);

     background-image: -o-linear-gradient(top, #c42178 0%, #f7d4ce 100%), -o-linear-gradient(top, #c42178 0%, #f7d4ce 100%);

     background-image: linear-gradient(to bottom, #c42178 0%, #f7d4ce 100%), linear-gradient(to bottom, #c42178 0%, #f7d4ce 100%);

}

#countdown:before{

	/* content:"";

	width: 8px;

	height: 65px;

	background: #444;

	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);

	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);

	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);

	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);

	border: 1px solid #111;

	border-top-left-radius: 6px;

	border-bottom-left-radius: 6px;

	display: block;

	position: absolute;

	top: 48px; left: -10px; */

}



#countdown:after{

	/* content:"";

	width: 8px;

	height: 65px;

	background: #444;

	background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);

	background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);

	background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);

	background-image:      -o-linear-gradient(top, #555, #444, #444, #555);

	border: 1px solid #111;

	border-top-right-radius: 6px;

	border-bottom-right-radius: 6px;

	display: block;

	position: absolute;

	top: 48px; right: -10px; */

}



#countdown #tiles{

	position: relative;

	z-index: 1;

    top: 47px;

}



#countdown #tiles > span{

	width: 75px;

	/* max-width: 80px; */

	font: bold 40px 'Droid Sans', Arial, sans-serif;

	text-align: center;

	color: #525252;

	/* border-top: 1px solid #fff; */

	border-radius: 3px;

	/* box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); */

	margin: 0 7px;

	padding: 8px 0;

	display: inline-block;

	position: relative;

}



#countdown #tiles > span:before{

	content:"";

	width: 90%;

	height: 13px;

	/* background: #111; */

	display: block;

	padding: 0 3px;

	position: absolute;

	top: 41%; left: -3px;

	z-index: -1;

}



#countdown #tiles > span:after{

	content:"";

	width: 100%;

	height: 1px;

	background: #eee;

	/* border-top: 1px solid #333; */

	display: block;

	position: absolute;

	top: 48%; left: 0;

}



#countdown .labels{

	width: 100%;

	height: 25px;

	text-align: center;

	position: absolute;

	bottom: 8px;

}



#countdown .labels li{

	width: 80px;

	font: bold 15px 'Droid Sans', Arial, sans-serif;

	color: #f7d4ce;

	/* text-shadow: 1px 1px 0px #000; */

	text-align: center;

	text-transform: uppercase;

	display: inline-block;

}





 /*--------------------- Deals Starts ------------------------- */

 .deals {

     position: relative;

 }



 .deals .right-bg-img {

     position: absolute;

     top: 0;

     right: 0;

 }



 .deals .left-bg-img {

     position: absolute;

     bottom: -5%;

     left: 0;

     z-index: 1;

 }



 .deal-count {

     border-top: 2px solid #fff;

     /* margin-bottom: 30px; */

     padding: 0px 0;

     position: relative;

     text-align: center;

 }



 .deal-count:before {

     content: "";

     display: inline-block;

     height: 2px;

     left: 0;

     margin: auto;

     position: absolute;

     right: 0;

     top: -2px;

     width: 170px;

 }



 .countdown-section {

     display: inline-block;

     text-align: center;

     margin: auto 3px;

     width: 80px;

     height: 80px;

     border-top: 5px solid #c42178;

     border-bottom: 5px solid #f7d4ce;

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

     background-position: 0 0, 100% 0;

     background-repeat: no-repeat;

     -webkit-background-size: 5px 100%;

     -moz-background-size: 5px 100%;

     background-size: 5px 100%;

     border-radius: 6px;



     background-image: -webkit-linear-gradient(top, #c42178 0%, #f7d4ce 100%), -webkit-linear-gradient(top, #c42178 0%, #f7d4ce 100%);

     background-image: -moz-linear-gradient(top, #c42178 0%, #f7d4ce 100%), -moz-linear-gradient(top, #c42178 0%, #f7d4ce 100%);

     background-image: -o-linear-gradient(top, #c42178 0%, #f7d4ce 100%), -o-linear-gradient(top, #c42178 0%, #f7d4ce 100%);

     background-image: linear-gradient(to bottom, #c42178 0%, #f7d4ce 100%), linear-gradient(to bottom, #c42178 0%, #f7d4ce 100%);

 }



 .countdown-amount {

     display: inline-block;

     font-size: 40px;

     font-weight: 900;

     line-height: normal;

     margin: 0;

     text-align: center;

     text-transform: capitalize;

 }



 .countdown-period {

     clear: both;

     color: #f7d4ce;

     display: block;

     font-size: 14px;

     font-weight: 900;

     line-height: normal;

     margin: 0;

     overflow: hidden;

     position: relative;

     text-transform: none;

 }



 .deal-item {

     background-color: #fff;

     border-radius: 10px;

     margin-bottom: 15%;

     position: relative;

     display: table;

     height: 100%;

 }



 .deal-icons {

     display: table-cell;

     height: 100%;

     vertical-align: top;

     width: 60px;

 }



 .deal-icons > a {

     color: #dedede;

     display: table;

     font-size: 20px;

     height: 33.3333%;

     position: relative;

     text-align: center;

     width: 100%;

 }



 .deal-icons > a::before {

     bottom: 0;

     height: 25px;

     left: 0;

     margin: auto;

     position: absolute;

     right: 0;

     top: 0;

     width: 25px;

 }



 .deal-icons > a:first-child {

     border-top-left-radius: 10px;

 }



 .deal-icons > a:last-child {

     border-bottom-left-radius: 10px;

 }



 .deal-content {

     border-left: 2px solid #f7f6f2;

     display: table-cell;

     padding: 20px 30px;

 }



 .deal-icons > a + a {

     border-top: 2px solid #f7f6f2;

 }



 .deal-icons > a:hover {

     background-color: #c42178;

     color: #fff;

 }



 .deal-icons > a:nth-child(2n):hover {

     background-color: #f7d4ce;

 }



 .deal-content .prod-tag {

     margin-top: 0;

 }



 .deal-content .sub-title {

     color: #a0a0a0;

     font-size: 10px;

     margin: 0;

 }



 .deal-text {

     width: 65%;

 }



 .deal-img {

     position: absolute;

     bottom: 0;

     right: 0;

 }



 @media (max-width: 480px) {

     .deal-content {

         padding: 15px

     }



     .deal-item {

         margin-bottom: 0;

     }



     .deal-text {

         width: 100%;

         margin-top: 20px;

     }



     .deal-img {

         position: initial;

     }

 }



 @media (max-width: 360px) {

     .countdown-section {

         /*margin: 5px 10%;*/

     }

 }



 /*--------------------- Deal Ends ------------------------- */



 /*--------------------- Random Starts ------------------------- */

 .random-prod {

     border: 1px solid #efefef;

     border-radius: 10px;

     padding: 20px;

     margin-bottom: 30px;

 }



 .random-img {

     display: table-cell;

     vertical-align: middle;

 }



 .random-img > img {

     max-height: 80px;

 }



 .random-text {

     display: table-cell;

     padding-left: 25px;

     vertical-align: middle;

 }



 .random-prod .divider {

     background-color: #eee;

     display: inline-block;

     height: 2px;

     width: 20px;

     margin: 12px auto 7px;

 }



 /*-- Style-2 --*/

 .random-prod-block .random-prod {

     padding: 30px 10px;

 }



 .random-prod-block .random-img, .random-prod-block .random-text {

     display: block;

     text-align: center;

     padding-left: 0;

 }



 .random-prod-block .random-img > img {

     margin: auto auto 15px;

 }



 /*-- ./Style-2 --*/



 .prod-banner.green-banner {

     background-color: #f6d1cca6;

 }



 .green-banner .banner-box .btn {

     background-color: #d5358d;

 }



 .green-banner .banner-box .btn:hover, .green-banner .banner-box .btn:focus {

     background-color: #5c5a5a;

 }



 .green-banner .title-sec {

     color: #c42178

 }



 .green-banner .title {

     text-align: right;

     color: #c42178;

 }



 .prod-banner.orange-banner {

     background-color: #f9a0c6;

 }



 .orange-banner .banner-box .btn {

     background-color: #d74787;

 }



 .orange-banner .banner-box .btn:hover, .orange-banner .banner-box .btn:focus {

     background-color: #5c5a5a;

 }



 .orange-banner .title-sec {

     color: #ffffff;

 }



 .orange-banner .title {

     color: #525252;

 }



 .prod-banner {

     border-radius: 10px;

     padding: 30px 30px 40px;

     position: relative;

 }



 .prod-banner > .title {

     font-size: 14px;

     margin-top: 0;

     position: relative;

     z-index: 3;

 }



 .prod-banner .bottom-img {

     position: absolute;

     right: 15px;

     bottom: 0;

     z-index: 2;

 }



 .prod-banner .top-img {

     left: 0;

     position: absolute;

     top: 0;

 }



 .banner-box {

     /* border: 5px solid #fff; */

     padding: 35px 25px;

     position: relative;

     z-index: 5;

 }



 .banner-content {

     width: 60%;

 }



 .banner-box .title-sec {

     margin: 0;

 }



 .banner-box .btn > span {

     float: left;

 }



 .banner-box .btn > i {

     float: right;

     margin-top: 3px;

 }



 .banner-box .section-title {

     font-size: 35px;

     margin: 0;

 }



 .banner-box .sub-title {

     letter-spacing: 2px;

 }



 .banner-box .btn {

     border: 4px solid #fff;

     border-radius: 2em;

     bottom: 15px;

     color: #fff;

     display: inline-block;

     font-size: 12px;

     font-weight: 600;

     height: 38px;

     bottom: -20px;

     line-height: 20px;

     position: absolute;

     text-align: left;

     text-transform: uppercase;

     width: 150px;

     padding: 6px 20px;

 }



 @media (max-width: 991px) {

     .prod-banner.orange-banner {

         margin-top: 30px;

     }

 }



 @media (max-width: 767px) {

     .prod-banner .bottom-img {

         z-index: 0;

     }

     .swiper-button-next:after, .swiper-button-prev:after{

        font-size: 25px !important;

     }

     .banner-content {

         width: 100%;

     }

 }



 /*--------------------- Random Ends ------------------------- */



 /*--------------------- Subscribe Newsletter Starts ------------------------- */

 .subscribe-wrap {

     position: relative;

 }



 .subscribe-wrap .right-bg-img {

     position: absolute;

     top: 0;

     right: 0;

 }



 .subscribe-wrap .left-bg-img {

     position: absolute;

     bottom: 0;

     left: 0;

 }



 .newsletter-form .form-control {

     background-color: #fff;

     border-radius: 2em;

     box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);

 }



 .newsletter-form .form-group {

     margin: 15px auto;

 }



 /*--------------------- Subscribe Newsletter Ends------------------------- */



 /*--------------------- Testimonials Starts ------------------------- */

 .testimonials {

     position: relative;

     z-index: 1;

     background-color: #fff;

     border-bottom: 1px solid #eeeeee;

     border-radius: 10px;

 }



 .testi-wrap {

     padding: 50px;

 }



 .testi-img {

     float: left;

 }



 .testi-img > a {

     border: 5px solid #c42178;

     border-radius: 50%;

     display: inline-block;

     overflow: hidden;

 }



 .testi-img > a > img {

     border-radius: 50%;

 }



 .testi-caption {

     display: table-cell;

     padding-left: 30px;

     vertical-align: top;

 }



 .testi-caption > p {

     color: #aaaaaa;

     font-size: 17px;

     margin-bottom: 25px;

 }



 .testimonials .nav-1 .owl-nav {

     background-color: #fff;

     bottom: 0;

     top: auto;

     right: auto;

     margin: auto auto -13px;

     width: auto;

 }



 @media (max-width: 991px) {

     .testi-wrap {

         padding: 50px 20px;

     }

 }



 @media (max-width: 380px) {

     .testi-img {

         float: none;

     }



     .testi-caption {

         padding-left: 0;

     }

 }



 /*--------------------- Testimonials Ends------------------------- */



 /*--------------------- Latest News Starts ------------------------- */

 .latest-news {

     display: inline-block;

     width: 100%;

     margin-top: 30px;

 }



 .news-img {

     float: left;

     margin: 20px auto auto 20px;

     position: relative;

 }



 .news-img::before {

     border: 1px solid #efefef;

     border-radius: 10px;

     content: "";

     display: inline-block;

     height: 100%;

     left: -20px;

     position: absolute;

     top: -20px;

     width: 100%;

     z-index: -1;

 }



 .news-caption {

     display: table-cell;

     padding-left: 30px;

     padding-top: 20px;

 }



 .news-caption .sub-title-sm {

     letter-spacing: normal;

 }



 @media (max-width: 567px) {

     .news-img {

         display: inline-block;

         float: none;

     }



     .news-caption {

         padding-left: 0;

     }

 }



 /*--------------------- Latest News Ends ------------------------- */



 /*--------------------- Short About Starts ------------------------- */

 .short-about {

     position: relative;

 }



 .short-about .left-top-img {

     position: absolute;

     top: 15%;

     left: 0;

 }



 .short-about .left-bottom-img {

     position: absolute;

     bottom: -5%;

     left: 0;

     z-index: 1;

 }



 .short-about .center-bg-img {

     position: absolute;

     top: 50%;

     right: 0;

 }



 .short-about .title-wrap {

     font-size: 35px;

 }



 .short-about .title-wrap > i {

     color: #c33483;

     font-size: 15px;

     margin: auto 1px;

     vertical-align: middle;

 }



 .about-wrap {

     text-align: center;

     position: relative;

     z-index: 1;

 }



 .about-wrap .icon {

     font-size: 15px;

 }



 .about-wrap .icon i {

     font-size: 11px;

     margin: auto 2px;

     color: #c42178;

 }



 /*--------------------- Short About Ends ------------------------- */



 /*--------------------- Naturix Quality Starts ------------------------- */

 .food-quality > div {

     padding-left: 0;

     padding-right: 0;

 }



 .quality-caption {

     display: block;

 }



 .quality-img {

     background-color: #f2f2f2;

     border-radius: 50%;

     height: 60px;

     line-height: 60px;

     text-align: center;

     width: 60px;

 }



 .left .quality-img {

     float: right;

 }



 .left .quality-caption {

     margin-right: 80px;

     text-align: right;

 }



 .right .quality-img {

     float: left;

 }



 .right .quality-caption {

     margin-left: 80px;

     text-align: left;

 }



 /*--------------------- Naturix Quality Ends ------------------------- */



 /*******************************

         3 - HOME CSS ENDS

 ********************************/



 /*******************************

         4 - SHOP CSS STARTS

 ********************************/



 /*--------------------- Sortbar Starts ------------------------- */

 .sort-bar {

     position: relative;

 }



 .sort-bar > .icon {

     text-align: center;

     left: 0;

     margin: auto;

     position: absolute;

     right: 0;

     bottom: -35px;

 }

 .sort-bar > .icon > img {z-index: 1;}

 .sort-dropdown {

     margin-right: 18px;

     display: inline-block;

 }



 .sort-dropdown:last-child {

     margin-right: 0;

 }



 .sort-dropdown > span, .sort-range > span {

     color: #bbbbbb;

     font-size: 12px;

     font-weight: 500;

 }



 .sort-dropdown .bootstrap-select .btn {

     border-radius: 2em;

     height: 36px;

     line-height: 35px;

     padding: 5px 20px;

     width: 150px;

 }



 .sort-dropdown .search-selectpicker {

     display: inline-block;

     margin-left: 15px;

 }



 .sort-dropdown .bootstrap-select .btn .filter-option {

     line-height: 25px;

 }



 .sort-bar {

     padding: 15px 0;

 }



 .sort-bar .right {

     float: right;

 }



 .search-wrap {

     display: inline-block;

     margin-left: 15px;

     position: relative;

     vertical-align: middle;

     width: 350px;

 }



 .search-wrap .form-control {

     border: 1px solid #e7e7e6;

     border-radius: 2em;

     height: 37px;

     padding: 5px 20px;

 }



 .search-wrap .btn {

     background-color: transparent;

     color: #bababa;

     position: absolute;

     right: 0;

     top: 0;

 }



 .search-wrap .btn:hover, .search-wrap .btn:focus {

     color: #525252;

 }



 .result-bar {

     margin-top: 15px;

 }



 .result-bar .result-txt {

     color: #bbbbbb;

     float: left;

     font-size: 16px;

 }



 .result-bar .view-tabs {

     float: right;

     margin: 10px 0;

 }



 .result-bar .view-tabs li {

     display: inline-block;

     margin-left: 5px;

 }



 .result-bar .view-tabs .active a, .result-bar .view-tabs li a:hover {

     color: #bbbbbb;

 }



 /*---------- Price Range Start ----------*/

 .sort-range {

     float: right;

     width: 200px;

 }



 .sort-range > span {

     display: inline-block;

     width: 45px;

 }



 .sort-range #price-range {

     display: inline-block;

     vertical-align: middle;

     width: 150px;

 }



 .sort-range .value {

     border: 1px solid #e5e5e4;

     border-radius: 7px;

     bottom: -25px;

     color: #999999;

     display: block;

     font-family: 'Gotham Light', sans-serif;

     font-size: 9px;

     font-weight: 900;

     left: -5px;

     line-height: 9px;

     padding: 2px 8px;

     position: absolute;

     text-align: center;

     width: 40px;

 }



 .sort-range .value::before, .sort-range .value::after {

     border-left: 2px solid rgba(0, 0, 0, 0);

     border-right: 6px solid rgba(0, 0, 0, 0);

     content: "";

     left: 0;

     margin-left: 6px;

     position: absolute;

     top: -6px;

 }



 .sort-range .value::before {

     border-bottom: 5px solid #e5e5e4;

 }



 .sort-range .value::after {

     border-bottom: 5px solid #ffffff;

     margin-top: 1px;

     z-index: 1;

 }



 .price-range-max.value {

     right: 0;

 }



 .price-range-both {

     display: none !important;

 }



 .value i {

     font-style: normal;

 }



 .ui-state-focus {

     outline: 0;

 }



 #price-range {

     background-color: #eeeeee;

     background-image: none;

     border: medium none;

     border-radius: 3px;

     height: 3px;

     width: 97%;

 }



 #price-range .ui-widget-header {

     background-image: none;

     background-color: #999;

 }



 #price-range .ui-slider-handle {

     background-color: #c42178;

     background-image: none;

     border: medium none;

     border-radius: 1em;

     height: 10px;

     top: -4px;

     margin: 0;

     width: 10px;

 }



 @media (max-width: 1199px) {

     .sort-bar > .icon {

         position: static;

         margin-bottom: 35px;

     }



     .sort-bar .right {

         float: left;

         margin-top: 20px;

     }

 }



 @media (max-width: 480px) {

     .sort-bar .right {

         margin-top: 0;

     }



     .sort-dropdown {

         margin: auto auto 20px;

     }



     .sort-range {

         float: none;

         margin-bottom: 20px;

     }



     .search-wrap {

         width: 200px;

     }

 }



 /*--------------------- Sortbar Ends ------------------------- */



 /*--------------------- Shop Starts ------------------------- */

 .list-view {

     box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);

     margin-top: 40px;

     margin-bottom: 0;

     overflow: hidden;

 }



 .list-view .deal-text {

     float: left;

 }



 .list-view .img {

     float: right;

     width: 35%;

     margin-top: 15px;

     text-align: right;

 }



 @media (min-width: 1200px) {

     .product-modal {

         width: 1090px;

     }

 }



 @media (max-width: 767px) {

     .shop-content .product-box {

         display: table;

     }



     .shop-content .product-media {

         width: 300px

     }

 }



 @media (max-width: 380px) {

     .shop-content .product-media {

         width: 280px

     }

 }



 /*--------------------- Shop Ends ------------------------- */



 /*--------------------- Shop Single Starts ------------------------- */

 .product-single .owl-carousel .owl-item img {

     margin: auto;

 }



 .product-single .item > a {

     border: 1px solid #e5e5e5;

     display: inline-block;

     border-radius: 3px;

 }



 .product-single .item > a:hover, .product-single .item > a:focus, .product-single .synced .item > a {

     border-width: 2px;

 }



 .product-single .item {

     text-align: center;

 }



 .product-single .sync2 .owl-nav > div {

     background-color: #fff;

     border: 1px solid #e5e5e5;

     border-radius: 15px;

     bottom: 0;

     color: #9f9f9f;

     display: inline-block;

     font-size: 10px;

     height: 20px;

     left: -10px;

     margin: auto;

     padding: 2px 10px;

     position: absolute;

     top: 0;

 }



 .product-single .sync2 .owl-nav > .owl-next {

     left: auto;

     right: -10px;

 }



 .product-single .sync2 .owl-nav > div:hover, .product-single .sync2 .owl-nav > div:focus {

     background-color: #c42178;

     color: #fff;

 }



 .product-content .rating {

     float: right;

 }



 .product-content .prod-tag {

     margin: 0 0 10px;

 }



 .product-content .meta > li {

     padding: 8px 0;

 }



 .product-content .meta li > strong {

     display: inline-block;

     width: 100px;

 }



 .prod-btns {

     border-bottom: 1px dashed #e9e9e9;

     border-top: 1px dashed #e9e9e9;

     margin: 25px auto;

     padding: 15px 0;

 }



 .prod-btns .quantity .btn {

     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

     bottom: 0;

     padding: 0;

     position: absolute;

     top: 0;

     font-size: 22px;

     color: #ccc;

 }



 .prod-btns .quantity .minus {

     left: 10px;

 }



 .prod-btns .quantity .plus {

     right: 10px;

 }



 .prod-btns .quantity {

     position: relative;

     width: 140px;

 }



 .prod-btns > div {

     display: inline-block;

     vertical-align: middle;

     margin: 0;

     line-height: 1;

 }



 .prod-btns .sort-dropdown .search-selectpicker {

     margin: auto 10px;

 }



 .prod-btns .quantity .qty {

     border-radius: 2em;

     height: 36px;

     line-height: 35px;

     padding: 5px 20px;

     text-align: center;

 }



 .prod-btns .bootstrap-select .btn {

     width: 100px

 }



 .prod-tabs .tabs > li {

     display: inline-block;

     margin: auto 10px;

 }



 .prod-tabs .tabs > li a {

     position: relative;

 }



 .prod-tabs .tabs > li > a:hover::after, .prod-tabs .tabs > .active > a::after {

     border-radius: 50%;

     bottom: 0;

     opacity: 0;

     content: "";

     height: 5px;

     left: 0;

     margin: 0 auto;

     position: absolute;

     right: 0;

     width: 5px;

 }



 .prod-tabs .tabs > li > a:hover::after, .prod-tabs .tabs > .active > a::after {

     bottom: -15px;

     opacity: 1;

 }



 .prod-tabs {

     text-align: center;

 }



 .prod-tab-content {

     padding-top: 30px;

 }



 .review-img {

     float: left;

     margin-right: 25px;

 }



 .rel-prod-slider {

     border-bottom: 1px solid #eeeeee;

 }



 .you-like .nav-1 .owl-nav {

     background-color: #fff;

     bottom: 0;

     display: inline-block;

     left: 0;

     margin: auto auto -13px;

     right: 0;

     top: auto;

     width: 72px;

 }



 .review-caption {

     display: table-cell;

     text-align: left;

 }



 .review-caption .title {

     display: inline-block;

 }



 .review-caption .rating {

     float: right;

     margin: 10px auto;

 }



 .review-wrap {

     border-bottom: 1px solid #eeeeee;

     margin: 40px auto auto;

     padding-bottom: 40px;

     width: 80%;

 }



 .your-rating {

     margin: 30px auto 40px;

 }



 .your-rating .left {

     float: left;

 }



 .your-rating .right {

     float: right;

 }



 .your-rating .left .star::before {

     color: #ccc;

     cursor: pointer;

     font-size: 26px;

     vertical-align: middle;

 }



 .your-rating .left .star:hover::before {

     color: #f6cc28;

 }



 @media (max-width: 767px) {

     .review-wrap {

         width: 100%;

     }



     .prod-btns > div {

         margin: 10px auto;

     }



     .product-content .tags-widget a {

         margin: 5px auto;

     }

 }



 /*--------------------- Shop Single Ends ------------------------- */



 /*---------- Shop Pagination Start ----------*/

 .nav-page {

     background-color: #fff;

     border: 1px solid #efefef;

     border-radius: 1em;

     bottom: 0;

     left: 0;

     margin: auto;

     overflow: hidden;

     position: absolute;

     right: 0;

     width: 80px;

 }



 .nav-page > a {

     color: #9f9f9f;

     display: inline-block;

     font-size: 10px;

     height: 23px;

     line-height: 23px;

     margin-left: -3px;

     text-align: center;

     width: 40px;

 }



 .nav-page > a:hover, .nav-page > a:focus, .pagintn > li a:hover, .pagintn > li a:focus {

     background-color: #c42178;

     color: #fff;

 }



 .nav-page > .left {

     border-right: 1px solid #efefef;

     width: 40px;

 }



 .pagintn > li {

     display: inline-block;

 }



 .pagination-wrap {

     margin-top: 50px;

     text-align: center;

 }



 .pagintn > li a {

     border-radius: 5em;

     color: #666666;

     display: inline-block;

     font-size: 16px;

     font-weight: 500;

     height: 30px;

     line-height: 30px;

     margin: auto 3px;

     width: 30px;

 }



 /*---------- Shop Pagination End ----------*/



 /*---------- Sidebar Starts ----------*/

 .widget-wrap {

     padding-bottom: 25px;

 }



 .widget-wrap > ul {

     margin-top: 10px;

 }



 .widget-wrap ul li {

     font-size: 16px;

     padding: 5px 0;

 }



 .widget-wrap .form-group {

     margin-bottom: 0;

 }



 .widget-wrap .sort-range {

     float: none;

     margin-bottom: 50px;

 }



 .widget-wrap .random-prod {

     border-style: none none dashed;

     border-width: medium medium 1px;

     border-color: #e9e9e9;

     border-radius: 0;

     margin-bottom: 30px;

     padding: 0 0 20px;

 }



 .widget-wrap .random-prod .title-1 {

     font-size: 15px;

 }



 .tags-widget > li {

     display: inline-block;

 }



 .tags-widget a {

     border: 1px solid #e5e5e4;

     border-radius: 1em;

     color: #a3a19f;

     font-size: 14px;

     padding: 3px 15px;

     display: inline-block;

 }



 .tags-widget a:hover, .tags-widget a:focus {

     color: #fff;

 }



 /*---------- Sidebar End ----------*/



 /*---------- Cart Starts ----------*/

 .product-table {

     height: auto;

     overflow: auto;

     width: 100%;

 }



 .product-table th {

     font-weight: normal;

     padding: 13px 20px;

     text-transform: capitalize;

     background-color: #f5f4f0;

     color: #7d7d7d;

     font-weight: 700;

     font-size: 15px;

     text-align: center;

 }



 .product-table td {

     border-top: 1px solid #eeeeee;

     padding: 30px 10px;

     vertical-align: top;

     vertical-align: middle;

     text-align: center;

 }



 .product-table td.image, .product-table td.description {

     text-align: left;

 }



 .product-table .prod-btns {

     border: none;

 }



 .product-table .prod-btns > div {

     margin: 5px auto;

 }



 .product-table .remove {

     background-color: #f7f6f2;

     border-radius: 15px;

     float: right;

     font-size: 12px;

     height: 25px;

     line-height: 25px;

     width: 25px;

 }



 .product-table .remove:hover, .product-table .remove:focus {

     background-color: #525252;

     color: #fff;

 }



 .shp-btn > .btn {

     margin: 15px;

 }



 .continue-shopping {

     border-bottom: 1px solid #eeeeee;

     border-top: 1px solid #eeeeee;

     display: inline-block;

     margin-bottom: 50px;

     padding: 30px 0 40px;

     vertical-align: middle;

     width: 100%;

 }



 .continue-shopping .left {

     float: left;

     width: 370px;

 }



 .continue-shopping .right {

     float: right;

     margin-top: 25px;

 }



 .coupan-form {

     overflow: hidden;

     position: relative;

 }



 .coupan-form .btn {

     background-color: #fbfaf6;

     border-left: 1px solid #e7e7e6;

     border-radius: 0 5em 5em 0;

     font-size: 13px;

     font-weight: 900;

     height: 43px;

     padding: 10px 25px;

     position: absolute;

     right: 1px;

     top: 1px;

 }



 @media (max-width: 991px) {

     .product-table {

         display: block;

         overflow-x: auto;

     }



     .continue-shopping .left {

         width: auto;

     }

 }



 /*---------- Cart End ----------*/



 /*---------------- Checkout Starts -------------------------- */

 .chk-panel {

     border: 1px solid #e5e5e5;

 }



 .chk-body {

     padding-left: 25px;

 }



 .chk-body form .form-group {

     margin-bottom: 15px;

 }



 .chk-panel .panel {

     border-bottom: 1px solid #e5e5e5;

     border-radius: 0;

     box-shadow: none;

     padding: 20px 30px;

 }



 .chk-panel .panel + .panel {

     margin-top: 0;

 }



 .chk-panel .panel:last-child {

     border-bottom: none;

 }



 .chk-form .radio-inline {

     display: inline-block;

     margin: 10px 0 0;

     width: 100%;

 }



 .chk-body p, .chk-body ul li {

     color: #999;

 }



 .chk-body ul li {

     display: inline-block;

     margin: 8px 0 0;

     width: 100%;

 }



 .chk-body ul li span {

     line-height: normal;

     margin-right: 10px;

     vertical-align: text-bottom;

 }



 .registed-form .fpw {

     float: left;

     margin: 10px auto auto;

 }



 .registed-form label {

     font-size: 13px;

     margin-bottom: 15px;

 }



 @media (max-width: 767px) {

     .chk-panel .panel {

         padding: 20px 15px;

     }



     .chk-body {

         padding-left: 0;

     }



     .chk-form {

         margin-bottom: 30px;

     }

 }



 /*---------------- Checkout Ends -------------------------- */



 /*******************************

         4 - SHOP CSS ENDS

 ********************************/



 /*******************************

         5 - MY ACCOUNT CSS STARTS

 ********************************/

 .account-body {

     padding-left: 35px;

     padding-top: 20px;

 }



 .acnt-list li {

     padding: 5px 0;

 }



 .acnt-list li i {

     margin-right: 5px;

 }



 .account-wrap {

     border: 1px solid #e5e5e5;

     padding: 30px;

 }



 .subscribe-group > label {

     padding-right: 15px;

 }



 .subscribe-group > .radio-inline {

     margin-top: -10px;

 }



 .order-status > .btn {

     margin: 5px;

 }



 .review-table td {

     text-align: left;

 }



 .review-table td {

     border-bottom: 1px solid #eeeeee;

 }



 .review-table .ratings {

     width: 40%;

 }



 /*******************************

         5 - MY ACCOUNT CSS ENDS

 ********************************/



 /*******************************

         6 - BLOG CSS STARTS

 ********************************/

 .blog-caption .title-2 {

     padding: 10px 0;

 }



 .blog-heading .title-2 {

     float: left;

 }



 .blog-tabs {

     float: right;

     margin: 12px 0;

 }



 .blog-heading {

     display: inline-block;

     vertical-align: middle;

     width: 100%;

 }



 .blog-tabs > li {

     display: inline-block;

     font-weight: 500;

     margin: auto 7px;

 }



 .blog-tabs > li a {

     position: relative;

 }



 .blog-tabs li a::after {

     content: "";

     height: 2px;

     left: 0;

     margin: auto;

     opacity: 0;

     position: absolute;

     right: 0;

     top: 90%;

     transform: translateY(0px);

     -webkit-transform: translateY(0px);

     transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;

     -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;

     width: 100%;

 }



 .blog-tabs li a:hover::after, .blog-tabs li a:focus::after, .blog-tabs li.active a::after {

     opacity: 1;

     transform: translateY(25px);

     -webkit-transform: translateY(25px);

 }



 .blog-media > img {

     margin: 40px auto 50px;

 }



 .blog-single .caption > p, .blog-single blockquote {

     margin-bottom: 40px;

 }



 blockquote {

     color: #000;

     font-size: 18px;

     font-weight: 500;

     padding: 12px 30px;

 }



 .blog-single .author {

     border-radius: 20px;

     color: #fff;

     font-size: 18px;

     font-style: italic;

     margin: 80px auto;

     padding: 50px 50px 40px;

     position: relative;

     text-align: center;

 }



 .blog-single .author > img {

     border: 5px solid #fff;

     border-radius: 50%;

     left: 0;

     margin: auto;

     position: absolute;

     right: 0;

     top: -30px;

 }



 .view-comment .img-comment {

     float: left;

 }



 .view-comment .caption-comment {

     display: block;

     margin-left: 110px;

     vertical-align: top;

 }



 .view-comment {

     display: inline-block;

     margin-top: 20px;

     width: 100%;

 }



 .view-comment.child {

     padding-left: 10%;

 }



 @media (max-width: 767px) {

     .blog-caption {

         margin-top: 20px;

     }



     .view-comment.child {

         padding-left: 5%;

     }

 }



 @media (max-width: 480px) {

     .blog-tabs li a::after {

         height: 0;

     }

 }



 /*******************************

         6 - BLOG CSS ENDS

 ********************************/



 /*******************************

         7 - CONTACT STARTS

 ********************************/

 .contact-map {

     margin: 20px auto 60px;

 }



 #map {

     height: 530px;

 }



 .contact-details {

     margin: 50px auto auto 25px;

 }



 .contact-details li {

     padding-top: 10px;

 }



 .contact-details li > strong {

     color: #ccc;

     display: inline-block;

     width: 90px;

 }



 @media (max-width: 568px) {

     #map {

         height: 350px;

     }

 }



 /*******************************

         7 - CONTACT ENDS

 ********************************/



 /*******************************

         8 - COMINGSOON CSS ENDS

 ********************************/

 .coming-wrap {

     background-image: url(../img/slider/slide-5.jpg);

     background-position: center center;

     background-size: cover;

 }



 .coming-wrap .social-icon > a {

     font-size: 14px;

     height: 30px;

     line-height: 27px;

     margin: 5px;

     width: 30px;

 }



 /*******************************

         8 - COMINGSOON CSS ENDS

 ********************************/



 /*******************************

     9 - FOOTER STARTS

 ********************************/

 .footer-widget .main-logo .medium-font {

     margin-left: 0;

     display: block;

 }



 .footer-widget .main-logo {

     margin-top: -33px;

 }



 .text-widget li i {

     display: table-cell;

     width: 20px;

 }



 .text-widget li span {

     display: table-cell;

     vertical-align: inherit;

 }



 .footer-widget .divider-2 {

     margin: 20px auto;

 }



 .footer-widget ul li {

     font-size: 15px;

     padding: 5px 0;

 }



 .footer-widget .list li a {

     position: relative;

 }



 .footer-widget .list li > a::before {

     color: #cccccc;

     content: "\f18e";

     font-family: FontAwesome;

     margin-right: 5px;

     vertical-align: middle;

 }



 .footer-widget .list li > a:hover:before {

     -webkit-animation: bounceIn .5s;

     animation: bounceIn .5s;

 }



 .footer-widget .instagram-widget li {

     padding: 3px 0 0;

     display: inline-block;

 }



 .footer-bottom {

     position: relative;

 }



 .footer-bottom p, .footer-bottom .primary-navbar > li {

     margin: 0;

     padding: 0;

     width: auto;

 }



 .footer-bottom .primary-navbar > li a {

     text-transform: none;

 }



 @media (max-width: 767px) {

     .footer-bottom .primary-navbar {

         text-align: left;

         margin-top: 20px;

     }

 }



 /*******************************

     9 - FOOTER ENDS

 ********************************/



 /*******************************

   10 - POPUPS STARTS

 ********************************/



 /*---------------- 10.1 -  Back To Top Starts -------------------------- */

 .to-top {



     color: #dedede;

     cursor: pointer;

     font-size: 26px;

     height: 30px;

     line-height: 30px;

     margin: auto;

     position: fixed;

     right: 50px;

     bottom: 10%;

     text-align: center;

     width: 30px;

     z-index: 999;

     display: none;

 }



 .organic-content .item {

     padding: 0 15px

 }



 .footer-bottom .to-top {

     position: absolute;

     display: block;

     bottom: 100%;

     right: 0;

     left: 0;

     margin-bottom: -50px;

 }



 .to-top:hover, .to-top:focus {

     color: #525252;

 }



 /*---------------- 10.1 -  Back To Top Ends ------------------------ */



 /*-------- 10.2 - Popup Subscribe Starts ------------- */

 .subscribe-me {

     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

     box-shadow: none;

     height: auto;

     left: 0;

     margin: auto;

     padding: 0;

     right: 0;

     top: 10%;

     width: 770px;

 }



 .subscribe-me .form-group .form-control {

     text-align: center;

     margin: auto;

 }



 .subscribe-wrap {

     display: inline-block;

     padding: 100px 30px 85px;

     position: relative;

     vertical-align: middle;

     width: 100%;

     z-index: 1;

     text-align: center;

 }



 .subscribe-me .section-title {

     color: #333333;

     margin: 40px auto auto;

 }



 .subscribe-me .modal-content {

     background-image: url(../img/extra/subscribe.jpg);

     border-radius: 0;

     background-position: center bottom;

 }



 .subscribe-me .popup-cls, .sb-close-btn {

     background-image: url("../img/extra/close-bg.png");

     font-size: 20px;

     height: 50px;

     opacity: 1;

     position: absolute;

     right: 0;

     top: 0;

     width: 50px;

     z-index: 5;

 }



 .subscribe-me .popup-cls:hover {

     opacity: 0.5;

 }



 .subscribe-me .popup-cls i, .sb-close-btn i {

     position: absolute;

     right: 10px;

     top: 10px;

     cursor: pointer;

 }



 @media (max-width: 991px) {

     .subscribe-me {

         width: auto;

         margin: auto 25px;

         top: 10%;

         height: 400px;

         overflow: auto;

     }



     .subscribe-me .form-group .form-control {

         width: 100%;

     }



     .subscribe-wrap {

         padding: 50px 20px 80px;

     }

 }



 /*-------- 10.2 - Popup Subscribe End ------------- */



 /*******************************

   10 - POPUPS STARTS

 ********************************/



 /*******************************

   11 - LOGIN STARTS

 ********************************/



 .login-form label .pw {

     display: inline-block;

     margin-top: 5px;

 }



 .login-form .forgot-pw {

     float: right;

 }



 @media (min-width: 768px) {



     .register-wrap {

         border-left: 1px solid #e5e5e5;

         padding-left: 70px;

     }



     .login-wrap {

         padding-right: 40px;

     }



 }



 @media (max-width: 991px) {

     .mega-submenu .register-wrap {

         border-left: 0;

         padding-left: 0;

     }



     .login-popup {

         padding-bottom: 0;

         padding-top: 0;

     }



     .login-form .forgot-pw {

         float: none;

         margin-top: 10px;

     }

 }



 /*******************************

   11 - LOGIN STARTS

 ********************************/





 /* Added Styles */

 /* Logo STyle */



 @media (min-width: 1199px) {



     .logo-wid{

     width: 35% !important;

 }

 }



 .logo-wid{

     width: 28%;

 }



 .card-mar{

     margin-top: 30px;

     margin-bottom: 30px;

 }



 header.main-header:hover {

     background: white;

 }



 .deal-sty{

     font-size: 20px;

     text-transform: uppercase;

     letter-spacing: 6px;

     margin-top: 22px;

 }



 .padd-20{

     padding: 20px;

 }



 .mb-30{

     margin-bottom: 30px;

 }



 .footer-sty{

     padding: 50px 0px 10px;

 }



 .img-wid{

     width: 85% !important;

 }



 .img-wid1{

     width: 71% !important;

 }





 @media only screen and (max-width: 600px) {

   .product-media {

     background-color: #f7f6f2;

     height: 230px;

     position: relative;

 }

 .home-wrap .main-header {

     position: static;

     height: 116px;

 }

 .main-logo{

     width: 267px;

 }



 .cart-megamenu{

     top: -45px !important;

     position: inherit;

 }



 .mobile-marg{

     margin-bottom: 75px;

 }

 }



 /* Added Styles */





 .pb-9 {

    padding-bottom: 1.8125rem!important;

}



.pt-10 {

    padding-top: 2.125rem!important;

}

.rating {

    --dir: right;

    --fill:#F6B647;

    --fillbg: rgba(100, 100, 100, 0.15);

    --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');

    --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');

    --stars: 5;

   --starsize:18px;

    --symbol: var(--star);

    --value: 1;

    --w: calc(var(--stars) * var(--starsize));

    --x: calc(100% * (var(--value) / var(--stars)));

    block-size: var(--starsize);

    inline-size: var(--w);

    position: relative;

    touch-action: manipulation;

    -webkit-appearance: none;

  }

  [dir="rtl"] .rating {

    --dir: left;

  }

  .rating::-moz-range-track {

    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));

    block-size: 100%;

    mask: repeat left center/var(--starsize) var(--symbol);

  }

  .rating::-webkit-slider-runnable-track {

    background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));

    block-size: 100%;

    mask: repeat left center/var(--starsize) var(--symbol);

    -webkit-mask: repeat left center/var(--starsize) var(--symbol);

  }

  .rating::-moz-range-thumb {

    height: var(--starsize);

    opacity: 0;

    width: var(--starsize);

  }

  .rating::-webkit-slider-thumb {

    height: var(--starsize);

    opacity: 0;

    width: var(--starsize);

    -webkit-appearance: none;

  }

  .rating, .rating-label {

    display: block;

    font-family: ui-sans-serif, system-ui, sans-serif;

  }

  .rating-label {

    margin-block-end: 1rem;

  }



  /* NO JS */

  .rating--nojs::-moz-range-track {

    background: var(--fillbg);

  }

  .rating--nojs::-moz-range-progress {

    background: var(--fill);

    block-size: 100%;

    mask: repeat left center/var(--starsize) var(--star);

  }

  .rating--nojs::-webkit-slider-runnable-track {

    background: var(--fillbg);

  }

  .rating--nojs::-webkit-slider-thumb {

    background-color: var(--fill);

    box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);

    opacity: 1;

    width: 1px;

  }

  [dir="rtl"] .rating--nojs::-webkit-slider-thumb {

    box-shadow: var(--w) 0 0 var(--w) var(--fill);

  }



label.error {

    color: red;

    font-size: 1rem;

    display: block;

    margin-top: 5px;

}



label.error.fail-alert {

    border: 2px solid red;

    border-radius: 4px;

    line-height: 1;

    padding: 2px 0 6px 6px;

    background: #ffe6eb;

}



input.valid.success-alert {

    border: 2px solid #4CAF50;

    color: green;

}



input.error, textarea.error {

    border: 1px dashed red;

    font-weight: 300;

    color: red;

}



.checkout_err{

    color:red;

}
.header-contact-info li a {
  display: inline-block;
  color: #fff;
  position: relative;
}

.modal-content{
    border-radius: 0px;
}

html {
    scroll-behavior: smooth;
  }

  .product-image:hover .product-first-image{
    display: none;

    opacity: 0;
    transition: opacity .2s;
  }
  .product-hover-image{
    display: none;

    opacity: 0;
    transition: opacity .2s;
  }
  .product-image:hover .product-hover-image{
    display: block;

    opacity: 1;
  }

.aside-search-form .form-control{
    border-radius: 0 ;
}
.aside-search-form .default-btn{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;

}

/*.dropbtn{*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
label.rating-label span.rating-count{
    font-size: 15px;
    font-weight: 100;
}
.dropdown{
    display: block;
}
.product-item .product-info{
    padding-bottom:14px ;
}
div.cart-bottom
{
padding: 10px 15px;
}
div.aside-product-list-item{
    align-items: flex-start;
}
.aside-product-list-item .products-image{
    height: 100px;
    min-width: 80px;
    max-width: 80px;

}

.aside-product-list-item .products-image img {
    height: 100%;
    object-fit: cover;
}

.aside-product-list-item .product-cart > div.flex-column{
    padding-bottom: 10px;

}
.aside-product-list-item .product-cart > div span, .aside-product-list-item .products-content  span{
    padding-bottom: 5px;
}
.aside-product-list-item .product-cart > div > span, .aside-product-list-item .products-content  span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
/*.header-action  ul{*/
/*    padding-top: 7px;*/
/*}*/
.aside-product-list-item .products-content .inc.qty-btn{
    left: 60px;
}

#slider-range-value1,#slider-range-value2{
    font-family: Arial, sans-serif;
}


@media screen and (max-width:768px) {
    .product-info .title    a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .product-info .title{
        height: 30px;
    }
    /*.header-action ul {*/
    /*    padding-top: 3px !important;*/
    /*}*/
    li.aside-cart-wrapper .aside-cart-product-list .aside-product-list-item
    {
        align-items: start;
    }
.aside-cart-product-list .product-cart{
    margin-top: 10px;
}

}

/* custom home select */
.select-search-form{
    position: absolute !important;
    right: 50% !important;
    top: 8px !important;
    padding: 0px 30px !important;
    height: 30px !important;
    border-radius: 20px;
    left: 10px;
    background: #fafafa;
}

.search-btn{
    position: absolute;
    right: 0;
    top: 2px;
    padding: 0px 30px;
    height: 20px;
    display: inline-block;
    border: none;
    padding: 10px 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-transform: uppercase;
    background-color: #f2d6c300;
    color: black;
    font-size: 14px;
    font-weight: 600;
    left: 430px;
    border-radius: 91px;
}


.search-text-box {
    height: 40px !important;
    width: 490px;
}

  .custom-nav{
    background: linear-gradient(45deg, #223f65, #0e1a30);
   /* border-top: 1px solid #bb0000; */
  }
  .custom-nav ul li a{
    color: #fff !important;
  }

  .custom-nav ul li a:hover{
    color: #c7bfc1 !important;
  }

  /* custom home styles */

 .custom-title h3 {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    font-family: 'Jost';
}

.custom-view-btn{
    width: 100px;
    border-radius: 15px;
    border: 1px solid;
    background: #ffe3e8;
}

.category-container-wrapper {
    overflow: hidden;
    position: relative;
}

.category-container {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.category-item {
    flex: 0 0 auto;
    margin-right: 15px; /* Add some space between items */
}

.category-container-wrapper::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari, and Opera */
}

.category-container-wrapper {
    -ms-overflow-style: none;  /* Hide scrollbar for Internet Explorer and Edge */
    scrollbar-width: none;  /* Hide scrollbar for Firefox */
}

/* custom youtube button */
.video-link {
    position: relative;
    display: inline-block;
}

.video-thumbnail {
    width: 300px;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px; /* Adjust the size as needed */
    color: white; /* Adjust the color as needed */
    opacity: 0.8; /* Adjust the opacity as needed */
}

.play-button:hover {
    opacity: 1; /* Optional: make the button fully opaque on hover */
}

.discounted-price{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.original-price{
    display: inline-block;
    margin-left: 8px;
    text-decoration: line-through;
    font-size: 14px;
    color: #878787;
}

.product-discount{
    color: #388e3c;
    font-size: 13px;
    letter-spacing: -.2px;
    font-weight: 500;
    display: inline-block;
}
.custom-product-image img{
    border-radius: 10px;
    height: 50vh;
}

.main-nav li a:hover {
    border-bottom: none !important;
}

/* custom header sticky */
.sticky-header{
    background:#fff;
}
.hero-two-slider-area .carousel-item{
    height: 500px;
}

.header-logo.ml-10 a {
    font-size: 19px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

section.browse-list-section {
    padding-bottom: 50px;
}

.row.align-items-center.mob-view {
    display: none;
}


        .header-logo.ml-10 a {
    font-size: 21px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.dropdown.logoutheader {
    display: flex;
}
.main-nav a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    background-color: none;
}
.dropdown.logoutheader a {
    padding: 10px;
}

@media only screen and (max-width: 600px) {
    
        .hero-two-slider-area .carousel-item {
        height: 200px !important;
    }

        .testimonial-box {
    width: 100% !important;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 35px !important;
    cursor: pointer;
    margin: 0 !important;
}
.parallax-section {
    height: 80vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-size: 3em;
}
  .search-btn {
        position: absolute;
        right: 0;
        top: 2px;
        padding: 0px 30px;
        height: 20px;
        display: inline-block;
        border: none;
        padding: 10px 30px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        text-transform: uppercase;
        background-color: #f2d6c300;
        color: black;
        font-size: 14px;
        font-weight: 600;
        left: 290px !important;
        border-radius: 91px;
    }
}
@media only screen and (max-width: 450px) {
        .search-btn {
        position: absolute;
        right: 0;
        top: 2px;
        padding: 0px 30px;
        height: 20px;
        display: inline-block;
        border: none;
        padding: 10px 30px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        text-transform: uppercase;
        background-color: #f2d6c300;
        color: black;
        font-size: 14px;
        font-weight: 600;
        left: 30px !important;
        border-radius: 91px;
    }
}


@media only screen and (max-width: 767px) {
   
    .search-btn {
        position: absolute;
        right: 0;
        top: 2px;
        padding: 0px 30px;
        height: 20px;
        display: inline-block;
        border: none;
        padding: 10px 30px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        text-transform: uppercase;
        background-color: #f2d6c300;
        color: black;
        font-size: 14px;
        font-weight: 600;
        left: 135px !important;
        border-radius: 91px;
    }
    
.size-buttons-tipAndBtnContainer {
    margin: 10px 0px 10px 3px !important;
}

.size-buttons-size-button-default {
    background-color: #fff;
    border: 1px solid #bfc0c6;
    border-radius: 50px;
    padding: 0;
    min-width: 20px !important;
    height: 20px !important;
    text-align: center;
    cursor: pointer;
    color: #282c3f;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}
.size-buttons-unified-size {
    margin: 0;
    font-size: 6px !important;
    padding: 0 1px;
    font-weight: 700;
}
}



.main-nav a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    background: none !important;
}

.has-popup .popup {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff !important;
    padding: 0px !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 10;
    width: 150px !important;
    border: 1px solid #ccc;
}

.popup ul li a.sub-sub-menu {
    color: #231942 !important;
}   

.popup a {
    padding: 10px 15px 0 15px !important;
    color: #333;
    text-decoration: none;
    display: block;
}
.popup ul ul {
    display: none;
    position: absolute;
    top: 0;
    right: 100% !important;
}

.custom-title.text-left h3 span {
    font-weight: 700;
}

.category-item.text-center h5 {
    font-family: "Jost", sans-serif !important;
}


  .size-buttons-select-size {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    font-weight: 700
}
.inc.qty-btn {
    font-size: 20px !important;
}
.size-buttons-size-container {
    margin: 10px 0 24px
}

.size-buttons-size-header {
    margin: 0 0 10px;
    position: relative;
    line-height: 1
}

.size-buttons-size-chart {
    margin-left: 30px
}

.size-buttons-arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 4px;
    border: solid #ff3e6c;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 2px
}

.size-buttons-show-size-chart {
    outline: 0;
    background-color: transparent;
    border: 0;
    letter-spacing: .5px;
    text-align: right;
    padding: 0 0 5px;
    color: #ff3e6c;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0
}

.size-buttons-arrowRightBold {
    position: relative;
    top: 4px;
    color: #ff3e6c;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.size-buttons-sizeTip {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    min-width: 400px;
    visibility: hidden;
    -webkit-transition: visibility .1s ease-out;
    transition: visibility .1s ease-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.size-buttons-sizeTip .size-buttons-sizeTipMeta {
    position: absolute;
    min-width: 400px;
    left: 0;
    bottom: 10px;
    text-align: left;
    border: 1px solid #e9e9eb;
    background-color: #fff;
    padding: 18px;
    z-index: 29;
    border-radius: 4px;
    font-weight: 400;
    -webkit-box-shadow: 0 2px 16px 0 rgba(40,44,63,.1);
    box-shadow: 0 2px 16px 0 rgba(40,44,63,.1)
}

.size-buttons-sizeTip .size-buttons-sizeTipMeta p {
    margin: 0
}

.size-buttons-tipAndBtnContainer {
    margin: 10px 10px 10px 0
}

.size-buttons-tipAndBtnContainer:hover .size-buttons-sizeTip {
    visibility: visible
}

.size-buttons-size-buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 13px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
}

.size-buttons-size-buttons-error {
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: size-buttons-shake .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: size-buttons-shake .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@-webkit-keyframes size-buttons-shake {
    10%,90% {
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-4px,0,0);
        transform: translate3d(-4px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }
}

.size-buttons-size-error-message {
    color: #f16565;
    margin-top: 15px;
    display: block
}

.size-buttons-size-button-default {
    background-color: #fff;
    border: 1px solid #bfc0c6;
    border-radius: 50px;
    padding: 0;
    min-width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    color: #282c3f;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.size-buttons-size-button {
    position: relative
}

.size-buttons-size-button-selected {
    border: 1px solid #ff3f6c;
    background-color: #fff;
    color: #ff3f6c!important
}

.size-buttons-size-button-disabled {
    color: #d5d6d9;
    border: 1px solid #d5d6d9;
    cursor: default;
    font-weight: 700;
    outline: none;
    overflow: hidden
}

.size-buttons-size-strike-hide {
    width: 0;
    height: 0
}

.size-buttons-size-strike-show {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d5d6d9;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.size-buttons-big-size {
    min-height: 48px;
    min-width: 60px;
    border-radius: 50px;
    height: auto;
    width: auto;
    padding: 0 10px;
    font-weight: 700
}

.size-buttons-out-of-stock {
    color: #f16565
}

.size-buttons-size-button:hover {
    border: 1px solid #ff3f6c
}

.size-buttons-size-button:focus {
    outline: 0
}

.size-buttons-unified-size {
    margin: 0;
    font-size: 14px;
    padding: 0 8px;
    font-weight: 700
}

.size-buttons-unified-size+.size-buttons-inventory-left {
    left: 7%;
    bottom: -3px
}

.size-buttons-sku-price {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    margin-top: 4px
}

.size-buttons-bodymeasure {
    color: #535665
}

.size-buttons-sizeChartInfo {
    color: #535665;
    margin-top: 5px;
    font-size: 12px
}

.size-buttons-sizeFitDesc {
    font-weight: 400;
    border: none
}

.size-buttons-measurementType {
    font-size: 14px;
    color: #282c3f
}

.size-buttons-measurementName {
    font-size: 14px;
    margin-left: 6px;
    font-weight: 700;
    color: #535665
}

.size-buttons-inventory-left {
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    width: 100%;
    left: 0;
    width: 90%;
    left: 7%;
    background-color: #ff905a;
    color: #fff;
    border-radius: 2px;
    text-align: center
}

.size-buttons-inventory-left-hidden {
    visibility: hidden
}

.size-buttons-sizeButtonAsLink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width: 600px) {
    .size-buttons-size-buttons {
        margin-bottom:10px
    }
}

@media (min-width: 980px) {
    .size-buttons-size-chart {
        top:0;
        right: 0
    }
}

.size-buttons-recoContainer {
    position: relative;
    clear: both
}

.size-buttons-recoWrapper {
    background: #fff0f4;
    padding: 9px 7px;
    width: 84%
}

.size-buttons-recoTextContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.size-buttons-recoTextContainer.size-buttons-recoTextWithMoreProfiles {
    width: calc(100% - 90px)
}

.size-buttons-sizeRecoImg {
    width: 27px;
    height: 22px;
    margin-right: 14px
}

.size-buttons-recoContainerMobile {
    overflow: hidden
}

.size-buttons-recText {
    font-size: 16px;
    position: relative;
    margin: 8px
}

.size-buttons-moreProfilesWeb {
    position: absolute;
    right: 16px;
    top: 8px
}

.size-buttons-moreProfilesMobile {
    right: 20px;
    max-height: 0;
    -webkit-transition: max-height .6s cubic-bezier(0,1,.5,1);
    transition: max-height .6s cubic-bezier(0,1,.5,1)
}

.size-buttons-moreProfilesMobile .size-buttons-profileListHeader {
    position: absolute;
    right: 12px;
    top: 14px
}

.size-buttons-profileListHeader {
    cursor: pointer;
    padding: 10px 0;
    font-weight: 700;
    font-size: 16px;
    color: #ff3f6c
}

.size-buttons-sharpCorner {
    border-color: #fde3f3 transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    width: 0;
    position: absolute;
    left: 22px;
    bottom: -8px
}

.size-buttons-profilesListWeb {
    margin: 0;
    width: 70px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.13);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.13);
    position: absolute;
    right: 0;
    top: 24px;
    padding: 8px 12px 4px;
    z-index: 2;
    display: none
}

.size-buttons-profilesListMobile {
    white-space: nowrap;
    overflow: auto;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: -webkit-transform .6s cubic-bezier(0,1,.5,1);
    transition: -webkit-transform .6s cubic-bezier(0,1,.5,1);
    transition: transform .6s cubic-bezier(0,1,.5,1);
    transition: transform .6s cubic-bezier(0,1,.5,1),-webkit-transform .6s cubic-bezier(0,1,.5,1)
}

.size-buttons-profilesListMobile li {
    display: inline-block;
    border-radius: 50px;
    border: .5px solid #696b79;
    padding: 12px 18px;
    width: 65px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    margin-right: 10px
}

.size-buttons-pNameHeader {
    color: #ff3f6c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
    display: inline-block
}

.size-buttons-moreProfilesMobile.size-buttons-showProfiles {
    max-height: 50px
}

.size-buttons-moreProfilesMobile.size-buttons-showProfiles .size-buttons-profilesListMobile {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.size-buttons-moreProfilesWeb:hover .size-buttons-profilesListWeb {
    display: inline-block
}

.size-buttons-profileItem {
    margin-bottom: 6px;
    cursor: pointer;
    color: #7e818c;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.size-buttons-profileItem.size-buttons-selected {
    border: 1px solid #ff3f6c;
    background-color: #fff;
    color: #ff3f6c!important
}

.size-buttons-personalisedReco {
    width: 70%;
    display: inline-block;
    margin-top: 2px
}

.size-buttons-similarWrapper {
    margin: 0
}

.size-buttons-moreProfileSC {
    position: absolute;
    top: 12px;
    right: 16px
}

.size-buttons-viewSimilar {
    color: #ff3e6c;
    font-weight: 700;
    cursor: pointer
}

.size-buttons-tagInfoText {
    position: absolute;
    background: #fff;
    top: -78px;
    left: 0;
    width: 330px;
    padding: 8px 10px;
    display: none;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 16px 0 rgba(40,44,63,.1);
    box-shadow: 0 2px 16px 0 rgba(40,44,63,.1);
    text-align: left;
    border: 1px solid #e9e9eb;
    color: #535665
}

.size-buttons-tagInfoIcon {
    display: inline-block;
    border: 1px solid #7e808c;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #7e808c;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px
}

.size-buttons-tagInfoIcon:hover+.size-buttons-tagInfoText {
    display: block
}

.size-buttons-hide {
    display: none
}

.size-buttons-shakeText {
    -webkit-animation: size-buttons-shake .6s cubic-bezier(.36,.07,.19,.97) both;
    animation: size-buttons-shake .6s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.size-buttons-login {
    color: #ff3e6c;
    margin-left: 7px;
    font-weight: 700;
    cursor: pointer
}

.size-buttons-buttonContainer {
    position: relative
}

.size-buttons-reco-icon {
    display: inline-block;
    margin: 0 10px 0 4px;
    vertical-align: top
}

.size-buttons-sc-reco-txt {
    padding: 14px;
    background: -webkit-gradient(linear,left top,right top,from(#fde3f3),to(#fef9e5));
    background: linear-gradient(90deg,#fde3f3,#fef9e5);
    color: #282c3f
}
.header-logo.ml-10 a span {
    font-size: 28px;
}
@keyframes size-buttons-shake {
    10%,90% {
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0)
    }
}