:root{ --chessboard-bg:#dddddd; --printshop-color:#db404b; } b, strong {font-weight: 600;} .my-order-container{padding: 0px 35px 35px 305px;background: #f7f7f5 none repeat scroll 0 0;} #mainTopMenu a.btn.btn-default.white-spacse-css.t-shirt-design{margin: 0px;} .pp-main-cbox h1{font-weight: 600;font-size: 42px;color: #222;line-height: 52px;letter-spacing: -1px;} .pp-main-cbox h2{font-weight: 600;font-size: 36px;color: #222; line-height: 50px;letter-spacing: -1px;} .pp-main-cbox h3{font-weight: 400;font-size: 24px;color: #777;line-height: 30px;} .pp-main-cbox h4{font-size: 22px; font-weight: 400; color: #222;} .custom-desc .up-templte{display: flex;align-items: center;margin-bottom: 10px;} .new-design-container{padding: 0px 0px 35px 275px;} .cust-middleSection.common-new.print-product-mockups{background: #f7f7f5 none repeat scroll 0 0;margin-top: 0px;} .new-design-container .chk-item-container{margin-bottom: 0px;} .new-design-container ul.print-pagination{margin-top: 0px;} .new-design-container .dashboard-design-wrapper{padding: 30px;} .template-search, .details-temp{flex: 1;} .details-temp{text-align: right;} .product-search .search-input, .search--ind, .template-search .search-input{font-size: 15px; font-weight: 400; height: 40px; line-height: 15px;border: 1px solid #e5e5e5;width: 100%;color: #222;box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;transition: border linear .2s,box-shadow linear .2s!important;padding: 5px 10px; padding-left: 30px;background: url(//cdn1.designhill.com/assets/dh/images/print-products/search.svg?rnd=3) 8px 11px no-repeat;background-size: 16px 16px;} .template-search .search-input{width: auto;} .search--ind{background-color: #fff;margin-bottom: 10px;} .product-search .search-input:focus{border:1px solid #f1f1f1!important; outline: 0!important;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1)!important;-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.1)!important;box-shadow: 0 0 4px 0 rgba(0,0,0,.1)!important;} .pp-main-cbox .print-categoey-listing .print-heading{margin:40px 0px 0px;} .pp-main-cbox .print-categoey-listing .print-sub-heading{margin: 0px 0px 40px; color:#555;font-size: 16px;} .pp-main-cbox .print-product-category .category-selection{border: 1px solid #cdcdcd; text-align: left;display: block; margin-bottom: 30px; text-decoration: none!important;transition: all .1s ease-in-out;} .pp-main-cbox .print-product-category .category-desc{padding: 15px;} .pp-main-cbox .print-product-category .category-selection:hover{box-shadow: 0 2px 3px 0 rgba(91,91,91,.4);} .pp-main-cbox .print-product-category .category-image{width: 100%;display: block;height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center;} .pp-main-cbox .print-product-category h4{margin: 0px 0px 15px;} .pp-main-cbox .print-product-category .category-text{color: #555; font-size: 15px;margin-bottom: 15px; min-height: 70px;} .pp-main-cbox .print-product-category .product-view{width: 100%;text-transform: capitalize;font-size: 15px;} .pp-main-cbox .print-sub-heading2{margin: 5px 0px 30px 0px;} .pp-main-cbox .print-heading3{margin: 30px 0px 40px 0px;} .pp-main-cbox .download-btn{margin-bottom: 40px;} .pp-main-cbox .divid{margin-top: 20px;margin-bottom: 20px;border-top: 1px solid #cdcdcd;} .pp-main-cbox .final-products{margin-bottom: 40px;margin-top: 40px;} .pp-main-cbox .final-products .gutter{margin-top: 30px;} .pp-main-cbox .final-products .products-link{display: block; cursor: pointer;} .pp-main-cbox .final-products .products-link img{margin-bottom: 30px;} .pp-main-cbox .print-started{background: #3A98EF;padding: 60px 0px;} .pp-main-cbox .print-started h2{color: #fff;margin: 0px 0px 30px;} .pp-main-cbox .print-started .btn-default{background-color: #fff;color: #3a98ef;text-transform: capitalize;border: 1px solid #fff;background-image: none;box-shadow: none;font-size: 20px; font-weight: 400;position: relative;padding: 8px 24px 8px 22px;} .pp-main-cbox .print-started .whiteBtnNectar .btn-default:hover{background: #fff;border-color: #bbb; box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);color: #3A98EF;} .pp-main-cbox .product-heading{margin: 40px 0px 40px;} .pp-main-cbox .category-list-by .tab-design{margin-bottom: 20px; border-bottom: 1px solid #ddd;} .pp-main-cbox .category-list-by .bulk-order{position: absolute;right: 15px;top: 0px;display: flex;justify-content: space-between;} .btn-bulk-order.whiteBtnNectar .btn-default, .btn-bulk-order.whiteBtnNectar .btn-default.btn-white{font-size: 14px; padding: 5px 16px;display: block;} .btn-bulk-order.whiteBtnNectar .btn-default:not(.btn-white), .comment-design-module .whiteBtnNectar .btn.btn-default:not(.btn-white), .comment_report_submit .btn.btn-default:not(.btn-white){background-color: var(--primary-color)!important;} .bulk-order .btn-bulk-order:first-child{margin-right: 15px;} .pp-main-cbox .nav-tabs>li.active>a,.pp-main-cbox .nav-tabs>li.active>a:hover{color: #222;} .pp-main-cbox .tab-design>li>a{font-size: 18px;border: 1px solid transparent;border-bottom-color: #cdcdcd;color: #6f6f6f;background-color: #f5f5f5;margin-right: 10px;font-weight: 600;} .pp-main-cbox .tab-design>li.active>a:before, .pp-main-cbox .tab-design>li.active>a:focus:before, .pp-main-cbox .tab-design>li.active>a:link:before, .pp-main-cbox .tab-design>li.active>a:visited:before, .pp-main-cbox .tab-design>li>a:focus:before, .category-list-by .tab-design li a:hover:before{content: ' ';height: 4px;position: absolute;top: -1px;left: -1px;right: -1px;background-color: #3A98EF;} .pp-main-cbox .product-detail-text{font-size: 18px;padding-top: 20px;padding-left: 30px;padding-bottom: 20px;} .pp-main-cbox .product-detail-text ul{margin-bottom: 20px;padding-left: 30px;} .pp-main-cbox .product-detail-text ul li{list-style-type: disc;} .pp-main-cbox .product-models .shirts-heading{line-height: 30px;font-weight: 600;color: #222;margin: 5px 0px 10px;} .pp-main-cbox .product-models .style-select{margin: 15px 0px; background: url(//cdn1.designhill.com/assets/dh/images/print-products/arrow-nav.png?rnd=3) 95% center no-repeat;border: 1px solid #e5e5e5!important;display: block;overflow: hidden;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;-webkit-transition: border linear .2s,box-shadow linear .2s!important;-moz-transition: border linear .2s,box-shadow linear .2s!important;-o-transition: border linear .2s,box-shadow linear .2s!important;transition: border linear .2s,box-shadow linear .2s!important;} .pp-main-cbox .product-models .form-element {background: 0 0!important; border: none!important; width: 100%!important;margin: 0;height: 37px!important;padding: 7px 0 5px 10px!important;font-weight: 400!important;font-size: 15px!important; outline: 0;text-overflow: '';-webkit-appearance: none!important;-moz-appearance: none!important;appearance: none!important;-webkit-border-radius: 0!important;-moz-border-radius: 0!important;border-radius: 0!important;-webkit-box-sizing: border-box!important;-moz-box-sizing: border-box!important;box-sizing: border-box!important;} .sort-dropdown{width:100%;padding:5px 10px;background-color:#fff;border:1px solid #e5e5e5;margin:15px 0px;text-align:left;position:relative;font-size:15px;} .sort-dropdown .caret{position: absolute;top: 50%;right: 10px;transform:translateY(-50%);} .open .sort-dropdown .caret{transform:translateY(-50%) rotate(180deg);} .sort-dropdown + .dropdown-menu{border: 1px solid #eaeaea;z-index: 99;padding: 0;width: 100%;border-radius: 3px;margin:0;top:51px;} .sort-dropdown + .dropdown-menu li a {color: #333;font-size: 15px;padding-bottom: 3px;padding-left: 17px;text-transform: capitalize;background-color: transparent;width: 100%;text-align: left;line-height:2;} .sort-dropdown + .dropdown-menu li:hover a, .sort-dropdown + .dropdown-menu li.active a, .sort-dropdown + .dropdown-menu li a.active {background-color: #f5f5f5;} .sort-dropdown + .dropdown-menu li.lable{padding: 3px 17px;font-size: 15px;} .sort-dropdown + .dropdown-menu li a.price-grp{padding-left:30px;} .style-select.select-arrow .icon-chevron-down{position: absolute;top: 50%;transform: translateY(-50%);right: 28px;font-size: 12px;color: #555;display: inline-block;} .open .icon-chevron-down{transform: rotate(180deg) translateY(40%)!important;} .pp-main-cbox .product-models .style-select.select-arrow{background-image: none;} .pp-main-cbox .product-models .search-box {display: block;color: #878787;font-size: 14px;margin: 15px 0px;} .pp-main-cbox .product-models select.form-element{cursor: pointer;} .pp-main-cbox .product-models .search-box-wrap {border: 1px solid #e5e5e5;padding: 0;position: relative;display: block;} .pp-main-cbox .product-models .search-box-wrap input {border:none!important;padding: 6px 29px 7px 5px;outline: 0;font-size: 14px;color: #616161;transition: width .2s ease-in;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .pp-main-cbox .product-models .search-close{display: inline-block;background-color: #ccc;width: 15px;height: 15px;text-align: center;line-height: 14px;margin-left: 7px;margin-right: 7px; vertical-align: middle;border-radius: 100%;color: #fff;font-size: 15px;margin-top: -8px;position: absolute;right: 0;top: 50%;padding-right: 1px;} .pp-main-cbox .products-list .product-item{margin-bottom: 40px;color: #626262;outline: #e5e5e5 solid 1px;min-height: 300px;padding: 0px 0 8px;display: block;position: relative;width: 100%;transition: none;height: calc(100% - 40px);} .pp-main-cbox .products-list .product-item-image img{width: 100%;height: auto;} .pp-main-cbox .products-list .product-item-detail{margin-top: 10px;margin-bottom: 5px;} .pp-main-cbox .products-list .product-item-rating{margin-bottom: 5px;} .item-rating-reviews{display: flex;align-items: center;} .item-rating-reviews .reviews-section > a, .item-rating-reviews .reviews-section > a:active, .item-rating-reviews .reviews-section > a:focus{font-size: 14px;margin-left: 5px;font-weight: 500;text-decoration: underline;cursor: pointer;color: #626262;} .item-rating-reviews .reviews-section > a:hover{text-decoration: none;} .pp-main-cbox .products-list .product-item-detail-price{color: #222;font-weight: 600;margin-bottom:5px;} .pp-main-cbox .products-list .product-colors {position: relative;} .pp-main-cbox .product-colors .color-swatches {width: 14px;height: 14px;float: left;border-radius: 3px;border: 1px solid rgba(0,0,0,0.1);margin-right: 4px;} .pp-main-cbox .product-colors.new-prod-colors{font-size: 0px;} .pp-main-cbox .product-colors.new-prod-colors .color-swatches{width: 22px;height: 16px;border:none;box-shadow: 0 -1px 3px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.1);margin-right: 9px;margin-bottom: 9px;} .pp-main-cbox .products-list .product-item-size{margin-bottom: 10px;} .pp-main-cbox .product-models .checkbox-list-header{padding-bottom: 5px;font-weight: 600;color: #222;border-bottom: 1px solid #eee;margin-bottom: 10px; position:relative; padding-right:12px;} .pp-main-cbox .product-models .checkbox-list-item{display: block;margin-bottom: 5px;color: #626262;padding: 2px 0;text-decoration: none!important;transition: all .1s ease-in-out;} .pp-main-cbox .product-models .checkbox-list{margin-bottom: 20px;width: 100%;float: left;} .pp-main-cbox .pages .pagination>li>a{color: #909090;padding: 6px 12px;margin-right: 2px; border: 1px solid #ddd;} .pp-main-cbox .pages .pagination>li>a:hover, .pages .pagination>.active>a{border-color: #aaa!important;background-color: transparent!important;color: #000!important;} .pp-main-cbox .pages .pagination>li:first-child>a, .pp-main-cbox .pagination>li:first-child>span, .pp-main-cbox .pages .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0px;} .product-item--box {padding: 0 15px;} .pyament-transaction .pp-main-cbox .product-colors .color-swatches{position: relative;top: 2px;} .pyament-transaction .separator{width: 340px;float: right;height: 1px;background: #ccc;margin: 5px 0px;} .color-container{width: 22px;height: 16px;border: none;box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.24);margin-right: 9px;margin-bottom: 9px;border-radius: 4px;} .color-container .multi-color{width: 11px;height: 16px;display: inline-block;float: left;} .color-container .multi-color-left{border-radius: 4px 0px 0px 4px;} .color-container .multi-color-right{border-radius: 0px 4px 4px 0px;} .count-color{font-size: 12px;font-weight: 600;color: #000;vertical-align: top;} .product-colors > a:nth-of-type(n+19) {display: none;} span.country-list { margin-right: 0px; } .show-countries-lists{font-size: 12px;font-weight: 600;color: #000;vertical-align: middle; cursor: pointer;transition: transform .3s; margin-left: 3px;border: 1px solid #dddddd; padding: 0px 4px; background: #f8f8f8; border-radius: 5px; -webkit-border-radius: 5px; } .show-countries-lists:hover { transform: scale(1.1); color: #23527c; } /***** New Css ****/ ::-webkit-input-placeholder { color: #aaa; font-size:14px; text-transform:uppercase; } ::-moz-placeholder { color: #aaa; font-size:14px; text-transform:uppercase; } :-ms-input-placeholder { color: #aaa; font-size:14px; text-transform:uppercase; } :-moz-placeholder { color: #aaa; font-size:14px; text-transform:uppercase; } #txt_ship_isd_code.form-control.error{color: #aaa;text-transform: uppercase;font-size: 15px;} /***** min-cart Css ****/ /*==== navbar right start =====*/ .ca--sidenavbar {height: 100%;width: 100%;position: fixed;top: 0;right: -100%;overflow-x: hidden;transition: background-color 0.4s ease 0s; -webkit-transition: background-color 0.4s ease 0s; -o-transition: background-color 0.4s ease 0s; -ms-transition: background-color 0.4s ease 0s;} .ca--sidenavbar .li-side--menu {background-color: #fff;height: 100%;width: 420px;right: 0;position: absolute;z-index: 9999;right: -420px;text-align: left;} .ca--sidenavbar .ca--navbar-header{background-color: #777;color: #fff;padding-top: 20px;padding-bottom: 0;} .ca--sidenavbar .ca--navbar-header, .ca--sidenavbar .ca--navbar-bottom ul{padding-left: 0;padding-right: 20px;} .ca--close{position: absolute;font-size: 35px;right: 35px;font-weight: normal;top: 4px; z-index:3;color: #000;} .ca--sidenavbar .ca--navbar-header{color: #000;height: 65px;border-bottom: 1px solid rgb(211, 217, 220);padding: 0px;background-color: #fff;} .ca--close:hover{ color: #000;opacity: 0.6;text-decoration:none;} .ca--sidenavbar .ca-user-name, .ca--sidenavbar .ca--navbar-details a{font-size: 14px;font-weight: 600;letter-spacing: .5px;} .ca--sidenavbar .ca--navbar-details a{color: #000;display: block;padding: 10px 20px 10px 50px;position: relative;} .ca--sidenavbar .ca--navbar-details{padding-top: 20px;padding-bottom: 20px;} .ca-user-name {padding: 10px 0;} .navbar-details-list img {height: 18px;left: 18px;margin-right: 0;position: absolute;top: 12px;width: 18px;} .popup-account-tab > img {height: 25px;left: 14px;width: 25px;} .ca--sidenavbar .le--navbar-bottom{position: absolute;bottom: 0;display: block;width: 100%; background: rgb(237,237,237);padding-top: 15px;padding-bottom: 15px;} .ca-start-again {position: absolute;bottom: 0px;width: 100%;z-index:2;} .ca--sidenavbar .ca--navbar-bottom ul, .ca--sidenavbar .ca--navbar-bottom ul li{display: inline-block;} .ca--sidenavbar .ca--navbar-bottom a{color: #000;font-size: 12px;margin-right: 20px;} .ca--sidenavbar .ca--navbar-details li:hover{background: rgb(237,237,237);} .ca-start-again .start-button{display: block; width: 100%;text-align: center;background: #498CFF;padding: 20px 0px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;} .ca-start-again .start-button:hover, .ca-start-again .start-button:active{background: #3a70cc;} .ca-start-again .start-button img, .ca-start-again .start-button span{display: inline-block;} .ca-start-again .start-button span{font-size: 14px;color: #fff;vertical-align: middle;font-weight: 600;letter-spacing: .5px;margin-top: 1px;} .ca-start-again .start-button img{width: 20px;height: 18px;margin-right: 10px;} .ca--sidenavbar.active .ca-user-name {position: relative;text-transform: capitalize;display: flex;align-items: center;height: 100%;padding-left: 15px;font-size: 18px;} .ca--sidenavbar.active #profile-avatar-img-edit {width: 40px;height: 40px;-webkit-border-radius: 50%;border-radius: 50%;margin-right: 10px;} /* .forMobile{ display:none;} */ /*==== navbar right end =====*/ .min-cart {position: fixed;background-color: #fff;width: 440px;right: -450px; z-index: 9999; top: 0; bottom: 0; border-left:1px solid rgba(0,0,0,0.1); padding:0 0px 0 20px; transition:all 0.4s ease 0s;} .min-cart-overlay {position: fixed;left: 0;top: 0;z-index: 9999;background-color: rgba(0,0,0,0.4);width: 100%;height: 100%; display:none;} .min-cart-modal{ overflow:hidden;} .min-cart-modal .min-cart{ right:0;} .min-cart-modal .min-cart-overlay{ display:block} .product-quantity input[type="button"]:hover {background-color: #000;color: #fff;} .min-cart-panel {height: calc(100% - 40px);position: relative;bottom: 0;overflow:hidden;overflow-y: auto;padding-bottom: 30px;padding-right: 15px;-webkit-overflow-scrolling: touch} .min-cart-top {text-align: center;line-height: 48px;border-bottom: 1px solid #eee; background-color:#fff;} .min-cart-top .close-title:visited, .min-cart-top .close-title:active, .min-cart-top .close-title:link, .min-cart-top .close-title:hover{color: #555;font-weight: 500;text-decoration: none;cursor: default;font-size:16px;} .min-cart-top i.icon-closebtn {font-size: 17px;} .mc-close {position: absolute;z-index: 1;color: #666;right: 20px;top: 13px;cursor: pointer;line-height: normal;} .min-cart-top > a {color: #555;font-weight: 500;} .mc-pro-name {line-height: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .mc-pro-name > a{color: #333;font-size: 14px;} .mc-pro-detail-top > span {width:86px;height:86px;float: left;margin-right: 10px;} .mc-pro-detail-top > span img {width:100%;height:100%;} .mc-pro-detail-top {padding: 10px 0px 20px 0px;float: left;width: 100%;} .mc-pro-right {padding-left:80px;} .mc-pro-bottom .product-quantity {justify-content: left;} .mc-pro-bottom {margin-left: 1px;text-align:center;width: 100%;padding-left: 80px;} .mc-pro-bottom .chk-total-qty, .mc-pro-bottom .chk-items-btn{text-align: left;} .chk-items-btn a:last-child {margin-right: 0;} .mc-pro-name span{color: #555 !important;text-transform: uppercase;} .mc-pro-cat span{ font-size:13px;} .product-quantity input, .product-quantity textarea, .product-quantity select {border: 1px solid #eee;border-radius: 0;max-width: 100%;/*-webkit-appearance: none;-moz-appearance: none; appearance: none;*/background-color: #fff;box-shadow: none;box-sizing: border-box;padding: 10px;display: inline-block;font-size: 1.2rem;font-weight: 400;color: #000;} .product-quantity .quantity {display: inline-block;width:3rem;height: 3rem; margin: 0;padding: 0;text-align: center;border:none;background: #fff ;color: #000; float:left; font-size:11px;} .chk-total-qty {font-size: 12px;font-weight: 600;letter-spacing: 0.3px;margin-top: 8px;} .chk-total-qty span {font-size: 12px;line-height: normal;top: 1px; position: relative;} .product-quantity input[type="button"] {background: #fff;font-size: 1.7rem;font-weight: 400;line-height: 0;color: #999;height:3rem;width: 3rem; padding:0;float:left;} .product-quantity input[type="button"].qtyminus {border-right: none;font-size:2.5rem;} .product-quantity input[type="button"].qtyplus {border-left: none;} .product-quantity {font-size: 0; margin-top: 8px;display: flex; display: -webkit-flex;justify-content: center; -webkit-justify-content: center;flex-flow: row wrap; -webkit-flex-flow: row wrap;} .mc-pro-right .product-quantity{justify-content:left; -webkit-justify-content: left;} .mc-pro-price, .mc-pro-size{font-size: 1.2rem; color: #888;} .mc-pro-remove {float: left;width: 100%; margin-top:2px;} .mc-pro-remove a {font-size: 13px;color: #888;} .mc-pro-name a:hover, .mc-pro-name a:active, .mc-pro-name a:focus, .mc-pro-remove a:hover, .mc-pro-remove a:focus, .mc-pro-remove a:active{ color:#000;} .min-cart-open{ overflow:hidden;} .mc-pro-total {float: left;width: 100%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding:10px 5px 10px;margin: 15px 0;color: #333;font-weight: 600;} .total-left {float: left;} .total-right { float: right;} .mc-chectout-buttons {float: left; width: 100%; text-align:center;} .mc-chectout-buttons a {text-transform: uppercase;font-weight: 600;letter-spacing: 0.5px;display: block;margin: 0 auto;padding: 10px 0; margin-bottom:12px; transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; text-decoration:none !important;} .chk-btn {background-color: #000; color: #fff; transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;} .chk-btn:hover, a.chk-btn:active, a.chk-btn:focus{background-color: #e5e5e5; color:#000;} .mc-pro-details { padding-right: 20px;} .cart-btn {background-color: #eee;color: #666; transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;} .cart-btn:active, a.cart-btn:hover, a.cart-btn:focus{ background-color:#e5e5e5; color:#000;} .mc-other-pro-box a {width: 50%;float: left;} .mc-other-pro-box a {width: calc(50% - 15px ); width: -webkit-calc(50% - 15px );float: left;margin-right: 30px; color:#333; margin-bottom:20px;} .mc-other-pro-box a:nth-child(2n) {margin-right: 0;} .mc-other-pro-title {text-align: left;margin-bottom: 20px;margin-top: 30px;color: #555;font-size: 13px;text-transform: uppercase;letter-spacing: 0.4px;} .mc-other-pro-box a h4 {font-weight: 400;font-size: 13px;margin: 10px 0 0 0;letter-spacing: 0.4px;color: #000;line-height: 1.4;} .mc-other-pro-box a {color: #777; font-size: 13px;} .mc-other-pro-box a h4:hover {color: #777;} .mc-other-pro {float: left;width: 100%;margin-bottom: 40px;text-align: center;} .mc-other-pro-box img {height: 100px;width: 100px;} /***** checkout page Css ****/ .cust-middleSection.common-new{ background:none;padding: 0px 15px;} .chk-item-top {background-color: #EDEDEE;padding: 12px 0;font-size: 13px;letter-spacing: 0.3px;} .chk-item-mid{border-bottom: 1px solid #eee;padding-bottom: 0;padding-top: 0;position: relative;} .cart-items-container .chk-item-mid{border-left: 4px solid transparent;} .chk-item-mid > div {padding-top: 15px;padding-bottom: 15px;position: relative;} .chk-item-container, .order-container{ margin-bottom:30px} .dashboard-design-wrapper .order-container{margin-bottom: 0px;} .chk-inner-conatiner {border: 1px solid #eaeaea;margin-bottom: 30px;} .chk-inner-conatiner.no-data-section-class{border: none;margin-bottom: 0;} .chk-img img {border: 1px solid #eee;width: 100%;height: 100%;} .chk-img {display: inline-block;margin-right: 10px;margin-top: 10px;text-align: center;} .chk-img .print-files{position: relative;width: 50px;height: 50px;} .img-container{position: relative;} .chk-img .overlay, .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;transition: all .3s;} .fancybox-title-float-wrap .child{font-weight: 500;} .fancybox-click-overlay:after{content: '\f002';position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;transition: all .3s;font-family: fontawesome;} .fancybox-click-overlay{display: inline-block;border-radius: 3px;position: relative;} .fancybox-nav span{visibility: visible;} .fancybox-skin{background-color: #fff;} .chk-img .print-files:hover .overlay, .img-container:hover .overlay{opacity: 1} .chk-img .print-files:hover .fancybox-click-overlay:after, .img-container:hover .fancybox-click-overlay:after{opacity: 1} .chk-img img, .img-container img{cursor: pointer;} .chk-img span {display: block;font-size: 12px;text-transform: capitalize;margin-top: 6px;text-align: center; color:#888;} .chk-color-itme > .chk-radio-bg {width: 20px;height: 20px;border-radius: 100%;display: inline-block;text-align: center; position:relative; border: 2px solid rgba(0,0,0,0.1);} .chk-color-itme input {opacity: 0;width: 20px;height: 20px;margin-top: 0;} .chk-color-itme.active .chk-radio-bg:before {border: solid 8px rgba(0, 0, 0, .1);position: absolute;top: -4px;left: -4px;width: 28px;height: 28px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;content: "";display: block;z-index: -1;} .chk-items-btn a.btn.btn-default.btn-white {color: #555;font-size: 12px;margin-right: 7px;margin-top: 0;display: inline-block;font-weight: 500;padding: 5px 0px;min-width: 90px;text-transform: none;margin-top: 7px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1)!important;} .chk-items-btn a.btn.btn-default.btn-white:hover, .chk-items-btn a.btn.btn-default.btn-white:focus{border-color: transparent;} .chk-items-btn a.btn.btn-default.btn-white:active:hover{background-color: #f6f9fc;border:3px solid transparent;-webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25), 0 3px 7px -3px rgba(0,0,0,.3)!important;box-shadow: 0 6px 12px -2px rgba(50,50,93,.25), 0 3px 7px -3px rgba(0,0,0,.3)!important;} .chk-items-btn a:last-child {margin-right: 0;} .chk-items-btn a:hover, .chk-items-btn a:focus, .chk-items-btn a:active{ color:#000;} .chk-color-itme span{display: inline-block;float: left;margin-right: 10px;font-size: 13px;color: #888;line-height: 22px;} .chk-price {position: relative; top:15px;} .chk-qty-item {position: relative;font-size: 13px;} .chk-item-bottom {padding: 15px 0;color: #999; font-size:13px;} /*.chk-qty-value {border-left: 1px solid #eee;border-right: 1px solid #eee;}*/ .chk-continue a {color: #999;text-decoration: underline;} .chk-continue a:hover, .chk-continue a:active, .chk-continue a:focus{ color:#000; text-decoration:none;} .chk-sub-total {font-size: 18px;color: #333;font-weight: 600;line-height: normal;text-transform: uppercase;} .chk-bottom-btns a {display: inline-block;padding: 10px 60px;margin-right: 25px;} .chk-bottom-btns { margin-bottom: 70px;} .chk-bottom-btns a:last-child { margin-right: 0;} .chk-bottom-cart-btn .chk-btn {padding-left: 80px;padding-right: 80px;} .chk-title {font-size: 26px;text-align: center;margin-bottom: 20px;font-weight: 600;} .custom-desc a{font-size: 13px;} .chk-no-item-inside {border: 2px dashed #ccc;padding: 15px 0;font-size: 16px;color: #999;width: 400px;margin: 0 auto 30px;} .chk-no-item-inside span.btn-group {display: block;margin-top: 12px;} .chk-no-item-inside .cart-btn {font-size: 14px;padding: 10px 20px;margin-top: 10px;border-radius: 30px;} .pq-size {float: left;width: 100%;font-size: 11px;color: #888;margin-top: 2px;} .pq-box {width: 48px;margin-right:6px;margin-bottom: 5px;padding-top: 39px;position: relative;} .pq-box span {position: absolute;top: 0;left: 0;background-color: #fff;width: 44px;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin: 0 auto; height: 35px;padding: 2px;} .pq-size {float: left;width: 100%;font-size: 11px;color: #888;margin-top: 2px;line-height: 15px;} .cart--header{background-color: #fff;border-bottom: 1px solid #eee;padding: 7px 0;position: relative;text-align: center;width: 100%;} .cart--header .notification-right h4{color: #1b1e24;text-transform:uppercase;font-size:14px;font-weight: 500;} .cart--header .notification-right p{text-transform:uppercase;font-size:12px;font-weight: 400;} .cart--header .notification-right, .cart--header .notification-right h4, .cart--header .notification-right p{text-transform: uppercase;} .cart-logo{width: 130px;display: inline-block;} .product-quantity .quantity{width: 42px;} .top--buttons {position: absolute;left: 20px;top: 10px;color: #666;z-index: 2;text-align: center;} .top-right--buttons {right: 20px;left: auto;} .top--buttons a i {font-size: 18px;} .login--options:visited, .login--options:link, .login--options:active{color: #666;text-decoration: none;} .login--options:hover{color: #222;text-decoration: none;} .top--buttons a {color: #666;margin-left: 15px; position:relative;} .top-right--buttons {right: 20px;left: auto;top: 18px;} .top-left--buttons input {border: none;border-bottom: 1px solid #eee;} .viewmin-cart img.cart-img{width: 20px;top: -4px;position: relative;} .viewmin-cart span{z-index: 1;} /* CHANGES FOR NOTIFICATION AND ADD TO CART START */ .cart--header .pull-right.user-info-section li > .icon-bell{display:none;} .cart--header .pull-right.user-info-section {width: auto;position: relative;top: -14px;right: 0;line-height:50px;} .cart--header .pull-right.user-info-section > ul > li{line-height:50px;margin:0 0 0 30px;} .cart--header .header-cart-icon .cart-img {background-image: url(https://cdn1.designhill.com/assets/dh/images/print-products/cart-black.svg);} .cart--header .user-name{margin: 0;} .cart--header .counting{left:10px;top:-11px;padding:2px 7px;} .cart--header .header-cart-icon span{left:10px;top:-9px;padding:2px 5px;} .cart--header a.viewmin-cart.header-cart-icon{margin-right:0;margin-top:-4px;} .cart--header .viewmin-cart{margin-top:-5px;} .cart--header .top--buttons a i{font-size:20px;} .cart--header .top--buttons a i.icon-bell{font-size:18px;} .cart--header .top--buttons a{margin: 0;} .cart--header .top--buttons #headerNotification a{margin-top: 0;color: #666;} .cart--header .user-info-section .btn-group.open > .dropdown-menu{ left:-287px;top:29px; } .cart--header .user-info-section .btn-group.open > .dropdown-menu::before{left:84%;} .cart--header .user-info-section .btn-group.open > .dropdown-menu::after{left:84%;} /* CHANGES FOR NOTIFICATION AND ADD TO CART END*/ /***** Address page Css ****/ .payment-details-container {margin-bottom: 0;} /* .payment-details-container .address-top {margin-top: 30px;} */ .payment-details-container .address-left-container{margin-top: 50px;padding-top: 0px;} .payment-details-container .address-mid{margin-top: 0px!important;} .payment-details-container .address-mid-title{margin-top: 0px;} .payment-details-container .coupon-box .address-mid-title{margin-bottom: 10px;} .payment-details-container .steps-name {font-weight: 400;font-size: 11px;} p.paypal-img {margin-top: 40px;margin-bottom: 30px;padding-left: 10px;padding-right: 10px;text-align: center;} p.paypal-img img {margin-right: 10px;} .address-left-container{border-right: 1px solid #eee; padding-right:50px;padding-bottom: 50px; /*min-height:500px;*/ padding-top:50px;} .address-right {padding-left: 20px; padding-top:20px;} .print-divider {color: #777;font-size: 16px;font-weight: 500;position: relative;text-align: center;margin-left: 15px;margin-right: 15px;width: calc(100% - 30px);} .print-divider:before {background-color: #eee;content: "";height: 1px;left: 0;margin: 0 auto;position: absolute;right: 0;top: 9px;width: 100%;} .print-divider > span {background-color: #fff;display: block;margin: 0 auto;position: relative;width: 34px;z-index: 2;} .address-mid-title span {position: absolute;right: 3px;font-size: 13px;color: #888;top: 7px;} .address-mid input.form-control, .address-mid select.form-control{box-shadow: none;border-radius: 0;height: 40px;line-height: 40px;margin-top: 15px;border: 1px solid #eaeaea;-webkit-appearance: none; appearance: none;-ms-appearance: none;-moz-appearance: none; padding-top:0; padding-bottom:0;font-size: 16px;} .address-mid input.form-control.error,.address-mid select.form-control.error{border:1px solid #db404b;} label.error{color:#db404b;} .address-mid input.form-control:focus, .pass-input:focus{ border-color:#333;} .address-mid-title {font-size: 20px;position: relative; margin-top: 20px; padding-right:200px;} .address-form .address-mid-title {margin-top: 50px;} .address-mid-title span a {color: #333;font-weight: 600;} label.form-check-label {font-weight: normal;padding-left: 18px;} .address-mid input.form-control.search-css{margin-top: 0px;} .address-mid .common-btn--group.open .dropdown-toggle, .common-btn--group.open .dropdown-toggle .search-css {border-radius: 0px;} .address-mid .common-btn--group .search-css {border: 0px solid #eaeaea !important;height: 38px;line-height: 38px;} .select-div .common-btn--group .dropdown-toggle{border: 1px solid #eaeaea;border-radius: 0px;} .select-div .common-btn--group .dropdown-toggle.search-main{margin-top: 0px;} .address-mid .common-btn--group .caret{top: 18px;} .address-mid .common--dropdown.dropdown-menu {border: 1px solid #eaeaea;} .checkbox-wrapper {margin-top: 20px; margin-bottom: 20px;} .address-bottom a.chk-btn {float: right;padding:10px 30px;text-transform: uppercase;font-size: 12px;letter-spacing: 0.4px;} .address-bottom a:first-child{position: relative;font-size: 15px;color: #555;float: left;padding-top:7px; padding-left:14px;} .address-bottom a:first-child:hover{ color:#000;} .address-bottom a:first-child i {top: 9px; position: absolute;left:2px;font-size: 17px;} .checkbox-info-filled input {position: absolute;left: 0;top: 0;} .checkbox-info-filled {position: relative;padding-left: 0;} .select-div{position: relative;margin-top: 15px; background-color:#fff;} .select-div:before{content: '\f0d7';position: absolute;right: -2px;top: 7px;bottom: 0;width: 20px;background-position: center center;background-repeat: no-repeat;pointer-events: none; font-family:fontawesome;} .select-div select.form-control {margin: 0;padding: 0 10px;padding-right: 25px;} .select-div.active{border-color:#333;} .add-pro-thumb img {width: 60px;height: 70px;border: 1px solid #ddd;padding: 2px;border-radius:2px;background-color: #fff;} .address-pro-box {position: relative;padding-left: 70px;font-weight: 500;color: #555; min-height:70px;padding-right: 120px; margin-bottom: 12px;padding-top: 0;padding-bottom: 0; float: left; width: 100%; } .add-pro-thumb {position: absolute;left: 0;top: 0;} /*.add-pro-thumb span {position: absolute;width: 20px;height: 20px;border-radius: 100%;background-color: #888;color: #fff;text-align: center;font-size: 11px;line-height: 21px;right: -6px; top: -6px;}*/ .add-pro-size .ads-box {display: inline-block;position: relative;width: 40px;padding-top:30px;text-align: center;font-size: 11px;color: #888;margin-right: 7px;margin-top: 7px;} .ads-box > span {position: absolute; background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.2);top: 0;left: 0;padding: 2px 0;font-size: 11px;right: 0;} .ads-box > span:after, .ads-box > span:before, .pq-box span:before, .pq-box span:after{content:'';position: absolute;left: 0;right: 0;width: 0;height: 0; border-left:7px solid transparent; border-right:7px solid transparent;margin: 0 auto;} .add-pro-qty {font-size: 13px;color: #999;} .ads-container{width: 280px;} .ads-box > span:before, .pq-box span:before{border-top:7px solid #ddd;bottom: -8px;} .ads-box > span:after, .pq-box span:after{border-top:7px solid #fff;bottom: -7px;} .add-pro-name span {color: #999;font-size: 12px;display: block;} .address-coupan {border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 30px 95px 30px 0;margin: 20px 0;position: relative;} .address-right-top .ads-color span{color: #999;font-size: 12px;font-weight: 400;line-height: normal;letter-spacing: 0.3px;text-transform: capitalize;} .item-content{position: relative;} .item-content .separator::before { content: "";height: 1px;background: #bbb;position: absolute;width: 355px; right: 0;top: 67px;} .address-coupan button.btn {position: absolute;right: 0;top: 30px;border-radius: 0;width: 80px;height: 40px;line-height: 40px;padding: 0; text-transform: uppercase;font-size: 12px; font-weight: 500;letter-spacing: 0.3px;} .address-coupan button.btn.disabled {color: #fff;background-color: #ddd;pointer-events: none;} .address-coupan input.form-control { height: 40px;line-height: 40px;box-shadow: none;border-radius: 0;border-color: #eaeaea;font-size: 12px;} .address-coupan input.form-control:focus{border-color:#333;} .address-subtotal.first {border-bottom:none;padding-bottom:0;} .address-subtotal span.address-subtotal-title {color: #999;} .address-subtotal b {float: right;color: #555;font-weight: 500;} span.coupan-code-div {margin-left: 7px;display: inline-block; position:relative;padding-right: 25px;padding-left: 14px;} .coupan-code-div i.icon-tag {margin-right: 3px;position: absolute;left: -2px;top: 3px;} .coupan-code-div i.icon-closebtn {margin-left: 4px;background-color: #888;width: 18px;height: 18px;border-radius: 100%;color: #fff;font-size: 10px;display: inline-block;text-align: center;line-height: 17px;position: absolute;right: 0;top: 1px;cursor: pointer;} .coupan-code-div a {font-weight: 500;} .address-subtotal.last b {font-size: 26px;font-weight: 600;} .address-subtotal.last {font-size: 17px;} .address-subtotal li {margin-bottom: 5px;padding-left: 5px;padding-right: 5px;} .address-subtotal li:last-child {margin-bottom: 0;clear: both;margin-top: 5px;float: left;width: 100%;} .address-subtotal li.total-discount-amt{margin-top: 5px;float: left;width: 100%;} .discountCode, .discountError{ display:none;} .discountCode.active, .discountError.active{ display:block;} .discount-error{font-size: 12px;color: red; margin-top: 5px;} .address-coupan button.btn{ background-color:#000; color:#fff;} .address-coupan button.btn:hover, .address-coupan button.btn:focus, .address-coupan button.btn:active{background-color:#ddd; color:#000;} .form-control.error{color:#555;} /*.new-right-cart-design .add-pro-thumb{position: relative;display: inline-block;float: left;margin-right: 15px;} .address-right .new-right-cart-design .mc-pro-right{float: left;width: calc(100% - 75px);padding-right: 85px;}*/ .new-right-cart-design .mc-pro-name span{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .new-right-cart-design .add-pro-price{top:8px;right: 10px;} .address-pro-box.new-right-cart-design{margin-bottom: 0px;} .new-right-cart-design .product-quantity{padding-left: 2px;} .new-right-cart-design .ads-container{width: calc(100% - 75px);} .sa-top {margin-bottom: 25px;} .sa-top-box {background-color: #fafafa;border: 1px solid #d9d9d9;border-radius: 3px;padding: 10px 45px 10px 145px;position: relative;color: #999999;font-size: 13px;} .sa-top-box b {position: absolute;left: 10px;top: 10px;font-size: 14px;color: #666;} .sa-top-box a {position: absolute;right: 15px;top: 11px;font-size: 13px;color: #333;} .radio-wrapper {padding: 0;position: relative;border-bottom: 1px solid #d9d9d9;} .radio--input {position: absolute;left: 9px;top: 13px;} label.radio-label {font-weight: 400;color: #666;display: block;padding: 15px 80px 15px 30px;margin-bottom: 0;line-height: normal; cursor:pointer;} .radio-wrapper:last-child {border: none;} .sm-inner {border: 1px solid #d9d9d9;margin: 20px 0 0px 0;} .fulfillment-content p{font-size: 14px;margin-top: 10px;padding-left: 30px;position: relative;cursor: help;display: inline-block;} .fulfillment-content p:before{content: 'i';width: 15px;height: 15px;display: inline-flex;font-size: 11px;border: 1px solid #B8B8B8;border-radius: 50%;justify-content: center;align-items: center;background-color: #B8B8B8;position: absolute;left: 9px;top: 3px;color: #fff;} .fulfillment-content .popover{border: none;} .fulfillment-content .popover.top>.arrow{border-top-color: rgba(0,0,0,.1);} span.content-box-emphasis {position: absolute;right: 15px;font-weight: 500; top:17px;} .payment-box .panel-heading {padding: 0; background-color: transparent; border-color: #d9d9d9;} .payment-box .panel-heading a {display: block;color: #555;font-weight: 500; position: relative;} .payment-box .panel-heading a input {position: absolute;left: 9px;top: 14px;margin-top: 0;} .paycommon-img {width: 110px;position: absolute;right: 15px;top: 13px;} img.paypal-img {width: 180px;height: 25px;margin-top: -3px;} .payment-box .panel-body {background-color: #fafafa;border-radius: 0 0 5px 5px;} .paypal-content{ color:#666; margin-top:10px} .payment-box .panel-group .panel + .panel{ margin:0;} .payment-box .panel-group .panel{ box-shadow:none; border-radius:0; border:none;} .payment-box .panel-group {border: 1px solid #d9d9d9;border-radius: 4px;} .payment-box .panel{ background:none;} .payment-box .panel-heading {background-color: transparent;border-color: #d9d9d9;border-radius: 0;padding: 0;} /* .payment-box .panel.panel-default:first-child .panel-heading {border: medium none;} */ .counting {background-color: #db404b;} .payment-box .panel-heading label{display: block;margin: 0;position: relative;padding: 10px 10px 10px 28px;cursor: pointer;font-weight: 600;} .payment-box .panel-heading label input[type='radio']{position: absolute;top: 10px;left: 10px;} .new-checkout{padding: 0px 15px;} .new-checkout .new-checkout-head{padding: 10px 0px;border-bottom: 1px solid #d9d9d9;font-size: 17px;font-weight: 600;line-height: 1.4;} .paybal-section .panel-heading{display: flex;} .payment-box .paybal-section .panel-heading label{padding-left: 0!important;width: 100%;font-weight: 400;min-width: 177px;} .paybal-section input{margin: 0;position: absolute;top: 14px;left: 0px;} .payment-box .paybal-section .panel-heading label input[type='radio']{margin: 0;position: absolute;top: 14px;left: 0px;} .paybal-section .panel-heading span{padding-left: 20px;display: inline-block;} .paybal-section .listed-desc> li{list-style: decimal;font-size: 12px;color: #999;} .paybal-section .panel-desc{padding: 10px 0px 10px 15px;} .payment-container .zero-padding{padding: 0px;} .payment-bal-section .panel-heading label input[type='radio']{left: 0!important;} .payment-bal-section label{padding-left: 20px!important;width: 100%;font-weight: 400;} .payment-box .panel-body.payoneer-pass{background-color: transparent;padding-left: 22px;border: none!important;padding-top: 0;} .giftcard-cpn{margin-top: 5px;display: inline-block;} .giftcard-cpn:empty{display: none;} .send-otp-form {max-width: 450px;margin: 0 auto 10px;} .otp-timer:empty{display: none;} .otp-timer{color: #8c8c8c;} .send-otp-button > button:first-child{margin-right: 15px;} .send-otp-button > button{padding: 8px 30px;text-transform: uppercase;} .send-OTP-modal .modal-title.panel-heading{padding: 0;font-size: 18px;color: #fff;} .payment-banner {width: 100%;height: 240px;background-repeat: no-repeat;background-size: cover;background-position: center left;padding: 40px 0;} .address-right-top {/*max-height: 320px;overflow-y: auto;*/padding: 7px 0;} .oc-title {font-size: 72px;text-align: center;font-weight: 600;text-transform: uppercase;margin-top: 50px;line-height: normal;} .oc-subtitle {text-align: center;font-size: 20px;text-transform: uppercase;font-weight: 500;} .oc-content {text-align: center;font-weight: 500; font-size: 20px;line-height: normal;margin-top: 40px;margin-bottom: 50px;} .oc-meta-info th {text-transform: uppercase; padding-bottom: 8px; width:160px;} .oc-meta-info tbody tr {font-weight: 500; color: #999;} .oc-pro-table {margin: 30px 0px;font-size: 15px;} .dashboard-design-wrapper .oc-pro-table{margin-bottom: 0px;} .dashboard-design-wrapper .oc-pro-table > table{margin-bottom: 0px;} .oc-pro-table th {border-bottom: none!Important;padding: 12px 0 !important; font-size: 15px; text-transform: uppercase;} .oc-pro-table table.table {border-top: 1px solid #eee;border-bottom: 1px solid #eee;} .oc-content-img img {width: 100px;} .oc-pro-table table.table td{ border-color:#eee;padding: 20px 0 !important; width:200px;} .oc-pro-table table.table td:last-child{width: 250px;} .oc-pro-table table.table td .invoice-div i.icon-download{position: relative; top: 3px;} .pricebox_txt .popover-content, .pricebox_txt .oc-pro-table, .pricebox_txt .popover{color: #555;font-size: 13px;max-width: 400px;width: 400px; float:left; padding:0;} .oc-pro-table table.table td.oc-product-name {width: 400px; padding-right: 40px!important;font-size: 14px;text-transform: uppercase;} .add-pro-size {padding-right: 40px;} .oc-billing, .oc-shipping{color: #666;font-size: 15px;letter-spacing: 0.5px;} .oc-billtitle {font-size: 15px;color: #000;text-transform: uppercase;font-weight: 600;margin-bottom: 5px;} .oc-cart-total .oc-billtitle {font-size: 24px;line-height: normal;} .oc-cart-total li {position: relative;border-bottom: 1px solid #eee; padding: 10px 5px;} .oc-cart-total li span {position: absolute;top: 10px;right: 5px;} .order-confirmation-container{ margin-bottom: 80px;margin-top: 20px;} .order-confirmation-btns .chk-bottom-cart-btn a {padding: 10px 20px;display: inline-block;margin-top: 25px;margin-right: 15px;} .table-head, .table-body{float: left;width: 100%;} .popover-content .table {float: left;margin-bottom: 0;width: 100%;} .pricebox_txt .popover-content {padding: 10px 0;} .table-head > div {font-size: 14px;font-weight: 600; margin-bottom: 5px;} .item-details .pp-main-cbox{ padding-top:0;} /**** print product list ****/ .innerContainer .pp-main-cbox a {color: #444;} .pp-list-label ul {font-size: 0;margin-bottom: 55px;} .pp-list-label li {display: inline-block; width: 25%; text-align: center; font-size: 14px;} .pp-list-label li img{height: 35px;} .pp-list-label ul span {margin-left: 12px;font-weight: 600;} .category-list-by .tab-design li {margin-bottom: 0;} .pp-main-cbox .tab-design > li >a {border-bottom-color: transparent; position:relative;font-size: 14px;letter-spacing: 0.3px;} .category-list-by .tab-design li.active a, .category-list-by .tab-design li a:hover{background: none;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #ddd;} .category-list-by .tab-design li.active a:after, .category-list-by .tab-design li a:hover:after {content: "";position: absolute;border-bottom: 1px solid #fff;bottom: -2px;height: 2px;width: 100%;left: 0;} .filter-title b {color: #000;margin-bottom: 8px;display: block;font-size: 15px;} .mobile-props .filter-title b, .mobile-props .filter-by-box b{color:#333;} .checkbox-list-header a:after {font-family: 'fontawesome'; content: "\f107"; float: right;color: grey;} .checkbox-list-header.active a:after {content: "\f106"; } .checkbox-list-header a.checklist-all::after{display: none;} .menu-cat li a{display: block;color: #7c7c7c;letter-spacing: 0.3px;} .menu-cat li {position: relative;margin-bottom: 4px;} .menu-cat li a:hover{ border:none; color:#333;} .menu-cat > li > a{font-weight:600; position:relative;} .menu-cat li a.active{color: #000;} ul.menu-sub-cat {padding-left: 10px;} ul.menu-cat {padding-left: 10px;} .menu-cat .active a{color: #000;font-weight: 600;} .menu-cat .active:before{display: block;content: ''; position: absolute;top: -1px;bottom: 2px;left: -10px;background-color: #ec4642;width: 3px;} .checkbox-list-header.selected .checklist-all:before{display: block;content: ''; position: absolute;top: -1px;bottom: 2px;left: -10px;background-color: #ec4642;width: 3px;} .checkbox-list-items input.form-control {position: absolute;border: none;width: 16px;height: 16px;line-height: 16px;font-size: 12px;left: 0;top: 0;opacity: 0;} .checkbox-list-items a.checkbox-list-item:after{ display:none;} .cat-size-list .checkbox-list-items {display: inline-block;/*width: 128px; */} .cat-box-list.cat-color-list .checkbox-list-items {display: inline-block;} .checkbox-padding .cat-color-list a.checkbox-list-item {display: inline-block; border-color:rgba(0,0,0,0.1); border-radius:4px;margin-right: 4px;} .pp-main-cbox .product-models .checkbox-list-item{position: relative;top: 1px;display: inline-block;vertical-align: middle;width: 16px;height: 16px;border: 1px solid #cdcdcd; background-color: transparent;margin-right: 8px;margin-left: 0;} .active.checkbox-list-items span, .filter-by-box .checkbox-list-items:hover span{color: #000;font-weight: 600;} .cat-box-list .active .checkbox-list-item {transform: scale(1.2); -webkit-transform: scale(1.2);} .cat-box-list .checkbox-list-item{border-radius: 100%;} .checkbox-list-items { position: relative; cursor:pointer;} .checkbox-list-items.active .checkbox-list-item:before {content: '\f00c';font-family: fontawesome;position: absolute;top: -2px;left: 1px;font-size: 12px;color: #3A98EF;} .cat-color-list .checkbox-list-items.active .checkbox-list-item:before {top: -2px;color: #fff;left: 1px;} .cat-box-list.cat-size-list .checkbox-list-item{border-radius:0;} .checkbox-padding .cat-color-list a.checkbox-list-item:hover, .cat-color-list .active a.checkbox-list-item{ transform:scale(1.1); -webkit-transform:scale(1.1);} .checkbox-padding .cat-color-list .new-color-section a.checkbox-list-item{display: inline-flex;width: 22px;height: 16px;padding: 0px;border: none;box-shadow: 0 -1px 3px rgba(0,0,0,0.1), 0 2px 3px rgba(0,0,0,0.1);} .checkbox-list-item .multi-color{width: 11px;height: 16px;display: inline-block;float: left;} .checkbox-list-item .multi-color-left{border-radius: 4px 0px 0px 4px;} .checkbox-list-item .multi-color-right{border-radius: 0px 4px 4px 0px;} .cat-color-list .new-color-section .checkbox-list-items.active .checkbox-list-item:before{left: 3px;font-size: 16px;top: -4px;mix-blend-mode: difference;} .cat-color-list .new-color-section .checkbox-list-items.active .grey_color.checkbox-list-item:before{mix-blend-mode:initial;} /*==== Price Css ====*/ .pricetext {position: relative; width: 106px; margin:0 8px 0 0; text-align:center; color:rgb(158, 158, 158); display:inline-block;} .pricetext > input {padding: 4px 0 4px 16px; width: 100%; color:#000; border:1px solid #eee;} .pricetext > span {left: 5px; position: absolute; top: 5px;} .go-with-price {float: left; text-align: center; width: auto;} .go-with-price a {color: #3A98EF; display:block;} .go-with-price i {border: 1px solid #3A98EF;font-size: 22px;padding: 0 10px; height: 31px;display: block; line-height:29px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} .checkbox-list .ui-range-slider > p {margin: 10px 0;} .checkbox-list .ui-range-slider .start-value{ float:left;} .checkbox-list .ui-range-slider .end-value{ float:right;} .range-price .ui-price-boxes { margin-top:20px; display:inline-block; position:relative; width:100%;} .range-price .ui-price-boxes p {font-size: 12px;} .go-with-price {position: absolute;right: 0;top: 0;} .go-with-price i:hover {box-shadow: 0 100px 0 #3A98EF inset; -webkit-box-shadow: 0 100px 0 #3A98EF inset;color: #fff;} .range-price .ui-slider {height: 3px;border: none;background-color: #eee; margin-top: 30px;margin-bottom: 20px;} .ui-range-slider {padding: 0 10px;} .range-price .ui-slider-horizontal .ui-slider-handle{ background-color:#3A98EF; border-color:#3A98EF; border-radius: 100%;outline: none;top: -8px; cursor:pointer;} .range-price .ui-slider-range.ui-widget-header.ui-corner-all {background-color: #3A98EF;border-color: #3A98EF;} ul.print-pagination {font-size: 0;margin-top: 35px;} .provide_bt_space_child ul.print-pagination{margin-bottom:24px;} .print-pagination li {display: inline-block;width: 35px;font-size: 13px;border: 1px solid #eee;margin-right: 10px;height: 35px;line-height: 33px;border-radius: 100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .print-pagination li a {display: block; color:#333;} .print-pagination li.active, .print-pagination li:hover {border-color: var(--primary-color); background-color:var(--primary-color);} .print-pagination li.active a{color: #fff;cursor: default;} .print-pagination li:hover a{color: #fff;} .filter-title i{ display:none;} .checkbox-list-header a {display: block; color:#333;} .main-bread-css::after{ right:3px;top: -1px;} .bread-crumb-css a{ font-size:13px;color:#333; text-decoration:none;} .bread-crumb-css.breadcrumb-props a{font-size:14px;font-weight: 400;text-transform: capitalize;} .bread-crumb-css.breadcrumb-props .main-bread-css a:hover{text-decoration: underline;} .bread-crumb-css.breadcrumb-props .sub-breadCrum-css a{pointer-events: none;} .address-right-top .mc-pro-detail-top{ position:relative;padding-top: 0;padding-right: 88px;padding-bottom: 0;} .address-right-top .mc-pro-right {padding-left: 0;} .address-right-top .mc-pro-bottom.ads-container {margin-top: 5px; margin-left: 0;} .address-right-top .pq-box span {width: 40px; height: 21px;} .address-right-top .product-quantity .quantity {width: 40px;height: 19px;} .address-right-top .pq-box {width: 40px;margin-right: 9px; padding-top: 30px;} .address-right-top .chk-total-qty span {font-size: 13px;font-weight: 500;color: #999;} .address-right-top .chk-total-qty {font-size: 13px; font-weight: 500;letter-spacing: 0;color: #999;} .add-pro-price {position: absolute;right:25px;top: 0px;color: #555;font-weight: 600;font-size: 14px;} .address-right .mc-chectout-buttons, .address-right .mc-other-pro, .address-right-top .chk-items-btn{display: none;} .cart-right-bar.mc-pro-total {border-bottom: none;} .cart-right-bar .mc-pro-total .total-left {font-weight: 600;font-size: 17px;} .cart-right-bar .total-right {font-size: 17px;font-weight: 600;} .address-right-top .mc-pro-name span {text-transform: capitalize;} .products-list {position: relative;} .product-list-search {position: absolute;right: 0px;width: 300px;} .products-list .main-bread-css::after {right: 3px;top: -1px;} .no-result-found, .no-industry{border: 2px dashed #ddd;text-align: center;padding: 9px 0; margin-top: 20px;margin-bottom: 20px;font-weight: 600;color: #888;} .no-industry{margin: 10px 0px;} .chk-inner-conatiner .no-result-found{border: none;} .industry-selected{color: #000;font-size: 18px;font-weight: 600;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1;} .search-product-box {font-size: 14px;line-height: 20px;min-height: 62px;padding: 6px 7px 6px 55px;text-align: left; position:relative;} .product-search {position: relative;background-color: #fff;} .search-product-list {background-color: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);padding: 10px;position: absolute;top: 45px;width: 100%; z-index:2;border: 1px solid #eee; height:300px; overflow-y:auto; min-width:310px;-webkit-overflow-scrolling: touch} .search-product-box > img {border: 1px solid #eee;height:50px;left: 6px;padding: 4px;position: absolute;top: 8px;width: 50px;} .search-product-box > a {color: #444;display: block;font-weight: 500;} .search-product-box:hover{ background-color:#f5f5f5;} .search-product-list.change-alignment-text{z-index: 12;} .search-product-box{display: flex;display: -webkit-flex;align-items: center;padding: 6px 7px 6px 64px} .product-item-detail a {color: #222;font-size: 15px;font-weight: 300;} .list-cat-items .modal-dialog {width: 900px;} .list-cat-items .product-item {width: 198px;margin-bottom: 20px; float:left; padding:0 10px; width:25%;} .list-cat-items .product-item-list {border: 1px solid #e5e5e5;position:relative;padding-bottom: 30px;min-height: 310px;} .list-cat-items .modal-body {background: #fff;} .list-cat-items .product-item-detail a {font-size: 13px;margin-top: 7px;display: block;margin-bottom: 7px;} .list-cat-items .product-colors a{width: 15px; height: 15px;display: inline-block; margin-bottom: 0;} .list-cat-items .color-swatches{width: 15px;height: 15px; border: 1px solid rgba(0,0,0,0.1);border-radius: 2px;} .product-item-btns a:first-child {float: left;} .product-item-btns a:last-child {float: right;} .product-item-btns a {color: #888;font-size: 13px;} .product-item-btns {margin-bottom: 0;position: absolute;width: 100%;bottom: 6px;left: 0;padding: 0 15px;} .list-cat-items .modal-dialog .modal-body {padding-top: 30px;} button.close {position: absolute;right: 15px;top: 10px; z-index: 3;font-size: 31px;opacity: 1;} .list-cat-items .modal-dialog .modal-body {padding-top:15px;} .product-item-btns a:hover{ color:#333;} .check-list-boxes {max-height: 160px; overflow-y: auto; padding:0 2px;-webkit-overflow-scrolling: touch} .list-cat-title {font-size: 30px;padding: 0 28px;line-height: normal;margin-top: 12px;font-weight: 600;} .cart-right-bar {max-height: 100%;position: absolute;right: 0; padding-bottom: 100px;padding-top: 0;top: 105px;} .cart-right-bar .address-right {max-height: calc(100% - 760px);height: -webkit-calc(100% - 430px);overflow-y: auto;min-height: 100%;position: relative; -webkit-overflow-scrolling: touch;padding-left: 0px;padding-top: 0px;max-height: 555px;} .print-product-cat-top .bread-crumb-css{width: 100%; padding-right: 0;top: 0;} .address-bottom .chk-btn {border: none;float: right;padding: 10px 30px;text-transform: uppercase;font-size: 12px;letter-spacing: 0.4px;} a.viewMinCart.viewmin-cart.header-cart-icon.editor-cart{color: #333;top: 20px;right: 40px; position: fixed;} .editor-cart.viewmin-cart span {line-height: normal;top: -6px;} a.viewMinCart.viewmin-cart.header-cart-icon.editor-cart:hover {text-decoration: none;} .my-order-box img {border: 1px solid #e9e9e9;left: 0;position: absolute;top: 0;width: 60px;height: 60px;} .my-order-box {position: relative;padding-left: 90px;} .order-placed-table th {font-size: 12px;color: #777;font-weight: 500;} .order-placed-table th a {text-transform: capitalize;color: #438fd6;} .order-placed-table p {margin: 0;} .invoice-box-div {float: right; width: 100%; position:relative; margin-top:2px;min-width: 80px;} .order-placed-table th a:first-child {float: left;} .my-order-nav li {display: inline-block; padding: 0 10px; position:relative;} .my-order-nav li a{ color:#555;} .my-order-nav {padding: 0 15px;} .my-order-nav ul.order-tab {border-bottom: 1px solid #eee;padding-bottom: 10px;} .my-order-nav li.active a:before {content: "";position: absolute;bottom: -11px;left: 0;background-color:#1977ce;width: 100%;right: 0;height: 3px;} .oc-pro-table.order-placed-table table.table {border-right: 1px solid #eee;border-left: 1px solid #eee;} .oc-pro-table.order-placed-table th, .oc-pro-table.order-placed-table table.table td{padding: 12px 5px !important;font-size: 13px;} .oc-pro-table.order-placed-table th{ background-color:#f9f9f9;} .blank-box {padding: 20px 10px;} .blank-box a{color: #222;text-decoration: underline;font-weight: 600;} .my-order-container h1.product-heading{margin-top: 20px;} .my-order-color {color: #999;font-size: 13px;} .wizard {margin: 20px auto;background: #fff;} .wizard .nav-tabs {position: relative;margin: 40px auto;margin-bottom: 0;border-bottom-color: #e0e0e0;} .wizard > div.wizard-inner {position: relative;} .connecting-line {height: 2px;background: #e0e0e0;position: absolute;width: 80%;margin: 0 auto;left: 0;right: 0;top: 50%;z-index: 1;} .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {color: #555555;cursor: default;border: 0;border-bottom-color:transparent;} span.round-tab {width: 40px;height: 40px;line-height: 40px;display: inline-block;border-radius: 100px;background: #fff;border: 2px solid #e0e0e0;z-index: 2;position: absolute;left: 0;text-align: center;font-size: 13px;} span.round-tab i{color:#555555;} .wizard li.active span.round-tab {background: #fff;border: 2px solid #3A98EF;} .wizard li.active span.round-tab i{color: #3A98EF;} span.round-tab:hover {color: #333; border: 2px solid #333;} .wizard .nav-tabs > li {width: 25%;} .wizard li:after {content: " ";position: absolute;left: 41%;opacity: 0;margin: 0 auto;bottom: 0px;border: 5px solid transparent;border-bottom-color: #5bc0de;transition: 0.1s ease-in-out;} .wizard li.active:after {content: " ";position: absolute;left: 41%;opacity: 1;margin: 0 auto;bottom: 0px;border: 10px solid transparent;border-bottom-color:#3A98EF;} .wizard .nav-tabs > li a {width: 40px;height: 40px;margin:5px auto 20px;border-radius: 100%;padding: 0;} .wizard .nav-tabs > li a:hover {background: transparent;} .wizard .tab-pane {position: relative;padding-top: 20px;text-align: center;} .wizard-name {text-align: center;color: #777;font-size: 12px;} .track-order {box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); -o-box-shadow: 0 0 4px rgba(0,0,0,.2); -ms-box-shadow: 0 0 4px rgba(0,0,0,.2); padding: 15px 0;background-color: #fff;border-radius: 3px;} .track-order-right a {display: block;margin-bottom: 10px;font-size: 15px;font-weight: 600;color: #438fd6;} .track-order-right a:hover{ color:#61a8ea;} .track-order-right a i {font-size: 18px;padding: 0 10px;width: 35px;display: inline-block;} .track-order-right { margin-top: 50px;} .delivery-text i {margin-right: 5px;} .track-order-bottom {color: #222;font-size: 18px;text-align: right;padding: 15px 15px 0 15px;border-top: 1px solid #eee;margin-top: 15px;} .track-order-bottom-text {width: 240px;float: right;text-align: left;} .track-order-bottom-text b {margin-left: 10px;} .track-order .tab-pane {color: #777;} .my-order-container{ position:relative;padding-top: 70px;} .my-order-container .custom-desc > div{position: absolute;right: 0;top:0;} .print-product-mockups .mock-id {color: #888;font-size: 11px;} .chk-item-mid:last-child {border-bottom: none;} .chk-item-mid .mock-container{display: flex;} .chk-item-mid .mock-container .mock-image{display: inline-block;margin-right: 15px;} .chk-item-mid .mock-container .mock-image img{width: 60px;height: 60px;} .chk-item-mid .mock-container .mock-details{flex: 1;} .chk-item-mid .chk-item-name, .mock-id{font-size: 13px;} .tshirt-cat-type span{display: inline-block;width: 200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 13px;margin-top: 5px;background-color: #EDEDEE;border-radius: 3px;padding: 5px;cursor: pointer;} .owl-carousel-container {width: 540px;float: right;} .owl-carousel-container .owl-prev, .owl-carousel-container .owl-next{position: absolute;top: 40%;} .owl-carousel-container .owl-prev{left: -20px;} .owl-carousel-container .owl-next{right: 0;} .owl-carousel-container .owl-nav i.icon{font-size: 20px;} .owl-carousel .owl-item img{width: 100px;height: 100px;} .owl-carousel .owl-item div.thumb{display: block; width: 100px; height: 100px;background-size: cover;cursor: pointer;} .download-icon-fs30{font-size:22px;} .colors_sec span.colorCode {border: 2px solid #e9e9e9;border-radius: 100%;display: inline-block;height: 20px;position: relative;top: 6px;width: 20px;z-index: 3;} .mc-other-pro-box .price {display: block;font-size: 16px; font-weight: 600; text-align: center; width: 100%;} a.invoice-div {margin-left: 3px;} .min-cart-panel .mc-other-pro-box .price{font-size: 13px;font-weight:400;color:#777;line-height: normal;} .viewmin-cart:hover{ color:#222; text-decoration:none;} .order-placed-table a{ color:#333; font-size:13px;} .order-placed-table a.fancybox-click-overlay{border: 1px solid #eee;position: relative;} /* .order-placed-table a:hover{ color:#666;} */ .bread-crumb-css {top: -3.5em;} .address-right .mc-pro-right {padding-left: 0;} .address-right .mc-pro-bottom {margin-left: 0;} .pq-box {width: 47px; margin-right: 5px;} .table>tbody+tbody{ border:none;} .item-design .img-container .thumb {border-radius: 3px; height: 80px !important;width: 80px !important;} .oc-product-image-container{text-align: center;} .oc-product-image-container .item-design{display: inline-block;} .oc-product-image-container .item-design:not(:last-child){margin-right: 10px;} .order-placed-table .shipping-title {font-weight: 600;margin-bottom: 7px;padding-left: 2px; font-size:15px;} .order-ship-details {color: #666;font-size: 12px;} .order-ship-details b {color: #333;font-weight: 600;display: block;margin-bottom: 2px;} .order-ship-details a{ font-size:12px; color:#666;} .order-ship-details a:hover{ color:#333;} .invoice-box-div .order--link:first-child {border-right: 2px solid #ddd;padding-right: 5px;} .trans-preview .trans-action {text-decoration: none !important;} .shipment-details .col-md-4 p {margin-bottom: 2px;} .order-shipping-top {margin-bottom: 10px;margin-top: 10px;float: left;width: 100%;} .print-p-detail .pyament-transaction .trans-heading {margin-bottom: 10px;} .check-list-boxes > label {margin-right: 5px;width:94px;} .check-list-boxes.manage-size-lists > label{width:100%;margin-right: 0px;} .cat-size-list .size-select {margin-top: 0;} .cat-size-list .t_select {margin: 0;} .product-detail-right.active {opacity: 0.5;pointer-events: none;} .style-cat, .sub-cat-template-div{position: relative;text-align: left;border: 1px solid #ddd;padding: 10px 0px 0px;margin-bottom: 10px;} .cat-text{position: relative;top: -2px;} .cart-btns .checkbox-span{left: 10px;} .checkbox-list input[type="checkbox"], .checkbox-list input[type="radio"], .style-cat input[type="checkbox"], .sub-cat-template-div input[type="checkbox"]{height: 18px;left: -1px;opacity: 0;position: absolute;top: 2px;width: 18px;} .style-cat input[type="checkbox"], .sub-cat-template-div input[type="checkbox"]{left: 9px;} .checkbox-span {border: 1px solid #ddd;border-radius: 2px;height: 18px;left: -2px;position: absolute;top: 2px;width: 18px;} .check-list-boxes label, .style-cat label, .sub-cat-template-div label{ cursor:pointer; padding-left: 25px;position: relative; font-weight: normal;} .style-cat label, .sub-cat-template-div label{padding-left: 35px;} .sub-cat-container{margin: 10px 0px 30px;padding-left: 20px;} .sub-cat-grand{padding-left: 40px;} .template-div-container{margin-bottom: 20px;} input:checked ~ .checkbox-span{background-color:#3a98ef;border-color:#3a98ef;} input:checked ~ .checkbox-span::after {color: #fff;content: "\f00c";font-family: fontawesome;font-size: 12px;left: 2px;position: absolute;top: 2px;line-height: normal;} input[type="radio"]:checked ~ .checkbox-span, input[type="radio"] ~ .checkbox-span{ border-radius:100%;} .check-list-boxes label.radio-check-list {margin-right: 15px; width: auto;padding-left: 20px;} .check-list-boxes label.disable-class {opacity: 0.5;pointer-events: none;user-select: none;} .checkbox-list-header .clear{position: absolute;right: 5px;top: 1px;} .product-colors > a {display: inline-block;} .popover-content .oc-pro-table table.table {border: medium nonpxe;font-size: 12px; margin-bottom:0;} .popover-content .oc-pro-table {margin: 5px 0;} .popover-content tbody {display: block;max-height: 150px;overflow-y: auto;width: 370px;-webkit-overflow-scrolling: touch} .popover-content th {font-size: 13px;} .popover-content .oc-pro-table table.table td {padding:10px 10px 0 0 !important;} .popup-price-box .oc-pro-table table.table tr {display: table;table-layout: fixed; width: 100%;} .popup-price-box::before, .popup-price-box::after{border-left: 15px solid transparent;border-right: 15px solid transparent;content: "";height: 0;left: 0;margin: 0 auto;position: absolute;right: 0;width: 0;z-index: 2;} .popup--price {background-color: #eee; border-radius: 100%; color: #333; display: inline-block; font-size: 12px; font-style: normal; font-weight: bold; height: 20px; line-height: 20px; position: absolute; text-align: center; width: 20px; right:-30px; top:9px; cursor:pointer;} .item-printing-section .popup--price{position: static;} .popup--price.side-popover{top: 0px;right: -25px;} .chk-price .popup--price.side-popover{right: 0;} .popup--price.side-popover ~ .popover{display: none!important;} .popup--price.side-popover ~ .tooltip .tooltip-inner{width: 100px!important;padding: 10px 10px!important;} .popup--price:hover .popup-price-box{ display:block;} .total-left sub {bottom: 2px;color: #777;top: auto;font-weight: normal;} #cod .form-control.pass-input{margin-top: 0px;width: 200px;display: inline-block;margin-right: 10px;} .oc-pro-table thead tr th:first-child, .oc-pro-table tbody tr td:first-child{padding-left: 5px!important;} .pyament-transaction .trans-container .title-name{display: block;} .pyament-transaction .trans-container .item-side{font-size: 13px;color: #333;vertical-align: inherit;} .pyament-transaction .trans-container .item-color{color: #333;font-size: 13px;font-weight: 500;} .pyament-transaction .trans-heading .title-name{display: block;} .pyament-transaction .trans-heading .item-side{font-size: 13px;color: #333;vertical-align: inherit;} /* .cart--empty {border: 2px dashed #ddd;color: #888;font-size: 20px;margin-right: 10px;margin-top: 20px; padding: 5px 0; text-align: center;} */ .pp-main-cbox {padding-top: 40px;} .pp-main-cbox.headerMargin{padding-top: 0px;} .pp-main-cbox.editor-cbox {padding: 0;} .paymentLabel.active {pointer-events: none;} span.plus--img{ margin-top:18px !important;} .price-brakup-icon{cursor: pointer;} .pp--popover .oc-pro-table {margin-top: 0;margin-bottom: 0px;} .pp--popover .modal-body {background-color: #fff;} .pp--popover .oc-pro-table table.table{ border-top:none;font-size: 14px;margin-bottom: 0px;} .pp--popover .modal-header .close{font-size: 32px;} .pp--popover .oc-pro-table thead tr th:first-child, .pp--popover .oc-pro-table tbody tr td:first-child{padding-left: 10px!important;} .popover-content .oc-pro-table {margin: 5px 0; padding: 0 15px; border:none;} .addsectxtfiled-visibility{ visibility:hidden; height:0;} .product-item-rating span{font-size: 0px;} .icon-star {color: #bbbbbb;display: inline-block;width: auto;margin-right: 3px;font-size: 18px;} .icon-star.active {color: #fec42d;} .payment-banner{display: none;} .cart-modal .modal-content{box-shadow: none;border: none;} .cart-modal .modal-header, .cart-modal .modal-body{background: transparent;color: transparent;padding: 0px;} .cart-modal .modal-body img{width: 100%;border-radius: 4px;} .cart-modal .modal-header .close{ color: #333;position: absolute;right: 20px;top: 15px;} .cart-modal .modal-header{min-height: auto;padding: 0px;border-bottom: 0px;} .cart-modal .modal-dialog{width: auto;} .modal-backdrop{ z-index:1039;} .credit-img {height: 25px;width: 140px;} .products-list {font-size: 0; text-align:center;} .product-models .products-list{font-size: inherit; text-align: left;} .listing-product-box {display: inline-block;float: none;} .category-list-grid .products-pricing-list {display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;margin-left: -15px;margin-right: -15px;} .final-products .col-sm-4.col-xs-6.col > img {margin-bottom: 30px;} .table-head {border-bottom: 1px solid #e7e7e7;margin-bottom: 0;} .tbody-inner{border-bottom: 1px solid #e7e7e7;} .tbody-inner:last-child{ border:none;} .tbody-inner {float: left;padding: 7px 0; width: 100%;} .popover-content .table-body{ max-height:150px; overflow-y:auto;-webkit-overflow-scrolling: touch} .pricebox_txt .popover-content .table-body{max-height: 400px;} #box_pp_cpn_code label {padding-bottom: 0; padding-left: 0;} .coupan-code .chk-btn {border: medium none; padding: 5px 15px;} #txt_pp_cpn_code {margin-top: 0;} .coupan-code .chk-btn {border: medium none;font-size: 14px; padding: 8px 25px;} .panel-heading.address-mid.coupan-code {padding-bottom: 15px;} #box_pp_cpn_code label {margin-bottom: 11px;} /*Code from coupon branch starts*/ .applied-coupon{padding: 0px 15px;} .applied-coupon .coupon-remove{font-size: 40px;line-height: 0;float: right;cursor: pointer;width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;} .actual-price{font-size: 12px;text-decoration: line-through;} .price-before.price-red-class{color: #db404b;} .min-cart .price-before.price-red-class{display: inline-block;margin-right: 15px;} .price-section-cart .add-pro-price{position: relative;right: 0; z-index: 12;} .price-section-cart .popup--price.side-popover{top:1px;right: -12px;} /*Code from coupon branch ends*/ .shipping-list .shipping-table .shiping-heading{font-weight: 600;font-size: 24px;color: #222;line-height: 50px;letter-spacing: -1px;} .shipping-list table{width: 100%;table-layout: fixed;min-width: 400px;margin-top: 10px} .shipping-list table thead tr td{text-transform: uppercase;border-bottom: 1px solid #ddd;font-weight: 600;font-size: 13px;color: #7a7979;line-height: 32px;} .shipping-list table tr td{padding: 12px 10px;line-height: 1.428571429;vertical-align: top; color: #222;} .pp--popover .oc-pro-table table.table td{padding: 10px 2px!important;} .address-top .steps .main-stip::after{top: 3px;} .oc-product-name .pp-main-cbox{ padding-top:0;} .outer::before {border: 1px solid #fff;bottom: 0;content: "";left: 0;position: absolute;right: 0; top: 0;} .colorcode-name {font-size: 12px;color: #777;text-transform: none;} .text-right.total-price-div {float: left;font-weight: 600;letter-spacing: 0.9px;padding: 7px 10px 8px;width: 100%;} .total-price-div > span {display: block;font-size: 20px;font-weight: bold;letter-spacing: 0.4px;margin-left: 4px;margin-top: -5px;} .oc-product-name .pp-main-cbox.printing-text{padding-left: 0;padding-top: 5px;} .ndx-tarp-wrapper {display: inline-flex;float: left;align-items: center;} .ndx-tarp-wrapper > img {left: -70px;position: absolute; top: -15px;} .ndx-tarp {font-size: 14px;line-height: normal;} .ndx-tarp-phone a {color: #333; margin-left: 0;} .ndx-tarp-phone a:hover{color: #555;text-decoration: underline;} .ndx-tarp-phone {text-align: left;} .ndx-tarp-actions {letter-spacing: 0.3px;text-transform: uppercase;} .ndx-tarp-wrapper svg {left: -60px;position: static;top: -20px; width:50px;} .top-right--buttons.top--buttons.checkout-step .top-right-icons.after-login-strip, .top-right--buttons.top--buttons.checkout-step .mob-top-header.align-top-header{display: none;} .top-right--buttons.top--buttons.checkout-step, .cart--header .checkout-step .pull-right.user-info-section{top:0px;} .cart--header .checkout-step .pull-right.user-info-section > ul > li{margin:0;} .top-right--buttons.top--buttons.checkout-step{display:flex;align-items: center;} /* signup popup design start */ .pop-modal-body {overflow: hidden;} .update-product.dh-login--popup .popup-lg, .update-product.dh-sign-popup .popup-lg { width: 540px;margin: 80px auto;position: relative;} .update-product.dh-sign-popup .pop-dialog {width: 700px;background-color: #fff;margin: 80px auto;position: relative;} .dhSignUp .pop-body{padding: 0;} .signup-form--box {padding: 50px 30px 0 30px;} .signup--title {font-size: 18px;text-align: center;font-weight: 600; margin-top:10px; color: #333;} .dh-sign-popup button.close {position: absolute;right: 15px;z-index: 2;opacity: 1;top: 10px;font-size: 30px;} .dh-sign-popup .pop-body{background-color: #fff;} .signup-socialmedia a {color: #fff;width: auto; display: inline-block;text-align: center;height: 34px;line-height: 35px;border-radius: 2px;margin-right: 5px;font-size: 11px ;padding-left: 40px;position: relative; padding-right:10px; border-radius:3px;} .signup-socialmedia a i {position: absolute;left: 0;height: 100%;width: 30px;line-height: 34px;top: 0; border-radius:3px 0 0 3px;} a.signup-fb {background-color: #3E5A97;margin-right: 5px;} .dh-sign-popup a.signup-gl{margin-right: 0px;} a.signup-fb:hover{background-color: #334771;} a.signup-tw{background-color: #1da1f2;} a.signup-tw:hover{background-color: #006dbf;} a.signup-gl{background-color: #3ecf8e;} a.signup-gl:hover{background-color:#31a571;} .signup-socialmedia {text-align: center;margin: 15px 0 30px;} .update-product .pop-body {background-color: #fff;border-radius: 0px 0px 3px 3px !important;padding-top: 0;overflow: hidden;} .pop-body {padding: 0 15px 15px;} .pro-left {padding-left: 0;} .update-product .input-group {width: 100%;} .update-product a.signup-gl, .update-product span.signup-gl{background-color: #dc4c3c;} .dh-sign-popup .modal-sm {width: auto;} .already--account {text-align: center; color: #888;margin-bottom: 20px; font-size: 14px;} .already--account a {color: #333;text-decoration: underline;font-weight: 600;} .already--account a:hover {color: #000;} .signup-form--box input.form-control {border: none; -webkit-box-shadow: none; box-shadow: none;border-bottom: 1px solid #ddd;border-radius: 0!important;} .frm-popup-signup .form-group {margin-bottom: 25px;} .frm-popup-signup .controls.modal-sign-controls {margin-top:30px;} .signup-popup--box .lp-testimonial--top{ padding:0;} .modal-sign-controls .btn.btn-default.btn-blue {width: 100%; border-radius: 4px;height: 45px;line-height: 26px;} .frm-popup-login .process-css, .frm-popup-signup .process-css{width: 300px;margin: 0 auto;} .signup-form--box a.forget {color: #333;font-weight: 600;text-decoration: underline;text-align: center;display: block;margin-bottom: 10px;} .dh-login--popup .modal-dialog {width: 500px;} .signup-form--box .error-message{font-size: 13px;color: #a94442;} .signup-popup--box .lp-testimonial--text {padding: 0 30px;} .step_4.step-holder .container{ position:relative; z-index:2;} .dh-logo-popup img {width: 155px;margin: -25px auto 0;} .dh-logo-popup {text-align: center;} select::-ms-expand {display: none;} .update-product .signup-socialmedia span.signup-gl i, .update-product .signup-socialmedia a i {border-radius: 3px; font-size: 21px;height: 100%; left: 0;line-height: 45px;position: absolute;top: 0;width: 100%;} .update-product .signup-socialmedia span.signup-gl, .update-product .signup-socialmedia a {cursor:pointer;border-radius: 3px; color: #fff;display: inline-block;font-size: 12px;height: 45px;line-height: 45px;padding: 0;position: relative;text-align: center;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: calc(33% - 16px); width: -webkit-calc(33% - 16px);} .signup--desc.text-center {color: #454a50;} .item--features:first-child{ margin-top:0;} .dh-sign-popup .modal-content.modal-lg {border: medium none;box-shadow: none; -webkit-box-shadow: none;} .dh-sign-popup .signup-socialmedia {margin: 15px 0;} .signup-form--box .signup-socialmedia a:hover{ color: #fff; text-decoration: none;} .dh-popup-divider {color: #777;font-size: 16px;font-weight: 500;position: relative;text-align: center;} .update-product .dh-popup-divider::before {background-color: #eee; content: ""; height: 2px; left: 0;margin: 0 auto;position: absolute; right: 0;top: 13px;width: 230px;} .update-product .dh-popup-divider > span {background-color: #fff;display: block;margin: 0 auto;position: relative;width: 34px;z-index: 2;} .modal-sign-controls .process-css a {background-color: rgba(219,64,75,1.0); color: #fff; width: 100%; border-radius: 4px;height: 45px;line-height: 45px;font-size: 16px; display: block; text-align: center;border-radius: 30px;} .controls.modal-sign-controls { text-align: center; margin: 20px 0 8px;} .modal-sign-controls .process-css a:hover { background-color: rgba(219,64,75,0.8)!important; text-decoration: none;} .signup-form--box .update-product p{margin-top: 0;text-transform: capitalize;font-size: 14px;} .dh-sign-popup button.close:hover, .dh-sign-popup button.close:focus{ color: #000;} .update-product { position: fixed;left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 1020; display: none;overflow-y: auto;-webkit-overflow-scrolling: touch} .update-product.active {display: block;} .dh-sign-popup .frm-popup-login .modal-sign-controls .process-css a, .dh-sign-popup .frm-popup-signup .modal-sign-controls .process-css a{background:#db404b;padding: 0px;line-height: 40px;width:100%;} .fancybox-opened {z-index: 99991;} #fancybox-overlay{z-index: 99990;} .update-product.active .signup-socialmedia span.signup-gl, .update-product.active .signup-socialmedia a, .dh-sign-popup.signup-popup-propss .signup-socialmedia a { width: 35px; height: 35px; line-height: 35px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; margin: 0 7.5px!important; } .update-product.active .signup-socialmedia span.signup-gl i, .update-product.active .signup-socialmedia a i, .dh-sign-popup.signup-popup-propss .signup-socialmedia a i { line-height: 35px; font-size: 14px; } /* signup popup design end */ .modal-dialog {margin-top: 30px;} /* PINK COLOR BUTTON CSS START*/ .cart-btns button.pink_color_cta, .chk-btn.pink_color_cta, .address-bottom a.chk-btn.pink_color_cta, #termsPolicy .cart-btns > button.pink_color_cta{font-size:14px;line-height:1.4;border:#db404b solid 2px;background:#db404b;color:#fff;border-radius:25px;} .cart-btns button.pink_color_cta:hover, .chk-btn.pink_color_cta:hover, #termsPolicy .cart-btns > button.pink_color_cta:hover, .address-bottom a.chk-btn.pink_color_cta:hover, .cart-btns button.pink_color_cta:focus, .chk-btn.pink_color_cta:focus, #termsPolicy .cart-btns > button.pink_color_cta:focus, .address-bottom a.chk-btn.pink_color_cta:focus, .cart-btns button.pink_color_cta:active, .chk-btn.pink_color_cta:active, #termsPolicy .cart-btns > button.pink_color_cta:active, .address-bottom a.chk-btn.pink_color_cta:active{opacity: 0.9;background:#db404b;color:#fff;} .cart-btns button.pink_color_cta_bd,.cart-btn.pink_color_cta_bd, #termsPolicy .cart-btns > button.pink_color_cta_bd{line-height:1.4;border:#db404b solid 2px;color:#db404b;background:#fff;border-radius:25px;} .cart-btns button.pink_color_cta_bd:hover,.cart-btn.pink_color_cta_bd:hover, #termsPolicy .cart-btns > button.pink_color_cta_bd:hover{background:#db404b;color:#fff;border-radius: 25px!important;} .cart-btns button.pink_color_cta_bd:focus,.cart-btn.pink_color_cta_bd:focus, #termsPolicy .cart-btns > button.pink_color_cta_bd:focus{background:#fff;color:#db404b;} .cart-btns button.pink_color_cta_bd:hover,.cart-btn.pink_color_cta_bd:hover, #termsPolicy .cart-btns > button.pink_color_cta_bd:hover .bd_mod_four,.cart-btns button.pink_color_cta_bd.bd_mod_four{border-radius: 4px;} .chk-btn.pink_color_cta.bd_mod_none{border-radius:0;text-transform: uppercase;border-radius:25px;width: 100%;} .cart-btn.cart-grey-button.pink_color_cta_bd, .cart-btn.cart-grey-button.pink_color_cta_bd:hover {border: #ddd solid 2px;color: #999;background: #ddd;} .chk-items-btn a{color: #333;} .chk-items-btn a:hover, .chk-items-btn a:focus, .chk-items-btn a:active {color: #000;} /* PINK COLOR BUTTON CSS END*/ /* Print product tab ui changes after login start*/ .print_product_odlists{width:100%;float:left;background: #f7f7f5 none repeat scroll 0 0;} .print_product_odlists .work-css .contest-tabs{position: relative;} .print_product_odlists .work-css{padding-bottom: 30px!important;} .specify_space_top{top:-120px;} .my-order-container h1.product-heading.align_left_space_top{width:100%;float:left;text-align: left;margin-top:40px;margin-bottom: 16px;line-height: 1.1;} .product-list-search.position_val_top{top: 50%;transform: translateY(-50%);} .my-order-container.pd_top{padding-top: 0;} /* .my-order-container.pd_top .product-list-search{z-index: 10;} */ /* Print product tab ui changes after login end*/ .remove-cart-modal h4.modal-title {color: #fff; margin:0;font-size: 22px;font-weight: 400;} .remove-cart-modal .cart-btns > button{padding: 10px 16px;min-width: 150px;margin: 5px;outline: none;} .remove-cart-modal .modal-body{text-align: center;} .remove-cart-modal .modal-body p{font-size: 19px;} .remove-cart-modal .modal-body .cart-btns{margin-top: 20px;} .remove-cart-modal .modal{display: none;background-color: rgba(0,0,0,0.5);} .remove-cart-modal .modal.active{display: block;z-index:99999;} .remove-cart-modal .modal-content{box-shadow: none;border: none;} .remove-cart-modal .modal-dialog{margin-top: 80px;} .remove-cart-modal .modal-body{background-color: #fff;} /*Content section start*/ .content-section {padding: 60px 0px;background-color: #f7f7f7;margin-top: 60px;} .content-section .content-section-container{display: flex;max-width: 1170px;margin: 0 auto;} .content-section .content-desc-container{padding: 0px 15px;flex: 1;} .content-desc > h3{margin-bottom: 20px;font-size: 22px;} .content-desc > p{margin: 0;font-size: 17px;letter-spacing: 0.1px;} /*Content section end*/ /* .header-inner > ul > li {margin: 0 0 0 10px;} */ .work-css .contest-tabs-wrapper{padding: 0;} /* Search product placement css start */ .print-product-category.change-search-filter-props .product-list-search{ position: absolute; right: 0px; width: 300px; top: -58px; z-index: 125; } .top-left--buttons.top--buttons.search-box-align .search-product-list{top:32px;} .top-left--buttons.top--buttons.search-box-align .search-product-box{ padding:6px 7px 6px 64px; display: flex; display: -webkit-flex; align-items: center; } /* Search product placement css end */ /*Important notice css*/ .notice-wrapper{border: 2px solid #eee;margin-bottom: 40px;border-radius: 6px;} .notice-container{padding: 15px 0px;display: flex;align-items: center;} .notice-caution{min-width: 150px;margin-right: 15px;display: flex;justify-content: center;} .notice-caution > i{color: #f7c301;font-size: 100px;} .notice-section > .notice-head{font-size: 22px;font-weight: 600;} .notices .notice-desc{font-weight: 500;font-size: 18px;} .notece-p{font-size: 16px;} .notices ul{padding-left: 20px;} .notices ul li{font-size: 16px;} .notice-section .notices{margin-top: 15px;} .notice-container .highlight-text{color: #db404b;font-weight: 400;border-bottom: 1px solid #db404b;} .notice-list-wraper{width:100%;float: left;} .notice-list-wraper{ max-height:196px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .notice-wrapper.change-box-alignment .notice-section{width:150px;} .notice-wrapper.change-box-alignment .notice-section.show-scroll-right{width:calc(100% - 150px);} .notice-list-wraper::-webkit-scrollbar {width: 5px;} .notice-list-wraper::-webkit-scrollbar-thumb {background: rgba(0,0,0,.08);} .notice-list-wraper::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.2);} /*Important notice css*/ /*Discount strip css*/ .discount-strip{border-radius: 4px;text-align: center;padding: 16px;font-size: 15px;font-weight: 400;border-color: #1e73ca;color: #1e73ca;background-color: #e3f2fd;max-width: 100%;margin: 0 auto 15px;width: 100%;} .discount-strip.applied-discount{border-color: #47ccb5;color: #47ccb5;background-color: #eefaf8;} .cart-bottom .discount-strip a{padding: 0px;} .cart-bottom .discount-strip{padding: 10px 15px;text-align: right;} /*Discount strip css*/ .note-container{border-top: 1px solid #eaeaea;margin-top: 5px;padding-top: 5px;} .note-type{display: flex;justify-content: space-between;align-items: center;} .text-area-container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border: 2px solid #efeff0;border-radius: 6px;padding: 10px;background-color: #fff;font-size: 13px;line-height: 140%;padding: 15px;} .text-area-container .text-area-section {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative;} .text-area-section textarea.form-control {font-size: 16px;line-height: 140%;color: #62646a;outline: none;width: 100%;-webkit-box-shadow: none;box-shadow: none;background-color: transparent;border: none;border-radius: 6px;padding: 0 0 10px;} .cart-btns.button-bottom-section{margin-top: 15px;text-align: right;font-size: 0;} .cart-btns.button-bottom-section > button{padding: 8px 30px;font-size: 16px;} .cart-btns.button-bottom-section > button:last-child{margin-left: 15px;} .modal-body.note-popup-container{background-color: #fff;} .notes-type > div:first-child{font-size: 18px;line-height: 32px;font-weight: 500;margin-bottom: 8px;} .chk-item-mid .chk-item-name {font-size: 15px;text-transform: uppercase;} .subtotal-section{display: flex;justify-content: flex-end;align-items: center;} .subtotal-section .chk-sub-total:first-child{padding-right: 15px;} .chk-bottom-btns.cart-bottom{margin: 0;display: -webkit-box; align-items: flex-end;display: flex;} .discount-lines > div {font-weight: 500;font-size: 16px;color: #ff596f;} /* .discount-lines > div:not(:first-child) {font-weight: 400;} */ .save-later-table{border: 1px solid #eaeaea;float: left;width: 100%;margin-bottom: 30px;} .chk-item-bottom.chk-item-cart {border-top: 1px solid #eaeaea;display: flex;align-items: center;} .item-printing-container{margin-top: 5px;} .item-printing-section{padding-top: 5px;display: flex;justify-content: space-between;border-top: 1px solid #eaeaea;} .print-action > a {color: #333;display: inline-block;border-bottom: 1px solid transparent;} .print-action > a:hover{border-bottom-color: #333;} .print-action > a > i {margin-right: 5px;} .print-bottom-btn .print-button{padding: 8px 30px;} .print-bottom-btn .print-button:last-child{margin-left: 10px;} .print-bottom-btn{margin-top: 10px;text-align: right;} .popup-print-head{font-size: 16px; margin-bottom: 8px;} .popup-print-head > span{margin-left: 15px;} .printing-modal .modal-title{color: #fff;} .modal.pp--popover .modal-title{color:#fff;} /* Change multi color style css start */ .change-multi-props, .pp-main-cbox .product-colors .color-swatches.change-multi-props{ width: 20px; height: 20px; overflow: hidden; display: block; border-radius: 100%; border:2px solid #e9e9e9; } .make-shadow{border:2px solid #e9e9e9;} .change-multi-props .multi-color{width:8px;height:16px;float:left;} .multi-color-left.change-bd-radius{border-radius: 50% 0 0 50%;} .multi-color-right.change-bd-radius{border-radius: 0 50% 50% 0;} .pyament-transaction .pp-main-cbox .product-colors .color-swatches.change-multi-props{top:0;} .pp-main-cbox.remove-pd-left{padding-left:0;padding-top:2px;} /* Change multi color style css end */ .checkout-step .user-info-section .cart-button{display: none;} .shipping-conf-info{font-size:14px;color:#333;margin-top:4px;margin-bottom:0;} .modal-comment .comment-container-wraper .feedback-overview--overall{padding: 25px;} #review_ratings_modal_c .avatar-image{float: left;display: inline-block;} #review_ratings_modal_c .comment-item-article .feedback-body{float: left;width: 100%;} #review_ratings_modal_c.new-modal-box-design .pop--content h4.pop-title{border-radius: 3px 3px 0 0;background-color: #f7f7f7;float: none;padding: 22px;border-bottom: none;margin: 0;font-size: 21px;color: #000;font-weight: 500;} #review_ratings_modal_c.new-modal-box-design{text-align: center;z-index: 10021;} #review_ratings_modal_c.new-modal-box-design .pop-dialog{text-align: left;} #review_ratings_modal_c.new-modal-box-design button.close {top: 50%;transform: translateY(-50%);opacity: 0.2;right: 20px;outline: none;} #review_ratings_modal_c.new-modal-box-design button.close:hover {opacity: 1;} #review_ratings_modal_c.new-modal-box-design .pop-body {padding: 22px;padding-top: 22px!important;} .pop-header {position: relative;} .page16 .modal-backdrop{display: none;} .modal.model-boxes{background-color: rgba(0,0,0,0.5);} /* Our range slider section css start */ .list-shadow{-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 10%);box-shadow: 0 3px 9px rgb(0 0 0 / 10%);} .list-shadow a, .list-shadow a:hover, .list-shadow a:focus{color: #333;text-decoration: none;} .our-range-list{margin-bottom:40px;} .our-range-title{font-size:30px;font-weight:600;margin-bottom:16px;line-height:1.4;} .range-list-props, .range-list-props li a{ width:100%; display: flex; display: -webkit-flex; flex-wrap: wrap; } .range-list-props li{ background:#fff; border-radius:4px; display: flex; align-items: center; text-decoration: none; margin-right: 16px; margin-bottom: 16px; width: calc(16.66% - 16px); height: auto; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; } .range-list-props li:hover{ transition: -webkit-transform .1s ease-in-out; transition: transform .1s ease-in-out; transition: transform .1s ease-in-out,-webkit-transform .1s ease-in-out; -webkit-transform: translateY(-1px); transform: translateY(-1px); outline: 0; -webkit-box-shadow: 0 8px 16px -8px rgba(0,0,0,.4); box-shadow: 0 8px 16px -8px rgba(0,0,0,.4); } .our-range-props.slider-group-props .our-range-list .range-list-props{flex-wrap: nowrap;} .range-list-image{ width: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: center; border-bottom: 1px solid #f2f2f6; padding: 16px; } .range-list-image img{ display: inline-block; height: 64px; } .range-list-name{ padding:18px 16px; font-size:16px; font-weight:500; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize; text-align: center; } /* Our range slider section css end */ /* Availbale style css start */ .avail-style-img{ border-bottom: 1px solid #f2f2f6; display: flex; width:100%; justify-content: center; } .avail-style-img, .avail-style-img img{height: 108px;} .avail-style-img img{width: auto;} .created-by-designer{width:100%;display: flex;display: -webkit-flex;align-items: center;padding-bottom:32px;} .created-by-designer-image{width:64px;height:64px;border-radius: 4px;display: flex;display: -webkit-flex;overflow: hidden;} .created-by-designer-image img.load-dsg-image{width: 100%;height: 100%;object-fit: contain;} .created-designer-infos{align-items:center;display:flex;display:-webkit-flex;flex-wrap:wrap;width:calc(100% - 64px);padding-left:16px;} .created-designer-infos h4{font-size:20px;font-weight:600;line-height:30px; margin:0;text-transform: capitalize;} .created-designer-infos p{ margin-bottom: 0; font-size: 16px; line-height: 24px; font-weight: 400; } .created-designer-infos .follow-designer{margin-right: 0;margin-left:24px;} .set-designer-follow .follow-designer.active{background:var(--btn-color);color:#fff;} .created-designer-infos p{font-size:14px;} .created-designer-infos p a{font-weight:500;text-transform: none;font-size: 14px;} .created-designer-infos p, .created-designer-infos p a, .created-designer-infos p a:hover, .created-designer-infos p a:focus{color:#8c95a5;} .created-designer-infos p a:hover{text-decoration: underline!important;} .created-designer-infos h4, .created-designer-infos p{width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /* Available style css end */ @media screen and (max-width:1300px){ .range-list-props li{width:calc(20% - 16px);} } @media screen and (max-width:1024px){ .range-list-props li{width:calc(25% - 16px);} } @media screen and (max-width: 767px){ .range-list-props li {width: calc(33% - 16px);} .our-range-title {font-size: 20px;} .top-right--buttons.top--buttons.checkout-step{display: inline;} } @media screen and (max-width: 640px){ .range-list-props li:nth-child(2n+1), .range-list-props li:nth-child(2n) {margin-right: 0;} .range-list-props li:nth-child(2n) {margin-left: 8px;width: calc(50% - 8px);} } @media screen and (max-width: 576px){ .range-list-props {box-shadow: 0 8px 16px -8px rgb(0 0 0 / 40%), 0 0px 4px rgb(0 0 0 / 10%);display: block;border-radius: 4px;} .range-list-props li {margin: 0!important;width: 100%!important;box-shadow: none;border-radius: none;} .range-list-props li:first-child {border-radius: 4px 4px 0 0;} .range-list-props li>a {display: flex;padding: 15px;align-items: center;position: relative;border-bottom: 1px solid #d6dadf;} .range-list-props li .avail-style-img {width: auto;height: auto;} .range-list-props li .avail-style-img img {height: 40px;} .range-list-props li .range-list-name {width: auto;padding: 0;padding-left: 15px;} .range-list-props li>a:after {content: '\f054';font-family: fontawesome;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);} .range-list-props li:hover {box-shadow: none;transform: none;} .our-range-props.slider-group-props .our-range-list .range-list-props{box-shadow: none;} } @media (min-width: 768px){ .pp-main-cbox .container{width: 100%;max-width: 750px;} .cart-items-container .chk-item-mid {display: flex;} .cart-items-container .chk-item-mid > div:not(:first-child) {border-left: 1px solid #eaeaea;height: auto;} } @media (min-width:767px) and (max-width:991px){ .price-section-cart{text-align: left!important;} .price-section-cart .popup--price.side-popover {top: -1px!important;right: -4px!important;} .chk-items-btn a.btn.btn-default.btn-white{margin-right: 0!important;min-width: auto!important;width: 100%;} .chk-items-btn a.btn.btn-default.btn-white.btn-pp-cart-savelater{width: 100%;margin-top: 7px;} .chk-items-btn a.btn.btn-default.btn-white.btn-pp-cart-remove, .chk-items-btn a.btn.btn-default.btn-white.btn-pp-save-remove, .chk-items-btn a.btn.btn-default.btn-white.btn-pp-cart-movecart {margin-top: 7px!important;} } @media (min-width: 992px){ .pp-main-cbox .container{width: 100%;max-width: 970px;} } @media screen and (min-width:1200px){ .pp-main-cbox .container{width: 100%;max-width: 1400px;} .pp-main-cbox {padding-left: 15px;padding-right: 15px;} } @media (max-width:1200px){ .search-product-list.change-alignment-text{min-width:calc(100% - 140px);} .pp-main-cbox .print-product-category .category-text{min-height: 118px;} .payment-banner{ height:220px;} .pricetext{ width:82px;} .cat-box-list .checkbox-list-items{ width:103px;} .cat-color-list .checkbox-list-items {width: auto;} .address-bottom a.chk-btn{font-size: 11px;} .address-bottom a:first-child{font-size: 14px;} .oc-pro-table table.table td:last-child {width: 300px;} .cart-right-bar .mc-pro-total .total-left{width: 200px;} /* .header-inner > ul > li {margin-left: 6px;} */ #mainTopMenu a.btn.btn-default.white-spacse-css.t-shirt-design{font-size: 12px;} /* .desktop-header .arrow-new{padding: 0px;} */ .my-order-container{padding: 0px 35px 35px 255px;} .new-design-container {padding: 0px 0px 35px 225px;} } @media (min-width:991px) and (max-width:1300px){ .oc-pro-table {overflow-x: auto;white-space: nowrap;width: 100%;-webkit-overflow-scrolling: touch} } @media (max-width:991px){ .new-design-container {padding: 0px 0px 35px 0px;} .shipping-list table{width: 630px;} .oc-pro-table table.table{border-top: 0px;border-bottom: 0px;} .oc-pro-table {overflow-x: auto;white-space: nowrap;width: 100%;border-right: 1px solid #eee;border-left: 1px solid #eee;border-top: 1px solid #eee; border-bottom: 1px solid #eee;-webkit-overflow-scrolling: touch} .oc-pro-table.order-placed-table table.table{border-right: 0px;border-left: 0px;} .pp-main-cbox .print-product-category .category-text{min-height: 112px;} .pp-main-cbox .products-list .product-item{height: 470px; margin-bottom:30px;} .cart-right-bar{ position:static;width:100%;padding-bottom: 60px;float:left;} .new-right-cart-design .add-pro-price {top: 18px;right: 0;} .payment-details-container .address-top + div{padding:0px;} .address-left-container{ padding-right:0;border-right:none;} .chk-payment-img {margin-top: 7px;} .chk-item-name, .mock-id{font-size: 13px;} .chk-ctn-btn {display: none;} .pricetext{ width:85px;} .cat-box-list .checkbox-list-items{ width:108px;} .cat-color-list .checkbox-list-items {width: auto;} .list-cat-items .modal-dialog {padding: 0 15px;width: 100%;} .list-cat-items .product-item {width: 33.33%;} .address-bottom a.chk-btn{font-size: 12px;} .address-bottom a:first-child{font-size: 15px;} .address-left-container{padding-top: 0px;} .oc-meta-info,.oc-pro-table{overflow-x: auto;white-space: nowrap;width: 100%;-webkit-overflow-scrolling: touch} .pp-list-label li{font-size: 13px;} .pp-list-label li img {height: 30px;width: auto;} .my-order-container{padding: 0px 15px 35px;} .pp-main-cbox .category-list-by .bulk-order{position: static;margin-bottom: 15px;} .bulk-order .btn-bulk-order{width: 49%;} .pp-list-label .product-rely-info li{width:23%;} .pp-list-label .product-rely-info li:nth-child(3){width: 31%;} } @media (max-width:767px){ .ndx-tarp-wrapper {display: none;} /* .print-product-category.change-search-filter-props .product-list-search{ position: relative; right: 0px; width: 100%; top: 130px !important; z-index: 12; padding: 0; } */ /* .print-product-category.change-search-filter-props .category-list-by.category-list-grid{margin-top:60px;} */ .notice-wrapper.change-box-alignment .notice-section{width:100%;} .notice-wrapper.change-box-alignment .notice-section.show-scroll-right{width:calc(100% - 0px);} .notice-wrapper.change-box-alignment{padding-bottom: 16px;} .pp-main-cbox {padding-top: 20px;} .print_product_odlists .work-css .contest-tabs{width:100%!important;} .my-order-container h1.product-heading.align_left_space_top{margin-top:0;margin-bottom: 80px;text-align: center;} .specify_space_top{top:-90px;} .custom-desc{padding: 0px 15px;} .shipping-list .table-responsive{border: none;} .chk-item-mid .chk-qty-date{text-align: left;} .chk-price {font-size: 16px;} .pp-main-cbox .final-products .gutter{margin-top: 0px;} .pp-main-cbox .final-products{margin-bottom: 0px;margin-top: 0px;} .pp-main-cbox .final-products .products-link img{margin-bottom: 30px;} .pp-main-cbox h1{font-size: 40px;line-height: 42px;} .pp-main-cbox h2{font-size: 32px;line-height: 42px;} .pp-main-cbox h3{font-size: 22px;} .pp-main-cbox h4{font-size: 20px;} .pp-main-cbox .print-product-category .category-selection{height: auto;} .pp-main-cbox .print-product-category .category-text{min-height: 70px;} .address-bottom a.chk-btn {margin-top: 10px;text-align: center;width: 100%;} .oc-title{ font-size:50px;} .oc-subtitle{ font-size:15px;} .oc-content{font-size:14px;} .oc-meta-info th, .oc-meta-info td{ padding:0 10px 8px !important;} .oc-pro-table table.table td, .oc-pro-table table.table th{ padding:20px 15px !important;} .oc-meta-info,.oc-pro-table{overflow-x: auto;white-space: nowrap;width: 100%;-webkit-overflow-scrolling: touch} .chk-for-mobile, .chk-dst-content{ display:none;} .chk-item-container {padding: 0 15px;} #cart-item-list .chk-item-container {padding: 0px;} .chk-qty-item .product-quantity {justify-content: flex-start;} .chk-total-qty, .chk-items-btn{text-align: left;} .chk-price {text-align: left;top: -2px!important;} .chk-bottom-cart-btn {margin: 25px 0 0;text-align: center;} .chk-payment-img {text-align: center;} .chk-qty-value{ border:none;} .chk-img{ margin-right:5px;} .chk-item-mid > div{padding-bottom: 5px!important; padding-top: 10px!important;} .cart--header{ text-align:left; padding-left:15px;} .cart-logo {margin: 5px auto;width: 120px;} .filter-by-box, .filter-title span{ display:none} .filter-title b{ margin-bottom:0;} .filter-title {border: 1px solid #eee;margin-bottom:20px;margin-top: 30px;padding: 7px 12px;position: relative; cursor:pointer;} .filter-title i {display: block;position: absolute;right: 12px; top: 11px;} .pp-main-cbox .product-models .filter-by-box .checkbox-list{ padding:0 5px;} .range-price {width: 100%;} .filter-by-box .checkbox-list-header:after, .filter-title:after{ font-family:fontawesome; content:"\f107"; position:absolute;right: 10px; top: 3px} .filter-by-box .checkbox-list-header.active:after, .filter-title.active:after{content:"\f106";} .checkboxListContent, .pp-list-label{ display:none;} .filter-by-box .checkbox-list-header{ cursor:pointer;} .filter-title::after{top: 8px} .list-cat-items .product-item {width: 50%;} .filter-title.filterBy {margin-bottom: 40px;margin-top: 10px; width: 100%;} .pp-main-cbox .product-models .checkbox-list{ float:none;} .product-list-search {right: 15px;top: 152px!important; width: calc(100% - 30px);margin-top: 0px;} .check-list-boxes .checkbox-list-items{ width:auto;} .track-order-right { margin-top: 0;} .my-order-nav li {padding: 0 5px;} .my-order-nav ul {padding-left: 0;} .delivery-text {padding-left: 10px;margin-top:20px;} .track-order-right a {margin-bottom: 0px;} .track-order-bottom-text {width: 100%;float: none;text-align: center;} .print-product-cat-top .bread-crumb-css {width: 100%;padding-right: 35px;} .track-order-container {padding: 0 15px;} .add-pro-size {padding-right: 0;} .my-order-box .add-pro-size .ads-box {width: 30px;} /* .cust-middleSection.common-new{margin-top: 40px;} */ .pp-main-cbox h1.print-heading{margin-top: 20px!important;} .pp-main-cbox .products-list .product-item{height: 500px;} .pp-main-cbox .products-list .product-item-image img{width: 100%;} /* #color-container .check-list-boxes{overflow-y: inherit;} */ #taxonmy-container{clear: both;} .chk-bottom-btns .pro-right{padding-right: 15px;} .payment-banner {height: 150px;} .address-form .address-mid-title {margin-top: 20px;} .order-confirmation-btns .chk-bottom-cart-btn a{display: block;} .oc-cart-total{margin-top: 20px;} .my-order-container h1.product-heading {margin-top: 30px;font-size: 28px;} .pyament-transaction .separator{width: 100%;margin-bottom: 0px;} .contest-trans-item .shipment-details{padding: 5px;} .contest-trans-item .shipment-details .billing-address, .contest-trans-item .shipment-details .shipment-address{width: 100%;} .contest-trans-item .shipment-details .shipment-address{padding-left: 0px;margin-top: 10px;} .oc-meta-info {border-right: 1px solid #eee;border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;} .top-left--buttons{top: 70px;} .payment-details-container .address-top{margin-top: 0px;} /* .pp--popover .modal-content {width: 300px;} */ .pp--popover .modal-dialog{margin: 30px 15px!important;width: calc(100% - 30px);} .popover-content .table {max-width: 400px; overflow: auto; white-space: nowrap; width: 400px;-webkit-overflow-scrolling: touch} .dashboard-design-wrapper {padding: 75px 5px 20px!important;} .new-design-container .dashboard-design-wrapper {padding: 10px 0px 30px!important;} .notice-container{display: block;} .notice-caution{margin-right: 0;margin-bottom: 15px;} .chk-bottom-btns.cart-bottom{display: block;} .firts-last-wrapper{margin-bottom: 8px;} .chk-items-btn a.btn.btn-default.btn-white{min-width: auto!important;width: calc(33.333333% - 7px);} .chk-items-btn.whiteBtnNectar{display: flex;align-items: center;} .sort-dropdown{margin:0;} .sort-dropdown + .dropdown-menu{top:100%;} } @media screen and (max-width:640px){ .notice-wrapper.change-box-alignment .notice-caution > i{font-size:60px;} } @media( max-width : 585px ) { .wizard {width: 90%;height: auto !important;} span.round-tab {font-size: 16px;width: 50px;height: 50px;line-height: 50px;} .wizard .nav-tabs > li a {width: 50px;height: 50px;line-height: 50px;} .wizard li.active:after {content: " ";position: absolute;left: 35%;} .content-section .content-section-container{display: block;} .content-section .content-desc-container:first-child{margin-bottom: 40px;} .pp-main-cbox .category-list-by .bulk-order{display: block;} .bulk-order .btn-bulk-order{width: 100%;} .bulk-order .btn-bulk-order:first-child {margin-right: 0px;margin-bottom: 15px;} } @media (max-width:480px){ .chk-no-item-inside{width:100%!important;max-width:400px;} .print-product-category.change-search-filter-props .product-list-search{top:112px!important;} .pp-main-cbox .category-list-by .bulk-order{position: relative;top: auto;right: auto;} .pp-main-cbox .category-list-by .bulk-order a{width: 100%;margin-bottom: 20px;} .pp-main-cbox .col{width: 100%;} .pp-main-cbox .print-product-category .category-text{min-height: 70px;} .pp-main-cbox .print-product-category .category-image img{width: 100%;} .min-cart {width: 300px;} .mc-other-pro-box a{ width:100%; margin-right:0; margin-bottom:25px;} .mc-pro-name > span {font-size: 13px;} .address-mid-title{ padding-right:0;} .address-mid-title span {display: block;position: relative;right: auto;top: auto;width: 100%;} .address-bottom a.chk-btn{ margin-top:10px;} .address-bottom a:first-child{ padding-top:0;} .address-bottom a:first-child i{ top:0px;} .sa-top-box b {position: relative;top: 0; left:0;} .sa-top-box{ padding:10px;} td.oc-product-name, .oc-pro-table th, .oc-meta-info th, .oc-meta-info tr td{ font-size:13px;} .ca--sidenavbar .li-side--menu{ width:300px;} .list-cat-items .product-item{ float:none; margin-left:auto; margin-right:auto; width:240px;} .fix-height{width: 100%;} .pp-main-cbox h1 {font-size: 26px;line-height: 36px;} .pp-main-cbox .print-categoey-listing .print-sub-heading{font-size: 13px;} .pp-main-cbox .print-categoey-listing .print-sub-heading{margin-bottom: 20px;} .pp-main-cbox h2 {font-size: 20px;line-height: 22px;margin-top: 20px!important;margin-bottom: 20px!important;} .pp-main-cbox .product-heading {margin-bottom: 20px!important;} .pp-main-cbox h4 {font-size: 15px;} .pp-main-cbox .print-product-category .category-selection{margin-bottom: 15px;} .pp-main-cbox h3{line-height: 20px;} .products-list {padding: 0px 15px;} .products-list .rm-padding{padding: 0px;} .pp-main-cbox .products-list .product-item{height: auto;} .payment-banner {height: 80px;background-position: -10px 0px;} /* .cust-middleSection.common-new{margin-top: 20px;} */ .address-bottom .chk-btn{float: none;display: block;width: 100%;margin-top: 20px;} .address-bottom a:first-child{float: none;} .oc-title {font-size: 30px;margin-top: 0px;} .oc-content{margin: 20px 0px;} .pp-main-cbox .final-products .products-link img{margin-bottom: 15px;} .pp-main-cbox .print-started{padding: 20px 0px;} .pp-main-cbox .print-started h2{margin-bottom: 10px!important;margin-top: 0px!important;} .filter-title.filterBy{margin-top: 0px;margin-bottom: 20px;} .pp-main-cbox .product-models .style-select{margin-top: 0px;} .menu-sub-cat li a{font-size: 12px;} .product-item--box .product-item-detail a, .pp-main-cbox .products-list .product-item-rating, .pp-main-cbox .products-list .product-item-detail-price{font-size: 13px;} .address-mid-title{margin-top: 0px; font-size: 16px;} .address-mid input.form-control, .pass-input, .select-div{margin-top: 8px;} label.radio-label span.radio-label--primary{font-size: 12px;} .sa-top {margin-bottom: 10px;} .sm-inner{margin: 10px 0 10px 0;} span.content-box-emphasis{font-size: 13px;} .payment-container .pay-text, .payment-container .paypal-content{font-size: 12px;} .payment-details-container .address-top{margin-top: 20px;} .field-input, .field-button{ width:100%;} .field-button{ padding-left:15px; margin-top:15px;} .field-button .chk-btn {width: 100%;} .ndx-tarp-wrapper{ display:none;} .my-order-container .custom-desc > div{float: none!important;top:-25px;width: 100%;} .my-order-container .custom-desc {margin-bottom: 10px;text-align: center;} .my-order-container.pd_top .custom-desc{margin-bottom: 16px;} .frm-popup-login .process-css, .frm-popup-signup .process-css{width: 100%;} .update-product.dh-login--popup .popup-lg, .update-product.dh-sign-popup .pop-dialog {width: 100%;} .remove-cart-modal .cart-btns > button{display: block;width: 100%;margin: 0;} .remove-cart-modal .cart-btns > button:first-child{margin-bottom: 15px;} .remove-cart-modal .modal-dialog{width:100%;} .print-bottom-btn .print-button{display: block;width: 100%;} .print-bottom-btn .print-button:last-child {margin-left: 0px;margin-top: 10px;} .address-top .steps .main-stip::after {top: 8px;} } @media (max-width:420px){ .chk-items-btn a.btn.btn-default.btn-white {min-width: 100%;margin-top: 10px;} .paybal-section .panel-desc{display: none;} .chk-items-btn a.btn.btn-default.btn-white{width: 100%;margin-right: 0!important;} .chk-items-btn a.btn.btn-default.btn-white.btn-pp-cart-savelater{margin-top: 7px;} .chk-items-btn.whiteBtnNectar {display: block;} .chk-items-btn a.btn.btn-default.btn-white.btn-pp-cart-remove, .chk-items-btn a.btn.btn-default.btn-white.btn-pp-save-remove, .chk-items-btn a.btn.btn-default.btn-white.btn-pp-cart-movecart {margin-top: 7px!important;} .address-form > div, .address-form > .firts-last-wrapper > div, .payment-details-container .address-mid > div > div, .cart-right-bar{padding-left:0px;padding-right: 0px;} .payment-details-container .address-top {margin-top: 0px;} .signup-form--box {padding: 50px 0px 0 0px;} .cart-right-bar .mc-pro-total .total-left {width: 150px;} .payment-details-container .coupon-box .address-mid > div > div{padding-left: 15px;padding-right: 15px;} } @media screen and (max-width:360px){ .cart--header .user-info-section .btn-group.open > .dropdown-menu{left:-228px;min-width: 300px;padding: 10px;} .cart--header .user-info-section .btn-group.open > .dropdown-menu::before, .cart--header .user-info-section .btn-group.open > .dropdown-menu::after{left: 78%;} .cart--header .user-info-section ul li span{float: left;} .cart--header .user-info-section .dropdown-menu.notification-css .view-all-notification > a{text-align: center;padding: 10px 15px !important} .cart--header .user-info-section .dropdown-menu.notification-css .view-all-notification{display: block;float:none;} } /* Verify email template design css start */ .verify-email-wrapper{margin-top:20px;} .verify-email-wrapper input, .input-width-props{width:100%;} .verify-email-wrapper input[type="email"]{ margin:0; border-radius: 4px; font-size: 15px; color:#333; padding:11px 12px; border:1px solid #eaeaea; } .verify-email-wrapper .verify-email-btn{ font-size:15px; font-weight:500; color:#fff; text-transform: uppercase; letter-spacing: 0.8px; border:2px solid transparent; padding:10px 0; background:#db404b; border-radius: 30px; } @media (max-width:991px){ .verify-email-wrapper .verify-email-btn{margin-top: 20px;} } /* Verify email template design css end */ .checkout-popup-props .modal-body { border-radius: 3px; background-color: #F7F7F7; float: none; padding: 22px; width: 100%; background: #F4F4F6; position:relative; } .checkout-popup-props .modal-body h3 { margin: 0; font-size: 21px; color: #000; font-weight: 300; } .modal.checkout-popup-props button.close { position: absolute; z-index: 1; right: 21px; top: 21px; } .modal.checkout-popup-props .change-top-space{margin-top:16px;} .checkout-popup-props .modal-content .popup-content { padding: 30px; } .submitOtpBox { padding: 15px!important; } .checkout-popup-props .middle-section-boxes { background: #fff; margin: 40px 0 0; color: #839AAC; box-shadow: 0px 1px 6px #DCDDDD; -webkit-box-shadow: 0px 1px 6px #DCDDDD; -o-box-shadow: 0px 1px 6px #DCDDDD; -ms-box-shadow: 0px 1px 6px #DCDDDD; position: relative; } .checkout-popup-props .popup-content .phone-number { font-weight: 600; margin-top: 0px; font-size: 18px; line-height: 1.6; color: #555; } .checkout-popup-props .popup-content .phone-number > .link-click { font-size: 17px; display: inline-block; margin-left: 15px; font-weight: 500; } .checkout-popup-props .middle-section-boxes a, .checkout-popup-props .right-contents a { color: #839AAC; font-weight: 500; } .checkout-popup-props .popup-content .verification-text { font-size: 16px; margin-top: 15px; font-weight: normal; line-height: 1.6; color: #555; } .checkout-popup-props .popup-content .code-verifiy { display: flex; max-width: 320px; margin: 0 auto 30px; border: 1px solid; border-radius: 3px; } .checkout-popup-props .onboard-bottom .form-control, .checkout-popup-props .popup-content .form-control { color: #555; font-size: 15px; border: 2px solid var(--border-color); padding-left: 10px; padding-right: 10px; border-radius: 3px; height: 44px; box-shadow: none; text-align: left; background-color: #fff; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkout-popup-props .popup-content .bottom-text > p { margin: 0; margin-top: 20px; color: #ff0000; font-size: 15px; } .checkout-popup-props label.error { color: #B12704!important; font-size: 13px; margin: 0px; } .cart-page-cart-listing .chk-title{margin-top: 0px;} .cart-page-cart-listing .new-row{margin-left: -20px;margin-right: -20px;} .new-cart-design .chk-items-btn a.btn.btn-default.btn-white{min-width: 105px;} .new-cart-design .chk-total-qty{margin-top: 0px;} .new-cart-design .chk-img{width: 60px;} .new-cart-design .chk-img .print-files{width: 60px;height: 60px;} .new-cart-design .chk-img span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} @media (max-width:991px){ .new-cart-design .chk-items-btn a.btn.btn-default.btn-white:last-child{min-width: 100%;margin-right: 0;margin-top: 10px;} .new-cart-design .chk-items-btn a.btn.btn-default.btn-white:nth-child(2){margin-right: 0;} } @media (max-width:800px){ .new-cart-design .chk-items-btn a.btn.btn-default.btn-white{min-width: 100px;} } @media (max-width:767px){ .new-cart-design .chk-item-container {padding: 0 5px;} .new-cart-design .product-quantity{justify-content: flex-start;} .new-cart-design .chk-price{position: relative;top:0;} .new-cart-design .pp-cart-items > div:nth-child(2),.new-cart-design .pp-cart-items > div:nth-child(3){width: 50%;} .new-cart-design .pp-cart-items > div:nth-child(2){padding-right: 0px;} .new-cart-design .pp-cart-items > div:nth-child(3){padding-left: 0px;} .new-cart-design .chk-items-btn {margin-top: 10px;font-size: 0px;} .new-cart-design .chk-items-btn a.btn.btn-default.btn-white {min-width: calc(50% - 4px);} } @media (max-width:480px){ .new-cart-design .pp-cart-items > div:nth-child(2),.new-cart-design .pp-cart-items > div:nth-child(3){width: 100%;} .new-cart-design .pp-cart-items > div:nth-child(2){padding-right: 15px;} .new-cart-design .pp-cart-items > div:nth-child(3){padding-left: 15px;} } .cart-items-container .cart_item_suggestive_marker{ border-left-color:#db404b; } .cart-discount-strip-applied{border-radius: 4px;text-align: center;padding: 16px;font-size: 15px;font-weight: 400;border-color: #47ccb5;color: #47ccb5;background-color: #eefaf8;max-width: 100%;margin: 0 auto 15px;width: 100%;} /* Payment page valid coupon error message css start */ .checkout-error-title{ color:#333!important; background:transparent; margin: 0; padding:0; font-size: 14px; padding-right: 0; display: inline; padding-top: 0; max-width: calc(100% - 24px); } /* .checkout-error-title > b{padding: 0px 0px 0px 5px;} */ .checkout-error-message{ padding-right:20px!important; display:flex; } .error-title-cross{ width: 20px; height: 20px; background: #cfcfcf; display: inline-flex; border-radius: 100%; color: #fff; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; font-weight: 600; top:50%; position: absolute; right: 5px; transform: translateY(-50%); } .error-title-cross > span{ line-height: 10px; display: flex; align-items: center; justify-content: center; } .new-design-error-msg {margin-top: 10px;padding: 10px!important;border-width: 0 0 0 3px;border-style: solid;background: #fff;-webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 1px 6px rgba(0,0,0,.1);-moz-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 1px 6px rgba(0,0,0,.1);-o-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 1px 6px rgba(0,0,0,.1);box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 1px 6px rgba(0,0,0,.1);border-radius: 4px;position: relative;} @media screen and (max-width:767px){ .checkout-error-message{max-width: 452px;} } @media screen and (max-width:576px){ .checkout-error-message{padding-right:15px;} .modal-body #comment_module_plugin_section.comment-design .comment-design-module{padding: 0;} .modal-comment .comment-container-wraper .feedback-overview--overall {padding: 15px;} } @media screen and (max-width:480px){ .new-design-error-msg{margin-top: 15px;} } .sugg_color_mark{ padding:2px; background-color:#db404b; width:6px; height:26px; display:inline-block; border-radius: 2px; } .sugg_color_mark:after{ content:' '; margin-left:4px; padding-left:2px; } .auto_discount_div{position:relative;border:1px thin #ccc; border-radius:5px;} .auto_discount_div .auto_discount_dtls{ position:relative; font-size:14px; margin-left:22%; margin-bottom:5px; display:flex; align-items:middle; justify-content:center; color:#1a1a1a; width:70%; } /* Payment page valid coupon error message css end */ .page16 #loadere {background: none!important;} .common-new.giftcard-cpn-msg:empty{display: none;} .print-product-mockups .chk-items-btn a.btn.btn-default.btn-white{margin-top: 7px;margin-bottom: 7px;} /* Secure payment info css start */ .manage-payment-infos{ width:calc(100% + 10px); display: flex; flex-direction: column; margin:0 -5px; } .card-cvv-info{ display: inline-flex; align-items: center; margin-left: 12px; position: relative; cursor: pointer; width:18px; } .card-cvv-info i{ color: #cdcdcd; font-size: 18px; } .card-cvv-info .cvv-drop-down{display: none;} .card-cvv-info .cvv-drop-down{ position: absolute; top:36px; left:50%; width:400px; max-width:400px; z-index: 12; transform:translateX(-50%); border:#eee solid 2px; background:#fff; border-radius: 4px; padding:15px; } .card-cvv-info .cvv-drop-down:before{ border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eee; top:-8px; } .card-cvv-info .cvv-drop-down:after{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top:-6px; } .card-cvv-info .cvv-drop-down:before, .card-cvv-info .cvv-drop-down:after{ position: absolute; content:''; left:50%; transform:translateX(-50%); width: 0; height: 0; } .card-cvv-info:hover .cvv-drop-down, .card-cvv-info.show-cvv .cvv-drop-down{display: inline-flex;} .secure-payment-info{ margin-top:7px; border-top:#eee solid 1px; } .secure-payment-info .payment-section{ position: relative; padding:20px 0 20px 50px; } .secure-payment-info .payment-section:nth-child(2){ border-top:#eee solid 1px; border-bottom:#eee solid 1px; } .secure-payment-info .secure-image{ width:36px; position: absolute; top:20px; left:0px; } .cart-right-bar .mc-pro-total{border-bottom:none;} .secure-payment-info .secure-info-title{ font-size:18px; margin:0 0 10px; color:#333; font-weight:500; } .secure-payment-info p{ font-size: 15px; color:#333; line-height: 1.63; font-weight:400; margin-bottom: 0; } @media screen and (max-width:600px){ .card-cvv-info .cvv-drop-down{ width: 300px; max-width: 300px; right: -27px; } .card-cvv-info .cvv-drop-down, .card-cvv-info .cvv-drop-down:before, .card-cvv-info .cvv-drop-down:after{left:auto;transform: translateX(0);} .card-cvv-info .cvv-drop-down:before{right:24px;} .card-cvv-info .cvv-drop-down:after{right:26px;} } @media screen and (max-width:500px){ .one-liner{flex-direction: row!important;} .card-frame.frame--activated{width:calc(100% - 40px);} .card-cvv-info .cvv-drop-down{top:40px;} .card-cvv-info .cvv-drop-down:before{right:26px;} .card-cvv-info .cvv-drop-down:after{right:28px;} } /* Secure payment info css end */ .festive-strip .successTxt .btn{ padding: 6px 20px; line-height: 1.43; min-width: 108px; font-size: 11px; margin-left: 8px; height: auto; display: inline-block; width: auto; border-radius: 30px; vertical-align: initial; border:none; } .festive-strip .couponSuccess{ padding:8px 12px; font-size: 12px; line-height: normal; margin-left: 6px; } /* Remove product popup css start */ .remove-cart-modal.remove-cart-popup-layout .modal-dialog { margin: 60px auto !important; width: 100%; max-width: 700px; display: flex; flex-direction: column; } .remove-cart-modal.remove-cart-popup-layout .modal-header { width: 100%; float: left; background: #f2f2f2; padding: 24px; position: relative; padding-right: 24px; box-shadow: none; border: none; } .remove-cart-modal.remove-cart-popup-layout h4.modal-title { font-size: 18px; font-weight: 500; margin: 0; line-height: normal; padding: 0 24px 0 0; background-color: #f2f2f2; color: #333; } .remove-cart-modal.remove-cart-popup-layout .modal-header .close { cursor: pointer; display: inline-block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .remove-cart-modal.remove-cart-popup-layout .icon-close { font-size: 32px; -webkit-text-stroke: 4px #f2f2f2; color: #a29797cc; } .remove-cart-modal.remove-cart-popup-layout button.close{ outline: none; } .remove-cart-modal.remove-cart-popup-layout .cart-btns > button{ padding: 10px 16px; min-width: 130px; margin: 5px; outline: none; text-transform: uppercase; font-size: 16px; font-weight: 600; letter-spacing: 0.2px; transition: transform 0.3s; } .remove-cart-modal.remove-cart-popup-layout .cart-btns > button:hover{transform: translateY(-1px);} .remove-cart-modal.remove-cart-popup-layout .cart-btns > button.cancelPro, .remove-cart-modal.remove-cart-popup-layout .cart-btns > button.cancelPro:hover, .remove-cart-modal.remove-cart-popup-layout .cart-btns > button.cancelPro:focus{ border: #db404b solid 2px; color: #db404b; background: #fff; } .remove-cart-modal.remove-cart-popup-layout .modal-body { padding: 0; width: 100%; float: left; background: #fff; } .remove-cart-modal.remove-cart-popup-layout .modal-body p { font-size: 16px; font-weight: 400; margin: 0; padding: 24px; color: #333; text-transform: none; } .remove-cart-modal.remove-cart-popup-layout .modal-body .cart-btns { width: 100%; float: left; padding: 19px; border-top: #f2f2f2 solid 2px; text-align: right; margin-top: 0; } @media screen and (max-width: 767px) { .remove-cart-modal.remove-cart-popup-layout .modal-dialog { width: 98%; } } @media screen and (max-width: 480px) { .remove-cart-modal.remove-cart-popup-layout .modal-dialog { width: 100%; padding: 4px; margin: 0 auto!important; } .remove-cart-modal.remove-cart-popup-layout .cart-btns > button{margin: 0;} .remove-cart-modal.remove-cart-popup-layout .cart-btns > button:first-child{margin-bottom: 15px;} } /* Remove product popup css end */ /* Custom success page design css start */ .page16 .pages-content.container-fluid.add-padding{padding: 0px 15px;} .order-confirmation-container.space-top-props{margin-top:10px;margin-bottom:0px;} .success-msg-props{border-top:8px solid #db404b;border-radius:8px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);padding:24px 24px 28px;} .success-msg-props .oc-title{margin-top:0px;line-height: 1;font-size:52px;} .success-msg-props .oc-subtitle{margin-top:10px;} .success-msg-props .oc-content{margin:12px 0px 0px;} .success-msg-props .oc-content-img{margin-bottom:10px;} .order-history-info{border-radius: 8px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);padding:15px 0px;overflow: hidden;margin-top:30px;} .order-history{padding:15px 0px;} .order-history th{background: #f8f8f8;} .order-history-info .col-md-offset-2{margin:0px;width:100%;} .table-info-props th{line-height: 1;} .table-info-props th,.table-info-props td{padding:15px!important;border-left:#d7d7d7 solid 1px;} .table-info-props tr th:first-child,.table-info-props tr td:first-child{border-left: none;} .table-info-props{width:100%;} .table-info-props tbody tr{border-top:#d7d7d7 solid 1px;} .order-history-info .oc-meta-info, .order-history-info .oc-pro-table{border: #ccc solid 1px;border-radius: 8px;overflow: hidden;} .order-history-info .oc-pro-table thead tr th:first-child, .order-history-info .oc-pro-table tbody tr td:first-child{padding:15px!important;} .order-history-info .oc-pro-table table.table td{padding:15px!important;} .order-history-info .oc-pro-table table.table th{padding:15px!important;line-height: 1;} .order-history-info .table{margin:0px;} .order-history-info .oc-pro-table{margin:0px;} .billing-addr-infos{border-radius: 8px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);margin-top:30px;background:#f8f8f8;display: flex;flex-wrap: wrap;} .billing-adr-wrap{width:50%;padding:15px;} .billing-adr-props{width:100%;height:100%;float:left;background:#fff;border-radius:8px;border:#d7d7d7 solid 1px;display: inline-flex;} .billing-adr-props .width-infos{width:50%;padding:15px;border-left:#d7d7d7 solid 1px;} .billing-adr-props .width-infos:first-child{border-left: none;} .billing-adr-wrap .oc-cart-total{width:100%;padding:15px;border:#d7d7d7 solid 1px;background: #fff;border-radius: 8px;} @media screen and (max-width:1024px){ .order-history-info .oc-meta-info, .order-history-info .oc-pro-table{overflow-x: auto;-webkit-overflow-scrolling: touch;} } @media screen and (max-width:991px){ .billing-adr-wrap{width:100%;} .billing-adr-wrap + .billing-adr-wrap{padding-top:0px;} } @media screen and (max-width:767px){ .billing-adr-wrap .oc-cart-total{margin-top: 0px;} } @media screen and (max-width:480px){ .success-msg-props{padding:24px 24px 28px;} .success-msg-props .oc-title{font-size:30px;} .billing-adr-props{flex-direction: column;} .billing-adr-props .width-infos{width:100%;border-left:none;border-top:#d7d7d7 solid 1px;} .billing-adr-props .width-infos:first-child{border-top:none;} } /* Custom success page design css end */ /* Similar products section for printshop css start */ .similar-products-info{margin-top: 30px;} .similar-prod-lists{width:100%;padding:0px;display: flex;flex-wrap: wrap;border-radius: 8px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);margin-top: 24px;background: #f8f8f8;} .similar-prod-lists .col-two{padding:15px;} .lay-out-props{width:100%;display: flex;flex-wrap: wrap;border:#ccc solid 1px;border-radius: 8px;background: #fff;padding:15px 0px;} .lay-out-props .swiper-container.common-slider-props{padding-left:15px;padding-right:15px;width:100%;} .lay-out-props .swiper-container.common-slider-props .swiper-slide{width:255.6px;} .lay-out-props + .lay-out-props{margin-top:15px;} .lay-out-props .pro-container{height: 0;width: 100%;padding-top: 100%;background-position: center;background-size: cover;border-radius: 4px;position: relative;} .lay-out-props .design-lists.padding_around.no-hover .product-name{padding: 0;margin-bottom: 0;color: #333;font-size: 15px;font-weight: 500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;text-transform: capitalize;height: 24px;} .lay-out-props .show-rating-product-main .star-ratings-css .icon-star{font-size:15px;margin-left:4.5px;} .lay-out-props .show-rating-product-main .star-ratings-css .icon-star:first-child{margin-left:0px;} .lay-out-props .prod-lists-designs{width:100%;} .lay-out-props .swiper-slide{padding:3px;} .lay-out-props .margin-bt-props.prod-lists-designs{margin-bottom: 0px;} .lay-out-props .show-rating-product-main{display: flex;align-items: center;margin-bottom: 5px;width: 100%;margin-top: 2px;} .show-rating-product-main.manage-stars>a, .show-rating-product-main.manage-stars>a:hover, .show-rating-product-main.manage-stars>a:focus{color: #545963;} .show-rating-product-main.manage-stars>a{font-weight: 500;} .show-rating-product-main.manage-stars>a{margin-left: 7px;font-size: 12px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .lay-out-props .show-all-sizes{display: none;} .lay-out-props .product-designer-name.change-white-space-props{margin-bottom: 5px;width: 100%;float: left;} .lay-out-props .product-designer-name.change-white-space-props{position: relative;} .lay-out-props .product-designer-name{color: #545963;font-size: 15px;margin-bottom: 10px;} .lay-out-props .product-designer-name.change-white-space-props > span{position: absolute;left: 0;top: 0;font-weight:400;color:#545963;} .lay-out-props .product-designer-name.change-white-space-props >a{padding-left: 20px;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#545963;} .lay-out-props .product-designer-name{color: #545963;font-size: 15px;} .lay-out-props .product-designer-name>a{display: inline-block;color: #545963;font-weight:400;font-size: 15px;} .lay-out-props .show-all-products-lists{width: 100%;float: left;margin-bottom: 5px;} .lay-out-props .show-all-products-lists .show-product-lists{width: 100%;float: left;text-decoration: underline;line-height:normal;font-size: 12px;font-weight: 400;background: url(https://cdn1.designhill.com/assets/dh/images/shop-gray-aval-icon.svg) 0px 3px no-repeat;background-size: 14px 14px;padding: 0 0 0 18px;outline: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;color:gray;outline: none;} .lay-out-props .show-all-products-lists .show-product-lists:hover{text-decoration: none;} .lay-out-props .product-price.change-colors{text-align: left;font-size: 16px;font-weight: 600;line-height: 24px;} .lay-out-props .product-price.change-colors .real-price{display: inline-block;margin-top: 5px;color:#333;} .lay-out-props .outer-product{overflow: hidden;} .lay-out-props .outer-product{position: absolute;top: 0;left: 0;transition: all .3s ease;} .lay-out-props .outer-product >img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;} .lay-out-props .designer-image a.represent-similar-designs{display: none;} .lay-out-props .designer-image a, .lay-out-props .designer-image a:hover img{transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;} .lay-out-props .designer-image a{display: block;} .lay-out-props .represent-similar-designs{cursor: pointer;position: absolute;bottom: 8px;right: 8px;left: auto;z-index: 3;border-radius: 42px;padding: 8px;box-shadow: 0 4px 8px rgb(0 0 0 / 10%);display: flex;display: -webkit-flex;background: #fff;border: none;width: 32px;height: 32px;justify-content: center;align-items: center;color: #333;line-height: 1;text-transform: uppercase;} .lay-out-props a.represent-similar-designs img{width: 16px;} .lay-out-props .designer-image a.represent-similar-designs span{visibility: hidden;font-size: 12px;color: #db404b;font-weight: 500;} .lay-out-props .pro-container .design-image{opacity: 0;visibility: hidden;} .lay-out-props .get-fav-list, .lay-out-props .edit-icon-popup.top-shifted{right: 8px;} .lay-out-props .get-fav-list, .lay-out-props .edit-icon-popup{cursor: pointer;position: absolute;top: 8px;z-index: 3;border-radius: 100%;padding: 8px;box-shadow: 0 4px 8px rgb(0 0 0 / 10%);display: flex;display: -webkit-flex;background: #fff;border: none;width: 32px;height: 32px;justify-content: center;align-items: center;color: #333;} .lay-out-props .get-fav-list span, .lay-out-props .edit-icon-popup span{display: flex;width: 16px;height: 16px;} .lay-out-props .get-fav-list span:before, .lay-out-props .edit-icon-popup span:before{width: 0;height: 0;opacity: 1;border-radius: 50%;border: 0 solid #db404b;} .lay-out-props .get-fav-list span:before, .lay-out-props .edit-icon-popup span:before, .lay-out-props .get-fav-list span:after, .lay-out-props .edit-icon-popup span:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);z-index: 1;} .lay-out-props .get-fav-list span:after, .lay-out-props .edit-icon-popup span:after{width: 40px;height: 40px;display: block;background-size: auto 100%;} .lay-out-props .designer-image .pro-container .outer-product{transition: all .3s ease;overflow: hidden;} .lay-out-props .pro-container:hover .outer-product{opacity: 1;visibility: visible;} /* Similar products section for printshop css end */ /* Similar products section for custom css start */ .prod-wrapper-info{padding:15px;position: relative;border-top:#ccc solid 1px;} .similar-prod-lists .prod-wrapper-info:first-child{margin-top: 0px;border-top:none;} .purchase-prod-wrap{width:100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;} .lay-out-props + .purchase-prod-wrap{padding:24px 0px 8px;} .similar-prod-lists > .purchase-prod-wrap{padding-bottom:8px;} .purchase-title{font-size: 24px;font-weight: 600;line-height: 1;margin: 0px;color: #222;} .prod-lists-info{padding: 8px 15px;font-size: 13px;font-weight: 600;text-transform: uppercase;border-radius: 32px;transition: transform 0.3s;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);letter-spacing: 0.2px;} .prod-lists-info, .prod-lists-info:hover, .prod-lists-info:focus{background: #db404b;color: #fff;} .prod-lists-info:hover{transform: translateY(-1px);} .custom-slider .product-item-detail{margin-bottom: 6px;} .custom-slider .product-item-rating{margin-bottom: 0px;} .custom-slider .product-item.change-height-props .item-rating-reviews{margin-bottom: 6px;line-height: normal;} .custom-slider .product-item-detail-price{color: #222;font-weight: 600;margin-bottom: 10px;line-height: normal;} .custom-slider .product-container{width:100%;height:100%;padding:0px;box-shadow: 1px 2px 6px rgb(0 0 0 / 10%);border-radius: 4px;} .custom-slider .product-item-image img{height:auto;border-radius:4px 4px 0px 0px;position: absolute;top:0px;} .custom-slider .product-container .product-item--box{padding:15px;} .custom-slider .swiper-slide{padding:3px;height:auto;} .custom-slider .change-prod-loader{width:50px;height:50px;} .custom-slider .swiper-slide .product-item.change-height-props{width:100%;} .custom-prod-info{width:100%;float:left;-webkit-box-shadow: 1px 2px 6px rgb(0 0 0 / 10%);-o-box-shadow: 1px 2px 6px rgba(0,0,0,.1);-ms-box-shadow: 1px 2px 6px rgba(0,0,0,.1);box-shadow: 1px 2px 6px rgb(0 0 0 / 10%);border-radius: 4px;overflow: hidden;} .custom-prod-info.flex-props{display: flex;width: 100%;height: 100%;} .view-more-products{position:relative;font-size:16px;font-weight:500;width:100%;display:flex;flex-direction:column;padding: 15px;justify-content: center;align-items: center;text-align: center;border-radius: 6px;border-top:6px solid #db404b;overflow: hidden;} .view-more-products:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;transition-duration: .4s;transition-timing-function: ease;transform: translateY(101%);background: #f8f8f8;} .view-more-products:hover:before{-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);} .view-more-products, .view-more-products:hover, .view-more-products:focus{color:#db404b;} .view-more-products .icon-product-hunt{font-size:48px;margin-bottom: 6px;transition: transform 0.3s;} .view-more-products:hover .icon-product-hunt{transform: scale(1.2);} .view-more-products span{position: relative;z-index: 2;} .prod-info-props{display: block;width:100%;float:left;} .pp-main-cbox .print-product-category h4.custom-title-props{padding: 0px 8px;margin-top:8px;margin-bottom: 0;color: #333;font-size: 15px;font-weight: 500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;text-transform: capitalize;height: auto;} .custom-prod-info .price{text-align: left;font-size: 16px;font-weight: 600;line-height: 24px;color:#333;padding:8px;display: block; } @media screen and (max-width:767px){ .purchase-title{font-size:20px;text-align: center;} .purchase-prod-wrap{justify-content: center;} .prod-wrapper-info{padding-bottom:75px;} .prod-lists-info{position: absolute;right: 15px;bottom: 12px;left: 15px;text-align: center;font-size:15px;padding:14px 15px;} } /* Similar products section for custom css end */ /* Common slider css start */ .common-slider-props .arrow-common{width:48px;height:48px;border-radius:100%;margin-top:auto;display:inline-flex;justify-content:center;align-items:center;background:#f5f5f5;background-image: none;box-shadow:0 1px 1px 0 rgb(0 0 0 / 40%);} .common-slider-props .arrow-common svg{width:16px;} .common-slider-props .swiper-button-prev.arrow-common{left:3px;transform:translateY(-50%) rotate(-180deg);} .common-slider-props .swiper-button-next.arrow-common{right:3px;transform:translateY(-50%) rotate(0deg);} .common-slider-props .swiper-button-next.swiper-button-disabled, .common-slider-props .swiper-button-prev.swiper-button-disabled{opacity: 0;} /* Common slider css end */ /* Our Services section css start */ .our-services{width:100%;float:left;margin-top:30px;} .align-center{text-align: center;} .pp-main-cbox h2.our-services-title{font-size: 32px;font-weight: 600;margin:0px;line-height: normal;} .our-services-desc{font-size: 17px;font-weight: 400;line-height: 1.8;margin: 0px 0px 24px;} .service-infos{border:#f5f5f5 solid 2px;display: flex;flex-wrap: wrap;width:100%;height:100%;border-radius: 8px;} .col-two{width:50%;display: inline-flex;justify-content: center;align-items: center;} .service-contents{width:100%;height:100%;padding: 30px 50px;display: flex;flex-direction:column;background-color: #f5f5f5;} .pp-main-cbox .our-services h3.services-titles{font-size:30px;font-weight:600;color:#222;line-height:normal;margin:0px;} .pp-main-cbox h4.services-subtitles{font-size:28px;font-weight:300;color:#222;line-height:normal;margin:0px 0px 28px;} .services-description{font-size: 17px;font-weight: 400;line-height: 1.8;margin: 0px;color: #222;} .our-services .benefits-gr-content{display: flex;display: -webkit-flex;flex-wrap: wrap;margin:0px;width: 100%;} .our-services .benefits-gr-content > li{position: relative;font-size: 16px;flex: 0 0 100%;padding: 3px 3px 3px 20px;font-weight: 400;text-align: left;color: #222;font-size: 17px;} .our-services .benefits-gr-content > li:before{color: #db404b;font-weight: 600;font-size: 16px;top: 4px;position: absolute;left: 0;content: '\2713';} .our-services .benefits-gr-content.green-color > li:before{color:#82bc3b;} .our-services .benefits-gr-content.blue-color > li:before{color:#3d6bfb;} .space-props{padding:0px 50px;} .services-links{margin-top:24px;min-width: 200px;text-align: center;display: inline-block;} .our-services img{width: 100%;border-radius: 8px;box-shadow: rgb(0 0 0 / 30%) 0px 0px 30px 0px;height: auto;} .service-list-slider{padding-bottom: 60px;} .service-list-slider .swiper-slide{height:auto;} .service-list-slider.swiper-container-horizontal>.swiper-pagination-bullets, .service-list-slider .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;} .service-list-slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 3px 10px;} .service-list-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;box-shadow: 0 0 0 3px #ddd, 0 0 0 5px #db404b;} .service-list-slider .swiper-pagination-bullet{background: #db404b;cursor: pointer;height: 13px;width: 13px;border-radius: 50%;transition: all .4s ease;opacity: .5;} .services-links.btn{-webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 10%);box-shadow: 0 3px 10px rgb(0 0 0 / 10%);font-size: 15px;-webkit-transition: transform .15s ease;transition: transform .15s ease;letter-spacing: 0.2px;-webkit-transform: translateY(0px);transform: translateY(0px);border-radius: 50px;padding: 10px 25px;font-weight: 600;text-transform: uppercase;} .services-links.btn-greens, .services-links.btn-greens:hover, .services-links.btn-greens:focus{background: #82bc3b;color: #fff;border:2px solid #82bc3b;} .services-links.btn-bblue, .services-links.btn-bblue:hover, .services-links.btn-bblue:focus{background: #3d6bfb;color: #fff;border:2px solid #3d6bfb;} .services-links.btn-printshop, .services-links.btn-printshop:hover, .services-links.btn-printshop:focus{background: #db404b;color: #fff;border:2px solid #db404b;} .order-confirmation-btns .chk-bottom-cart-btn a{font-size:15px;font-weight:600;text-transform: uppercase;letter-spacing:0.2px;} @media screen and (max-width:991px){ .service-contents{padding:30px;} .space-props{padding:15px;} .services-links{margin-top:20px;} } @media screen and (max-width:767px){ .col-two{width:100%;justify-content: flex-start;align-items: flex-start;background:#f5f5f5;} .service-infos{border:none;border-radius: 0px;} .space-props{padding:0px;} .pp-main-cbox .our-services h3.services-titles{font-size: 28px;} .pp-main-cbox h4.services-subtitles{font-size:26px;margin-bottom:20px;} .order-twos{order:2;} .order-ones{order:1;} .pp-main-cbox h2.our-services-title{font-size:26px!important;} .pp-main-cbox .our-services h3.services-titles{font-size:24px!important;} } @media screen and (max-width:576px){ .pp-main-cbox .our-services h3.services-titles{font-size: 26px;} .pp-main-cbox h4.services-subtitles{font-size:24px;} .our-service-lists .services-links.btn{width:100%;} .order-confirmation-btns .chk-bottom-cart-btn a{margin-right:0px;} .order-confirmation-btns .pro-right{padding-left:0px;} } /* Our Services section css end */ /* Success page video css start */ .our-services .home--bottom-video{width: 100%;} .home--bottom-video {position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;} .home--bottom-video .video-play-arrow{display: flex;flex-direction: row;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;z-index: 1;background-color: rgba(255, 255, 255, 0.3);width: 120px;height: 120px;border-radius: 100%;transition: all 150ms linear 0s;} .hWaCHT {margin-right: -5px;transition: all 150ms linear 0s;} .home--bottom-video .video-paly-cirlce{display: flex;flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;height: 100%;width: 100%;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;opacity: 1;z-index: 0;/* background: linear-gradient(109.6deg, rgb(218, 185, 252) 11.2%, rgb(125, 89, 252) 91.1%); background:rgba(48,100,201,0.6);*/flex: 1 1 0%;transition: all 200ms linear 0s;} .home--bottom-video .video-paly-button {display: flex;flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;height: 100%;width: 100%;flex: 1 1 0%;transition: all 100ms linear 0s;} .home--bottom-video .videon-banner img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;opacity: 1;transition: all 1000ms linear 0s;} .home--bottom-video .video-new-design{position: relative;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 30px 0px;overflow: hidden;border-radius: 5px;width: 100%;max-width: 930px;} .home--bottom-video .videon-banner{position: relative;border-radius: 5px;} .home--bottom-video .video-bg{padding-top: 56.2259%;width: 100%;height: 0;position: static;top: 0;left: 0;} .home--bottom-video .video-new-design:hover .video-paly-cirlce{opacity: 0.6;} .home--bottom-video .video-new-design:hover .video-play-arrow{transform: scale(1.05);} .home--bottom-video .video-play-arrow:hover{cursor: pointer;background-color: rgba(255, 255, 255, 0.4);transform: scale(1.1) !important;} .home--bottom-video .banner-video {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: 1;width: 100%;height: 100%;margin: auto;border-width: 0px;border-style: initial;border-color: initial;border-image: initial;border-radius: 5px;display: none;border-radius: 5px;} /* Success page video css end */ /* Available products list css start */ .modal.list-detail-popup{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: rgba(0,0,0,0.4);display:none;} .close-full-screen{position: fixed;top: 24px;right: 24px;display: flex;justify-content: center;align-items: center;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;z-index: 145;border: none;background-color: rgba(64,53,78,.6);outline: none;appearance:none;-webkit-appearance:none;-moz-appearance:none;} .close-full-screen svg{stroke: #fff;} .modal.fade.list-detail-popup .modal-dialog{margin: 100px auto 32px;padding: 0;background: transparent;box-shadow: none;width:100%;max-width: 1024px;box-shadow: none;} .modal.list-detail-popup .modal-content{border-radius: 4px;background-color: transparent;box-shadow: none;} .modal.list-detail-popup .modal-body{padding: 0;background:#fff;border-radius: 4px;} .popup-lists.hide{display: none;} .delivery-popup .delivery-popup-wraper{background: #fff;width: 100%;display: table;margin: 0 auto;border-radius: 3px;} .delivery-popup{width: 100%;max-width: 800px;margin: 40px auto;} .delivery-cont-wrap{align-items: center;margin-bottom: 30px;padding: 30px 30px 0;} .set-flex-props{display: flex;display: -webkit-flex;} .shopping-image{width: 120px;} .inline-flex-props{display: inline-flex;} .shopping-image img{height: 100px;} .popup-lists.active .avilable-total-products, .popup-lists.active #avilable_total_products{display: block;width: 100%;} .avilable-total-products.available-product-details{padding: 20px 12px 12px;} #avilable_total_products .scroll_div{width: 100%;} .scroll_div{position: relative;top: 12px;width: 500px;z-index: 12;display: block;background:#fff;} .avilable-total-products.available-product-details .scroll_div h6 {position: relative;padding-top: 0;line-height: 1;margin-bottom: 36px;font-size: 20px;font-weight: 500;text-align: center;} .avilable-total-products.available-product-details .scroll_div h6:before{position: absolute;width: 30px;height: 1px;background: #dddddc;content: '';bottom: -12px;left: 50%;transform: translateX(-50%);} .avilable-total-products.available-product-details .product-tab {padding: 12px 15px 0;background: #fff;margin: 0;border-bottom: #f4f4f4 solid 2px;display: flex;overflow: auto;overflow-y: hidden;flex-wrap: nowrap;} .product-tab > li{display: inline-flex;vertical-align: top;margin: 0 50px 0 0;flex: 0 0 auto;flex-shrink: 0;} .product-tab > li div, .manage-product-tab > li a{display: inline-block;cursor: pointer;font-size: 17px;padding: 0 0 8px;} .selected_tab_link_popup{position: relative;} .product-tab span{cursor: pointer;} .change-body-bg .selected_tab_link.active:before, .selected_tab_link_popup.active:before {right: 0;left: 0;bottom: 0;height: 2px;background: #a62834;content: '';position: absolute;} .selected_tab_link_popup.active{color: #a62834;font-weight: 400;} .manage-product-tab > li a{display: inline-block;cursor: pointer;font-size: 17px;padding: 0 0 8px;} .selected_tab_link_popup{position: relative;} .available-style.change-popup-view{padding: 24px 8px 0;background: #fff;width: 100%;float: left;} .available-style.change-popup-view .swiper-slide{width: calc(25% - 16px);margin-right: 8px;margin-left: 8px;float: left;margin-bottom: 0;} .available-style.change-popup-view .product-designer-name > a{display: block;color: #545963;font-size: 15px;padding-left: 20px;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .show-rating-product-main.manage-stars>a{margin-left: 5px;font-size: 14px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight:500;text-decoration: underline;} .show-rating-product-main.manage-stars>a:hover{text-decoration: none;} .show-all-products-lists{width: 100%;float: left;margin-bottom: 5px;} .show-similar-list .product-name{padding: 0;margin-bottom: 4;color: #333;font-size: 15px;font-weight: 500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;height: 24px;} .show-similar-list .show-all-sizes{display: none;} .show-similar-list .show-rating-product-main .star-ratings-css .icon-star{font-size: 15px;margin-left: 4.5px;} .show-similar-list .show-rating-product-main .star-ratings-css .icon-star:first-child{margin-left: 0px;} .pro-container .outer-product > img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;} .product-designer-name.change-white-space-props{margin-bottom: 5px;width: 100%;float: left;position: relative;color: #545963;font-size: 15px;font-weight:400;} .similar-prod-lists .show-all-products-lists .show-product-lists:hover{background: url(https://cdn1.designhill.com/assets/dh/images/shop-pink-aval-icon.svg) 0px 3px no-repeat;background-size: 14px 14px;} .similar-prod-lists .show-all-products-lists .show-product-lists:hover{color: #db404b;} @media screen and (max-width:991px){ .popup-lists.active .avilable-total-products, .popup-lists.active #avilable_total_products{display: block;width: 96%;margin: 60px auto 32px;padding: 0;} .available-style.change-popup-view .swiper-slide{width: calc(33.33% - 16px);} } @media screen and (max-width:767px){ .available-style.change-popup-view .swiper-slide{width: calc(50% - 16px);} } @media screen and (max-width:480px){ .available-style.change-popup-view .swiper-slide{width: calc(100% - 0px);} } /* Available products list css end */ /* Custom/all page changes css start */ .outer-bg-props .outer-bg-color{position: relative;width: 100%;height: 0;padding-top:100%;} .masking-infos{width: 100%; height: 100%;} .pp-main-cbox .product-colors.new-prod-colors a.active{position: relative;} .pp-main-cbox .product-colors.new-prod-colors a.active:before{color:#fff;left:3px;top: -4px;font-size: 16px;content: '\f00c';font-family: fontawesome;position: absolute;mix-blend-mode:difference;} .custom-editor-popup .product-colors.new-prod-colors a.active:before{color:#fff;left:3px;top: -6px;font-size: 16px;content: '\f00c';font-family: fontawesome;position: absolute;mix-blend-mode:difference;} .pp-main-cbox .product-colors.new-prod-colors a.grey_color.active:before, .custom-editor-popup .product-colors.new-prod-colors a.grey_color.active:before{mix-blend-mode:initial;} .change-prod-loader{position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);width:50px;height: 50px;} .change-prod-loader img, .custom-slider .product-item-image .change-prod-loader img{width:50px;border-radius: 50%;} .pp-main-cbox .products-list .product-item-image img.spinner{width: 50px;border-radius: 50%;} .change-prod-loader.hide-loader{display: none;} .product-item.change-height-props .product-item-image{position: relative;top:0px;padding-top:100%;} .product-item.change-height-props .product-item-image > img{position: absolute;left:0px;top:0px;} .product-colors > a{transition: transform 0.3s;} .product-colors > a:hover{transform: scale(1.1);} .product-item-detail.hover-effect-props a{font-weight:400;line-height: normal;} .product-item-detail.hover-effect-props i{margin-left: 4px;font-size:13px;} .product-item-detail.hover-effect-props a:hover{text-decoration: underline;color:#337ab7;} .product-item-detail.hover-effect-props a:hover i{text-decoration: none;} .products-pricing-list .inline-flex-props{display: inline-flex;} .pp-main-cbox .products-list .product-item-size{word-break: break-word;} .pp-main-cbox .products-list .product-item-size a, .pp-main-cbox .products-list .product-item-size a:hover, .pp-main-cbox .products-list .product-item-size a:focus{color:#222;font-weight:600;text-decoration: none;} .custom-editor-popup .check-list-boxes label, .custom-editor-popup .style-cat label, .custom-editor-popup .sub-cat-template-div label{width:100%;margin-right: 0px;margin-bottom: 5px;color:#333;line-height: 1.4;} .product-item.change-height-props .show-rating-product-main{margin-bottom: 0px;} .product-item.change-height-props .item-rating-reviews{margin-bottom:8px;line-height: normal;text-transform: capitalize;;} .pp-main-cbox .products-list .inline-flex-props .product-item-detail-price{margin-bottom: 10px;} .pp-main-cbox .products-list .inline-flex-props .product-item-detail{margin-bottom: 6px;} .product-item.change-height-props .item-rating-reviews .reviews-section > a, .product-item.change-height-props .item-rating-reviews .reviews-section > a:active, .product-item.change-height-props .item-rating-reviews .reviews-section > a:focus{color:#545963;} @media screen and (max-width:991px){ .pp-main-cbox .products-list .product-item.change-height-props{height:auto;} } /* Custom/all page changes css end */ .c_art_mockup_img_info{position: absolute; bottom: 0px; width: 100%; padding-right: 5px; background-color: rgb(255, 255, 255); text-align: right; color: rgb(98, 98, 98); font-size: 14px;} .product-rating.show-rating-product-main{margin-bottom: 0px;} .left-menu-props .checkbox-list-header a, .pp-main-cbox .product-models .left-menu-props .checkbox-list-header, .left-menu-props .filter-title.filterBy, .left-menu-props .menu-cat li a{font-size: 16px;line-height: 28px;} .left-menu-props .check-list-boxes label, .left-menu-props .style-cat label, .left-menu-props .sub-cat-template-div label{line-height: 1.6;} .left-menu-props .range-price .ui-slider{margin-top: 30px;} /* Custom/all page changes css end */ /* Custom/all popover CSS start */ #pp_product_list .product-item.change-height-props.no-padding-top .product-item-image, #pp_product_list_dod_main_section .product-item.change-height-props.no-padding-top .product-item-image{padding-top: 0px;} .pp-main-cbox .products-list .product-item > .product-item-image:hover .popover-title-props{display: inline-flex;} .popover-title-props{position: absolute;bottom:10px;right:10px;z-index: 12;width: 30px;height: 30px;border-radius: 100%;background:#eee;display: flex;align-items: center;justify-content: center; cursor: pointer;} .popover-title-props .icon-info{font-size: 22px;color: #333;-webkit-text-stroke: 2px #eee;} .popover-wrapper-props{position: absolute;left: 5px;right: 5px;bottom: 0px; } .popover-content-props{opacity: 0;visibility: hidden;position: absolute;left: auto;right: 0px;background-color: #fff;padding: 10px;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);width: auto;line-height: normal;bottom: 41px;border:1px solid rgba(0,0,0,.2);border-radius: 6px;box-shadow: 0 5px 10px rgb(0 0 0 / 20%);width: auto; z-index: 12;} .popover-content-props:before, .popover-content-props:after{position: absolute;content: "";border-style: solid;transition-duration: 0.3s;transition-property: transform;transform: rotate(-180deg);} .popover-content-props:before{z-index: -1;right: 10px;bottom: -10px;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;} .popover-content-props:after{z-index: -2;right: 9px;bottom: -11px;border-width: 0 11px 11px 11px;border-color: transparent transparent rgba(0,0,0,.25) transparent;} .popover-wrapper-props.show-popover .popover-content-props{z-index: 12;opacity: 1;visibility: visible;transform: translate(0, -20px);transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);} .pp-main-cbox .products-list .product-item > .product-item-image:hover .popover-wrapper-props.show-popover .popover-content-props{opacity: 1;} .popover-message-props{text-align: left;margin-bottom:0px;font-size:16px; } /* Custom/all popover CSS end */ @media screen and (max-width:576px){ .hire-wraper.spacing-section.cls_for_custom_banner.reduce-margin{margin-top: 30px;} } /* Ribbon strip info css start */ .left-menu-props .menu-cat li a, .left-menu-props ul.menu-sub-cat li a{position: relative;padding:3px 48px 3px 0px;line-height: normal;} .ribbonPopularMain.ribbon-strip-info{position:absolute;width:120px;height:120px;top:0px;font-weight:600;text-transform: uppercase;overflow: hidden;z-index: 3;transition: all 0.3s ease-in-out 0s;} .new-info-props{position:absolute;top:8px;right:8px;padding:4px 8px;background: #DB404B;color:#fff;border-radius: 4px;line-height: 1;text-transform: capitalize;font-size: 14px;font-weight:600;z-index:2;} .new-catefories-info{display: inline-block;font-size: 12px;font-weight: 600;padding: 0px 6px;border-radius: 24px;background: #db404b;color: #fff;text-transform: capitalize;margin-left: 8px;line-height: normal;position: absolute;right:0px;top:50%;transform: translateY(-50%);} .left-menu-props .checkbox-list-header a{position: relative;padding-right:62px;} .left-menu-props .checkbox-list-header a:after{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);} .left-menu-props .checkbox-list-header .new-catefories-info{right:18px;} .ribbon-strip-info .ribbon-wrapper-ribbonPopular{position: absolute;} .ribbon-strip-info .ribbonPopular{text-align: center;transform: rotate(-45deg);position: relative;padding: 7px 0;right: 27px;top: 15px;width: 225px;background-color: #82bc3b;color: #fff;-webkit-box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);border: 1px solid #76aa2c;font-size: 13px;letter-spacing: 1px;margin: 1px 0;text-shadow: 1px 1px 0 #82bc3b;left: -75px;} .ribbon-strip-info .ribbonPopular:before{right: 0;} .ribbon-strip-info .ribbonPopular:after{left: 0;} .ribbon-strip-info .ribbonPopular:before, .ribbon-strip-info .ribbonPopular:after{content: "";border-top: 3px solid transparent;border-left: 3px solid transparent;border-right: 3px solid transparent;position: absolute;bottom: 0;} /* Ribbon strip info css end */ /* Last Viewed slider css start */ .last-viewed.last-viewed-props{padding:32px 15px;} .swiper-container.show-info-view{padding: 1px;margin-bottom: 30px;} .show-info-view .swiper-slide{height: auto;} .show-info-view .inline-flex-props{width:100%;height: 100%;display: flex;padding: 0px;} .show-info-view .product-item{color: #626262;outline: #e5e5e5 solid 1px;min-height: 300px;height:100%;padding: 0px 0 8px;display: block; position: relative;width: 100%;transition: none;} .show-info-view .product-item.change-height-props .product-item-image {position: relative;top:0px;padding-top: 100%;} .show-info-view .product-item-image img{width: 100%;height: auto;position: absolute;top:0px;z-index: 1;} .show-info-view .product-item-detail{margin-top: 10px;margin-bottom: 5px;} .show-info-view .product-item-detail a{color: #222;font-size: 15px;font-weight: 400;} .show-info-view .product-item-rating{margin-bottom: 5px;} .show-info-view .product-item-detail-price{color: #222;font-weight: 600;margin-bottom: 5px;} .show-info-view .product-colors.new-prod-colors{font-size: 0px;position: relative;} .show-info-view .product-colors.new-prod-colors a.active{position: relative;} .show-info-view .product-colors > a{transition: transform 0.3s;display: inline-block;} .show-info-view .product-colors > a:nth-of-type(n+19){display: none;} .show-info-view .product-item-size{word-break: break-word;color: #222;font-weight: 600;margin-bottom: 10px;} .show-info-view .change-prod-loader{width:50px;height:50px;} .show-info-view .change-prod-loader.hide-loader{display: none;} .show-info-view img.spinner{width: 50px;border-radius: 50%;} .clear-history-button.change-history-props{float: right;padding: 6px 24px;font-size: 16px;font-weight: 600;color: #333;border: #999 solid 2px;border-radius: 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;} .clear-history-button.change-history-props:hover{color: #337ab7;border: #337ab7 solid 2px;transform: translateY(-1px);} .last-viewed-props .show-info-view .product-item-size a, .last-viewed-props .show-info-view .product-item-size a:hover, .last-viewed-props .show-info-view .product-item-size a:focus{color:#333;} .last-viewed-props .show-info-view .product-item-size a:hover{text-decoration: underline;} @media screen and (max-width:576px){ .last-viewed-props .clear-recently-viewed{flex-direction: column;align-items: flex-start;} .clear-history-button.change-history-props{margin:0px 0px 30px;} .swiper-container.show-info-view{padding: 0px;} .show-info-view .swiper-slide{padding:2px;} } /* Last Viewed slider css end */ /* Last Viewed swiper slider css start */ .show-info-view.swiper-container{width:100%;overflow: hidden;position: relative;} .show-info-view.no-swiper-exists{margin-bottom:0px;display: none;} .show-info-view .swiper-slide{background-position: center;background-size: cover;} .show-info-view .swiper-container-fade .swiper-slide{pointer-events: none;transition-property: opacity;} .show-info-view .swiper-container-fade .swiper-slide{transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;} .show-info-view .common-btn-props{width:48px;height: 48px;margin-top:-24px;background:#f8f8f8;z-index: 8;border-radius: 100%;background-size: 50%;box-shadow: 0 1px 1px 0 rgb(0 0 0 / 40%);-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 40%);-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);-o-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);display: flex;justify-content: center;align-items: center;} .show-info-view .common-btn-props:after, .show-info-view .swiper-rtl .common-btn-props:after{content:"";} .show-info-view .swiper-button-prev.common-btn-props svg{transform: rotate(-180deg);} .show-info-view .common-btn-props svg{width:24px;height: 24px;} .show-info-view .swiper-button-next.swiper-button-disabled, .show-info-view .swiper-button-prev.swiper-button-disabled{display: none;} .show-info-view .swiper-button-next{left:auto;right:3px;} .show-info-view .swiper-button-prev{left:3px;right:auto;} .show-info-view .swiper-pagination{left: 50%;transform: translateX(-50%);} .show-info-view .c_art_mockup_img_info .popover-title-props{display: flex;} .show-info-view .c_art_mockup_img_info .icon-info{content:"\f129"} .show-info-view .product-item > .product-item-image:hover .popover-wrapper-props.show-popover .popover-content-props{opacity: 1;} /* Last Viewed swiper slider css end */ #pp-checkout-inner-container .address-subtotal li{margin-bottom: 0px;} .min-cart-panel .mc-pro-total{margin: 0px; border-bottom: none;} .add-pro-price .price-opts{display: block; padding: 5px 0px;} .add-pro-price .price-opts .popup--price.side-popover{right: 20px;} .new-right-cart-design .price-opts .popup--price.side-popover{right: 50px;} .min-cart-panel .mc-pro-detail-top{position: relative;} .address-right .new-right-cart-design .add-pro-thumb,.min-cart-panel .mc-pro-detail-top .add-pro-thumb{top: 20px;} .new-right-cart-design .mc-pro-right .mock-id,.min-cart-panel .mc-pro-right .mock-id{margin-top: 5px;} .address-right .new-right-cart-design .mc-pro-right{padding-left: 80px; font-weight: normal;} .price-section-cart .add-pro-price{top: 0px;} .prices-list-infos{width:100%;display: flex;flex-direction: column;} .add-pro-price .prices-list-infos > li.price-opts{width:100%;display:flex;flex-wrap:wrap;line-height: 28px;position: relative;} .add-pro-price .prices-list-infos > li.price-opts + li.price-opts{padding-top: 0px;line-height: normal;margin-top: -2px;margin-bottom: 4px} .prices-list-infos > li span{display: inline-flex;margin-right: 15px;justify-content: center;align-items: center;} .prices-list-infos > li span:last-child, .prices-list-infos > li span.popup--price{margin-right: 0px;} .prices-list-infos > li span.price-brakup-icon{margin-right: 0px;} .prices-list-infos .popup--price{position: relative;top:0px;} .address-right .mock-id{line-height: 28px;} .prices-list-infos .price-opts .popup--price.side-popover{right:auto!important;top:3px!important;} .selected-product-colors{display: inline-block;font-size: 13px;color:#333;margin-top: 4px;vertical-align: top;line-height: normal;} .oc-pro-table .selected-product-colors{display: none;} .price-section-cart.center-align{display:inline-flex;align-items:center;justify-content: center;} .mc-pro-right.manage-cart-props .mock-id{line-height: normal;margin-top: 6px;margin-bottom: 1px;} .mc-pro-right.manage-cart-props .chk-color-itme{width:100%;display: flex;align-items: center;line-height: 16px;margin-top: 9px;} .mc-pro-right.manage-cart-props span.selected-product-colors{margin-right: 0px;margin-top: 0px;line-height: 16px;} .mc-pro-bottom.size-list-infos .product-quantity{margin-top: 4px;} .mc-pro-detail-top.pp-cart-items .chk-items-btn{margin-top: 8px;} .chk-color-itme.chkColorItem{display: flex;align-items: center;} .chk-color-itme.chkColorItem .chk-color-itme span{margin-top: 0px;} .center-align .add-pro-price .prices-list-infos > li.price-opts{justify-content: center;text-align: center;padding-top:0px;padding-bottom: 0px;} .reduce-font-size .chk-sub-total span{font-size:16px;text-transform: capitalize;} .chk-items-btn.button-spacing-props{margin-top: 8px;} .address-subtotal .change-font-color span.address-subtotal-title, .address-subtotal .change-font-color b{font-size: 16px;font-weight: 600;color:#333;} .change-multi-props.increse-width-info{width:20px;height:20px;} .desc-info-icon {background-color: #eee; border-radius: 100%; color: #333; display: inline-block; font-size: 12px; font-style: normal; font-weight: bold; height: 20px; line-height: 20px; text-align: center; width: 20px; right:-30px; top:9px; cursor:pointer;} .mock-preview-emb{margin-top: 6px;margin-bottom:1px;line-height: normal;font-size: 13px;color:#888888;} .oc-product-image-container .mock-preview-emb{display: flex;align-items: flex-end;justify-content: flex-end;} .mock-preview-emb .tooltip-inner{text-align: left !important;} /* Our range accordian css start */ .categories-props{font-size:15px;font-weight:600;text-transform: capitalize;display: none;} @media screen and (max-width:576px){ .change-search-filter-props .our-range-list{margin-bottom:20px;} .pp-main-cbox .product-models .checkbox-list, .wrap-our-range-data{width:100%;float:left;background: #fff;padding:12px 15px 12px 12px;border-radius: 8px;box-shadow: 1px 2px 6px rgb(0 0 0 / 10%);} .wrap-our-range-data .range-list-props li>a{background:#f8f8f8;} .wrap-our-range-data .range-list-props{display: none;} .wrap-our-range-data.show-datas .range-list-props{display: block;margin-top:16px;margin-bottom: 8px;} .wrap-our-range-data .our-range-title{line-height: normal;position: relative;margin-bottom:0;font-size:15px;} .wrap-our-range-data .our-range-title:after{position: absolute;top:50%;right:-4px;content:"\f107";font-family: fontawesome;transform:translateY(-50%) rotate(0deg);font-size:15px;transition: transform 0.3s;} .categories-props:after{position: absolute;top:50%;right:-4px;content:"\f107";font-family: fontawesome;transform:translateY(-50%) rotate(0deg);font-size:15px;transition: transform 0.3s;} .wrap-our-range-data.show-datas .our-range-title:after, .checkbox-list.show-datas .categories-props:after{transform: translateY(-50%) rotate(-180deg);} .categories-props{display: block;position: relative;} .mobile-props .filter-title{width:100%;position: relative;display: flex;border-radius:8px;} .mobile-props .checkbox-list-header a:after{color:#333;} .existing-catg-lists{display: none;} .checkbox-list.show-datas .existing-catg-lists{display: block;margin-top: 16px;background: #f8f8f8;padding: 10px;border-radius: 8px;margin-bottom: 8px;box-shadow: 1px 2px 6px rgb(0 0 0 / 10%);} .product-item.change-height-props .item-rating-reviews{flex-direction: column;align-items: flex-start;} .pp-main-cbox.headerMargin .cust-middleSection.common-new{padding-left:0;padding-right: 0;} .sort-dropdown{padding:10px 12px;border-radius:8px;} .pp-main-cbox .product-models .search-box-wrap{border-radius:8px;} .pp-main-cbox .product-models .search-box-wrap input{padding:12px 29px 12px 12px;border-radius:8px;} .btn-bulk-order.whiteBtnNectar .btn-default, .btn-bulk-order.whiteBtnNectar .btn-default.btn-white{padding:10px 16px;} /* .pp-main-cbox .custom-editor-popup .product-models .checkbox-list, .custom-editor-popup .wrap-our-range-data{float: none;} */ } /* Changes in custom all page for mobile view css start */ .bread-crumb-css.breadcrumb-props a{font-size:12px;font-weight:400;text-transform: uppercase;} .bread-crumb-css.breadcrumb-props .sub-breadCrum-css a{font-weight:600;} .bread-crumb-css.breadcrumb-props .main-bread-css::after {right: 4px;top: -1px;color: #333;} @media screen and (max-width:767px){ .wrap-filter-options .checkbox-list-header .clear{right:34px;top:2px;} .modal.custom-editor-popup .sort-dropdown{margin-bottom: 15px;} .brand-list-ui::after{position: absolute;top: 50%;right: 12px;content: "\f107";font-family: fontawesome;transform: translateY(-50%) rotate(0deg);font-size: 15px;transition: transform 0.3s; color: grey;} .brand-list-ui.active::after{content:"\f106";} } @media screen and (max-width:576px){ .mobile-props .filter-title{margin-top: 0;} .wrap-filter-options .checkbox-list-header .clear{top:50%;transform: translateY(-50%);line-height: 1;} .wrap-filter-options .filter-by-box.filterByBox, .col-lg-9.filter-captions{width:100%;float: left;} .wrap-filter-options{width:100%;float: left;background: #fff;padding: 12px 15px 12px 12px;border-radius: 8px;box-shadow: 1px 2px 6px rgb(0 0 0 / 10%);margin-bottom:20px;} .wrap-filter-options .filter-title.filterBy{margin-bottom: 0;border:none;padding:0;line-height:1.4;} .wrap-filter-options .filter-title::after{right:-3px;top:1px;color:#333;} .pp-main-cbox .product-models .wrap-filter-options .filter-by-box .checkbox-list{padding:0;} .wrap-filter-options .filter-by-box.filterByBox{background: #f8f8f8;padding: 20px 20px 0px;border-radius: 8px;margin-top: 10px;box-shadow:1px 2px 6px rgb(0 0 0 / 10%);} .pp-main-cbox .product-models .mobile-props .checkbox-list-header{padding:12px 15px 12px 12px;border-bottom:none;margin-bottom:0;line-height:normal;} .wrap-filter-options .filter-by-box .checkbox-list-header:after{top:50%;transform: translateY(-50%);} .wrap-filter-options .checkboxListContent, .modal.custom-editor-popup .wrap-filter-options .checkboxListContent{width:100%;float: left;padding:0 12px;margin-bottom: 12px;display: none;} .modal.custom-editor-popup .wrap-filter-options{margin-bottom: 0;} .modal.custom-editor-popup .sort-dropdown, .pp-main-cbox .modal.custom-editor-popup .product-models .search-box-wrap{line-height:1.4;} .left-menu-props .wrap-filter-options .range-price .ui-slider{margin-top:16px;} .wrap-width-data, .pp-main-cbox .modal.custom-editor-popup .modal.custom-editor-popup .product-models .search-box{width:100%;float:left;} .show_menu_datas.active + .filterByBox, .modal.custom-editor-popup .wrap-filter-options .checkbox-list.active .checkboxListContent{display: block;} .brand-list-ui::after{position: absolute;top: 50%;right: -4px;content: "\f107";font-family: fontawesome;transform: translateY(-50%) rotate(0deg);font-size: 15px;transition: transform 0.3s;} .brand-list-ui{padding: 0 !important;} .brand-list-ui.active::after{content:"\f106";} .check-list-boxes.checkboxListContent{margin-top: 10px;} } /* Changes in custom all page for mobile view css end */ .pp-main-cbox .search-box.popup-filter-props .search-box-wrap { padding-left: 32px; } .pp-main-cbox .search-box.popup-filter-props .icon-search { color: #ccc; font-size: 21px; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); -webkit-text-stroke: 2px #fff; } /* Custom popup slider design css start */ .logo-lists-details{position: sticky;position:-webkit-sticky;z-index: 6;top:0;padding: 20px 28px;transition: transform 0.6s cubic-bezier(0, 0.89, 0.22, 1.01) 0s, opacity 0.2s ease-out 0s;transform: translate3d(0px, 0px, 0px) scale(1);background: #f8f8f8f8;border-radius: 8px;margin-top:15px;margin-bottom: 30px;box-shadow:0 1px 8px rgb(0 0 0 / 20%);} .logo-lists-detailspage.list_sec.change-pd-lt-rt .owl-carousel .owl-stage-outer{overflow: hidden;} .logo-lists-details .preview-header{font-size:18px;font-weight:600;line-height: normal;margin-bottom:8px;color:#333;} .custom-logo-details{width:100%;height:89px;cursor: pointer;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / 20%);} .custom-logo-details.selected{box-shadow:#ffffff 0px 0px 0px 2px, #5340ff 0px 0px 0px 5px;} .custom-logo-details, .custom-logo-details img.logo-icons-props{border-radius:8px;} .owl-carousel.logo_list_sliders, .owl-carousel.logo_list_sliders_details{position: relative;touch-action: none;} .owl-carousel.logo_list_sliders .owl-item,.owl-carousel.logo_list_sliders_details .owl-item{padding: 5px;} .owl-carousel.logo_list_sliders .change-prod-loader,.owl-carousel.logo_list_sliders_details .change-prod-loader{width:32px;height:32px;} .owl-carousel.logo_list_sliders img.spinner,.owl-carousel.logo_list_sliders_details img.spinner{height: auto;} .logo_list_sliders .owl-item .custom-logo-details img.logo-icons-props{/*height:100%;*/max-width:100%;max-height: 100%;position: relative;top:50%;left: 50%;transform-style: preserve-3d;transform: translate(-50%,-50%);} .logo_list_sliders .owl-nav{position: absolute;width:100%;top:50%;transform: translateY(-50%);} .logo_list_sliders .owl-nav .owl-prev, .logo_list_sliders .owl-nav .owl-next{position: absolute;top:50%;transform: translateY(-50%);display: inline-flex!important;align-items: center;justify-content: center;} .logo_list_sliders .owl-nav .owl-prev{left:-21px;} .logo_list_sliders .owl-nav .owl-next{left:auto;right:-23px;} .logo_list_sliders .owl-nav > div{display: inline-block;width: 20px;border: 1px solid #ddd;text-align: center;border-radius: 100%;display:inline-flex;align-items:center;justify-content: center;height: 20px;background-color: #eee;} .logo_list_sliders .owl-nav .owl-prev.disabled, .logo_list_sliders .owl-nav .owl-next.disabled{display:none!important;} .transparancy.chessboard{background-image: linear-gradient(45deg, var(--chessboard-bg) 25%, transparent 25%), linear-gradient(-45deg, var(--chessboard-bg) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--chessboard-bg) 75%), linear-gradient(-45deg, transparent 75%, var(--chessboard-bg) 75%);background-size: 20px 20px;background-position: 0 0, 0 10px, 10px -10px, -10px 0px;} .custom-logo-details{height:0;padding-top:74.35%;position: relative;} .logo_list_sliders .owl-item .custom-logo-details img.logo-icons-props, .custom-logo-details .logo-icons-props{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .owl-carousel.logo_list_sliders .owl-item img{width:100%;height:auto;} .owl-carousel.logo_list_sliders .owl-item .change-prod-loader img{width:100%;} /* Custom popup slider design css end */ /* Shipping info css start */ .shipping-props{font-size:14px; line-height: 1.4;} .shipping-props .show-countries-lists{display: inline-block;} .delivery-info-props, .delivery-info-props + .pro-meta-info.discount-lines{border-top:#e5e5e5 solid 1px;} .delivery-info-props{position: relative;display: flex;align-items: center;padding: 20px;} .delivery-dates{display: flex;flex-direction: column;font-size: 16px;font-weight:600;line-height: 1.4;color: #333;padding-left:15px;} .delivery-dates span{font-weight:400;cursor: pointer;text-decoration:underline;} .delivery-dates span:hover{text-decoration:none;} .country-infos img{max-width:32px;height: auto;max-height:32px;border-radius:4px;} .show-generate-preview-btn{ bottom: 10%; top: auto;position: absolute; left: 50%; right: 0; border-radius: 4px; text-align: center; background: #db404b; color: #fff; padding: 10px; transform: translateX(-50%); line-height: 1; text-transform: capitalize; font-size: 14px; font-weight: 600; z-index: 3; display: none; width: 150px; max-width: 95%; } .show-generate-preview-btn-holder .show-generate-preview-btn, .show-generate-preview-btn-holder-no-bg .show-generate-preview-btn{display: inline;} .product-item-image.show-generate-preview-btn-holder a, .product-item-image.show-generate-preview-btn-holder-no-bg a{/*position: relative;*/display: block;} .product-item-image.show-generate-preview-btn-holder a:before{ position: absolute;content:""; left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index: 2; } .last-viewed-slider.show-info-view .product-item-image.show-generate-preview-btn-holder{padding-top: 0;} .last-viewed-slider.show-info-view .product-item-image.show-generate-preview-btn-holder a { position: relative; top: 0; display: block; padding-top: 100%; } .tooltip-inner .tooltip-content-left{text-align: left; display: inline-block;} .product-item-image.show-generate-preview-btn-holder-no-bg a:before{background: none;} .product-item-image.show-generate-preview-btn-holder-no-bg .show-generate-preview-btn { bottom: 1%; right: 1%; left: auto; transform: none; padding: 5px 0px; font-size: 12px; width: 125px; } /* Custom/all page css start for h2 tag and description */ .pro-detail-caption{width:100%;max-width:1370px;margin:0px auto;} .pro-detail-caption.content-exists{margin:32px auto;} .pp-main-cbox .product-heading.h2-content-exists{font-size: 30px;margin: 0;} .pp-main-cbox h2.product-heading-h2{line-height: normal;font-size: 18px;color: #333;font-weight: 500;} .cat-heading-h2-content{font-size:16px;color:#333;margin:10px 0 0;display: block;text-align: left;line-height: 1.6;} .pp-pro-list .product-heading.product-heading.h2-content-exists,.pp-pro-list .product-heading-h2{text-align:left;} .pp-pro-list .product-heading{padding: 0 15px;} .pp-pro-list .product-heading.h2-content-exists{padding: 0;} .pp-pro-list .cat-heading-h2-content{border-bottom:1px solid #eee; padding-bottom:25px;} @media screen and (max-width:1400px) { .pp-pro-list .product-heading.h2-content-exists,.pp-pro-list .product-heading-h2, .pp-pro-list .product-heading-h2-content{padding: 0 15px;} } @media screen and (max-width:767px){ .pp-main-cbox h2.product-heading-h2{font-size: 18px!important;} } @media screen and (max-width:576px){ .product-heading-h2-content{padding: 0 15px;} } @media screen and (max-width:480px){ .pro-detail-caption.content-exists{margin:40px 0 32px;} .pp-main-cbox .product-heading.h2-content-exists{margin-bottom:10px!important;font-size:26px;} .pp-main-cbox h2.product-heading-h2{margin:0!important;} } /* Custom/all tab issues css start */ .pp-main-cbox .tab-design>li:not(.active)>a:link:before{background-color:transparent;} .pp-main-cbox .tab-design>li:not(.active)>a:hover:before{background-color:#3A98EF;} @media screen and (max-width:767px){ .pp-main-cbox .tab-design>li:not(.active)>a:hover:before{background-color:transparent;} .product-item-detail.hover-effect-props a{font-weight:600;} } /* Custom/all page filter design css */ .custom-search-filters{background: #f8f8f8;border-radius: 8px;width: 100%;margin: 0 auto 20px;} .custom-search-filters .sort-dropdown{border: 2px solid #cac5cd;border-radius: 4px;padding:11px 10px;height:44px;display: flex;align-items: center;} .pp-main-cbox .product-models .custom-search-filters .search-box-wrap{background-image: url(https://cdn1.designhill.com/assets/dh/images/shop/search-placeholder.svg);background-position: right 8px top 10px;background-repeat: no-repeat;border:none;background-color:#fff;background-size:24px;} .pp-main-cbox .product-models .custom-search-filters .search-box-wrap input{border: 2px solid #cac5cd!important;border-radius:4px;padding:13px 29px 13px 10px;height:44px;display: flex;align-items: center;background:transparent;} .pp-main-cbox .product-models .search-close.change-icon-props{background: #cac5cd;width: 40px;height: 100%;position: absolute;top: 0;right: 0;border-radius: 0 4px 4px 0;margin: 0;display: inline-flex;align-items: center;justify-content: center;font-size: 34px;color: #333;} .search-close.change-icon-props .icon-close{font-size: 28px;color: #333;-webkit-text-stroke: 4px #cac5cd;} @media screen and (max-width:767px){ .custom-search-filters{padding-top:15px;} } .product-size-extended.not-active{max-height:27px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; } .product-size-extended.active{max-height: none;overflow: auto; display: block;} .product-sizes-view-all-btn{text-decoration: underline; cursor: pointer;padding-bottom: 8px;margin-top: -8px;} /* No items found css start */ .no-item-caption{border-radius: 8px;background: #fff;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);padding: 20px 15px;text-align: center;} .no-item-ttitle{font-size:20px;font-weight:600;color:#6e0a0a;margin-top:14px;} .no-item-subtitle{font-size: 16px;color: #333;margin-top: 10px;} /* custom/all page product hover slider */ .gallery-exists .product-item-image{padding-top:100%!important;} .gallery-exists .absolute-props-info, .gallery-exists .swiper-container{position: absolute;top:0;width:100%;height:100%;} .absolute-props-info .swiper-pagination{opacity: 0;} .absolute-props-info:hover .swiper-pagination{opacity: 1;} .image-lazy-loading{animation-duration: 1s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: #F6F7F8;background: linear-gradient(to right, #F6F7F8 8%, #EEEEEE 18%, #F6F7F8 33%);background-size: 1000px 640px;position: relative;border-radius: 0px;} @keyframes placeHolderShimmer{ 0%{background-position: -468px 0} 100%{background-position: 468px 0} } .swiper-slide.image-lazy-loading{padding-top:100%;} .swiper-slide.image-lazy-loading img{position: absolute;top:0;} .circle-loader-props{width: 24px;height: 24px;border: 3px solid #db404b;border-bottom-color: transparent;border-radius: 50%;box-sizing: border-box;animation: loaderrotation 1s linear infinite;display: none;} .loader-loaded .circle-loader-props{display: inline-flex;position: absolute;bottom: 20px;right: 20px;z-index: 5;} .gallery-btn-info{display:none;position: absolute;left:1%;bottom:1%;width:32px;height:22px;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);background:#db404b;z-index: 3;} .gallery-btn-info:before{position: absolute;content:"\f07b";font-family:fontawesome;top:1px;left:9px;font-size:15px;color:#fff;} .gallery-btn-info.active:before{content:"\f07c";} @keyframes loaderrotation{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } @media screen and (max-width:1199px){ .gallery-btn-info{display: inline-flex;} }