html, body{width: 100%; line-height: normal; -webkit-font-smoothing: antialiased; font-family: 'Work Sans', sans-serif;font-weight: 400; letter-spacing: 0.4px; color: #1f222d;position: relative;overflow-x: hidden;scroll-behavior: smooth;}
h5,h6,h1,h2,h3,h4 {font-weight: 300; font-size: 40px;}
dl,dt,dd,ol,ul,li {margin: 0;padding: 0;list-style-type: none;}
a, input[type=submit]{color: #1f222d;display: inline-block; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
a:active,select,select:focus,a:focus,a:hover,input:focus,button:focus,textarea:focus {outline: none !important;text-decoration: none;box-shadow: none;color: #e947a5;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;cursor: pointer;}
img{visibility: visible !important;}
.form-inline .form-group, .form-group {margin-bottom:30px;}
.form-group select {-webkit-appearance: none;-moz-appearance: none;appearance: none; background-image: url(../images/select-arrow.png); background-repeat: no-repeat;background-position: center right 10px;color: #283035;}
.form-group .bootstrap-select > .dropdown-toggle {-webkit-appearance: none;-moz-appearance: none;appearance: none; background-image: url(../images/select-arrow.png); background-repeat: no-repeat;background-position: center right 10px;color: #283035;border: 1px solid #d1d1d1;border-radius: 4px;height: 50px;line-height: 50px;padding: 0 15px; font-weight: 300;letter-spacing: 0.4px;font-size: 15px;background-color: transparent;}
.form-group .bootstrap-select .dropdown-menu li a.opt{line-height: 40px;padding-left: 20px;}
.form-group .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{top: 16px}
.form-group .bootstrap-select.show-tick .dropdown-menu li a span.text{display: block;}
.form-group .bootstrap-select.show-tick .dropdown-menu .dropdown-header{color: #f53a3a;}
.form-group .bootstrap-select .dropdown-menu li a{padding: 10px;}
.form-group .bootstrap-select .dropdown-menu .dropdown-header{padding: 0px 0 0 20px;}
.dropdown-item:focus, .dropdown-item:hover{background-color: #e9e9e9;}
.form-group .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .form-group .bootstrap-select .dropdown-toggle:focus, .form-control:focus{outline: none !important;box-shadow: none;cursor: auto;}
.form-group .bootstrap-select > .dropdown-toggle::after{border: none;}
.form-group .form-control{height: 40px;/*line-height: 40px;*/border-radius: 0px;font-size: 15px; font-weight: 300;color: #1f222d;}

.form-group textarea{height: auto !important;}
.form-group label{font-weight: 300;color: #3c484c;}
.container{max-width: 1600px; width: 100%;}
@keyframes anim-rotate {0% {transform: rotateX(1);} 50% {transform: rotateX(0) rotateY(.5turn);} 100% {transform: rotateX(0) rotateY(0);}}

/*Select Box*/
.form-group .bootstrap-select > .dropdown-toggle{height: 40px !important; line-height: 40px;border-radius: 0;border: 1px solid #e0e0e0;}
.form-group .bootstrap-select .dropdown-menu li a{padding: 0 10px;}
.form-group .bootstrap-select .dropdown-menu .dropdown-item.active, .form-group .bootstrap-select .form-group .dropdown-menu .dropdown-item:active{background-color: #e947a5;}
.pac-container{ z-index:99999;}
/*--------------------------------------------*/
/*Header Section*/
/*--------------------------------------------*/ 
/*Top Header*/
.top-header{background: #fcd63c;height: 40px; line-height: 40px;}
.top-header .social-icons li{float: left;margin-right: 12px;}
.top-header .social-icons li a{font-size: 18px;color: #1f222d;}
.top-header .social-icons li a:hover{animation: anim-rotate 1s;}
.top-header .contact-no{text-align: right;font-size: 18px; font-weight: 500;}
.top-header .contact-no i{color: #e21b8e;}

#header{padding: 15px 0px;margin-top: 40px;background: #fff;}
.header{background-color: transparent;position: fixed;z-index: 100;top: -1px;left: 0;right: 0;width: 100%; box-shadow: none !important;}
#header.header .logo{display: block;height: 62px;}
/*Sticky Menu*/
.sticky {margin-top: 0 !important; padding: 10px 0; background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.1) !important; -webkit-transition: position 10s;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: position 10s;}
#header.header.sticky{padding: 10px 0px;}
#header.header.sticky .logo{display: block;height: 50px;}
#header.header.sticky ul li{margin: 10px 0;}
/*Sticky Menu End*/
#header ul{float: right;}
#header ul li{float: left; margin:16px 0;border-right:1px solid #a5a7ab;padding: 4px 20px;}
#header ul li:last-child{border-right: 0;padding-right: 0;}
#header ul li a{font-weight: 500; font-size: 16px;text-transform: uppercase; letter-spacing: 0.2px;color: #1f222d;}
#header ul li a .count{border-radius: 50%;background: #e947a5;color: #fff;font-size: 12px; font-weight: 500;text-align: center;line-height: 25px;display: inline-block;width: 25px; height: 25px;}
#header ul li a:hover img{animation: anim-rotate 1s;}
.menu, .overlay{display: none;}

/*Dropdown Menus*/
#header .my-account{}
#header .my-account .dropdown-menu{border: 0;box-shadow: 0 0 15px rgba(0,0,0,0.15);top: 10px !important;padding: 0;min-width: 265px;width: 100%;}
#header .my-account .dropdown-menu .dropdown-item{font-size: 15px; font-weight: 300;text-transform: none;line-height: 40px; padding: 0 20px;}
#header .my-account .dropdown-menu .dropdown-item:focus, #header .my-account .dropdown-menu .dropdown-item:hover{background: #e21b8e;color: #fff;}
#header .my-account .dropdown-menu .dropdown-divider{margin: 0;}
#header .my-account .dropdown-menu .login-signup{padding: 20px;}
#header .my-account .dropdown-menu .login-signup p{font-size: 14px; font-weight: 300;color: #1f222d;margin-bottom: 15px;}
#header .my-account .dropdown-menu .login-signup p span{color: #10aec1;}
#header .my-account .dropdown-menu .login-signup .btn-login{background: #fcd63c;height: 35px;line-height: 35px;display: block;text-align: center;font-size: 16px; font-weight: 400;text-transform: none;}
#header .my-account .dropdown-menu .login-signup .btn-login:hover, #header .my-account .dropdown-menu .login-signup .btn-join:hover{background: #1f222d;color: #fff;}
#header .my-account .dropdown-menu .login-signup .dropdown-divider{margin: 20px 0;}
#header .my-account .dropdown-menu .login-signup .btn-join{background: #35c6d8;color: #fff; height: 35px;line-height: 35px;display: block;text-align: center;font-size: 16px; font-weight: 400;text-transform: none;}
#header .my-account .dropdown-menu:before{ content: " "; position:absolute; top:-20px; right:50px; border:10px solid transparent; border-bottom-color:#fff;}

/*Cart Dropdown*/
#header .cart .dropdown-toggle::after{border: none;}
#header .cart .dropdown-menu{border: 0;padding:20px;top:10px !important;width:350px;left:0px !important;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
#header .cart .total-header-section{border-bottom:1px solid #dbdce1;}
#header .cart .total-header-section .text-info{color: #e947a5 !important;}
#header .cart .total-section p{margin-bottom:15px;font-size: 18px;}
#header .cart .cart-detail{padding:15px 0px;border-bottom: 1px solid #dbdce1;}
#header .cart .cart-detail-img img{width:70px;height: 50px; object-fit: cover;}
#header .cart .cart-detail-product{padding-left: 0;position:relative;}
#header .cart .cart-detail-product p{margin:0px;color:#000;font-weight:500;}
#header .cart .cart-detail .price{font-size:14px;margin-right:10px;font-weight:500;color: #e947a5 !important;}
#header .cart .cart-detail .count{color:#C2C2DC;}
#header .cart .checkout{border-top:1px solid #d2d2d2;	padding-top: 15px;}
#header .cart .checkout .btn-primary{border-radius:50px;height:50px;line-height: 47px;padding: 0;color: #fff;text-transform: none; font-size: 18px; background: #63ddec;box-shadow: 0 5px 20px rgba(99,221,236,0.7); border:0;}
#header .cart .checkout .btn-primary:hover{box-shadow: none;}
#header .cart .dropdown-menu:before{ content: " "; position:absolute; top:-20px; right:50px; border:10px solid transparent; border-bottom-color:#fff;}
a.cart-trash {position:absolute;right:8px;top:20px;}
a.cart-trash i{font-size:20px;color:#e947a5;}
a.cart-trash:hover i{color:#1f222d;}
.modal-body .progress{margin-bottom:15px;}
/*--------------------------------------------*/
/*Product Search Black Section*/
/*--------------------------------------------*/
#product-black{background: #1f222d;height: 50px;margin-top: 96px;}
#product-black .has-search {position:relative;}
#product-black .all-product-btn{background: #63ddec;text-transform: uppercase;font-size: 17px; font-weight: 500;color: #1f222d;display: block;height: 50px; line-height: 50px;text-align: center;overflow: hidden;} 
#product-black .all-product-btn img{margin-right: 20px;}
#product-black .has-search .form-control {padding:.375rem 6rem  .75rem 2.2rem;height: 50px;border-radius: 0;background-color: transparent;border: 0;color: #fff;font-size: 16px;}
#product-black .has-search .form-control:focus{box-shadow: none;}
#product-black .has-search .form-control-feedback {position: absolute;top: 0;z-index: 2;display: block;line-height: 50px; text-align: center;pointer-events: none;color: #aaa;}
#product-black .note{color: #fff;font-size: 17px; font-weight: 500;line-height: 24px;margin-top: 10px;}
#product-black .note a{color: #fcd63c;}
#product-black .has-search .btn-blue{background:#fcd63c;border:2px solid #fcd63c;border-radius:0;box-shadow:none;max-width:90px; position:absolute;right:0;top:0}
/*Category Side Menu*/
#pm_menu {background:#34495E;color:#fff;}


/*--------------------------------------------*/
/*Banners Section*/
/*--------------------------------------------*/
#banners{margin: 30px 0;}
#banners .mini_banner{height: 235px;width: 100%; object-fit:cover;}
#banners .m-b-30{margin-bottom: 30px;}
#banners .home-slider .swiper-slide{max-height: 500px; height: 100%;}
#banners .home-slider .swiper-slide img{height:100%;object-fit:cover;}
#banners .home-slider .swiper-slide:before{content: ''; position: absolute; left: 0; top: 0;width: 100%; height: 100%;z-index: 1;background: rgba(31,34,45,0.15);}
#banners .home-slider .swiper-slide .content{position: absolute; top: 50%; left: 13%; right: 13%; z-index: 2; -ms-transform: translateY(-50%); transform: translateY(-50%);}
#banners .home-slider .swiper-slide .content h2{color: #fff;font-size: 50px; font-weight: 700;line-height: 60px;text-shadow: 1px 1px 0px rgba(0,0,0,0.4);}
#banners .home-slider .swiper-slide .content p{font-size: 24px; color: #fff;font-weight: 400;margin-bottom: 30px;text-shadow: 1px 1px 0px rgba(0,0,0,0.4);}
#banners .home-slider .swiper-slide .content p span{font-weight: 800;color: #fcd63c;}
#banners .home-slider .swiper-slide .content .btn-bordered{border: 2px solid #fff; border-radius: 30px;color: #fff; font-size: 18px; font-weight: 500;display: inline-block;height: 50px; line-height: 45px;padding: 0 30px;}
#banners .home-slider .swiper-slide .content .btn-bordered:hover{background: #e947a5;border: 2px solid #e947a5;}

/*--------------------------------------------*/
/*Category Section*/
/*--------------------------------------------*/
#category{margin-bottom: 30px;}
#category hr{border-top: 1px solid #dedfe3;width: 100%; margin: 0 15px; }
#category .cat-list{}
#category .cat-list h4{background: #e947a5;height: 60px; line-height: 60px;font-size: 20px; color: #fff;text-transform: uppercase;font-weight: 600;padding-left: 20px;}
#category .cat-list ul li{line-height: 60px;padding:0 20px;border-bottom: 1px solid #ebecef;}
#category .cat-list ul li:last-child{border-bottom: 0;}
#category .cat-list ul li a{font-size: 16px; font-weight: 300; color: #1f222d;text-transform: uppercase;letter-spacing: 0.4px;display: block;white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#category .cat-list ul li a:hover{color: #e947a5;}
#category .cat-list ul li a i{display: none;line-height: 60px;}
#category .cat-list ul li a:hover i{display: block;float: right;}
#category .cat-list ul li a.active{color: #e947a5;}
#category .cat-list ul li.view-all-cat a{font-weight: 500; color: #34cbde;}
#category .cat-list ul li.view-all-cat a i{display: inline-block;float: none;}

#category .swiper-slide{height: 260px;background: #ebecf0;text-align: center;} 
#category .swiper-slide .product{position: relative;height: 100%; object-fit:cover;overflow: hidden;margin: auto;}
#category .swiper-slide .product .content-overlay,.img-hover-but .product .content-overlay { background: rgba(31,34,45,0.7);position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
#category .swiper-slide .product:hover .content-overlay,.img-hover-but .product:hover .content-overlay{ opacity: 1;}
#category .swiper-slide .product .content-image{height: 100%; object-fit:cover;}
#category .swiper-slide .product .content-details,.img-hover-but .product .content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%;opacity:0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#category .swiper-slide .product:hover .content-details,.img-hover-but .product:hover .content-details{ top: 50%; left: 50%; opacity: 1;}
#category .swiper-slide .product .content-details h4{ font-size: 20px; text-transform: uppercase; font-weight: 400; color: #fff; letter-spacing: 0.6px; position: relative; z-index: 10;line-height: 20px;margin-bottom: 20px;}
#category .swiper-slide .product .content-details .btn-view-all,.img-hover-but .product .content-details .btn-view-all{background: #fcd63c;color: #1f222d; border: 2px solid #fcd63c; font-weight: 400; font-size: 16px;display: inline-block;padding: 0 20px;border-radius: 30px;height: 40px; line-height: 35px;position: relative; z-index: 10;}
#category .swiper-slide .product .content-details .btn-view-all:hover,.img-hover-but .product .content-details .btn-view-all:hover{border: 2px solid #fff; color: #fff;background-color: transparent;}
#category .swiper-slide .product .fadeIn-top,.img-hover-but .product .fadeIn-top{ top: 20%;}
#category .swiper-button-next.swiper-button-white{background-color: #e947a5;padding: 35px 17px;background-size: 20px;right: 0;}
#category .swiper-button-prev.swiper-button-white{background-color: #e947a5;padding: 35px 17px;background-size: 20px;left: 0;}
#category .swiper-button-next, #category .swiper-button-prev{top: 41%;}
#category .view-all{margin: 30px 0;color: #34cbde;text-decoration: underline;font-size: 16px; font-weight: 500;text-transform: uppercase;float: right;}
.img-hover-but .product{position:relative;}

/*--------------------------------------------*/
/*Category Two Section*/
/*--------------------------------------------*/
#category .cat-list-two h4{background: #8bdb3c;height: 60px; line-height: 60px;font-size: 20px; color: #fff;text-transform: uppercase;font-weight: 600;padding-left: 20px;}
#category .cat-list-two ul li{line-height: 60px;padding:0 20px;border-bottom: 1px solid #ebecef;}
#category .cat-list-two ul li:last-child{border-bottom: 0;}
#category .cat-list-two ul li a{font-size: 16px; font-weight: 300; color: #1f222d;text-transform: uppercase;letter-spacing: 0.4px;display: block;white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#category .cat-list-two ul li a:hover{color: #75cf1c;}
#category .cat-list-two ul li a i{display: none;line-height: 60px;}
#category .cat-list-two ul li a:hover i{display: block;float: right;}
#category .cat-list-two ul li a.active{color: #75cf1c;}
#category .label-products .swiper-button-next.swiper-button-white{background-color: #75cf1c;padding: 35px 17px;background-size: 20px;right: 0;}
#category .label-products .swiper-button-prev.swiper-button-white{background-color: #75cf1c;padding: 35px 17px;background-size: 20px;left: 0;}
#category .label-products .swiper-button-next, #category .label-products .swiper-button-prev{top: 35%;}

/*--------------------------------------------*/
/*Category Three Section*/
/*--------------------------------------------*/
#category .apparel-products .swiper-slide{height: 450px;background: #ebecf0;text-align: center;}
#category .cat-list-three h4{background: #7572f3;height: 60px; line-height: 60px;font-size: 20px; color: #fff;text-transform: uppercase;font-weight: 600;padding-left: 20px;}
#category .cat-list-three ul li{line-height: 60px;padding:0 20px;border-bottom: 1px solid #ebecef;}
#category .cat-list-three ul li:last-child{border-bottom: 0;}
#category .cat-list-three ul li a{font-size: 16px; font-weight: 300; color: #1f222d;text-transform: uppercase;letter-spacing: 0.4px;display: block;white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#category .cat-list-three ul li a:hover{color: #7572f3;}
#category .cat-list-three ul li a i{display: none;line-height: 60px;}
#category .cat-list-three ul li a:hover i{display: block;float: right;}
#category .cat-list-three ul li a.active{color: #7572f3;}
#category .apparel-products .swiper-button-next, #category .apparel-products .swiper-button-prev{top: 39%;}
#category .apparel-products .swiper-button-next.swiper-button-white{background-color: #7572f3;padding: 35px 17px;background-size: 20px;right: 0;}
#category .apparel-products .swiper-button-prev.swiper-button-white{background-color: #7572f3;padding: 35px 17px;background-size: 20px;left: 0;}

/*--------------------------------------------*/
/*Recently Viewed Products Section*/
/*--------------------------------------------*/
#recently-products{background: #eff0f4;padding: 60px 0;}
#recently-products h3{font-size: 24px; font-weight: 400;text-transform: uppercase;line-height: 18px;margin-bottom: 30px;}
#recently-products .recently-products{padding-bottom: 50px;}
#recently-products .recently-products .swiper-slide{height: 350px;background: #fff;text-align: center;}
#recently-products .recently-products .swiper-slide .card{border: 0; border-radius: 0;}
#recently-products .recently-products .swiper-slide .card .product-img{height: 186px;margin: 30px 20px 0 20px; overflow: hidden;}
#recently-products .recently-products .swiper-slide .card .product-img .card-img-top{width: auto; height: 100%; object-fit:cover;}
#recently-products .recently-products .swiper-slide .card .card-body h4{font-size: 20px; font-weight: 500;white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#recently-products .recently-products .swiper-slide .card .card-body .card-text{font-size: 16px; font-weight: 400;color: #82848f;margin-bottom: 10px;white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#recently-products .recently-products .swiper-slide .card .card-body .reviews{font-size: 15px; color: #1f222d;white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#recently-products .recently-products .swiper-slide .card .card-body .reviews i{font-size: 15px; color: #dadbdd;}
#recently-products .recently-products .swiper-slide .card .card-body .reviews i.active{color: #fcd63c;}
#recently-products .recently-products .swiper-pagination-bullet{background: #c5c7cc;opacity: 1;}
#recently-products .recently-products .swiper-pagination-bullet-active{background: #e947a5;}

/*--------------------------------------------*/
/*Wholesale Trade Printing Process Section*/
/*--------------------------------------------*/
#wholesale-trade-process{padding: 60px 0;}
#wholesale-trade-process img{}
#wholesale-trade-process h2{margin-bottom: 40px;font-size: 44px; font-weight: 400;letter-spacing: 0;line-height: 60px;}
#wholesale-trade-process .process{text-align: center;padding: 30px;}
#wholesale-trade-process .process:hover img{animation: anim-rotate 1s;}
#wholesale-trade-process .process h4{font-size: 24px; font-weight: 500;margin: 30px 0 15px 0;line-height: 20px;}
#wholesale-trade-process .process p{font-size: 18px; font-weight: 300;line-height: 24px;}
#wholesale-trade-process .border-bottom-right{border-bottom: 1px solid #d7d9df;border-right: 1px solid #d7d9df;}
#wholesale-trade-process .border-bottom{border-bottom: 1px solid #d7d9df;}
#wholesale-trade-process .border-right{border-right: 1px solid #d7d9df;}

/*--------------------------------------------*/
/*Feature Section*/
/*--------------------------------------------*/
#web_features{background: #f3f6f6;}
#web_features .feature-deal{text-align: center;padding: 60px 70px;border-right: 1px solid #d7d9df;}
#web_features .feature-deal:hover img{animation: anim-rotate 1s;}
#web_features .feature-deal h4{font-size: 17px; font-weight: 500;margin: 20px 0 10px 0;line-height: 16px;color: #1f222d;}
#web_features .feature-deal p{font-size: 13px; font-weight: 400;line-height: 20px;margin-bottom: 0;color: #676767;}
#web_features .border-0{border: 0;}

/*--------------------------------------------*/
/*Footer Section*/
/*--------------------------------------------*/
#footer{ padding: 60px 0 0px 0;}
#footer .contact-info{color: #fff;font-size: 15px; font-weight: 300;border-right: 1px solid #2e4557;margin: 38px 0;}
#footer .contact-info a{color: #e947a5;font-size: 15px;display: block;line-height: 13px;margin-top: 15px;font-weight: 400;}
#footer .contact-info i{font-size: 18px; margin-right: 5px;vertical-align: middle;}
#footer h4{font-weight: 500;font-size: 17px;color: #1f222d;line-height: 13px;margin-bottom: 20px; text-transform: uppercase;}
#footer .link-footer li{line-height: 40px;}
#footer .link-footer li a{color: #7e7e7e;font-size: 15px;font-weight: 400;}
#footer .link-footer li a:hover{color: #46d3e4;}
#footer .app-icon{margin-top: 10px;margin-right: 20px;}
#footer .bottom-footer{border-top: 1px solid #ececec;margin-top: 50px;padding: 30px 0;width: 100%;}
#footer .bottom-footer .copyright {font-size: 15px; color: #3c484c;font-weight: 300;text-align: left;margin-bottom: 0;}
#footer .copyright a{color: #e947a5;}

/*--------------------------------------------*/
/*After Loign footer*/
/*--------------------------------------------*/
#footer.after-login{padding: 0;}
#footer.after-login .bottom-footer{margin-top: 0;padding: 30px 0;}

/*--------------------------------------------*/
/*Inner Header*/
/*--------------------------------------------*/
.inner-header{background-color: rgba(28,32,33,1);box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;-webkit-transition: position 10s;-moz-transition: position 10s;-ms-transition: position 10s;-o-transition: position 10s;transition: position 10s;}
#header.header.inner-header .logo{display: block;width: 55px;}
#header .after-login li.dropdown{border-right: 1px solid #3c484c; border-left: 1px solid #3c484c;padding: 6px 20px;}
#header .after-login li {display: inline-block;text-align: center;}
#header ul li .bell .badge-light{left: 10px;}
#header .after-login .dropdown-toggle {color: #fff;}
#header .after-login .dropdown-menu {border: medium none;left: -85px;padding: 17px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
#header .after-login .dropdown .dropdown-menu li{margin-left: 0;padding: 0;width: 100%;}
#header .after-login .dropdown .dropdown-toggle::after{display: none;}
#header .after-login .dropdown-toggle i.fa-chevron-down{font-size: 13px;}
#header .after-login .view {background: #f53a3a none repeat scroll 0 0;border-radius: 4px;color: #ffffff;display: inline-block;font-size: 15px;font-weight: 600;padding: 0px 15px;line-height: 40px;width: 100%;}
#header .after-login .navbar-content > span {font-size: 15px;font-weight: 700;margin-bottom: 5px;display: inline-block;width: 9em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#header .after-login .btn-sm{line-height: 25px;font-size: 14px; letter-spacing: 0;width: 100%;padding: 5px 0;}
#header .after-login .btn-sm:hover{color: #fff; background: #005dc2;}

/*--------------------------------------------*/
/*Login*/
/*--------------------------------------------*/

.content-panel{background-image: url("../images/login-bg.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;height: 960px;padding-top: 95px;}
#login{}
#login .form-panel{margin: 70px 0;}
#login .form-panel h1{font-size: 44px; font-weight: 600;color: #fff;}
#login .form-panel h3{font-size: 24px; font-weight: 500;color: #fcd63c;margin-bottom: 50px;}
#login .form-panel .form-group .form-control{height: 50px;line-height: 40px;border-radius: 3px;background-color: transparent;border-radius: 0;border: 1px solid #b7b9bf;font-size: 17px; color: #fff;}
#login .form-panel .check-block{display: inline-block;}
#login .form-panel .forgot-link{color: #e947a5;font-size: 18px; font-weight: 500;float: right;}
#login .form-panel .forgot-link:hover{text-decoration: underline;}
.btn-blue{height: 50px; line-height: 50px; background: #63ddec; color: #fff;font-size: 19px; font-weight: 500;text-align: center;border-radius: 30px;box-shadow: 0 5px 20px rgba(99,221,236,0.7);border: 0;max-width: 190px;width: 100%;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.btn-blue:hover, .btn-blue:focus{box-shadow: none;color: #fff;}
#login .form-panel .link{color: #fff;font-size: 17px; font-weight: 500;margin-top: 100px;}
#login .form-panel .link a{color: #e947a5;}
#footer.inner-footer{padding: 0;}
#footer.inner-footer .bottom-footer{margin-top: 0;}
#login .form-panel .form-group input::-webkit-input-placeholder {color: #fff;}
#login .form-panel .form-group input::-moz-placeholder {color: #fff;}
#login .form-panel .form-group input:-ms-input-placeholder {color: #fff;}
#login .form-panel .form-group input:-moz-placeholder {color: #fff;}

/*Check Box*/
#login .form-panel .form-group input[type="checkbox"] {height: 0;width: 0;display: none;}
#login .form-panel .form-group input[type="checkbox"] + label {font-size: 17px;font-weight: 400; position: relative; align-items: center; color: #fff; transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);display: inline-block;padding-left: 0;}
#login .form-panel .form-group input[type="checkbox"] + label > span {display: inline-block;justify-content: center;align-items: center;margin-right: 6px; width: 25px; height: 25px;vertical-align: middle; background: transparent; border: 2px solid #d8d8d8; border-radius: 3px; cursor: pointer; transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);}
#login .form-panel .form-group input[type="checkbox"] + label:hover,
#login .form-panel .form-group input[type="checkbox"]:focus + label { color: #fff;}
#login .form-panel .form-group input[type="checkbox"] + label:hover > span,
#login .form-panel .form-group input[type="checkbox"]:focus + label > span { background: rgba(255, 255, 255, 0.9);}
#login .form-panel .form-group input[type="checkbox"]:checked + label{color: #e947a5;}
#login .form-panel .form-group input[type="checkbox"]:checked + label > span {background: #fff;border: 2px solid #fff; animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);}
#login .form-panel .form-group input[type="checkbox"]:checked + label > span:before {content: ""; position: absolute; top: 15px; left: 5px; border-right: 3px solid transparent;  border-bottom: 3px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;font-size: 28px;}
#login .form-panel .form-group input[type="checkbox"] + label p{display:flow-root;}
@keyframes shrink-bounce { 0% {transform: scale(1); }
  33% {transform: scale(0.85); }
  100% {transform: scale(1);}
}
@keyframes checkbox-check { 0% {width: 0;height: 0;border-color: #e947a5;transform: translate3d(0, 0, 0) rotate(45deg);}
  33% {width: 0.2em;height: 0;transform: translate3d(0, 0, 0) rotate(45deg);}
  100% {width: 0.2em;height: 0.5em;border-color: #e947a5;transform: translate3d(0, -0.5em, 0) rotate(45deg);}
}

/*--------------------------------------------*/
/*Forgot Password*/
/*--------------------------------------------*/
#login.forgot-password .form-panel{margin: 150px 0;}
#login.forgot-password .form-panel h1{font-size: 34px; font-weight: 600;color: #fff;}
#login.forgot-password .form-panel h3{font-size: 20px; font-weight: 500;color: #fcd63c;margin-bottom: 50px;}

/*--------------------------------------------*/
/*Sign Up*/
/*--------------------------------------------*/
#login.sign-up .form-panel{margin: 70px 0;}
#login.sign-up .form-panel h1{font-size: 34px; font-weight: 600;color: #fff;}
#login.sign-up .form-panel h3{font-size: 22px; font-weight: 500;color: #fcd63c;margin-bottom: 40px;}
#login.sign-up .form-panel .link{margin-top: 70px;}
#login.sign-up .form-panel .input-icons a {position: absolute;color: #fff;top: 6px;right: 0px;font-size: 17px;} 
#login.sign-up .form-panel .input-icons {width: 100%;position: relative;} 
#login.sign-up .form-panel .input-icons .icon {padding: 10px;} 
#login.sign-up .form-panel .input-icons .fa-eye-slash {color: #a3a8ba;} 
#login.sign-up .form-panel .input-field {width: 100%;padding: 10px;} 

/*--------------------------------------------*/
/*Listing Details*/
/*--------------------------------------------*/
#page-title{background: #1f222d;margin-top: 95px;padding: 40px 0;}
#page-title h3{color: #fff;font-size: 24px;font-weight: 500;margin: 0;}
#page-title .breadcrumb{padding: 0;margin-bottom: 0;background-color: transparent;text-transform: uppercase;display: inline-block;}
#page-title .breadcrumb .breadcrumb-item{display: inline-block;}
#page-title .breadcrumb .breadcrumb-item a{color: #fff;}
#page-title .breadcrumb .breadcrumb-item.active{color: #9498a9;}
#page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before{color: #fff;}

#product-details{margin-top: 30px;margin-bottom: 50px;}
#product-details .product-img{border: 1px solid #e7e8eb;height:430px;/*padding:50px 0;*/text-align:center;}
#product-details .product-img img{object-fit:cover;height:430px;width:100%;}
#product-details .details-section h3{color: #1f222d;font-weight: 500; font-size: 24px;line-height: 18px;margin-bottom: 20px;}
#product-details .details-section .product-name{color: #757988; font-weight: 300;font-size: 18px;line-height: 18px;margin-bottom: 15px;}
#product-details .details-section .review-rate{color: #1f222d;font-size: 15px; font-weight: 300;}
/*Star Ratings*/
#product-details .details-section .jq-stars { display: inline-block;}
#product-details .details-section .jq-rating-label { font-size: 22px; display: inline-block; position: relative; vertical-align: top;}
#product-details .details-section .jq-star { width: 100px; height: 100px; display: inline-block; cursor: pointer;}
#product-details .details-section .jq-star-svg { padding-left: 3px; width: 100%; height: 100% ; stroke-width: 0px !important;}
#product-details .details-section .jq-star-svg path { stroke-linejoin: round;}
#product-details .details-section .jq-shadow { -webkit-filter: drop-shadow( -2px -2px 2px #888 ); filter: drop-shadow( -2px -2px 2px #888 );}

#product-details .details-section .product-des{font-size: 17px; color: #1f222d;font-weight: 300;line-height: 28px;}

#product-details .pricing{background: #f7f8fa;border: 1px solid #e5e7eb;padding: 20px;}
#product-details .pricing .price{background: #e947a5;padding: 10px 20px;color: #fff;font-size: 18px; font-weight: 500;margin-bottom: 30px;}
#product-details .pricing .price span{font-size: 30px; font-weight: 600;}
#product-details .pricing h4{font-size: 20px; text-transform: uppercase;font-weight: 500;line-height: 15px;margin-bottom: 20px;}
#product-details .pricing .form-group .form-control{background-color: transparent;}
#product-details .pricing .form-group .bootstrap-select > .dropdown-toggle{height: 45px !important; line-height: 45px;border-radius: 0;border: 1px solid #d0d1d5;}
#product-details .pricing .form-group .bootstrap-select .dropdown-menu li a{padding: 0 10px;}
#product-details .pricing .form-group .bootstrap-select .dropdown-menu .dropdown-item.active, #product-details .pricing .form-group .bootstrap-select .dropdown-menu .dropdown-item:active{background-color: #e947a5;}
#product-details .pricing .btn-blue{width: 100%;max-width: 100%;}
#product-details .pricing .note{font-size: 14px; font-weight: 300;line-height: 20px;}

#product-details #tabs{margin-top: 40px;}
#product-details #tabs .nav-tabs .nav-item.show .nav-link, #product-details #tabs .nav-tabs .nav-link.active {background-color: transparent;border-color: transparent ransparent #f3f3f3;border-bottom: 1px solid !important;}
#product-details #tabs .nav-tabs .nav-link {border: 1px solid transparent;font-size: 19px;text-transform: uppercase;font-weight: 500;height: 50px;line-height: 50px;padding: 0;}
#product-details #tabs .nav-tabs .nav-item.show .nav-link, #product-details #tabs .nav-tabs .nav-link.active{color: #29d0e4;}
#product-details #tabs .tab-content .tab-pane h4{font-size: 18px; font-weight: 500;text-transform: uppercase;color: #e947a5;margin-bottom: 15px;}
#product-details #tabs .tab-content{margin-top: 30px;margin-bottom: 50px;}
#product-details #tabs .tab-content #product-des table tr th{padding-left: 0;font-size: 18px;font-weight: 500;}
#product-details #tabs .tab-content #product-des table tr td{font-size: 18px;font-weight: 300;}

#product-details #tabs .tab-content #file-prep .arrow{position: absolute; right: 10px;top: 15px;}
#product-details #tabs .tab-content #file-prep h5{font-size: 22px; font-weight: 500;line-height: 18px;margin-bottom: 20px;margin-top: 30px;}
#product-details #tabs .tab-content #file-prep p{font-size: 16px; font-weight: 300; line-height: 26px;}

#product-details #tabs .tab-content #reviews .review-rating{padding: 0px 0px 20px 0px;border-bottom: 1px solid #e4e5ea;}
#product-details #tabs .tab-content #reviews .review-rating h4{font-size: 20px;color: #1f222d; font-weight: 500;line-height: 20px;margin-bottom: 15px;text-transform: none;}
#product-details #tabs .tab-content #reviews .rating-block{text-align: center;}
#product-details #tabs .tab-content #reviews .rating-block i{color: #f8d02f;font-size: 170px;text-align: center;position: relative;}
#product-details #tabs .tab-content #reviews .rating-block i span{font-size: 40px; font-weight: bold; font-family: 'Work Sans', sans-serif; color: #1f222d;display: block; position: absolute; top: 70px; left: 0; right: 0;}
#product-details #tabs .tab-content #reviews .rating-block h5{font-size: 20px; font-weight: 400;line-height: 16px;margin-top: 15px;}
#product-details #tabs .tab-content #reviews .rating-block p{font-weight: 400; font-size: 16px;color: #e947a5;margin-bottom: 0;}
.padding-bottom-7{padding-bottom:7px;}
#product-details #tabs .tab-content #reviews .review-block-name{font-size:12px;margin:10px 0;}
#product-details #tabs .tab-content #reviews .review-block-date{font-size:12px;}
#product-details #tabs .tab-content #reviews .review-block-rate{font-size:13px;margin-bottom:15px;}
#product-details #tabs .tab-content #reviews .review-block-title{font-size:15px;font-weight:700;margin-bottom:10px;}
#product-details #tabs .tab-content #reviews .review-block-description{font-size:13px;}
#product-details #tabs .tab-content #reviews .review-rating .progress{height: 10px; border-radius: 30px; margin: 22px 20px 0 15px; width: 83%; float: left;}
#product-details #tabs .tab-content #reviews .review-rating .rating-status li{float: left;line-height: 50px;width: 100%;}
#product-details #tabs .tab-content #reviews .review-rating .rating-status .review-feature{float: left;max-width: 60px;width: 100%;}
#product-details #tabs .tab-content #reviews .review-rating .rating-status li .review-feature span{margin-left: 15px;}
#product-details #tabs .tab-content #reviews .review-rating .rating-status li .float-right, #product-details #tabs .tab-content #reviews .review-rating .rating-status li .review-feature{font-size: 20px;color: #91999f; font-weight: 500;}

#product-details #tabs .tab-content #reviews .review {margin-top: 30px;}
#product-details #tabs .tab-content #reviews .review h4{text-transform: none;font-size: 20px;margin-bottom: 15px;font-weight: 500;color: #1f222d;}
#product-details #tabs .tab-content #reviews .review .btn-write-review{border: 1px solid #e5e7eb;border-radius: 30px;height: 50px; line-height: 50px;text-align: center;padding: 0 20px;color: #e947a5;font-size: 18px; font-weight: 500;margin-bottom: 30px;}
#product-details #tabs .tab-content #reviews .review .btn-write-review:hover{background: #e947a5;box-shadow: 0 5px 20px rgba(233,71,165,0.7);color: #fff;border: 1px solid #e947a5;}
#product-details #tabs .tab-content #reviews .review .list-group-item .comment-text{line-height: 20px;font-weight: 300;font-size: 16px; margin-top: 5px;}
#product-details #tabs .tab-content #reviews .review .list-group { margin-bottom: 0; }
#product-details #tabs .tab-content #reviews .review .list-group-item {border-radius: 0;border: 0; border-bottom: 1px solid #e4e5ea; padding: 30px 0px;margin-bottom: 0;}
#product-details #tabs .tab-content #reviews .review .list-group-item:first-child{padding-top: 0;}
#product-details #tabs .tab-content #reviews .review .list-group-item .profile-pic{display: table-cell;vertical-align: top;float: left;margin-right: 20px;}
#product-details #tabs .tab-content #reviews .review .list-group-item .profile-pic img{border-radius: 50%;width: 50px; height: 50px;}
#product-details #tabs .tab-content #reviews .review .list-group-item .content-panel{display: flow-root;background: none;height: auto;padding: 0;}
#product-details #tabs .tab-content #reviews .review .list-group-item .content-panel .rating_shopno{color: #8b9092;margin-bottom: 10px;}

#product-details #tabs .tab-content #reviews .review .list-group-item .content-panel .rating_shopno span{font-size: 15px; font-weight: 500; color: #f53a3a;}
#product-details #tabs .tab-content #reviews .review .list-group-item .content-panel .rating_shopno span.rating{font-size: 15px; font-weight: 300;color: #3c484c;}
#product-details #tabs .tab-content #reviews .review .list-group-item .content-panel .rating_shopno span.rating i{color: #cacaca;}
#product-details #tabs .tab-content #reviews .review .list-group-item .content-panel .rating_shopno span.rating .active{color: #f2bc01;}
#product-details #tabs .tab-content #reviews .review .list-group-item .mic-info { color: #7d8387;font-size: 13px;font-weight: 300; }

.pagination{display: inline-block;margin-top: 30px;}
.pagination .page-item{margin: 0 5px;display: inline-block;}
.pagination .page-item .page-link{border-radius: 5px;font-size: 14px; font-weight: 500;border: 0;box-shadow: 0 3px 10px rgba(0,0,0,0.2);color: #3c484c;}
.pagination .page-item .page-link:hover{background: #f53a3a;color: #fff;}
.pagination .page-item .page-link.active{background: #f53a3a;color: #fff;}

/*Add Review Ratings*/
#add-review .modal-header{border: 0;padding: 30px 30px 10px 30px;}
#add-review .modal-header .modal-title{font-size: 20px; font-weight: 500;}
#add-review .modal-header .close{padding: 0;}
#add-review .modal-content .modal-body{padding: 0 30px 30px 30px;}
#add-review .add-review p{font-size: 16px;margin-bottom: 15px;font-weight: 300;}
#add-review .add-review .rate {display: inline-block;margin-bottom: 10px;}
#add-review .add-review .rate:not(:checked) > input {position:absolute;top:-9999px;}
#add-review .add-review .rate:not(:checked) > label {float:right;width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:40px;color:#ccc;line-height: 30px;}
#add-review .add-review .rate:not(:checked) > label:before {content: '★ ';}
#add-review .add-review .rate > input:checked ~ label {color: #ffc700;}
#add-review .add-review .rate:not(:checked) > label:hover, #add-review .add-review .rate:not(:checked) > label:hover ~ label {color: #deb217;}
#add-review .add-review .rate > input:checked + label:hover, #add-review .add-review .rate > input:checked + label:hover ~ label, #add-review .add-review .rate > input:checked ~ label:hover, #add-review .add-review .rate > input:checked ~ label:hover ~ label, #add-review .add-review .rate > label:hover ~ input:checked ~ label {color: #c59b08;}
#add-review .add-review .btn-common{border: 0; border-radius: 30px;height: 50px; line-height: 50px; text-align: center;padding: 0 20px;color: #fff;background: #e947a5; font-size: 18px; font-weight: 500;}
#add-review .add-review .btn-common:hover{box-shadow: 0 5px 20px rgba(233,71,165,0.7);}

/*Upload Files*/
#upload-file .modal-header{border: 0;padding: 20px 30px 10px 30px;}
#upload-file .modal-header .modal-title{font-size: 20px; font-weight: 500;}
#upload-file .modal-header .close{padding: 10px 0 0 0;}
#upload-file .modal-content .modal-body{padding: 0 30px 30px 30px;}
#upload-file .modal-content .modal-body .btn-blue{max-width: none; width: auto; padding: 0 20px;}
#upload-file .modal-content .modal-body .btn-back{border: 1px solid #e5e7eb;border-radius: 30px;height: 50px; line-height: 45px;padding: 0 20px;font-size: 18px; font-weight: 500;text-align: center;}
.dplay-tbl-cell.upload-pdf h4 {font-size:25px;}
.image-upload {width:100%;min-height:200px; padding:0px 0;border:2px dashed #ccc;border-radius:5px;margin-bottom:30px;position: relative;text-align: center;color: #666;display:flex;justify-content:space-around;overflow:hidden}
.image-upload label{margin: 0;display:block;}
.item-wrapper form img {margin-bottom:20px;width: auto;height: auto;overflow: hidden;}
.image-upload img {margin: 0 auto;}
.image-upload h3 {font-size: 16px;color: #000;font-weight: 400;margin:5px 0 0}
.image-upload h5{font-size:17px;line-height: 145px;}
.image-upload input {cursor: pointer;opacity: 0;height: 100%;width: 100%;z-index: 10;position: absolute;top: 0;left: 0;}
.item-wrapper input {height: 100%;border: 1px solid #ddd;border-radius: 4px;}
.image-front {flex:0 0 50%;position:relative}
.image-back {background-color:#f9f9f9;flex:0 0 50%;position:relative}
.dplay-tbl .dplay-tbl-cell h4 {font-size:20px;}
.item-wrapper .item-inner {position:relative;}
#img-upload img{position:absolute;left:2px;right:0;top:3px;text-align:center;height:80%;width:96%;opacity:0.8;background-color:#fff;}
/*#img-upload img{height:100%;width:auto;}*/
/*--------------------------------------------*/
/*Shopping Cart*/
/*--------------------------------------------*/
#shopping-cart{padding: 40px 0 60px 0;}
#shopping-cart .cart thead th{border: 0;background: #f3f6f6;height: 60px; line-height: 60px;padding: 0 20px;text-transform: uppercase;font-size: 18px; font-weight: 500;}
#shopping-cart .cart tbody td{border-top: 0;border-bottom: 1px solid #dee2e6;padding: 20px;vertical-align: middle;font-size:16px;font-weight: 300;}
#shopping-cart .cart tbody .pdt-img{height:60px;width:60px;object-fit: cover;margin-right: 20px;float: left;border: 1px solid #dee2e6;}
#shopping-cart .cart tbody td h5{font-size:18px; font-weight: 400;margin: 0;margin-bottom:5px;}
#shopping-cart .cart tbody td .input-group{max-width: 140px;width: 100%;}
#shopping-cart .cart tbody td .input-group .input-number{text-align: center;background: #f2f4f9;border: 0;height: 40px;font-size: 20px;}
#shopping-cart .cart tbody td .input-group .input-group-btn .btn-number{background: #e6e8ec;border-radius: 0;border: 0;height: 40px;}
#shopping-cart .cart tbody td .input-group .input-group-btn .btn-number:focus{box-shadow: none;}
#shopping-cart .cart tbody td .action{color: #a5a7af;font-size: 22px;}
#shopping-cart .cart tbody td .action:hover{color: #e947a5;}

#shopping-cart .btn-yellow{background: #fcd63c;color: #1f222d;border: 2px solid #fcd63c;font-size: 18px;border-radius: 30px;padding: 0 20px; height: 50px;line-height: 45px;margin-top: 20px;}
#shopping-cart .btn-yellow:hover{color: #1f222d;border: 2px solid #fcd63c;background-color: transparent;}
#shopping-cart .btn-update{background: #f3f6f6;color: #1f222d;border: 2px solid #f3f6f6;font-size: 18px;border-radius: 30px;padding: 0 20px; height: 50px;line-height: 45px;margin-top: 20px;}
#shopping-cart .btn-update:hover{color: #1f222d;border: 2px solid #e6e8ec;background-color: transparent;}
#shopping-cart .cart tbody td span.pdf-label {display: block;font-size: 11px;}
#shopping-cart .cart tbody td span.pdf-label.front{margin-bottom:10px}

/*Order Summary*/
.order-summary h4{font-weight: 500;font-size: 20px;margin-bottom: 10px;}
.order-summary .price-summary{background: #f3f6f6;padding: 0 30px;margin-bottom: 30px;}
.order-summary .price-summary .table td, .order-summary .price-summary .table th{padding: 0;}
.order-summary .price-summary .table th{border-bottom: 1px solid #e4e4e4;line-height: 65px;text-transform: uppercase;font-size: 17px; color: #1f222d;font-weight: 500;}
.order-summary .price-summary .table td{line-height: 40px;font-weight: 300;font-size: 17px;}
.order-summary .price-summary .table td strong{font-size: 17px; font-weight: 500;line-height: 50px;}
.order-summary .price-summary .table .order-total th{border-top:1px solid #e4e4e4;border-bottom: 0; }

.order-summary .input-group-append {margin-left: 0px;position: absolute;right: 5px;z-index: 10;}
.order-summary .input-group > .input-group-append > .btn, .order-summary .input-group > .input-group-append > .input-group-text{border-radius: 30px;}
.order-summary .input-group > .custom-select:not(:last-child), .order-summary .input-group > .form-control:not(:last-child){border-radius: 30px;}
.order-summary .input-group > .form-control{height: 50px;padding: 0px 15px;border-color: #e1e2e6;}
.order-summary .input-group > .form-control:focus{border-color: #e1e2e6;}
.order-summary .input-group > .input-group-append > .btn{height: 40px;background: #e947a5;font-size: 16px; font-weight: 500;color: #fff;padding: 0 20px;margin-top: 5px;}
.order-summary .input-group > .input-group-append > .btn:focus{box-shadow: none;}
.order-summary .input-group > .input-group-append > .btn:hover{box-shadow: 0 5px 20px rgba(233,71,165,0.7);}
.order-summary .btn-blue{width: 100%;max-width: none;margin-top: 30px;}

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

#checkout{padding: 40px 0 60px 0;}
#checkout form h3{font-size: 20px; font-weight: 500;width: 100%;margin-bottom: 30px;}
#checkout form .form-group label span{color: #f60909;}
#checkout form .form-group .form-control{border-color: #e0e0e0;border-radius: 0;}
#checkout .form-group .bootstrap-select > .dropdown-toggle{height: 40px !important; line-height: 40px;border-radius: 0;border: 1px solid #e0e0e0;}
#checkout .form-group .bootstrap-select .dropdown-menu li a{padding: 0 10px;}
#checkout .form-group .bootstrap-select .dropdown-menu .dropdown-item.active, #checkout .form-group .bootstrap-select #checkout .form-group .dropdown-menu .dropdown-item:active{background-color: #e947a5;}

/*Check Box*/
#checkout .form-group input[type="checkbox"] {height: 0;width: 0;display: none;}
#checkout .form-group input[type="checkbox"] + label {font-size: 17px;font-weight: 400; position: relative; align-items: center; color: #3e3e3e; transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);display: inline-block;padding-left: 0;}
#checkout .form-group input[type="checkbox"] + label > span {display: inline-block;justify-content: center;align-items: center;margin-right: 6px; width: 25px; height: 25px;vertical-align: middle; background: transparent; border: 2px solid #1c1c1c; border-radius: 3px; cursor: pointer; transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);}
#checkout .form-group input[type="checkbox"] + label:hover,
#checkout .form-group input[type="checkbox"]:focus + label { color: #3e3e3e;}
#checkout .form-group input[type="checkbox"] + label:hover > span,
#checkout .form-group input[type="checkbox"]:focus + label > span { background: rgba(255, 255, 255, 0.9);}
#checkout .form-group input[type="checkbox"]:checked + label{color: #e947a5;}
#checkout .form-group input[type="checkbox"]:checked + label > span {background: #fff;border: 2px solid #e947a5; animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);}
#checkout .form-group input[type="checkbox"]:checked + label > span:before {content: ""; position: absolute; top: 15px; left: 5px; border-right: 3px solid transparent;  border-bottom: 3px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;font-size: 28px;}
#checkout .form-group input[type="checkbox"] + label p{display:flow-root;}
@keyframes shrink-bounce { 0% {transform: scale(1); }
  33% {transform: scale(0.85); }
  100% {transform: scale(1);}
}
@keyframes checkbox-check { 0% {width: 0;height: 0;border-color: #e947a5;transform: translate3d(0, 0, 0) rotate(45deg);}
  33% {width: 0.2em;height: 0;transform: translate3d(0, 0, 0) rotate(45deg);}
  100% {width: 0.2em;height: 0.5em;border-color: #e947a5;transform: translate3d(0, -0.5em, 0) rotate(45deg);}
}
#checkout hr{border-top: 1px solid #e9e9e9;margin: 0 0 30px 0;height: 1px; width: 100%;}

/*Radio Button*/
#checkout .order-summary .radio {display: inline-block;padding-right: 20px;margin-top: 0px;margin-bottom: 20px;font-size: 20px;line-height: 25px;cursor: pointer;text-transform: none;}
#checkout .order-summary .radio:hover .inner {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0.5;}
#checkout .order-summary .radio input { height: 1px; width: 1px; opacity: 0;}
#checkout .order-summary .radio input:checked + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
#checkout .order-summary .radio input:checked + .outer { border: 2px solid #e947a5;}
#checkout .order-summary .radio input:focus + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1; background-color: #e947a5;}
#checkout .order-summary .radio .outer { height: 22px; width: 22px; display: block; float: left; margin: 0px; border: 2px solid #6d6d6d; border-radius: 50%; background-color: #fff;}
#checkout .order-summary .radio .inner { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 12px; width: 12px; -webkit-transform: scale(0);  transform: scale(0); display: block; margin: 3px; border-radius: 50%; background-color: #e947a5; opacity: 0;}

#checkout .order-summary .btn-blue{margin-top: 0;}

/*--------------------------------------------*/
/*Contact Page - Info Section*/
/*--------------------------------------------*/
#map-section{width: 100%;}
#contact-info{background: #f6f6f7; padding: 80px 0;}
#contact-info h1{color: #e947a5; font-size: 44px;font-weight: 600; letter-spacing: 0.4px; margin: 0; line-height: 26px;}
#contact-info h4{color: #1f222d; font-size: 22px;font-weight: 400; letter-spacing: 0.2px; margin: 30px 0 10px 0;line-height: 28px;}
#contact-info p{color: #1f222d; font-size: 17px;font-weight: 300; letter-spacing: 0.6px; line-height: 26px; margin-bottom: 0px;}
#contact-info .info-box{background: #fff; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); text-align: center;height: 160px;border-radius: 20px 0 20px 0; padding: 40px 30px 30px 30px; margin-top: 70px; position: relative;}
#contact-info .info-box .contant-icon{position: absolute; left: 0; right: 0; top: -32px; margin: 0 auto; border-radius: 100%; width: 65px; height: 65px; display: inline-block; box-shadow: 0px 5px 15px rgba(99,221,236,0.6); text-align: center; padding-top: 12px; background: rgb(252,214,60);background: -moz-linear-gradient(-45deg,  rgba(252,214,60,1) 0%, rgba(0,158,177,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(252,214,60,1) 0%,rgba(0,158,177,1) 100%);
background: linear-gradient(135deg,  rgba(252,214,60,1) 0%,rgba(0,158,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd63c', endColorstr='#009eb1',GradientType=1 );}
#contact-info .info-box .contant-icon span{width: 40px; height: 40px;background-image: url('../images/contact-icon.png'); background-repeat: no-repeat; display: block; margin: 0 auto;}
#contact-info .info-box .contant-icon span.contact-icon1{background-position: -7px 0;}
#contact-info .info-box .contant-icon span.contact-icon2{background-position: -60px 0;}
#contact-info .info-box .contant-icon span.contact-icon3{background-position: -116px 0;}
#contact-info .info-box .title{font-size: 17px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.6px; margin-top: 20px; margin-bottom: 15px; line-height: 16px;}
#contact-info .info-box p{font-size: 17px; font-weight: 300; line-height: 22px; margin-bottom: 0;}

/*--------------------------------------------*/
/*Contact Page - Form Section*/
/*--------------------------------------------*/
#contact-form{padding: 80px 0;}
#contact-form h1{font-size: 44px; font-weight: 300; margin-bottom: 0px; margin-top: 0; text-align: center; line-height: 32px;}
#contact-form h4{font-size: 22px;font-weight: 500; letter-spacing: 0.2px; margin: 20px 0;line-height: 20px; text-align: center;}
#contact-form p{color: #6b6f78; font-size: 17px; letter-spacing: 0.6px; line-height: 16px; margin-bottom: 0px; text-align: center;}
#contact-form form{margin-top: 60px; text-align: center;}
#contact-form .form-group{margin-bottom: 30px;}
#contact-form .form-group .form-control{margin-bottom: 0;height: 45px;line-height: 45px;}
#contact-form .form-group .form-control:focus{border-color: #dadada;}

/*--------------------------------------------*/
/*About Us - Overview Section*/
/*--------------------------------------------*/
#about-overview{background: #f7f7f7;padding: 80px 0; position: relative;}
#about-overview h1{font-size: 64px; color: #dbdee0; line-height: 44px; font-weight: 700; letter-spacing: -0.2px; position: relative; padding-bottom: 20px; margin-bottom: 0;}
#about-overview h1:after{content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 5px; border-radius: 30px; background: #ef4095;}
#about-overview p{font-size: 24px; color: #51585f;line-height: 18px; margin-top: 30px;}
#about-overview .content{font-size: 17px; color: #25303a; font-weight: 400; line-height: 28px;letter-spacing: 0.6px; margin-top: 0;}
#about-overview .content-para{font-size: 17px; color: #616a72; font-weight: 300;line-height: 28px; letter-spacing: 0.6px;}

/*--------------------------------------------*/
/*Why Choose Us? Section*/
/*--------------------------------------------*/

#why-choose-us{padding: 80px 0;}
#why-choose-us h1{font-size: 44px; text-align: center;line-height: 32px; margin-bottom: 70px; margin-top: 0;}
#why-choose-us .icon{background-image: url('../images/why-print-icon.png'); background-repeat: no-repeat; display: block; margin: 0 auto;}
#why-choose-us .why-icon-one{height: 80px; width: 80px; background-position: top left;}
#why-choose-us .why-icon-two{height: 80px; width: 80px; background-position: -110px 0px;}
#why-choose-us .why-icon-three{height: 80px; width: 80px; background-position: -221px 0px;}
#why-choose-us .why-icon-four{height: 80px; width: 110px;background-position: top right;}
#why-choose-us h5{font-size: 20px; font-weight: 500; text-align: center; line-height: 26px; margin: 30px 40px 0 40px;}

/*--------------------------------------------*/
/*Our Vision Section*/
/*--------------------------------------------*/

#our-vision{ padding-top: 80px;background: #f7f7f7; }
#our-vision h1{font-size: 44px; font-weight: 300; margin-top: 80px;}
#our-vision .content{font-size: 22px; color: #51585f; font-weight: 300; line-height: 34px;}

/*--------------------------------------------*/
/*Our Mission Section*/
/*--------------------------------------------*/
#our-mission{ padding: 80px 0; }
#our-mission h1{font-size: 44px; font-weight: 300; margin-top: 80px;}
#our-mission .content{font-size: 22px; color: #51585f; font-weight: 300; line-height: 34px;}
#our-mission .mobile-view{display: none;}
#our-mission .desk-view{display: block;}

/*--------------------------------------------*/
/*Dashboard*/
/*--------------------------------------------*/
#dashboard{padding-top: 30px; padding-bottom: 60px;background: #f3f6f6;min-height: 600px; height: 100%;}
#dashboard .list-group{margin-bottom: 30px;}
#dashboard .list-group .list-group-item{padding: 0;background-color: transparent;border-top: 1px solid #e8e9ea;}
#dashboard .list-group .list-group-item a{line-height: 60px;padding-left: 20px;font-size: 18px; font-weight: 500;display: block;}
#dashboard .list-group .list-group-item a i{font-size: 20px; color: #b8bcc8;margin-right: 15px;}
#dashboard .list-group .list-group-item a:hover i{color: #e947a5;}
#dashboard .list-group .list-group-item .active, #dashboard .list-group .list-group-item .active i{color: #e947a5;}

#dashboard .address-book{background: #fff;box-shadow: 0 15px 35px rgba(0,0,0,0.1);padding: 20px;border-radius: 5px;margin-bottom: 30px;}
#dashboard .address-book h4{font-size: 18px;font-weight: 500;display: inline-block;}
#dashboard .address-book .edit {font-size: 20px;color: #b8b8b8;float: right;margin-left: 15px;}
#dashboard .address-book .edit:hover{color: #e947a5;}
#dashboard .address-book p{font-size: 15px;font-weight: 300;line-height: 24px;}
#dashboard .address-book p span{color: #90989e;text-transform: uppercase;display: block;}
#dashboard .address-book h3{font-size: 17px; font-weight: 500; color: #e947a5;}

#dashboard .my-orders{background: #63ddec;padding: 30px;text-align: center;border-radius: 5px;box-shadow: 0 15px 35px rgba(0,0,0,0.1);margin-bottom: 30px;}
#dashboard .my-orders .icon{width: 90px; height: 90px;border-radius: 100%;background: #006976;box-shadow: 0 7px 15px rgba(0,0,0,0.4);display: block;margin: 0 auto;line-height: 90px;text-align: center;}
#dashboard .my-orders h3{font-size: 54px; font-weight: 600; color: #fff;line-height: 40px;margin: 20px 0 15px 0;}
#dashboard .my-orders p{font-size: 20px; font-weight: 600; color: #fff;text-transform: uppercase;}

.recent-orders{background: #fff;box-shadow: 0 15px 35px rgba(0,0,0,0.1);padding: 0 20px;}
.recent-orders h4{font-size: 18px; font-weight: 500; text-transform: uppercase;line-height: 14px;margin: 20px 0;display: inline-block;}
.recent-orders .table td, .recent-orders .table th{padding: 15px;}
.recent-orders .table thead th{font-weight: 500; font-size: 16px; text-transform: uppercase;}
.recent-orders .table td{font-weight: 300; font-size: 16px; }
.recent-orders .table .action{padding: 14px 0;}
.recent-orders .table td .btn-action{font-size: 18px; color: #848794;margin: 0 5px;}
.recent-orders .table td .btn-action:hover{color: #e947a5;}
.recent-orders form{width: 100%;}
.recent-orders form .my-2{padding: 0 5px !important;}
.recent-orders form .form-group .bootstrap-select > .dropdown-toggle{height: 35px !important;line-height: 35px;}
.recent-orders .form-group .bootstrap-select .dropdown-menu li a{padding: 0 15px;}
.recent-orders form .form-group .form-control{height:35px;/*line-height:35px;*/border-radius: 4px;}
.recent-orders form .btn-search{padding: 0 20px;border: 0; height: 35px; line-height: 35px; background: #fcd63c;font-size: 17px;border-radius: 4px;}
.recent-orders form .btn-search:hover{box-shadow: 0 7px 15px rgba(252,214,60,0.6);color: #1f222d;}
.recent-orders form .btn-search:focus{color: #1f222d;}
.recent-orders form .btn-outline-dark{border-color: #d7d7d7;padding: 0 15px;height: 35px; line-height: 35px;font-size: 16px;vertical-align: top;}

/*--------------------------------------------*/
/*Order Details*/
/*--------------------------------------------*/

.btn-back{color: #28bfd1;font-size: 15px;}
.btn-back:hover{text-decoration: underline;color: #28bfd1;}
.order_detail_wrapper{background: #fff;box-shadow: 0 15px 35px rgba(0,0,0,0.1);margin-bottom: 30px;}
.order-details{padding: 20px;}
.order-details h4{font-size: 20px; font-weight: 500;}
.order-details p{margin-bottom: 10px;}
.order-details .o_id{font-size: 17px; color: #25303a; font-weight: 500;}
.order-details .o_id span{color: #ee4095;}
.order-details .time_date{font-size: 16px;margin-bottom: 20px;}
.order-details .time_date strong{font-weight: 600;}
.order-details .text-success{font-weight: 300;color: #57b040 !important;}

.order-details .delivery-status{width: 100%;display: inline-block;position: relative;height: 50px;}
.order-details .delivery-status:after{content: ''; position: absolute; left: 0px; top: 12px;z-index: 0; width: 100%; height: 2px; background: #e8eaee;}
.order-details .delivery-status li{text-align: center;width: 33.33%;display: table-cell;position: relative;z-index: 1;}
.order-details .delivery-status li span{border-radius: 100%;float: left;background: #e4e6ea;width: 25px; height: 25px; border: 1px solid #d9dadc;text-align: center;display: inline-block;}
.order-details .delivery-status li i{font-size: 12px;color: #57b040;}
.order-details .delivery-status .success{border: 2px solid #57b040;background-color:#fff;line-height: 21px;}
.order-details .delivery-status .current_status{background: #57b040;border-color: #57b040;position: relative;}
.order-details .delivery-status .current_status:before{content: ''; position: absolute; left: 6px; top: 6px;z-index: 10; width: 11px; height: 11px; border-radius: 100%; background: #fff;}
.order-details .delivery-status li p{position: absolute;top: 30px;color: #57b040;font-weight: 400;left: -15px;font-size: 12px;}
.order-details h5{color: #ee4095; font-size: 17px; font-weight: 600;margin-top: 20px;}
.order-details p{font-size: 15px; font-weight: 300;line-height: 22px;}
.order-details table tr td{line-height: 30px;font-size: 16px; font-weight: 300;}
.order-details table tr td strong{font-size: 17px; font-weight: 600;display: block;text-align: right;}

.order_detail_wrapper table tr th{background: #f4f4f4;border-top: 1px solid #d8d8d8;padding: 15px 20px;font-size: 16px; font-weight: 600;}
.order_detail_wrapper table tr th span{font-size: 17px; color: #ee4095;display: block; text-align: right;}

.product_details{background: #fff;box-shadow: 0 15px 35px rgba(0,0,0,0.1);padding: 20px;}
.product_details h5{color: #ee4095; font-size: 17px; font-weight: 600;}
.product_details .uploaded-file .pdt-img{height: 40px; width: 40px;object-fit: cover;margin-right: 15px;border: 1px solid #cfcfcf;float: left;}
.product_details .uploaded-file{margin-bottom: 20px;}
.product_details .uploaded-file li{width: 100%;display: inline-block;border-bottom: 1px solid #dedfe5;padding: 10px 0;display:flex;align-items:center;}
.product_details .uploaded-file li p{margin-bottom: 0;font-size: 15px; font-weight: 300;}
.product_details .item_details{font-size: 15px; font-weight: 300;}
.product_details .item_details li{line-height: 30px;}
.product_details .item_details li span{font-weight: 600;}
.btn-invoice{background: #e947a5;color: #fff;font-size: 18px;font-weight: 500; border-radius: 30px;padding: 0 20px; height: 50px;line-height: 45px;margin-top: 30px;box-shadow: 0 7px 20px rgba(233,71,165,0.7);float: right;}
.btn-invoice:hover{color: #fff;}

/*Add Address Book Model*/
.add-address-book{border: 1px dashed #1f222d; padding: 20px;border-radius: 5px;margin-bottom: 30px;text-align: center;height:250px;position: relative;}
.add-address-book .vertical-center{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;width: 100%;}
.add-address-book .vertical-center h4{font-size: 18px; text-transform:uppercase;color: #8c9297;font-weight: 500;margin-top: 20px;}
.add-address{}
#add-address .modal-header{border: 0;padding: 20px 30px 15px 30px;}
#add-address .modal-header .modal-title{font-size: 18px; font-weight: 500;text-transform: uppercase;color: #ee4095;}
#add-address .modal-header .close{padding: 10px 0;}
#add-address .modal-content .modal-body{padding: 0 30px 30px 30px;}
#add-address .add-address p{font-size: 16px;margin-bottom: 15px;font-weight: 300;}

#add-address .add-address .btn-common{border: 0; border-radius: 30px;height: 50px; line-height: 50px; text-align: center;padding: 0 20px;color: #fff;background: #e947a5; font-size: 18px; font-weight: 500;}
#add-address .add-address .btn-common:hover{box-shadow: 0 5px 20px rgba(233,71,165,0.7);}

/*--------------------------------------------*/
/*Account Information*/
/*--------------------------------------------*/
.account-info{background: #fff;box-shadow: 0 15px 35px rgba(0,0,0,0.1);margin-bottom: 30px;padding: 20px;}
.account-info form h4{font-size: 20px; text-transform: uppercase; font-weight: 500;margin-bottom: 20px;}
.account-info form .form-group label span{color: #f60909;}
.account-info .btn-blue{width: auto;max-width: none;padding: 0 40px;}

/*Check Box*/
.account-info .form-group input[type="checkbox"] {height: 0;width: 0;display: none;}
.account-info .form-group input[type="checkbox"] + label {font-size: 17px;font-weight: 400; position: relative; align-items: center; color: #3e3e3e; transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);display: inline-block;padding-left: 0;}
.account-info .form-group input[type="checkbox"] + label > span {display: inline-block;justify-content: center;align-items: center;margin-right: 6px; width: 25px; height: 25px;vertical-align: middle; background: transparent; border: 2px solid #1c1c1c; border-radius: 3px; cursor: pointer; transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);}
.account-info .form-group input[type="checkbox"] + label:hover,
.account-info .form-group input[type="checkbox"]:focus + label { color: #3e3e3e;}
.account-info .form-group input[type="checkbox"] + label:hover > span,
.account-info .form-group input[type="checkbox"]:focus + label > span { background: rgba(255, 255, 255, 0.9);}
.account-info .form-group input[type="checkbox"]:checked + label{color: #e947a5;}
.account-info .form-group input[type="checkbox"]:checked + label > span {background: #fff;border: 2px solid #e947a5; animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);}
.account-info .form-group input[type="checkbox"]:checked + label > span:before {content: ""; position: absolute; top: 15px; left: 5px; border-right: 3px solid transparent;  border-bottom: 3px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;font-size: 28px;}
.account-info .form-group input[type="checkbox"] + label p{display:flow-root;}
@keyframes shrink-bounce { 0% {transform: scale(1); }
  33% {transform: scale(0.85); }
  100% {transform: scale(1);}
}
@keyframes checkbox-check { 0% {width: 0;height: 0;border-color: #e947a5;transform: translate3d(0, 0, 0) rotate(45deg);}
  33% {width: 0.2em;height: 0;transform: translate3d(0, 0, 0) rotate(45deg);}
  100% {width: 0.2em;height: 0.5em;border-color: #e947a5;transform: translate3d(0, -0.5em, 0) rotate(45deg);}
}

/*--------------------------------------------*/
/*Product List*/
/*--------------------------------------------*/
#product-list{padding-top: 30px;padding-bottom: 50px;background: #f3f6f6;}
#product-list .list-group{padding-bottom: 10px;margin-bottom: 20px; background: #fff;}
#product-list .list-group h4{font-size: 18px; color: #fff;font-weight: 500;text-transform: uppercase;padding:10px 20px;margin-bottom: 10px;}
#product-list .list-group h4 img{margin-right: 5px;}
#product-list .list-group h4.cat-1{background: #63ddec;}
#product-list .list-group h4.cat-2{background: #e947a5;}
#product-list .list-group h4.cat-3{background: #d6ac00;}
#product-list .list-group .list-group-item{line-height: 45px;padding: 0 20px;border: 0;font-size: 16px; color: #1f222d;font-weight: 300;}
#product-list .list-group .list-group-item:hover,#product-list .list-group .list-group-item.active{color: #e947a5;background-color:transparent;}
#product-list .list-group .list-group-item i{float: right;line-height: 45px;display: none;}
#product-list .list-group .list-group-item:hover i,#product-list .list-group .list-group-item.active i{display: block;}
#product-list .sort-by .form-group{width: 100% !important;}
#product-list .sort-by .form-group .form-control {border: 0;line-height: normal;font-weight: 400;width: 100%;}
#product-list .product-count{font-weight: 300;color: #5c5f69;line-height: 50px;}

#product-list .card{background-color: transparent;border: 0;margin-bottom: 20px;}
#product-list .card .card-body{padding: 20px 0;}
#product-list .card:hover .card-img-top{box-shadow: 0 5px 30px rgba(0,0,0,0.1);}
#product-list .card .card-img-top{object-fit: cover;height: 320px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
#product-list .card .card-body .card-title{font-size: 19px;font-weight: 400;margin-bottom: 5px;}
#product-list .card .card-body .card-title a:hover{color: #10c7dd;}
#product-list .card .card-body .card-text ul li{font-weight: 300;text-decoration: underline;line-height: 30px;}
#product-list .card .card-body .card-text ul li a:hover{text-decoration: underline;}


#recently-products #product-details {margin-top:10px;margin-bottom:0px;}
button.btn-blue.upload-disable {background:#ccc;box-shadow:0 5px 20px rgb(204 204 204);}
.user-profile{max-width:200px;width:100%;}
.user-profile .image-upload{padding:0;height:200px}
.user-profile .image-upload .dplay-tbl{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:20px;}
.user-profile .image-upload img{height:200px;position:relative;z-index:1}
 .loader-in {width:200px;height:200px;position:absolute;left:50%;top:50%;background-image: url("../images/preloader.gif");background-size: cover;
background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;}
.preloader {
position:fixed;top:0;left:0;right:0;bottom:0;background-color: #fefefe;z-index:99999;height: 100%;
}
/*--------------------------------------------*/
/*Start Responsive and Mobile Views*/
/*--------------------------------------------*/

/*--------------------------------------------*/
/* Laptop with Desktop (1400px) View*/
/*--------------------------------------------*/
@media all and (max-width:1400px) {
#product-black .note{font-size: 14px;}
#product-details #tabs .tab-content #reviews .review-rating .progress{width: 80%;}
.recent-orders form .btn-search{padding: 0 10px;font-size: 15px;}
.recent-orders form .btn-outline-dark{padding: 0 10px;}
#banners .mini_banner{object-fit: fill;}
}

/*--------------------------------------------*/
/* Laptop with Tab (1199px) View*/
/*--------------------------------------------*/
@media all and (max-width:1199px) {
#product-black .note{font-size: 13px;font-weight: 400;margin-bottom: 0;line-height: 17px;}
#category .apparel-products .swiper-button-next, #category .apparel-products .swiper-button-prev{top: 41%;}
#web_features .feature-deal{padding: 30px;}
.order-summary{margin-top: 30px;}
    
#why-choose-us{padding: 40px 0;}
#why-choose-us h5{margin: 30px 20px 50px 20px;}
#our-mission h1{margin-top: 20px;}
#our-vision h1{margin-top: 20px;}
    
.recent-orders form .btn-outline-dark{padding: 0 21px;}
}

/*--------------------------------------------*/
/* Mini Laptop with Tab (991px) View*/
/*--------------------------------------------*/
@media all and (max-width:991px) {
/*Responsive Menu*/
.overlay{display: block;}
.menu{display: block;float: right;font-size: 30px;cursor: pointer;color: #e947a5;position: relative;top: 10px;}
#header.header.sticky .menu{color: #e947a5;}
.overlay {height: 100%;width: 0;position: fixed;z-index: 1;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(255,255,255, 1);overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 7%;width: 100%;text-align: center; margin-top: 10px;}
.overlay a {padding:15px 0;text-decoration: none;font-size: 24px;color: #818181;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}
.overlay .closebtn {font-size: 40px;top: 0px;right: 35px;}
#header{padding: 10px 0px;}
#header ul li{width: 100%;margin-left: 0;}
#header ul li a:hover{color: #f53a3a;}
.desk-menu{display: none;}
#header .overlay-content ul{float: none;}
#header .overlay-content ul li{display: block;float: none;margin: 0;border-bottom: 1px solid #ebecef;}
#header .overlay-content ul li:last-child{border: 0;}
#header .overlay-content ul li a{color: #1f222d;display: block;line-height: 60px;padding: 0;}
#header .overlay-content ul li a:hover{background: #f2f3f6;}
#header.header.sticky .overlay-content ul li{margin: 0;}
#header ul li.my-account:last-child {padding-right: 20px;}  
#header .overlay-content .cart .total-header-section p .btn-light{line-height: 35px;}
#product-black{margin-top: 82px;}
#banners .home-slider .swiper-slide{max-height: 350px;height: 100%;}
#banners .home-slider .swiper-slide .content h2{font-size: 34px;line-height: 44px;}
#banners .home-slider .swiper-slide .content p{font-size: 20px;}
#wholesale-trade-process h2{font-size: 34px;}
#web_features .feature-deal{padding: 40px 70px;}
/*Responsive Menu End*/
#page-title{margin-top: 85px;}
.content-panel{background-position: center right;}
    
#banners .mini_banner{height: 200px;object-fit: unset;}
    
#product-details .product-img{height: auto;margin-bottom: 30px;}
#product-details #tabs .tab-content #reviews .review-rating .progress{width: 73%;}

#our-vision{padding-top: 30px;}
#about-overview h1{line-height: 60px;}
#why-choose-us h5{margin: 30px 0px 50px 0px;}

#footer h4{margin-top: 30px;}
}

/*--------------------------------------------*/
/* Mini Tab with (768px) View*/
/*--------------------------------------------*/
@media all and (min-width:768px) {
#footer .copyright{text-align: center;}
    
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (767px) View*/
/*--------------------------------------------*/
@media all and (max-width:767px) {
#header.header .logo{height: 45px;}
.menu{top: 5px;}
#page-title{margin-top: 68px;}
#product-black{margin-top: 70px;}
#product-black .all-product-btn{padding: 0 20px;}
#banners .poster img{height: 170px;}
#recently-products{padding: 30px 0;}
#wholesale-trade-process h2{line-height: 40px;text-align: center;margin-top: 30px;margin-bottom: 10px;}
#footer .copyright{text-align: center;line-height: 24px;margin-bottom: 20px;color: #3c484c;}
#footer .bottom-footer .copyright{text-align: center;}
#footer .bottom-footer .text-right{text-align: center !important;margin-top: 10px;}    
    
#page-title{padding: 20px 0;text-align: center;}
#page-title .text-right{text-align: center !important;}
#page-title .breadcrumb .breadcrumb-item{font-size: 13px;}    
#shopping-cart .cart tbody td{padding: 10px;}
#checkout .order-summary .price-summary{padding: 0 15px;}
#checkout .order-summary .radio{font-size: 17px;}
#contact-form{padding: 40px 0;}
#contact-form p{line-height: 22px;}
    
#about-overview{padding: 40px 0;}
#about-overview h1{font-size: 44px;}
#why-choose-us {padding: 40px 0;}
#why-choose-us h1{font-size: 34px;margin-bottom: 40px;}
#why-choose-us h5{margin: 30px 20px 50px 20px;}
#our-vision{padding-top: 40px;}
#our-vision .content{font-size: 18px;}
#our-vision h1{margin-top: 20px;font-size: 34px;}
#our-vision .content{margin-bottom: 50px;}
#our-mission .content{font-size: 20px;}
#our-mission{padding: 40px 0;}
#our-mission .mobile-view{display: block;}
#our-mission .desk-view{display: none;}
#our-mission h1{margin-top: 0px;font-size: 34px;}
   
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (667px) View*/
/*--------------------------------------------*/

@media all and (max-width: 667px){
    #product-black .all-product-btn span{display:none;}
    #product-black .all-product-btn img{margin-right: 0px;}
    
}
/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (640px) View*/
/*--------------------------------------------*/

@media all and (max-width: 640px){
.top-header .contact-no{font-size: 15px;}
#category .swiper-button-next, #category .swiper-button-prev{top: 35%;}
#recently-products{padding: 30px 0;}
#footer .app_down_btn{margin-top: 20px;}
#wholesale-trade-process h2{font-size: 28px; line-height: 34px;}
#product-details #tabs .tab-content #reviews .review-rating .progress{width: 69%;}
#banners .mini_banner{height: 150px;object-fit: unset;}
}

/*--------------------------------------------*/
/* Mini Tab with All Mobile Devices (575px) View*/
/*--------------------------------------------*/
@media all and (max-width: 575px){
#header{padding: 10px 0px;}
.home-slider{margin-top: 30px;}
#banners .home-slider .swiper-slide .content h2{font-size: 24px;line-height: 30px;}
#recently-products h3{line-height: 30px;}
#footer .contact-info{margin: 20px 0;}
#product-details #tabs .nav-tabs .nav-link{width: 100%;}
#upload-file .modal-content .modal-body .btn-blue{width: 100%;}
#upload-file .modal-content .modal-body .btn-back{width: 100%;margin-bottom: 20px;}
#shopping-cart .cart tbody td h5{font-size: 16px;}
#map-section iframe{height: 300px;}
#our-vision{padding: 0 20px;}
#banners .mini_banner{height: auto;}
#product-black .all-product-btn{padding: 0 20px;}

}

/*-------------------Error Massege Alert*/

.card
{
    overflow: hidden;

    margin: 1rem 0 1rem 0;
}
.white-text{color: #fff}
.card-alert button
{
    font-size: 20px;

    position: absolute;
    top: 5px;
    right: 10px;

    color: #fff;
    border: none;
    background: none;
}
.card-alert .card-content
{
    padding: 10px 20px;
}
.card-alert .card-content p{margin: 0px}
.gradient-45deg-green-teal
{
      background: #43a047;
      background: -webkit-linear-gradient(45deg, #43a047, #1de9b6) !important;
      background: -moz- oldlinear-gradient(45deg, #43a047, #1de9b6) !important;
      background:      -o-linear-gradient(45deg, #43a047, #1de9b6) !important;
      background:         linear-gradient(45deg, #43a047, #1de9b6) !important;
}

.gradient-45deg-red-pink
{
      background: #ff5252;
      background: -webkit-linear-gradient(45deg, #ff5252, #f48fb1) !important;
      background: -moz- oldlinear-gradient(45deg, #ff5252, #f48fb1) !important;
      background:      -o-linear-gradient(45deg, #ff5252, #f48fb1) !important;
      background:         linear-gradient(45deg, #ff5252, #f48fb1) !important;
}