/*pop up Start*/ .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"?";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} .rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:transparent url('../img/loading.gif') top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;opacity:0;padding:0;margin:0}.rating-container.is-display-only .rating-input,.rating-container.is-display-only .rating-stars{cursor:default}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 2px;text-align:center}.rating-container .empty-stars{color:#aaa}p.review-meta{margin-bottom:0}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#000;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease} .rating-rtl .filled-stars{left:auto;right:0;transition:none;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%}.clear-rating-active{cursor:pointer !important}.clear-rating-active:hover{color:#843534}.rating-container .clear-rating{padding-right:0;display:none}.rating-container .caption .label{display:inline-block;padding:.25em .4em;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem}.rating-container .caption{color: #fff; display: inline-block; vertical-align: middle; line-height: 1; background: #388e3c; border-radius: 3px;}.rating-container .caption{margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}.rating-xl{font-size:48px}.rating-lg{font-size:40px}.rating-md{font-size:16px}.rating-sm{font-size:24px} .rating-xs{font-size:16px}.rating-xl .caption{font-size:20px}.rating-lg .caption{font-size:18px}.rating-md .caption{font-size:16px}.rating-sm .caption{font-size:14px}.rating-xs .caption{font-size:12px} .spl-price { font-size:13px; margin-bottom:5px; font-weight:bold; color:#388e3c;} .pad-40-pop { padding: 40px 40px; } .check-pin .form-control { border-bottom:1px solid #ccc;} .label-name-delivery { width: 106px; line-height: 38px;} .map-cgh { position: absolute; left: 5px; z-index: 99; top: 5px;} .map-cgh svg { fill:#e07823;} .check-pin{ margin:30px 0;} .map-cgh svg { width:20px; height:auto;} .check-pin .input-group { width: 326px;} .check-pin .input-group .form-control { padding-left: 41px;} .check-pin .input-group .btn { position: relative; z-index: 2; background: #e07823; border-radius: 0; color: #fff; } .form-carrer .form-control { margin-bottom: 25px; } .form-carrer .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #1c4e79; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49,132,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .form-carrer .form-control { height: 45px; background: #fff; color: rgba(0, 0, 0, 0.8); font-size: 14px; border-radius: 2px; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.1); } h3 { color: var(--color-heading); letter-spacing: 2; font-weight: 700;} .anc-dlf { display:flex; margin-bottom:25px;} .bg-ann-c { background: #0f6ea3 !important;} .sec1-a { width:20%; padding:2%; text-align:center; color:#fff; display: flex; text-align:center; justify-content: center; border-bottom: 1px solid #ccc;} .sec1-b { width:60%; padding:1%; text-align:left; border-bottom: 1px solid #ccc; } .sec1-c { width:20%; padding:1%; display: flex; text-align:center; justify-content: right; border-bottom: 1px solid #ccc;} .h-38 { height:38px;} .job-post-item-body { margin-bottom:20px;} .job-post-item { font-size: 18px;} .out-of-station { position:absolute; right:15px; bottom:70px; color: #d95959; font-weight:bold; letter-spacing:1px;} ul.liststyle1 { margin:0; padding:0;} .liststyle1 li { padding-left:25px; position:relative; margin-bottom:10px;} .liststyle1 li i { position:absolute; top:0px; left:0; } .swiper-wrapper-cs-3 .swiper-button-prev { background:url(../img/slider-arrow-1.png) no-repeat; width: 18px; height: 22px; border:none;} .swiper-wrapper-cs-3 .swiper-button-next { background:url(../img/slider-arrow-2.png) no-repeat; width: 18px; height: 22px; border:none;} .product-list-sl .pen-name-1 { line-height: 2; margin-top: 20px; } .filter-wrap-sec { border-top:1px solid #ededed; padding: 50px 0 0px;} .product-main-wrap .scroll .row { margin-left:0; margin-right:0;} .image-view { position:relative; box-shadow: 0px 0px 15px #00000024;} .pen-name-2 { font-size:15px; color:#363535; font-weight:500; letter-spacing:1px; padding-top: 22px; padding-bottom: 10px; text-transform:uppercase;} .wishlist-iocn { padding-left:15px; position:absolute; right:20px; top:10px; } .wishlist-iocn svg:hover { fill:#e07823;} .price-wrap { font-size:22px; color:#5f5f5f;} .product-set { margin-bottom:50px; padding: 0;} .cart-bg-list { width:30px; height:30px; text-align:center; background:#ffffffa3; border-radius:50%; position:absolute; right:19px; bottom:25px;} .cart-bg-list svg { width:20px; height:auto; fill: #313131;} .bredcum-title .breadcrumbs { background:none; padding-top: 10px;} h2.page-name { font-size:26px; color:#7d7d7d !important; } .box-round { display:table; margin:auto; border-radius:50%; background:#f2f2f2; border: 2px solid #e3e3e3;} .box-round img{ border-radius:50%; border: 4px solid #fff;} .swiper-wrapper-cs-3{ padding: 0 45px 0 45px; position:relative;} .tree { min-height:20px; padding:0px; margin-bottom:20px; } .tree ul{margin:0; padding:0;} .tree li { list-style:none; margin:0 20px 0 20px; padding:10px 5px 0 5px; position:relative; list-style:none; overflow:visible !important; } .team-item { margin-bottom:20px;} .tree li::before, .tree li::after { content:''; left:-20px; position:absolute; right:auto } .tree li::before { bottom:50px; height:100%; top:0; width:1px } .tree li::after { height:20px; top:25px; width:25px } .tree li span { display:inline-block; vertical-align:middle; text-decoration:none; } .tree li.parent_li>span { cursor:pointer } .tree>ul>li::before, .tree>ul>li::after { border:0 } .tree li:last-child::before { height:30px } .tree li.parent_li>span, .tree li.parent_li>span+ul li span{background:#eee; border:1px solid #94a0b4; color:#000; margin-right:6px;} .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { background:#eee; border:1px solid #94a0b4; color:#000 } .icon-minus-sign{background:url(../img/minus_small.png) no-repeat center center; width:16px; height:16px; display:block;} .icon-plus-sign{background:url(../img/plus_small.png) no-repeat center center; width:16px; height:16px; display:block;} .content_gallery_area .dropdown-area { margin-bottom:30px; margin-top:30px;} .tree { min-height:20px; padding:0px; margin-bottom:20px; } .tree ul{margin:0; padding:0;} .tree li { list-style:none; margin:0 20px 0 20px; padding:10px 5px 0 5px; position:relative; list-style:none; overflow:visible !important; } .tree li::before, .tree li::after { content:''; left:-20px; position:absolute; right:auto } .tree li::before { bottom:50px; height:100%; top:0; width:1px } .tree li::after { height:20px; top:25px; width:25px } .tree li span { display:inline-block; vertical-align:middle; text-decoration:none; } .tree li.parent_li>span { cursor:pointer } .tree>ul>li::before, .tree>ul>li::after { border:0 } .tree li:last-child::before { height:30px } .tree li.parent_li>span, .tree li.parent_li>span+ul li span{background:#eee; border:1px solid #94a0b4; color:#000; margin-right:6px;} .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { background:#eee; border:1px solid #94a0b4; color:#000 } .icon-minus-sign{background:url(../img/icon/minus_small.png) no-repeat center center; width:16px; height:16px; display:block;} .icon-plus-sign{background:url(../img/icon/plus_small.png) no-repeat center center; width:16px; height:16px; display:block;} .content_gallery_area .dropdown-area { margin-bottom:30px; margin-top:30px;} .tree { min-height:20px; padding:0px; margin-bottom:20px; } .tree ul{margin:0; padding:0;} .tree li { list-style:none; margin:0 20px 0 20px; padding:10px 5px 0 5px; position:relative; list-style:none; overflow:visible !important; } .tree li::before, .tree li::after { content:''; left:-20px; position:absolute; right:auto } .tree li::before { bottom:50px; height:100%; top:0; width:1px } .tree li::after { height:20px; top:25px; width:25px } .tree li span { display:inline-block; vertical-align:middle; text-decoration:none; } .tree li.parent_li>span { cursor:pointer } .tree>ul>li::before, .tree>ul>li::after { border:0 } .tree li:last-child::before { height:30px } .tree li.parent_li>span, .tree li.parent_li>span+ul li span{background:#eee; border:1px solid #94a0b4; color:#000; margin-right:6px;} .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { background:#eee; border:1px solid #94a0b4; color:#000 } .icon-minus-sign{background: url(../img/icon/minus_small.png) no-repeat center center; width:16px; height:16px; display:block;} .icon-plus-sign{background: url(../img/icon/plus_small.png) no-repeat center center; width:16px; height:16px; display:block;} .content_gallery_area .dropdown-menu { background-color: #efefef;} #sync2.owl-carousel .owl-item .item { padding:8%;} #sync2.owl-carousel .owl-item img { transform-style: preserve-3d; border: 1px solid #ccc; } #sync2 { width:100%; margin:45px auto; padding-left:12%; padding-right:12%;} #sync2.owl-theme .owl-nav .disabled { opacity: 1; } #sync1 { box-shadow: 4px 5px 15px #00000021; z-index: 2;} .owl-theme .owl-nav { margin-top: 10px; text-align: center; position: absolute; top: 21%; left: 0; right: 0; } .owl-prev { position:absolute; left:10px;} .owl-next { position:absolute; right:10px;} .owl-theme .owl-nav [class*="owl-"] { background:none !important;} .owl-theme .owl-nav [class*=owl-]:hover { background:none !important; text-decoration:none } #sync1 { .item { padding: 0px 0px; margin: 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } } #sync2.owl-carousel .owl-item.current img { border:1px solid #ddb635;} #sync2 { .item { padding: 10px 0px; margin: 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; h1 { font-size: 18px; } } .current .item{ } } .owl-theme { .owl-nav { /*default owl-theme theme reset .disabled:hover links */ [class*='owl-'] { transition: all .3s ease; &.disabled:hover { background-color: #D6D6D6; } } } } //arrows on first carousel #sync1.owl-theme { position: relative; .owl-next, .owl-prev { width: 22px; height: 40px; margin-top: -20px; position: absolute; top: 50%; } .owl-prev { left: 10px; } .owl-next { right: 10px; } } #sync1.owl-theme .owl-nav { margin-top: 10px; text-align: center; position: absolute; top: auto; bottom: -12%; } /*-------------------------------------------------------------- # Breadcrumbs --------------------------------------------------------------*/ .breadcrumbs .page-header { padding: 0; position: relative; background-color: var(--color-primary); } .breadcrumbs .page-header h2 { font-size: 56px; font-weight: 500; color: #084c7a; font-family: var(--font-secondary); } .breadcrumbs .page-header p { color: rgba(255, 255, 255, 0.8); } .bredcum-title { border-bottom:1px solid #ededed; padding-bottom:50px; padding-top:50px;} .banner-hide.bredcum-title { border:none; padding-bottom:5px;} .list-txt { font-size:13px;} .breadcrumbs nav ol { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; font-size: 16px; letter-spacing:1px; font-weight: 400; color: #838282; } .breadcrumbs nav ol a { color:#838282; transition: 0.3s; } .breadcrumbs nav ol a:hover { text-decoration: underline; } .breadcrumbs nav ol li+li { padding-left: 10px; } .breadcrumbs nav ol li+li::before { display: inline-block; padding-right: 10px; color: #838282; content: "/"; } .jscroll-added { margin-top:5px;} .text-right { text-align:right;} .hover-shadow { transition: .3s ease; } .bg-primary { background: #0f6ea3 !important; white-space: nowrap; } .btn-primary { background: #0f6ea3 !important;} .page-testimonials .testimonial-wrap { margin-bottom: 50px; margin-top: 50px; padding: 50px; background: #f7f7f7;} .heart-details { width:27px;} /*Details Page start*/ .MagicScroll .mcs-item img { visibility: visible; float: none !important; border: 1px solid #c7c7c7; } #scrollcombined{max-width:80%; margin-top: 50px;} .details-wrap { padding-top:15px;} .product-details-img { width:50.2%; text-align: center;} .details-info { width:49.8%; } .details-info-wrap { padding: 0 5% 2% 9.5%; } .lg-img-zoom { box-shadow: 0px 0px 10px #00000030; position: relative; z-index: 2;} .offdfg { display: none; } .fx-goi { margin-right: 15px; } button.btn-new-st-lol { display: inline; background: none; outline: none; font-size: 14px; border: none; color: #01265d; font-weight: 400; } .product-name-3 h2 { font-weight:400; font-size:24px; color:#5f5f5f; text-transform:uppercase; letter-spacing:1px; margin-bottom:0;} .varrient-row {} .vr-name { font-size:20px; text-transform:uppercase; color:#3c3c3c; font-weight:400; padding-right:30px;} .forfilter label { height: 100%; display: block; background: #fff; padding: 2px; /* border: 2px solid hsla(150, 75%, 50%, 1);*/ border-radius: 0px; line-height: 20px; text-align: left; /* box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);*/ position: relative; } .forfilter .fx-goi label { height: auto; width:48px; height: 48px; cursor:pointer; display: block; background: #fff; padding: 10px; /* border: 2px solid hsla(150, 75%, 50%, 1);*/ border-radius: 50%; border: 1px solid #aaa; text-align: center; /* box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);*/ position: relative; } .forfilter .fx-goi .option-name { padding-top: 0;} .forfilter .mb-30-m { margin-bottom:20px;} .forfilter .option-name { font-weight:400; display: block; color: #121212; font-size: 16px; line-height:25px; padding-left: 0; position: relative; text-align: center; } .forfilter input[type="radio"]:checked + label { background:#eaeaea; color: hsla(215, 0%, 100%, 1); /* box-shadow: 0px 0px 20px hsl(173deg 70% 39%);*/ &::after { color: hsla(215, 5%, 25%, 1); font-family: FontAwesome; border: 2px solid hsla(150, 75%, 45%, 1); content: "\f00c"; font-size: 24px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } } .MagicScroll:last-child { color:#fff !important; } .forfilter .fx-goi input[type="radio"]:checked + label { background:#ffe7d4; color: hsla(215, 0%, 100%, 1); border: 1px solid #e07823; /* box-shadow: 0px 0px 20px hsl(173deg 70% 39%);*/ &::after { color: #ccc; font-family: FontAwesome; content: "\f00c"; font-size: 24px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } } .forfilter input[type="radio"]#control_05:checked + label { background: red; border-color: red; } .forfilter input[type=radio]:checked + label::after { display: none; color: #3d3f43; font-family: FontAwesome; border: 2px solid #1dc973; content: "\f00c"; font-size: 24px; position: absolute; top: -25px; right: -10px; transform: translateX(-0%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%); } .forfilter .change-color-btn { background:#14957f; color:#fff; border:1px solid #14957f; border-radius:4px;} .forfilter input[type="radio"] { display: none; &: not(:disabled) ~ label { cursor: pointer; } &:disabled ~ label { color: hsla(150, 5%, 75%, 1); border-color: hsla(150, 5%, 75%, 1); box-shadow: none; cursor: not-allowed; }; } .forfilter input[type="checkbox"]:checked + label { background:#c4821e; color: hsla(215, 0%, 100%, 1); /* box-shadow: 0px 0px 20px hsl(173deg 70% 39%);*/ &::after { color: hsla(215, 5%, 25%, 1); font-family: FontAwesome; border: 2px solid hsla(150, 75%, 45%, 1); content: "\f00c"; font-size: 24px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } } .forfilter input[type="checkbox"]#control_05:checked + label { background: red; border-color: red; } .forfilter { width:40px; height:40px; float:left; margin-right:15px; margin-bottom:15px;} .color-code { width: 36px; height: 36px;} .forfilter input[type=checkbox]:checked + label::after { display: none; color: #3d3f43; font-family: FontAwesome; border: 2px solid #1dc973; content: "\f00c"; font-size: 24px; position: absolute; top: -25px; right: -10px; transform: translateX(-0%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%); } .forfilter input[type="checkbox"] { display: none; &: not(:disabled) ~ label { cursor: pointer; } &:disabled ~ label { color: hsla(150, 5%, 75%, 1); border-color: hsla(150, 5%, 75%, 1); box-shadow: none; cursor: not-allowed; }; } .prodetails label { height: 100%; display: block; background: #fff; padding: 2px; /* border: 2px solid hsla(150, 75%, 50%, 1);*/ border-radius: 0px; line-height: 20px; text-align: left; /* box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);*/ position: relative; } .prodetails .fx-goi label { height: auto; cursor:pointer; display: block; background: #fff; padding: 10px; /* border: 2px solid hsla(150, 75%, 50%, 1);*/ border: 1px solid #aaa; text-align: center; /* box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);*/ position: relative; } .prodetails .fx-goi .option-name { padding-top: 0;} .prodetails .mb-30-m { margin-bottom:20px;} .prodetails .option-name { font-weight:400; display: block; color: #121212; font-size: 16px; line-height:25px; padding-left: 0; position: relative; text-align: center; } .prodetails input[type="radio"]:checked + label { background:#eaeaea; color: hsla(215, 0%, 100%, 1); /* box-shadow: 0px 0px 20px hsl(173deg 70% 39%);*/ &::after { color: hsla(215, 5%, 25%, 1); font-family: FontAwesome; border: 2px solid hsla(150, 75%, 45%, 1); content: "\f00c"; font-size: 24px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } } .MagicScroll:last-child { color:#fff !important; } .prodetails .fx-goi input[type="radio"]:checked + label { background:#ffe7d4; color: hsla(215, 0%, 100%, 1); border: 1px solid #e07823; /* box-shadow: 0px 0px 20px hsl(173deg 70% 39%);*/ &::after { color: #ccc; font-family: FontAwesome; content: "\f00c"; font-size: 24px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } } .prodetails input[type="radio"]#control_05:checked + label { background: red; border-color: red; } .prodetails input[type=radio]:checked + label::after { display: none; color: #3d3f43; font-family: FontAwesome; border: 2px solid #1dc973; content: "\f00c"; font-size: 24px; position: absolute; top: -25px; right: -10px; transform: translateX(-0%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%); } .prodetails .change-color-btn { background:#14957f; color:#fff; border:1px solid #14957f; border-radius:4px;} .prodetails input[type="radio"] { display: none; &: not(:disabled) ~ label { cursor: pointer; } &:disabled ~ label { color: hsla(150, 5%, 75%, 1); border-color: hsla(150, 5%, 75%, 1); box-shadow: none; cursor: not-allowed; }; } .prodetails input[type="checkbox"]:checked + label { background:#c4821e; color: hsla(215, 0%, 100%, 1); /* box-shadow: 0px 0px 20px hsl(173deg 70% 39%);*/ &::after { color: hsla(215, 5%, 25%, 1); font-family: FontAwesome; border: 2px solid hsla(150, 75%, 45%, 1); content: "\f00c"; font-size: 24px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25); } } .prodetails input[type="checkbox"]#control_05:checked + label { background: red; border-color: red; } .prodetails input[type=checkbox]:checked + label::after { display: none; color: #3d3f43; font-family: FontAwesome; border: 2px solid #1dc973; content: "\f00c"; font-size: 24px; position: absolute; top: -25px; right: -10px; transform: translateX(-0%); height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 25%); } .prodetails input[type="checkbox"] { display: none; &: not(:disabled) ~ label { cursor: pointer; } &:disabled ~ label { color: hsla(150, 5%, 75%, 1); border-color: hsla(150, 5%, 75%, 1); box-shadow: none; cursor: not-allowed; }; } .price-details { font-size:30px; color:#4e4e4e;} .mt-20 { margin-top:20px;} .offer-wr { margin-bottom:10px; margin-top:10px; } .tag-ic svg { width:15px; height:auto;} .copy-coder {border:1px dashed rgb(0, 166, 153); padding:5px; font-size:13px; font-weight:bold;} .copy-coder svg { width:15px; height:auto; position:relative; top:-2px; } .copy-rety { padding-left:15px;} .tag-ic svg { fill:#388e3c;} .nav-link-custom { padding:0 0 0 0; background:none; outline:none; border:none; font-size:18px; font-weight:800; letter-spacing:1px; color:#9b9b9b;} .nav-link-custom.active { color:#7b7b7b;} .tab-stroke { padding-left:10px; padding-right:10px;} .moretext { display: none; } .txt-des { font-size:15px; color:#7b7b7b; line-height: 1.4; text-align: justify; letter-spacing: 0.5px;} .qty-changer { width:170px;} .cart-button { width:360px;} button.qty-change { border:none; outline:none; background:none;} .qty-input { height: 46px; position: relative; top: 2px; width: 46px; text-align: center; background:#e2e2e2; border: none; outline: none; } a.addtocart-details { padding: 5px 25px; display: flex; justify-content: center; border: 1px solid #000; color: #fff; font-size: 20px; font-weight:500; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-left: 0px; background: #000; transition: all 0.3s; border-radius: 0px; height: 46px; } .custom-60-hr { margin-top: 29px; margin-bottom: 17px; border-top: 1px solid #777;} .ftpoi { font-size:18px; font-weight:500; color:#6f6f6f;} .ftpoi a {color: #6f6f6f;} .ftpoi a:hover {color: #e07823;} .details-related .swiper-slide { padding-top: 25px; } .details-related .product-set { width:auto; padding-left: 10px; padding-right: 10px; margin-bottom: 0;} .details-related .section-header h2 { color:#818181;} .details-related { border-top:1px solid #ededed; border-bottom:1px solid #ededed;} .btn-secondary.sort-btn { background:none; border:none; font-size:18px; color:#000; letter-spacing:1px; padding:0;} .btn-secondary.sort-btn svg { width:30px; height:auto; fill:#e07823;} .btn-secondary.sort-btn:active { background:none; color:#818181;} .btn-secondary.sort-btn:focus { background:none; color:#818181;} .btn-secondary.sort-btn.dropdown-toggle::after { display:none;} .sort-main-wrap .dropdown-menu { text-transform:uppercase; font-size:14px; border-radius: 0; } .filter-btn { font-size:18px; color:#000; letter-spacing:1px; cursor:pointer;} .filter-btn svg { width:30px; height:auto; fill:#e07823;} .filter-slide-wrap { padding-left:20px; padding-top:20px; padding-right:20px;} .details-colorwrap { display:block; margin-top:20px; margin-bottom:20px;} .color-show-details { width:34px; height:34px; border:1px solid #fff; float:left; /*padding:3px;*/ border-radius:50%; position:relative; margin-right:13px; } .color-show-details:hover { border:1px solid #696969; } .color-show-details .color-code{ width:26px; height:26px; border-radius:50%; display:block; position:absolute; top:3px; left:3px; vertical-align:text-top; } .selected-color { border:1px solid #696969; border-radius:50%; } .color-code img { border-radius:0; width:100%; position:relative; top:0;} .clear-all { padding:5px 10px; border:1px solid #ccc; text-transform:uppercase; font-size:12px; margin-bottom:20px; width:80px;} .filter-tag-show { } .filter-keyword { padding:5px 10px; border:1px solid #ccc; text-transform:uppercase; font-size:12px; margin-left:10px; margin-right:10px; float:left; margin-bottom:10px; } .filter-keyword i { color:red;} .filter-slide-wrap .accordion-button { padding-left: 0; padding-right: 0; font-size: 18px; font-weight: 500; letter-spacing: 1px;} .accordion-button:not(.collapsed) { color: #818181;} .filter-slide-wrap .accordion-button:not(.collapsed) { background:none;} .filter-slide-wrap .accordion-button:focus { border-color:#fff; box-shadow:none;} .filter-slide-wrap .accordion-body { padding-left:0; padding-right:0;} .filter-slide-wrap .accordion-body .form-check { text-transform: uppercase; font-size: 15px; letter-spacing: 1px; font-weight: 500; margin-bottom: 1rem; } .filter-slide-wrap .form-check-input { width: 20px; margin-right: 13px; height: 20px; margin-top: .15em; border-radius: 0;} .filter-slide-wrap .form-check-input:checked { background-color: #e07823; border-color: #e07823; } /* Cart Page Start*/ .inner-heading-3 { font-size:23px; text-transform:uppercase; color:#373737; font-weight:500; margin-top: 40px;} .main-cart { width: 56.5%;} .summary-main { width: 35.2%;} .red-envelope-txt-1 { color:#e81010; text-transform:uppercase; font-size:15px; display:block; position:relative; padding-left:28px;} .red-envelope-txt-1 img { position:absolute; left:0; top:5px; } .summary-wrap { box-shadow: 0px 5px 15px #0003; background:#fff; padding:5%;} .summary-wrap.pad-extra-9 { padding:7% 5% ;} .pad-on-b { padding-bottom:7%;} .summary-wrap h3{ font-size:20px; font-weight:500; margin-bottom:30px;} .single-line-s { margin-top:23px; margin-bottom:23px;} .left-gf { font-size:18px; color:#373737; line-height: 2;} .single-line-s.last-gh { margin-bottom:0; margin-top:22px;} .cart-chunks { position:relative; box-shadow: 0px 5px 15px #0003; padding: 7% 5% 6%;} .cart-quantity { width: 22.5%; } .cart-cancel { position:absolute; top:15px; right:20px; cursor:pointer;} .cart-product { width:110px;} .cart-description {width: 52.33%; padding-left:10%; padding-right: 10%;} .price-cart { font-family: 'Oswald', sans-serif; font-size:24px; color:#626060;} .cart-description h3 { font-weight:700; font-size:18px; text-transform:uppercase; color:#8d8c8c; line-height: 1.8;} .cart-chunks .qty-changer-2 { border:1px solid #d7d7d7; margin-top:30px; display: flex;} .cart-chunks .select-box { height:44px; border:1px solid #d7d7d7; width:100%; background:none; padding-left:15px; color:#8d8c8c; } .cart-chunks .qty-changer-2 .qty-change-2 { width:25%; background:none; border:none; outline:none; color:#b5b5b5;} .qty-input-2 { height: 44px; position: relative; color:#8d8c8c; top: 0px; width: 45%; text-align: center; background: #fff; border: none; outline: none; } #home-newsletter input { border-color: #e07823; border-style: solid none solid solid; border-width: 1px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; background: #fff; line-height: 1.5; padding: .5rem 2rem; vertical-align: middle; height: 47px; width: 77%; color: #000; -webkit-transition: border-color .15s ease-in; -moz-transition: border-color .15s ease-in; transition: border-color .15s ease-in; } #home-newsletter input::placeholder { font-size:13px;} #home-newsletter .btn-home { background-color: #e07823; font-size: 15px; height: 47px; text-transform:uppercase; font-weight:500; letter-spacing:0.5px; color: #fff; padding: .500rem 1em; } #home-newsletter button { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 9px; border-bottom-right-radius: 9px; line-height: 1.5; width: 23%; } .m-le-3 { margin-left:3%; margin-right:3%;} .button-common { display: inline-block; padding: 0px 6%; border-radius: 0px; color: #fff !important; background-color: #e07823; text-decoration: none !important; text-transform: uppercase; font-size: 17px; line-height: 2.6; border: 1px solid #e07823; letter-spacing: 1px; height: 47px; text-align: center; } .button-common:hover { background:#fff; border: 1px solid #e07823; color: #e07823 !important; } /*Order Confirmation Start*/ .od-id-st { font-size:18px;} #custom-table-1 { border-collapse: collapse; width: 100%; } #custom-table-1 td { padding: 50px 25px;} #custom-table-1 td, #custom-table-1 th { border: 1px solid #ddd; } /*#custom-table-1 tr:nth-child(even){background-color: #f2f2f2;}*/ /*#customers tr:hover {background-color: #ddd;}*/ #custom-table-1 th { padding: 15px 25px; font-size:16px; text-transform:uppercase; font-weight:500; background-color: #f6f6f6; color: #4e4a4a; } .gst-info { font-size:16px; color:#7a7a7a; font-weight:400; text-transform:none;} section.cart-wrap { padding: 25px 0 90px;} .brd-btm { border-bottom: 1px solid #ededed; } /*Shipping Address Start*/ .left-cart-2 { width: 63.8%;} .summary-main-2 { width: 30.5%;} .link-control { font-size:16px; font-weight:600; color:#373737; text-transform: uppercase;} .active-status a{ color:#e07823;} .active-status { color:#e07823;} .inactive { color:#afacac;} .cl-gry { color:#9d9898;} .address-wrap { max-width:226px; width:100%; padding:23px; box-shadow: 0px 5px 15px #0003; margin-right:7%; float:left;} .address-wrap .user-name { font-size:18px; font-weight:600; color:#373737; text-transform:uppercase; display:block; margin-bottom:13px;} .user-address { font-size:16px; line-height:2; font-weight:400; color:#373737; display:block;} a.address-select { background:#e07823; border:1px solid #e07823; color:#fff; text-align:center; font-size:16px; height:36px; line-height:36px; display:block; text-transform:uppercase; margin-top:20px;} a:hover.address-select { background:#fff; border:1px solid #e07823; color:#e07823;} .address-loop { display:block;} .clearfix { float:none; clear:both;} .or-wrap { display:block; padding:77px 0 67px;} .or-main { height:55px; width:55px; border:1px solid #000; border-radius:50%; line-height:55px; font-size:20px; margin:auto; color:#8c8c8c; text-transform:uppercase; letter-spacing:1px; text-align:center;} .form-area-segment { width: 44.5%;} .form-row .label-name { font-weight:600; font-size:18px; text-transform:uppercase; color:#463e3e; margin-bottom:15px; display:block;} .red { color:red;} .form-row { margin-bottom:35px;} .form-row .form-control { border-radius: 0; } .form-row .form-control.custom-textfield { height: 60px;} /*Edit Profile Start*/ .profile-control { width: 24.5%;} .profile-links { box-shadow: 0px 5px 15px #0003; padding: 10%; } .profile-links ul li { color:#373737; font-weight:600; text-transform:uppercase; text-transform:uppercase; margin-bottom:36px;} .profile-links ul li.last { margin-bottom:0;} .profile-links ul li a { color:#373737; text-decoration:none; } .profile-links ul li a:hover { color:#e07823;} .profile-links ul li a.active { color:#e07823;} .profile-element { width: 69.9%; box-shadow: 0px 5px 15px #0003; padding: 2% 3% 4%;} .profile-element h4 { font-weight:500; text-transform:uppercase; color:#373737; margin-bottom:30px;} .form-edit { max-width:495px; width:100%;} .profile-element .swiper-wrapper-cs2 { padding-top:20px; margin-top:50px;} .product-set .cart-cancel { z-index:99; right:40px; top:10px;} /*log in start*/ .login-wrap { width: 65%; margin:auto; box-shadow: 0px 5px 15px #0003; padding:4% 7% 7%;} .log-1 { width: 35.5%;} .log-3 { width: 35.5%;} .social-login { height:47px; border:1px solid #d9d9d9; width:100%; font-size:16px; text-transform:uppercase; color:#463e3e; font-weight:600; letter-spacing:1px;} .social-login img { margin-right:15px; margin-left:15px;} .login-wrap-2 { width: 71.7%; margin: auto; box-shadow: 0px 5px 15px #0003; padding: 4% 5% 7%; } .log-form { width: 46.5%; } .exft { font-weight:600;} .signup-check { margin-left:10px; width:20px; height:20px; border:1px solid #656565; border-radius:0 !important;} .signup-txt { line-height:2; font-size:16px; color:#3d3d3d;} .button-signup-wrap { max-width:166px; width:100%;} .button-signup-wrap button { display:block !important; width: 100%;} .last-row-sign { margin-top:45px;} .wid-60-p { width:60%;} .wid-40-p { width:40%;} .account-present { text-transform:uppercase;} .account-present span { padding-right:20px;} /* Reward Point Start*/ .reward-point-wrap { width:30%; box-shadow: 0px 5px 15px #0003; height:170px;} .points { font-size:27px; color:#4e4a4a; font-weight:600;} .points.red { color: red; } .account-wrap { width:100%; margin: auto; box-shadow: 0px 5px 15px #0003; padding: 4% 5% 7%; } .m-r-5-p { margin-right:5%;} .account-wrap .button-common { padding: 0px 3%;} /*-------------------------------------------------------------- # Clients Section --------------------------------------------------------------*/ .clients { padding: 40px 0; } .clients .swiper { padding: 10px 0; } .clients .swiper-slide img { transition: 0.3s; } .clients .swiper-slide img:hover { transform: scale(1.1); } .clients .swiper-pagination { margin-top: 20px; position: relative; } .clients .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; background-color: #ddd; } .clients .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-primary); } /*-------------------------------------------------------------- # Stats Counter Section --------------------------------------------------------------*/ .stats-counter { padding: 40px 0; } .stats-counter .stats-item { padding: 20px 0; border-bottom: 1px solid #e4e4e4; } .stats-counter .stats-item .purecounter { min-width: 90px; padding-right: 15px; } .stats-counter .stats-item i { font-size: 44px; line-height: 0; margin-right: 15px; } .stats-counter .stats-item span { font-size: 40px; display: block; font-weight: 700; color: var(--color-primary); line-height: 40px; } .stats-counter .stats-item p { margin: 0; font-family: var(--font-primary); font-size: 14px; } .media-structure { margin-bottom:25px;} ul.sitemap { margin:0; padding:0;} ul.sitemap li { margin-left:15px; list-style-type:disc; margin-bottom:15px;} ul.sitemap li ul { margin-left:15px; margin-top:20px; } .bannerstyle { position: absolute; top: 45%; left: 0; right: 0;} .page-header { position:relative;} /*-------------------------------------------------------------- # Call To Action Section --------------------------------------------------------------*/ .call-to-action .container { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/cta-bg.jpg") center center; background-size: cover; padding: 100px 60px; border-radius: 15px; overflow: hidden; } .call-to-action h3 { color: #fff; font-size: 28px; font-weight: 700; margin-bottom: 20px; } .call-to-action p { color: #fff; margin-bottom: 20px; } .call-to-action .play-btn { width: 94px; height: 94px; margin-bottom: 20px; background: radial-gradient(var(--color-primary) 50%, rgba(0, 131, 116, 0.4) 52%); border-radius: 50%; display: inline-block; position: relative; overflow: hidden; } .call-to-action .play-btn:before { content: ""; position: absolute; width: 120px; height: 120px; animation-delay: 0s; animation: pulsate-btn 2s; animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(0, 131, 116, 0.7); top: -15%; left: -15%; background: rgba(198, 16, 0, 0); } .call-to-action .play-btn:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .call-to-action .play-btn:hover:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; animation: none; border-radius: 0; } .call-to-action .play-btn:hover:after { border-left: 15px solid var(--color-primary); transform: scale(20); } .call-to-action .cta-btn { font-family: var(--font-primary); font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 12px 48px; border-radius: 50px; transition: 0.5s; margin: 10px; border: 2px solid #fff; color: #fff; } .call-to-action .cta-btn:hover { background: var(--color-primary); border: 2px solid var(--color-primary); } @keyframes pulsate-btn { 0% { transform: scale(0.6, 0.6); opacity: 1; } 100% { transform: scale(1, 1); opacity: 0; } } .table-st-main-1 { overflow-x:auto;} #table-style-1 { border-collapse: collapse; width: 100%; } #table-style-1 td, #table-style-1 th { border: 1px solid #ddd; padding: 8px; } #table-style-1 tr:nth-child(even){background-color: #f2f2f2;} #table-style-1 tr:hover {background-color: #ddd;} #table-style-1 th { padding-top: 12px; padding-bottom: 12px; text-align: left; background: var(--color-heading); color: white; } .contact-box i { font-size:25px;} .btn-primary { background: #e07823 !important; border:1px solid #e07823; text-transform:uppercase; letter-spacing:1px; font-weight:500; } /*-------------------------------------------------------------- # Blog Comments --------------------------------------------------------------*/ .blog .comments { margin-top: 30px; } .blog .comments .comments-count { font-weight: bold; } .blog .comments .comment { margin-top: 30px; position: relative; } .blog .comments .comment .comment-img { margin-right: 14px; } .blog .comments .comment .comment-img img { width: 60px; } .blog .comments .comment h5 { font-size: 16px; margin-bottom: 2px; } .blog .comments .comment h5 a { font-weight: bold; color: var(--color-default); transition: 0.3s; } .blog .comments .comment h5 a:hover { color: var(--color-primary); } .blog .comments .comment h5 .reply { padding-left: 10px; color: var(--color-primary); } .blog .comments .comment h5 .reply i { font-size: 20px; } .blog .comments .comment time { display: block; font-size: 14px; color: rgba(34, 34, 34, 0.8); margin-bottom: 5px; } .blog .comments .comment.comment-reply { padding-left: 40px; } .blog .comments .reply-form { margin-top: 30px; padding: 30px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); border-radius: 10px; } .blog .comments .reply-form h4 { font-weight: bold; font-size: 22px; } .blog .comments .reply-form p { font-size: 14px; } .blog .comments .reply-form input { border-radius: 4px; padding: 10px 10px; font-size: 14px; } .blog .comments .reply-form input:focus { box-shadow: none; border-color: rgba(0, 131, 116, 0.8); } .blog .comments .reply-form textarea { border-radius: 4px; padding: 10px 10px; font-size: 14px; } .blog .comments .reply-form textarea:focus { box-shadow: none; border-color: rgba(0, 131, 116, 0.8); } .blog .comments .reply-form .form-group { margin-bottom: 25px; } .blog .comments .reply-form .btn-primary { border-radius: 50px; padding: 14px 40px; border: 0; background-color: var(--color-secondary); } .blog .comments .reply-form .btn-primary:hover { background-color: rgba(248, 90, 64, 0.8); } /*-------------------------------------------------------------- # Blog Details --------------------------------------------------------------*/ .blog .blog-details { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 10px; margin-bottom:50px; } .blog .blog-details .post-img { margin: -30px -30px 20px -30px; overflow: hidden; border-radius: 10px 10px 0 0; } .blog .blog-details .title { font-size: 28px; font-weight: 700; padding: 0; margin: 20px 0 0 0; color: var(--color-default); } .blog .blog-details .content { margin-top: 20px; font-size:16px; line-height:1.8; } .blog .blog-details .content h3 { font-size: 22px; margin-top: 30px; font-weight: bold; } .blog .blog-details .content blockquote { overflow: hidden; background-color: rgba(34, 34, 34, 0.06); padding: 60px; position: relative; text-align: center; margin: 20px 0; } .blog .blog-details .content blockquote p { color: var(--color-default); line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 22px; } .blog .blog-details .content blockquote:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: var(--color-secondary); margin-top: 20px; margin-bottom: 20px; } .blog .blog-details .meta-top { margin-top: 20px; color: #6c757d; } .blog .blog-details .meta-top ul { display: flex; flex-wrap: wrap; list-style: none; align-items: center; padding: 0; margin: 0; } .blog .blog-details .meta-top ul li+li { padding-left: 20px; } .blog .blog-details .meta-top i { font-size: 16px; margin-right: 8px; line-height: 0; color: var(--color-primary); } .blog .blog-details .meta-top a { color: #6c757d; font-size: 14px; display: inline-block; line-height: 1; } .blog .blog-details .meta-bottom { padding-top: 10px; border-top: 1px solid rgba(34, 34, 34, 0.15); } .blog .blog-details .meta-bottom i { color: #555555; display: inline; } .blog .blog-details .meta-bottom a { color: rgba(34, 34, 34, 0.8); transition: 0.3s; } .blog .blog-details .meta-bottom a:hover { color: var(--color-primary); } .blog .blog-details .meta-bottom .cats { list-style: none; display: inline; padding: 0 20px 0 0; font-size: 14px; } .blog .blog-details .meta-bottom .cats li { display: inline-block; } .blog .blog-details .meta-bottom .tags { list-style: none; display: inline; padding: 0; font-size: 14px; } .blog .blog-details .meta-bottom .tags li { display: inline-block; } .blog .blog-details .meta-bottom .tags li+li::before { padding-right: 6px; color: var(--color-default); content: ","; } .blog .blog-details .meta-bottom .share { font-size: 16px; } .blog .blog-details .meta-bottom .share i { padding-left: 5px; } .blog .post-author { padding: 20px; margin-top: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); border-radius: 10px; } .blog .post-author img { max-width: 120px; margin-right: 20px; } .blog .post-author h4 { font-weight: 600; font-size: 22px; margin-bottom: 0px; padding: 0; color: var(--color-default); } .blog .post-author .social-links { margin: 0 10px 10px 0; } .blog .post-author .social-links a { color: rgba(34, 34, 34, 0.5); margin-right: 5px; } .blog .post-author p { font-style: italic; color: rgba(108, 117, 125, 0.8); margin-bottom: 0; } /*-------------------------------------------------------------- # Pricing Section --------------------------------------------------------------*/ .pricing .pricing-item { padding: 60px 40px; box-shadow: 0 3px 20px -2px rgba(108, 117, 125, 0.15); background: #fff; height: 100%; position: relative; border-radius: 15px; } .pricing h3 { font-weight: 600; margin-bottom: 15px; font-size: 20px; color: #555555; text-align: center; } .pricing .icon { margin: 30px auto 30px auto; width: 70px; height: 70px; background: var(--color-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s; transform-style: preserve-3d; } .pricing .icon i { color: #fff; font-size: 28px; transition: ease-in-out 0.3s; line-height: 0; } .pricing .icon::before { position: absolute; content: ""; height: 86px; width: 86px; border-radius: 50%; background: #87c1bb; transition: all 0.3s ease-out 0s; transform: translateZ(-1px); } .pricing .icon::after { position: absolute; content: ""; height: 102px; width: 102px; border-radius: 50%; background: #d2eeeb; transition: all 0.3s ease-out 0s; transform: translateZ(-2px); } .pricing h4 { font-size: 48px; color: var(--color-secondary); font-weight: 700; font-family: var(--font-secondary); margin-bottom: 0; text-align: center; } .pricing h4 sup { font-size: 28px; } .pricing h4 span { color: rgba(108, 117, 125, 0.8); font-size: 18px; font-weight: 400; } .pricing ul { padding: 20px 0; list-style: none; color: #6c757d; text-align: left; line-height: 20px; } .pricing ul li { padding: 10px 0; display: flex; align-items: center; } .pricing ul i { color: #059652; font-size: 24px; padding-right: 3px; } .pricing ul .na { color: rgba(108, 117, 125, 0.5); } .pricing ul .na i { color: rgba(108, 117, 125, 0.5); } .pricing ul .na span { text-decoration: line-through; } .pricing .buy-btn { display: inline-block; padding: 10px 40px; border-radius: 50px; color: var(--color-primary); border: 1px solid rgba(0, 131, 116, 0.2); transition: none; font-size: 16px; font-weight: 600; font-family: var(--font-primary); transition: 0.3s; } .pricing .buy-btn:hover { background: var(--color-primary); color: #fff; } .pricing .featured { z-index: 10; border: 3px solid var(--color-primary); } @media (min-width: 992px) { .pricing .featured { transform: scale(1.15); } } /*-------------------------------------------------------------- # Frequently Asked Questions Section --------------------------------------------------------------*/ .faq .content h3 { font-weight: 400; font-size: 34px; } .faq .content h4 { font-size: 20px; font-weight: 700; margin-top: 5px; } .faq .content p { font-size: 15px; color: #6c757d; } .faq .accordion-item { border: 0; margin-bottom: 20px; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.06); border-radius: 10px; } .faq .accordion-item:last-child { margin-bottom: 0; } .faq .accordion-collapse { border: 0; } .faq .accordion-button { padding: 20px 50px 20px 20px; font-weight: 600; border: 0; font-size: 18px; line-height: 24px; color: var(--color-default); text-align: left; background: #fff; box-shadow: none; border-radius: 10px; } .faq .accordion-button .num { padding-right: 10px; font-size: 20px; line-height: 0; color: var(--color-primary); } .faq .accordion-button:not(.collapsed) { color: var(--color-primary); border-bottom: 0; box-shadow: none; } .faq .accordion-button:after { position: absolute; right: 20px; top: 20px; } .faq .accordion-body { padding: 0 40px 30px 45px; border: 0; border-radius: 10px; background: #fff; box-shadow: none; } /*-------------------------------------------------------------- # Contact Section --------------------------------------------------------------*/ .contact .info-container { background-color: var(--color-primary); height: 100%; padding: 20px; border-radius: 10px 0 0 10px; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1); } .contact .info-item { width: 100%; background-color: #009282; margin-bottom: 20px; padding: 20px; border-radius: 10px; color: #fff; } .contact .info-item:last-child { margin-bottom: 0; } .contact .info-item i { font-size: 20px; color: #fff; float: left; width: 44px; height: 44px; background-color: rgba(255, 255, 255, 0.2); display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s ease-in-out; margin-right: 15px; } .contact .info-item h4 { padding: 0; font-size: 20px; font-weight: 600; margin-bottom: 5px; } .contact .info-item p { padding: 0; margin-bottom: 0; font-size: 14px; } .contact .info-item:hover i { background: #fff; color: var(--color-primary); } .contact .php-email-form { width: 100%; height: 100%; background: #fff; box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 0 10px 10px 0; } .contact .php-email-form .form-group { padding-bottom: 8px; } .contact .php-email-form .error-message { display: none; color: #fff; background: #df1529; text-align: left; padding: 15px; font-weight: 600; } .contact .php-email-form .error-message br+br { margin-top: 25px; } .contact .php-email-form .sent-message { display: none; color: #fff; background: #059652; text-align: center; padding: 15px; font-weight: 600; } .contact .php-email-form .loading { display: none; background: #fff; text-align: center; padding: 15px; } .contact .php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #059652; border-top-color: #fff; animation: animate-loading 1s linear infinite; } .contact .php-email-form input, .contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; } .contact .php-email-form input[type=text], .contact .php-email-form input[type=email], .contact .php-email-form textarea { padding: 12px 15px; } .contact .php-email-form input[type=text]:focus, .contact .php-email-form input[type=email]:focus, .contact .php-email-form textarea:focus { border-color: var(--color-primary); } .contact .php-email-form textarea { padding: 10px 12px; } .contact .php-email-form button[type=submit] { background: var(--color-primary); border: 0; padding: 14px 45px; color: #fff; transition: 0.4s; border-radius: 50px; } .contact .php-email-form button[type=submit]:hover { background: rgba(0, 131, 116, 0.8); } @keyframes animate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*-------------------------------------------------------------- # inner page --------------------------------------------------------------*/ .blog.blogpage .sidebar { padding: 0px 0px 0px 15px !important; } .blog.blogpage .sidebar .recent-posts img { width: 72px; margin-right: 10px; } .cst-1 { margin-top: 30px; margin-bottom: 30px; } .page-media.recent-posts article { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); background-color: #fff; color: #807e7e; padding: 30px; height: 100%; border-radius: 0px; overflow: hidden; margin-bottom:20px; } .page-media.recent-posts .title a { color: #225c8e; transition: 0.3s; } .list-view-design { border: 1px solid #b8b8b8; border-right: 5px solid #0b7779; position:relative; width: 100%; padding: 20px; margin-bottom: 20px; } .list-view-design .find-doctor-img { padding: 0px 20px 0px 0px; } .list-view-design .find-doctor-img { padding: 0px 20px 0px 0px; } .list-view-design .docname a { color: var(--dark); text-transform: capitalize; } .list-view-design .docname { font-size: 21px; color: #00789c; text-transform: capitalize; width: 100%; float: left; margin-bottom: 4px; font-weight: 600; } .list-view-design .specia { font-size: 16px; color: #101010; text-transform: none; } .appointment-adress .landmark { color: #766f6f; font-size: 12px; } .list-view-design .btn-default { background: var(--color-heading); border: 1px solid var(--color-heading); border-radius: 5px; bottom: 0; color: #fff; float: left; font-size: 14px; margin-top: 20px; box-shadow: none; padding: 5px; position: absolute; right: 15px; padding: 10px 20px; bottom:20px; } ul.sympton-list { display:table; margin:auto;} /*-------------------------------------------------------------- # Portfolio Section --------------------------------------------------------------*/ .portfolio .portfolio-flters { padding: 0 0 20px 0; margin: 0 auto; list-style: none; text-align: center; } .portfolio-item { margin-bottom:30px;} .portfolio .portfolio-flters li { cursor: pointer; display: inline-block; padding: 0; font-size: 18px; font-weight: 500; margin: 0 10px; line-height: 1; transition: all 0.3s ease-in-out; } .portfolio .portfolio-flters li:hover, .portfolio .portfolio-flters li.filter-active { color: var(--color-primary); } .portfolio .portfolio-flters li:first-child { margin-left: 0; } .portfolio .portfolio-flters li:last-child { margin-right: 0; } @media (max-width: 575px) { .portfolio .portfolio-flters li { font-size: 14px; margin: 0 5px; } } .portfolio .portfolio-wrap { box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; height: 100%; overflow: hidden; position:relative; } .portfolio .portfolio-wrap img { transition: 0.3s; position: relative; z-index: 1; } .portfolio .portfolio-wrap .portfolio-info { padding: 15px 10px; background-color: #ffffffd1; left:0; right:0; position: absolute; border-top: 1px solid #f3f3f3; bottom: 0; z-index: 2; } .portfolio .portfolio-wrap .portfolio-info h4 { font-size: 16px; font-weight: 600; padding-right: 50px; } .portfolio .portfolio-wrap .portfolio-info h4 a { color: var(--color-default); transition: 0.3s; } .portfolio .portfolio-wrap .portfolio-info h4 a:hover { color: var(--color-primary); } .portfolio .portfolio-wrap .portfolio-info p { color: #6c757d; font-size: 14px; margin-bottom: 0; padding-right: 50px; } .portfolio .portfolio-wrap:hover img { transform: scale(1.1); } /*-------------------------------------------------------------- # Portfolio Details Section --------------------------------------------------------------*/ .portfolio-details .portfolio-details-slider img { width: 100%; } .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.7); opacity: 1; } .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-primary); } .portfolio-details .swiper-button-prev, .portfolio-details .swiper-button-next { width: 48px; height: 48px; } .portfolio-details .swiper-button-prev:after, .portfolio-details .swiper-button-next:after { color: rgba(255, 255, 255, 0.8); background-color: rgba(0, 0, 0, 0.2); font-size: 24px; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; transition: 0.3s; } .portfolio-details .swiper-button-prev:hover:after, .portfolio-details .swiper-button-next:hover:after { background-color: rgba(0, 0, 0, 0.6); } @media (max-width: 575px) { .portfolio-details .swiper-button-prev, .portfolio-details .swiper-button-next { display: none; } } .portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; position: relative; } .portfolio-details .portfolio-info h3:after { content: ""; position: absolute; display: block; width: 50px; height: 3px; background: var(--color-primary); left: 0; bottom: 0; } .portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; } .portfolio-details .portfolio-info ul li { display: flex; flex-direction: column; padding-bottom: 15px; font-size: 16px; } .portfolio-details .portfolio-info ul strong { text-transform: uppercase; font-weight: 400; color: #9c9c9c; font-size: 12px; } .portfolio-details .portfolio-info .btn-visit { padding: 8px 40px; background: var(--color-primary); color: #fff; border-radius: 50px; transition: 0.3s; } .portfolio-details .portfolio-info .btn-visit:hover { background: #009d8b; } .portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; } .portfolio-details .portfolio-description p { padding: 0; } .portfolio-details .portfolio-description .testimonial-item { padding: 30px 30px 0 30px; position: relative; background: white; height: 100%; margin-bottom: 50px; } .portfolio-details .portfolio-description .testimonial-item .testimonial-img { width: 90px; border-radius: 50px; border: 6px solid #fff; float: left; margin: 0 10px 0 0; } .portfolio-details .portfolio-description .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 15px 0 5px 0; padding-top: 20px; } .portfolio-details .portfolio-description .testimonial-item h4 { font-size: 14px; color: #6c757d; margin: 0; } .portfolio-details .portfolio-description .testimonial-item .quote-icon-left, .portfolio-details .portfolio-description .testimonial-item .quote-icon-right { color: #009d8b; font-size: 26px; line-height: 0; } .portfolio-details .portfolio-description .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; } .portfolio-details .portfolio-description .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; transform: scale(-1, -1); } .portfolio-details .portfolio-description .testimonial-item p { font-style: italic; margin: 0 0 15px 0 0 0; padding: 0; } .frm-ht .form-control { height: 55px; } .frm-ht .form-select { height: 55px; } .mr-3, .mx-3 { margin-right: 1rem !important; } @media (max-width: 1600px) { .pen-name-2 { font-size: 13px;} .price-wrap { font-size: 18px;} .sec1-b .h4 { font-size:18px; } .sec1-b {font-size: 14px;} .page-testimonials .testimonial-wrap { margin-bottom: 25px; margin-top: 25px; padding: 30px; background: #f7f7f7; } .breadcrumbs .page-header h2 { font-size: 42px;} .job-post-item { font-size: 16px; } } @media (max-width: 1366px) { .sec1-b .h4 { font-size:16px; } .sec1-b {font-size: 12px;} .page-testimonials .testimonial-wrap { margin-bottom: 20px; margin-top: 20px; padding: 20px; background: #f7f7f7; } .breadcrumbs .page-header h2 { font-size: 32px;} .job-post-item { font-size: 14px; } .list-view-design .specia { font-size: 13px;} .frm-ht .form-control { height: 45px; font-size: 0.9rem; } .frm-ht .form-select { height: 45px; font-size: 0.9rem; } } .product-main-wrap .scroll .row { display: flex; /*justify-content: space-between !important;*/ } .product-set { width: 23%; margin: 1%; } .desk-hide { display:none;} /*Custom Radio start*/ /* The container */ .cuctom-radio-1 { display: block; position: relative; padding-left: 35px; margin-bottom: 0px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .cuctom-radio-1 input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 3px; left: 0; height: 20px; width: 20px; background-color: #c8c6c6; border-radius: 50%; } /* On mouse-over, add a grey background color */ .cuctom-radio-1:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .cuctom-radio-1 input:checked ~ .checkmark { background-color: #E07823; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .cuctom-radio-1 input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .cuctom-radio-1 .checkmark:after { top: 6px; left: 6px; width: 8px; height:8px; border-radius: 50%; background: white; } .sort-wrap .cuctom-radio-1 .checkmark:after { top: 6px; left: 6px; width: 8px; height:8px; border-radius:0; background: white; } .sort-wrap .form-check-inline { margin-top: 10px; margin-bottom: 10px; } .sort-wrap .checkmark { position: absolute; top: 3px; left: 0; height: 20px; width: 20px; background-color: #c8c6c6; border-radius: 0; } .mb-20 { padding-bottom:20px;} @media (max-width: 1000px) { .m-d-flex.d-flex { display:block !important;} .product-details-img { width: auto;} .details-info { width: auto; } .details-info-wrap { padding: 0;} .sort-wrap { position: fixed; padding: 15px; bottom: 0px; background: #f9f9f9; left: 0; right: 0; min-height: 100px; z-index: 100; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px 0px 15px #00000087; } .close-sort { position: absolute; right: 0; top: -20px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #f9f9f9; width: 40px; height: 30px; font-size: 18px; color: #000; z-index: 5; cursor: pointer; text-align: center; padding-top: 3px; } /* .filteett { display:none !important;} .filter-band { position: fixed; bottom: 0; right: 0; left: 0; display: flex; z-index: 99; color: #fff; font-size: 25px; font-weight: 600; } .filter-left { width: 50%; background: #d20000; padding: 10px 0; text-align: center; } .sort-right { width: 50%; background: #4e4d4d; padding: 10px 0; text-align: center; }*/ .filter-slide-wrap .accordion-button { color: #686868;} .filter-slide-wrap h4 { font-size:18px;} .filter-slide-wrap .mb-50 { margin-bottom: 13px !important; } .clear-all { padding:0; border:none;} .filter-slide-wrap .accordion-body .form-check { text-transform: uppercase; font-size: 13px; letter-spacing: 0;} .filter-slide-wrap .form-check-input { width: 17px; margin-right: 13px; height: 17px; margin-top: .6em; border-radius: 0; } .filter-slide-wrap .accordion-body { padding: 20px 0; } .filter-tag-show { display:none;} .bredcum-title .breadcrumbs { background: none; padding-top: 10px; display: none; } .bredcum-title { border-bottom: none; padding-bottom: 30px; padding-top: 30px; } .filter-wrap-sec { border-top: none;} .filter-wrap-sec { padding: 30px 0 0px; } .filter-btn { font-size: 13px;} .btn-secondary.sort-btn { background: none; border: none; font-size: 13px;} h2.page-name { font-size: 21px;} .filter-wrap-sec { padding: 0; } section { padding: 30px 0; } .product-set { width: 31%; } .cart-description .cart-quantity { width: auto; } .user-address { font-size: 12px; } .cart-description { width: auto; } .cart-cancel { top: 6px; right: 9px;} .form-area-segment { width: auto; } .form-area-segment { width: auto; } .mob-hide { display:none !important;} .desk-hide { display:block;} .inner-link-5 { display: block; padding: 3.5% 4%; background: #fff; box-shadow: 0px 5px 15px #0003; font-size: 16px; margin-bottom: 15px; text-transform: uppercase; font-weight: 500; } .left-cart-2 { width: auto; } .summary-main-2 { width: auto; } .custom-dflex { display:block !important;} .main-cart { width: auto; } .summary-main { width: auto; } .anc-dlf { display: block; margin-bottom:30px;} .sec1-a { width: 100%;} .sec1-b { width: 100%; border:none;} .sec1-c { width: 100%; padding: 1%; padding-bottom:20px; display: flex; text-align: center; justify-content: center;} .out-of-station { position: static; display: block; clear: both; padding-top: 10px; } .hover-shadow { transition: .3s ease; padding-bottom: 15px; } .wid-28x { width:28px;} .list-view-design .find-doctor-img img{width: 160px;} .image-gal-p img { margin-bottom:20px;} .find-doctor-img { margin-bottom:20px;} .btn-primary.cst-1 { margin-top:0;} .list-view-design .btn-default { position:static;} .breadcrumbs .page-header h2 { font-size: 29px;} .page-testimonials .testimonial-wrap { padding: 10px;} .pen-name-2 { font-size: 15px; font-weight: 400; padding-top: 5%; padding-bottom: 5%; } .price-wrap { font-size: 21px; } .wishlist-iocn { padding-left: 2%; } } .profile-element .product-set { margin-bottom: 0;} @media (max-width: 699px) { .product-set { width: 49%; }} @media (max-width:480px) { #sync1.owl-theme .owl-nav { bottom: -21%;} .owl-theme .owl-nav [class*="owl-"] { width:32px;} .filter-slide-wrap .accordion-button { font-size: 13px;} .product-set { margin-bottom: 29px;} .vr-name { font-size: 12px; padding-right: 12px; } .signup-txt { font-size: 10px;} .signup-txt img {width: 15px;} .exft { font-weight: 600; font-size: 12px; } .varrient-row { margin-top: 5%; margin-bottom: 4%; } .inner-link-5 { box-shadow: 0px 2px 3px #00000030; font-size: 14px; margin-bottom: 2%; } .od-id-st { font-size: 14px; } .mb-60 { margin-bottom: 8% !important; } .address-wrap .user-name { font-size: 13px; } .address-wrap { max-width: 43%;} .or-main { height: 40px; width: 40px; line-height: 40px; font-size: 13px; } .form-row .label-name { font-size: 14px; } .form-row .form-control.custom-textfield { height: 40px; } .signup-check { width: 16px; height: 16px;} .cart-chunks { box-shadow: 0px 2px 3px #00000030; margin-bottom: 2%; } .price-details .price-cart { font-size: 25px;} .product-name-3 h2 { font-size: 23px;} .prodetails .fx-goi label { width: 35px; height: 35px; } .fx-goi { margin-right: 10px; } .prodetails .option-name { font-size: 12px; line-height: 15px; } prodetails .fx-goi label { padding: 9px 2px;} .product-description h3 { font-size: 18px; margin-bottom: 3%; } .ftpo { margin-top: 8%; } .wp-3 { width: 18%; } .ftpoi { font-size: 13px;} .copyright img { width: 33px; } .Call-3 { width: 19%; } .mail-3 { width: 18%; } .product-description .faq_heading2 { font-size: 18px; padding: 3% 0; } .product-description { margin-top: 6%; padding-top: 5%; } .product-description p { font-size: 16px; margin-bottom: 5%;} .product-description .faq_details2 { font-size: 16px;} .pen-name-2 { font-size: 12px; } .price-wrap { font-size: 16px; } section.cart-wrap { padding: 15px 0 25px; } .cart-description h3 { font-size: 13px; } .price-cart { font-size: 17.5px; } .cart-chunks .select-box { height: 36px; } .qty-input-2 { height: 36px; } .summary-wrap h3 { font-size: 14px; margin-bottom: 15px; } .left-gf { font-size: 13px; } .mb-30 { margin-bottom: 14px; } .red-envelope-txt-1 { font-size: 11px; } #home-newsletter input { height: 50px; } #home-newsletter .btn-home { font-size: 13px; font-weight: 600; height: 50px; } .gst-info { font-size: 11px;} .inner-heading-3 { font-size: 18px; margin-top: 20px; text-align: center; } .button-common { font-size: 14px;} .button-common {height: 40px;} .log-1 { width:230px;} .log-3 { width:230px;} a.addtocart-details { font-size: 15px; } a.addtocart-details .notify { font-size: 14px; } .details-body { padding-bottom: 70px; } #custom-table-1 th { padding: 2% 4%; font-size: 13px;} #custom-table-1 td { padding: 10% 20px; font-size: 13px; } .qntpp { width: 44%; } .gtugg{width: 16%;} .gtugg2 { width: 20%;} .account-wrap p { font-size:13px;} .cart-wrap .profile-element .swiper-wrapper-cs2 .swiper-button-next { top: -10px; } .cart-wrap .profile-element .swiper-wrapper-cs2 .swiper-button-prev { top: -10px; } .profile-element .swiper-wrapper-cs2 { padding-top: 20px; margin-top: 39px; } .product-set .cart-cancel { right: 10px;} .back-butn { width: 54%; } .wishlist-iocn img { position: relative; top: -4px;} .faq_heading.details-ft-1 { font-size: 12px; } } @media (max-width:393px) { .button-common { font-size: 13px; line-height: 2.9; } .m-le-3 { margin-left: 1%; margin-right: 1%; } } @media (max-width:360px) { .faq_heading.details-ft-1 { font-size: 12px; } #custom-table-1 th { font-size: 11px; } #custom-table-1 td { font-size: 12px; } .gtugg2 { width: 30%; } .inner-heading-3 { font-size: 16px;} .inner-link-5 { font-size: 13px;} .od-id-st { font-size: 12px; } .address-wrap { margin-right: 5%;} .address-wrap { max-width: 45%; } .product-name-3 h2 { font-size: 19px; } .price-details .price-cart { font-size: 23px; } .product-description h3 { font-size: 15px;} .faq_heading2 span { right:0; top: 6px; } .ftpoi { font-size: 13px; } .product-description .faq_heading2 { font-size: 15px;} .product-description p { font-size: 14px;} .details-body { padding-bottom: 60px; } a.addtocart-details { font-size: 14px; } .wishlist-iocn { padding-left: 1%; margin-left: 2%; } }