/*@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap"); /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive =========================================== =============================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *:focus { outline: 0 !important; box-shadow: none !important; } button:focus { border: none; outline: none; } button:active { border: none; outline: none; box-shadow: none; } * { list-style-type: none; font-family: "Mulish", sans-serif; font-size: 14px; } *:focus, *:active { outline: none !important; } *:hover { transition: 0.5s; } h3 { color: #565656; font-weight: 700; font-size: 30px; letter-spacing: 0.05em; text-align: center; } .banner { background-image: linear-gradient(9deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.65)), url(./../images/banner/hero.jpg); width: 100%; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 768px) { .banner { height: 820px; } } .banner .card { background: transparent; border: none; padding: 100px 0 25px 0; } .banner .card .card-body { background: transparent !important; text-align: center; } .banner .card .card-body .card-title { font-size: 65px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 15px; color: #763242; } @media screen and (max-width: 768px) { .banner .card .card-body .card-title { font-size: 50px; } } .banner .card .card-body .card-text { font-size: 20px; font-weight: 500; color: #fff; } @media screen and (max-width: 768px) { .banner .card .card-body .card-text { font-size: 16px; font-weight: normal; } } .banner .populor { padding-bottom: 180px; } .banner .populor h4 { color: #fff; font-size: 16px; font-weight: bolder; margin-bottom: 30px; } .banner .populor .populor-buttons a { margin: 0 7px; } .search .wrapper { background-color: #fff; box-shadow: 1px 25px 19px -16px #c4c4c4; border-radius: 3px; padding: 35px 15px; margin-top: -95px; } @media screen and (max-width: 768px) { .search .wrapper { margin-top: -276px; } } .search .wrapper .form-group input { padding: 25px 5px; } .banner_about { background-color: #763242; width: 100%; text-align: center; } .banner_about h3 { color: #fff; font-weight: bold; font-size: 42px; padding: 40px 0; } .banner_search { background-color: #763242; width: 100%; text-align: center; } .btn { border: none !important; outline: 0 !important; box-shadow: none !important; transition: 0.5s; color: #c09f7f; } .btn-primary { background-color: #c09f7f !important; border-color: #c09f7f; padding: 14px 31px; color: #fff !important; font-size: 16px; font-weight: 600; border-radius: 3px; letter-spacing: 1px; } .btn-primary:hover { color: #fff !important; background-color: #c8ac90 !important; } .btn-primary-s { background-color: #c09f7f !important; border-color: #c09f7f; padding: 14px 31px; color: #fff !important; font-size: 16px; font-weight: 600; border-radius: 3px; } .btn-primary-s:hover { color: #fff !important; background-color: #c8ac90 !important; } .btn-login { background-color: transparent !important; padding: 4px 18px; color: #000000 !important; font-size: 14px; font-weight: 600; border-radius: 0; border: 1px solid !important; border-color: 2px solid #dedede !important; margin-left: 10px; } .btn-login:hover { color: #fff !important; background-color: #b8926e !important; } .btn-listing { background-color: #d8ceca !important; padding: 5px 18px; color: #fff !important; font-size: 14px; font-weight: 600; border-radius: 0; border: 1px solid !important; } .btn-listing:hover { color: #fff !important; background-color: #cdc0bb !important; border: none; } .btn-pop { background-color: transparent !important; padding: 4px 14px; color: #fff !important; font-size: 12px; font-weight: 600; border-radius: 0; border: 1px solid #404040 !important; } .btn-pop span { padding-right: 5px; } .btn-pop:hover { color: #fff !important; } .btn-cta { background-color: #763242 !important; padding: 14px 34px; color: #fff !important; font-size: 16px; font-weight: 600; border-radius: 3px; letter-spacing: 0.05em; margin-right: 10px; } .btn-cta:hover { color: #fff !important; background: #c09f7f !important; } .btn-ctb { background-color: #fff !important; padding: 14px 31px; color: #000000 !important; font-size: 16px; font-weight: 600; border-radius: 3px; letter-spacing: 0.05em; border: 1px solid; border-color: #fff; margin-right: 10px; } .btn-ctb:hover { border: 1px solid !important; border-color: #fff !important; color: #fff !important; background: #763242 !important; } .btn-profile { background-color: #763242 !important; padding: 5px 18px; color: #fff !important; font-size: 14px; font-weight: 400; border-radius: 5px; } .btn-profile:hover { color: #fff !important; background-color: #642a38 !important; border: none; } .btn-delete { background-color: #d43d3d !important; border-color: #c09f7f; padding: 14px 31px; color: #fff !important; font-size: 16px; font-weight: 600; border-radius: 3px; } .btn-delete:hover { color: #fff !important; background: #eb2424 !important; } .btn-transparent { background-color: transparent !important; border-color: #c09f7f; padding: 14px 31px; color: #c09f7f !important; font-size: 16px; font-weight: 600; border-radius: 3px; border: 1px solid !important; margin-top: 20px; } .btn-transparent:hover { color: #fff !important; background: #c09f7f !important; } .btn-transparent2 { background-color: transparent !important; border-color: #fff; padding: 14px 31px; color: #fff !important; font-size: 16px; font-weight: 600; border-radius: 3px; border: 1px solid !important; margin-top: 20px; } .btn-transparent2:hover { color: #797979 !important; background: #fff !important; border: none !important; } .btn-primaryc { background-color: #c09f7f !important; border-color: #c09f7f; padding: 14px 31px; color: #fff !important; font-size: 16px; font-weight: 600; border-radius: 5px; letter-spacing: 1px; width: 55%; } .btn-primaryc:hover { color: #fff !important; background-color: #c8ac90 !important; } .navigation { border: 1px solid; border-bottom-color: #dedede; } @media screen and (max-width: 992px) { .navigation .login { display: none; } } .navigation .login2 { display: none; } @media screen and (max-width: 992px) { .navigation .login2 { display: block; text-align: center; margin-top: 15px; } } .navbar-dark { padding: 20px 0; } .navbar-dark .navbar-toggler { border: 2px solid; border-color: #763242; } .navbar-dark .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(86, 114, 249)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-brand { color: #565656; font-size: 30px; font-weight: 900; } .navbar-dark .navbar-brand:hover { color: #000000; } .navbar-dark .navbar-brand span { color: #763242; font-size: 20px; } .navbar-dark .navbar-nav { text-align: center; } @media screen and (max-width: 992px) { .navbar-dark .navbar-nav .nav-item .dropdown-menu { text-align: center; } } .navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item { padding: 10px 10px; } .navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover { color: #763242; } .navbar-dark .navbar-nav .nav-item .nav-link { color: #797979; font-size: 16px; padding: 0 20px; transition: all 0.4s ease-in-out; } @media screen and (max-width: 992px) { .navbar-dark .navbar-nav .nav-item .nav-link { padding: 10px 0; } } .navbar-nav .nav-item.active .nav-link { color: #763242 !important; } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.993); } /* ============ desktop view ============ */ @media all and (min-width: 992px) { .navbar .nav-item .dropdown-menu { display: none; } .navbar .nav-item:hover .nav-link { color: #181818; } .navbar .nav-item:hover .dropdown-menu { display: block; border: none; } .navbar .nav-item .dropdown-menu { margin-top: 0; padding: 20px 10px; } } /* ============ desktop view .end// ============ */ #arrow { position: relative; top: 0; transition: top ease 0.5s; font-size: 16px; } #arrow:hover { top: -5px; color: #181818; } .navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:active { color: #fff; } .footer { background-color: #565656; } .footer .footer_logo { margin-top: 30px; } .footer .footer_logo .navbar-brand { padding-top: 30px; color: #fff; font-size: 30px; font-weight: 900; } .footer .footer_logo .navbar-brand:hover { color: #000000; } .footer .footer_logo .navbar-brand span { color: #763242; font-size: 20px; } .footer .footer_logo p { color: #c7c7c7; line-height: 26px; padding-top: 30px; } .footer .pages { margin-top: 44px; } @media screen and (max-width: 768px) { .footer .pages { margin-top: 0; } } .footer .pages h4 { padding-top: 32px; color: #fff; font-size: 20px; padding-bottom: 30px; } .footer .pages a { display: block; color: #797979; padding-bottom: 15px; } .footer .pages a:hover { color: #763242; } .footer .apps { margin-top: 75px; padding: 18px 30px; background: #46484A; border-radius: 2px; } @media screen and (max-width: 768px) { .footer .apps { margin-top: 30px; margin-bottom: 50px; } } .footer .apps .mob_img { display: flex; padding-bottom: 20px; } .footer .apps .mob_img .mob_icon { max-width: 50px; } .footer .apps .mob_img img { width: 100%; } .footer .apps .mob_img p { color: #c7c7c7; padding-left: 20px; } .footer .apps .buttons { display: flex; justify-content: space-between; margin-bottom: 20px; } .footer .apps .buttons .wrapper_img { max-width: 140px; } .footer .apps .buttons .wrapper_img img { width: 100%; } .footer .footer_bottom { position: relative; background: #363839; padding: 25px 0; } .footer .footer_bottom .bottom_left { margin-top: 10px; color: #c7c7c7; } .footer .footer_bottom .bottom-right { margin-top: 10px; } @media screen and (max-width: 768px) { .footer .footer_bottom .bottom-right ul { padding-left: 0; margin-top: 30px; } } .footer .footer_bottom .bottom-right ul a { color: #c7c7c7; padding: 0 20px; } @media screen and (max-width: 768px) { .footer .footer_bottom .bottom-right ul a:first-child { padding-left: 0; } } .footer .footer_bottom .bottom-right ul a:hover { color: #fff; } .footer .footer_bottom .bottom-right ul li { font-size: 14px; margin-right: 20px; } .Products_main { margin-top: 90px; margin-bottom: 90px; } .Products_main .heading { padding-bottom: 50px; } .Products_main .heading h3 { text-align: left; font-size: 25px; } .Products_main .heading p { color: #797979; } .Products_main .product_sidebar { padding: 0 25px; /*Checkboxes styles*/ } .Products_main .product_sidebar .wrapper { margin-bottom: 30px; } .Products_main .product_sidebar .wrapper .widget_header h4 { font-size: 22px; font-weight: 600; } .Products_main .product_sidebar .wrapper hr { color: #000000; } .Products_main .product_sidebar .wrapper ul { padding-left: 0; } .Products_main .product_sidebar .wrapper ul li { padding: 10px 0; } .Products_main .product_sidebar .wrapper ul li a { display: flex !important; justify-content: space-between !important; color: #565656; text-decoration: none; } .Products_main .product_sidebar .wrapper ul li a:hover { color: #763242; } .Products_main .product_sidebar .wrapper ul li a:hover span { color: #fff !important; background-color: #763242; height: 25px; width: 36px; border-radius: 16%; display: inline-block; text-align: center; padding-top: 1px; } .Products_main .product_sidebar .wrapper ul li a span { color: #797979 !important; height: 25px !important; width: 36px !important; border-radius: 16% !important; display: inline-block; text-align: center; padding-top: 1px; } .Products_main .product_sidebar .wrapper .range_main { position: relative; margin-top: 40px; padding-left: 30px; } .Products_main .product_sidebar .wrapper .range_main .range { width: 149px; height: 48px; border: 0; background: #579de7; position: absolute; top: 193%; } .Products_main .product_sidebar .wrapper .range_main .range:before, .Products_main .product_sidebar .wrapper .range_main .range:after { content: ""; position: absolute; top: 0; z-index: -1; height: 100%; width: 28px; background: silver; pointer-events: none; } .Products_main .product_sidebar .wrapper .range_main .range:before { left: -28px; border-radius: 5px 0 0 5px; } .Products_main .product_sidebar .wrapper .range_main .range:after { right: -28px; border-radius: 0 5px 5px 0; } .Products_main .product_sidebar .wrapper .range_main input { -webkit-appearance: none; position: absolute; width: calc(100% + 40px); height: 100%; margin: 0; background-color: transparent; outline: none; left: -20px; -webkit-tap-highlight-color: transparent; } .Products_main .product_sidebar .wrapper .range_main .lbl-lft, .Products_main .product_sidebar .wrapper .range_main .lbl-rgt { position: absolute; top: -15px; color: #1a1a1a; font-size: 12px; font-weight: 700; } .Products_main .product_sidebar .wrapper .range_main .lbl-lft { left: -28px; } .Products_main .product_sidebar .wrapper .range_main .lbl-rgt { right: -28px; text-align: left; } .Products_main .product_sidebar .wrapper .range_main .range-thumb { position: absolute; top: 0px; margin-left: -24px; border-radius: 50%; border: 5px solid #878484; background: white; height: 48px; width: 48px; outline: none; transition: transform 0.3s ease; text-align: center; font-size: 12px; line-height: 38px; color: #1a1a1a; font-weight: 700; pointer-events: none; } .Products_main .product_sidebar .wrapper .range_main .range-thumb::before { display: none; content: ""; position: absolute; z-index: 1; top: 53px; left: 50%; transform: translateX(-50%); border-radius: 3px; width: 2px; height: 28px; margin-left: -3px; background: rgba(255, 255, 255, 0.25); box-shadow: 6px 0 0 rgba(255, 255, 255, 0.25); } .Products_main .product_sidebar .wrapper .range_main .range-thumb::after { content: ""; position: absolute; bottom: -5px; left: -5px; width: 48px; height: 10px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgNDggMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIGZpbGw9IiM2MTY4RTciPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuMTU0NjA2NCwyLjE4MjkyMDUxZS0xMiBMNC40NzIyMTMwMSwyLjE4MjkyMDUxZS0xMiBDNS40MjIyOTI4NiwxLjA2MTUxMjk4IDYsMi40NjMyOTExMyA2LDQgQzYsNy4zMTM3MDg1IDMuMzEzNzA4NSwxMCAwLDEwIEw0OCwxMCBDNDQuNjg2MjkxNSwxMCA0Miw3LjMxMzcwODUgNDIsNCBDNDIsMi40NjMyOTExMyA0Mi41Nzc3MDcxLDEuMDYxNTEyOTggNDMuNTI3Nzg3LDAgTDQzLjUyNzc4NywyLjE4MjkyMDUxZS0xMiBMMzYuODQ1MzkzNiwyLjE4MjkyMDUxZS0xMiBDMzMuNDYzMzI1NSwzLjEwNDc5MzA5IDI4Ljk1Mjk4NzQsNSAyNCw1IEMxOS4wNDcwMTI2LDUgMTQuNTM2Njc0NSwzLjEwNDc5MzA5IDExLjE1NDYwNjQsMi4xOTQyNDQ3OWUtMTIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); background-repeat: no-repeat; background-position: center; } .Products_main .product_sidebar .wrapper .range_main .resize { position: fixed; bottom: 20px; left: 0; width: 100%; text-align: center; font-size: 14px; font-weight: 500; color: #c8ccd4; } @media screen and (max-width: 768px) { .Products_main .product_sidebar .wrapper .range_main .hover + .range-thumb, .Products_main .product_sidebar .wrapper .range_main .active + .range-thumb { transform: translateY(-48px); } } .Products_main .product_sidebar .wrapper .range_main .hover + .range-thumb::before, .Products_main .product_sidebar .wrapper .range_main .active + .range-thumb::before { display: block; } .Products_main .product_sidebar .check { margin-top: 90px; padding-top: 60px; } .Products_main .product_sidebar .chekbox_wrapper { margin-top: 20px; } .Products_main .product_sidebar input[type="checkbox"] { display: none; } .Products_main .product_sidebar input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; color: #797979; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .Products_main .product_sidebar input[type="checkbox"] + label:last-child { margin-bottom: 0; } .Products_main .product_sidebar input[type="checkbox"] + label:before { content: ""; display: block; width: 20px; height: 20px; border: 1px solid #763242; position: absolute; left: 0; top: 0; opacity: 0.6; transition: all 0.12s, border-color 0.08s; } .Products_main .product_sidebar input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); } @media screen and (max-width: 768px) { .Products_main .product_right { margin-top: 70px; } } .Products_main .product_right .product_right_top .choose { display: flex; justify-content: space-between; } @media screen and (max-width: 992px) { .Products_main .product_right .product_right_top .choose .ch { margin-right: 10px !important; } } .Products_main .product_right .views { float: right; display: flex; } @media screen and (max-width: 768px) { .Products_main .product_right .views { float: none; margin-top: 30px; } } .Products_main .product_right .views ul { display: flex; } .Products_main .product_right .views ul:last-child { padding-right: 0; } .Products_main .product_right .views li { padding-right: 20px; } .Products_main .product_right .views li a { color: #565656; text-decoration: none; } .Products_main .product_right .views li a:hover { color: #763242; } .Products_main .product_right .views li a:active { color: #797979; } .Products_main .product_right_bottom { padding-top: 20px; margin-top: 50px; } .Products_main .product_right_bottom .card { margin-bottom: 30px; } .product_right_bottom .card { margin: 0px 15px 10px 15px !important; } .oe_product_cart { border:none !important; margin-bottom: 30px; } .Products_main .product_right_bottom .card .card-body .card-title { color: #565656; font-weight: 700; letter-spacing: 0.05em; font-size: 19px; } .Products_main .product_right_bottom .card .card-body .list-group-item { border: 0; padding: 10px 10px 10px 0; margin-bottom: 0 !important; margin-bottom: 10px; } .Products_main .product_right_bottom .card .card-body .list-group-item a { color: #797979; text-decoration: none; } .Products_main .product_right_bottom .card .card-body .list-group-item span { padding-right: 10px; } .Products_main .product_right_bottom .card .card-body p { color: #797979; } .Products_main .product_right_bottom .card .card-rating { padding-left: 16px; padding-bottom: 20px; padding-top: 5px; } .Products_main .product_right_bottom .card .card-rating .card-link { color: #763242; } .Products_main .product_right_bottom .card .card-rating .card-link span { font-size: 18px; } .Products_main .product_right_bottom .bottom { display: flex; justify-content: center; padding-top: 50px; } .Products_main .product_right_bottom .bottom nav .pagination .page-item { border: none; } .Products_main .product_right_bottom .bottom nav .pagination .page-item .page-link { border: none; color: #797979; padding: 15px 20px; border-radius: 7px; font-size: 18px; margin: 0 5px; } @media screen and (max-width: 456px) { .Products_main .product_right_bottom .bottom nav .pagination .page-item .page-link { padding: 12px 16px !important; font-size: 16px !important; } } .Products_main .product_right_bottom .bottom nav .pagination .page-item .page-link:hover { background-color: #763242; color: #fff; } .Products_main .product_right_bottom .bottom nav .pagination .page-item.active .page-link { z-index: 3; color: #fff; background-color: #763242; border-color: #763242; } .trending { margin-top: 90px; } .trending .top_heading { margin-bottom: 60px; position: relative; } .trending .top_heading h3 { color: #565656; font-weight: 700; font-size: 30px; letter-spacing: 0.05em; text-align: center; } .trending .top_heading p { color: #797979; font-size: 18px; margin-top: 12px; } .trending .top_heading .bottom_line:before { content: " "; display: block; margin: 0 auto; position: absolute; bottom: -30px; left: 0; right: 0; width: 127px; height: 2px; background-color: #e0e0e0; } .trending .top_heading .bottom_line:after { content: " "; display: block; margin: 0 auto; position: absolute; bottom: -30px; left: 0; right: 0; width: 50px; height: 4px; background-color: #763242; } .trending .trending_body { padding-top: 40px; } .trending .trending_body .card .card-body .card-title { color: #565656; font-weight: 700; letter-spacing: 0.05em; font-size: 19px; } .trending .trending_body .card .card-body .list-group-item { border: 0; padding: 10px 10px 10px 0; margin-bottom: 0 !important; margin-bottom: 10px; } .trending .trending_body .card .card-body .list-group-item a { color: #797979; text-decoration: none; } .trending .trending_body .card .card-body .list-group-item span { padding-right: 10px; } .trending .trending_body .card .card-body .list-group-flush { display: ruby; } @media screen and (max-width: 768px) { .trending .trending_body .card .card-body .list-group-flush { display: block; } } .trending .trending_body .card .card-body p { color: #797979; } .trending .trending_body .card .card-rating { padding-left: 16px; padding-bottom: 20px; padding-top: 5px; } .trending .trending_body .card .card-rating .card-link { color: #763242; } .trending .trending_body .card .card-rating .card-link span { font-size: 18px; } .categories { margin-top: 90px; padding-bottom: 90px; } .categories .top_heading2 { margin-bottom: 60px; position: relative; } .categories .top_heading2 h3 { color: #565656; font-weight: 700; font-size: 30px; letter-spacing: 0.05em; text-align: center; } .categories .top_heading2 p { color: #797979; font-size: 18px; margin-top: 12px; } .categories .top_heading2 .bottom_line:before { content: " "; display: block; margin: 0 auto; position: absolute; bottom: -30px; left: 0; right: 0; width: 127px; height: 2px; background-color: #e0e0e0; } .categories .top_heading2 .bottom_line:after { content: " "; display: block; margin: 0 auto; position: absolute; bottom: -30px; left: 0; right: 0; width: 50px; height: 4px; background-color: #763242; } .categories .wrapper { padding-top: 40px; } .categories .wrapper .c_wrapper { box-shadow: 0px 7px 7px 4px #f0f0f0; } .categories .wrapper .c_wrapper:hover { background-color: #eeeee6a8; } .categories .wrapper .c_wrapper .categories_single { text-align: center !important; padding-bottom: 10px; } .categories .wrapper .c_wrapper .categories_single .icon { color: #fff; background-color: #ccdb38; height: 40px; width: 40px; padding-top: 13px; border-radius: 50%; font-size: 14px; box-shadow: 0 0 0px 4px #b4b87659; margin-bottom: 15px; } .categories .wrapper .c_wrapper .categories_single .c_img { height: 80px; width: 80px; padding-top: 0; border-radius: 50%; margin: auto; box-shadow: 0 0 0px 4px #b4b87659; margin-bottom: 15px; } .categories .wrapper .c_wrapper .categories_single .c_img img { width: 100%; border-radius: 50%; } .categories .wrapper .c_wrapper .categories_single .fa-apple { background-color: #d346bb; box-shadow: 0 0 0px 4px #d346bb88; } .categories .wrapper .c_wrapper .categories_single .fa-home { background-color: #8f46d3; box-shadow: 0 0 0px 4px #8f46d367; } .categories .wrapper .c_wrapper .categories_single .fa-shopping-basket { background-color: #46a6d3; box-shadow: 0 0 0px 4px #46a6d359; } .categories .wrapper .c_wrapper .categories_single .fa-briefcase { background-color: #095775; box-shadow: 0 0 0px 4px #09567563; } .categories .wrapper .c_wrapper .categories_single .fa-car { background-color: #539b51; box-shadow: 0 0 0px 4px #549b5169; } .categories .wrapper .c_wrapper .categories_single .fa-paw { background-color: #d3ad46; box-shadow: 0 0 0px 4px #d3ad4675; } .categories .wrapper .c_wrapper .categories_single h5 { color: #565656; font-weight: 700; font-size: 19px; } .categories .wrapper .c_wrapper .categories_list { margin-top: 20px; padding: 0 20px; margin-bottom: 40px; } .categories .wrapper .c_wrapper .categories_list li { display: flex; justify-content: space-between; color: #797979; padding-bottom: 20px; align-items: center; } @media screen and (max-width: 996px) { .categories .wrapper .c_wrapper .categories_list li { justify-content: space-around; } } .categories .wrapper .c_wrapper .categories_list li a { color: #797979; } .categories .wrapper .c_wrapper .categories_list li span { background-color: #763242; padding: 5px; border-radius: 50%; height: 35px; width: 35px; text-align: center; color: white; } .ctaa { background-image: linear-gradient(9deg, rgba(0, 0, 0, 0.548), rgba(0, 0, 0, 0.65)), url(./../images/call-to-action/cta-background.jpg); text-align: center; padding: 100PX 0; background-size: cover; background-position: center; } .ctaa .wrapper { text-align: center !important; color: #fff; width: 100%; margin-bottom: 30px; } .ctaa .ct_buttons { display: flex; justify-content: center; } .dashboard { margin-top: 90px; margin-bottom: 40px; } .dashboard .sidebar { width: 100%; text-align: center; margin-bottom: 50px; } .dashboard .sidebar .profile_img { max-width: 130px; text-align: center; margin: auto; } .dashboard .sidebar .profile_img img { width: 100%; border-radius: 50%; } .dashboard .sidebar .user { margin-bottom: 90px; } .dashboard .sidebar .user .user_name { padding-top: 10px; color: #565656; font-size: 18px; font-weight: 700; } .dashboard .sidebar .user .user_name p { color: #797979; margin-top: 5px; font-weight: 400; } .dashboard .sidebar .user_menu ul { text-align: left; font-weight: 700; padding: 0 15px; } .dashboard .sidebar .user_menu ul li { margin-bottom: 10px; align-items: baseline; display: flex; } .dashboard .sidebar .user_menu ul li a { display: flex; align-items: baseline; color: #797979; text-decoration: none; font-size: 16px; padding: 10px 20px; width: 100%; } .dashboard .sidebar .user_menu ul li a:hover { color: #565656; } .dashboard .sidebar .user_menu ul li a .icon { padding-right: 10px; } .dashboard .sidebar .user_menu ul li a .count { margin-left: auto; color: #797979; height: 24px; width: 26px; border-radius: 50%; text-align: center; color: #797979; } .dashboard .sidebar .user_menu ul li a .count:hover { background-color: #763242; color: #fff !important; } .dashboard .sidebar .user_menu li.active a { background: #763242; color: #fff; } .dashboard .dashbord_content .right_head { color: #565656; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 10px; margin-bottom: 20px; } .dashboard .dashbord_content .dash_head { color: #565656; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; border-top-color: #dedede !important; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-weight: 700; } .dashboard .dashbord_content .dash_body .wrapper { margin: 40px 0; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 20px; } .dashboard .dashbord_content .dash_body .wrapper:last-child { border: none !important; } .dashboard .dashbord_content .dash_body .dash_img { max-width: 100px; padding-top: 25px; } .dashboard .dashbord_content .dash_body .dash_img img { width: 100%; } .dashboard .dashbord_content .dash_body .dash_product h5 { padding-bottom: 10px; } .dashboard .dashbord_content .dash_body .dash_product ul { padding-left: 0; } .dashboard .dashbord_content .dash_body .dash_product ul li { display: flex; justify-content: space-between; color: #797979; } @media screen and (max-width: 768px) { .dashboard .dashbord_content .dash_body .dash_product ul li { display: block; margin-bottom: 10px; } } .dashboard .dashbord_content .dash_body .dash_product ul li .active { color: #d8ceca; } .dashboard .dashbord_content .dash_body .dash_cat { font-size: 16px; height: 10em; display: flex; align-items: center; justify-content: end; } .dashboard .dashbord_content .dash_body .dash_buttons { display: flex; justify-content: end; height: 100%; align-items: center; } @media screen and (max-width: 768px) { .dashboard .dashbord_content .dash_body .dash_buttons { display: block; } } .dashboard .dashbord_content .dash_body .dash_buttons ul { display: flex; padding-left: 0; } @media screen and (max-width: 568px) { .dashboard .dashbord_content .dash_body .dash_buttons ul { display: block; } } .dashboard .dashbord_content .dash_body .dash_buttons ul li { max-width: 45px; margin-right: 8px; } .dashboard .dashbord_content .dash_body .dash_buttons ul li .view:hover { background-color: #3791bb; color: #fff; } .dashboard .dashbord_content .dash_body .dash_buttons ul li .edit:hover { background-color: #e45ed9; color: #fff; } .dashboard .dashbord_content .dash_body .dash_buttons ul li .paper:hover { background-color: #74e45e; color: #fff; } .dashboard .dashbord_content .dash_body .dash_buttons ul li .delete:hover { background-color: #883d3d; color: #fff; } .dashboard .dashbord_content .dash_body .dash_buttons ul li a { color: #565656; font-size: 18px; width: 100%; display: block; border-radius: 50%; text-align: center; width: 40px; height: 40px; padding-top: 4px; } .dashboard .dashbord_content .bottom { display: flex; justify-content: center; padding-bottom: 50px; } .dashboard .dashbord_content .bottom nav .pagination .page-item { border: none; } .dashboard .dashbord_content .bottom nav .pagination .page-item .page-link { border: none; color: #797979; padding: 15px 20px; border-radius: 7px; font-size: 18px; margin: 0 5px; } @media screen and (max-width: 456px) { .dashboard .dashbord_content .bottom nav .pagination .page-item .page-link { padding: 12px 16px !important; font-size: 16px !important; } } .dashboard .dashbord_content .bottom nav .pagination .page-item .page-link:hover { background-color: #763242; color: #fff; } .dashboard .dashbord_content .bottom nav .pagination .page-item.active .page-link { z-index: 3; color: #fff; background-color: #763242; border-color: #763242; } .modal-footer { justify-content: space-between; } .modal-body .model_img { text-align: center; margin: auto; max-width: 200px; padding-bottom: 20px; } .modal-body .model_img img { width: 100%; } .modal-body .question { text-align: center; } .modal-body .question h4 { color: #565656; } .modal-body .question p { color: #797979; } .about { margin-top: 90px; padding-bottom: 40px; } .about .about_img img { width: 100%; border-radius: 5px; } .about .about_left h4 { color: #565656; padding-bottom: 10px; } .about .about_left p { color: #797979; font-size: 14px; line-height: 30px; } .team { margin-top: 90px; padding-bottom: 70px; } .team h4 { text-align: center; font-size: 25px; } .team .card { margin-top: 50px; } .team .card .card-img-top img { width: 100%; border-radius: 5px; } .team .card .card-body { text-align: center; } .team .card .card-body h4 { font-size: 20px; padding-top: 10px; } .team .card .card-body p { padding-bottom: 10px; color: #797979; } .counter_main { margin-top: 90px; padding-bottom: 95px; } .counter_main .counter { background-color: #f5f5f5; padding: 20px 0; border-radius: 5px; } .counter_main .count-title { font-size: 25px; font-weight: normal; margin-top: 15px; margin-bottom: 0; color: #565656; text-align: center; } .counter_main .count-text { font-size: 20px; font-weight: normal; margin-top: 15px; margin-bottom: 0; text-align: center; color: #565656; } .counter_main .fa-2x { margin: 0 auto; float: none; display: table; color: #763242; font-size: 60px; font-weight: lighter; } .contact { margin-top: 90px; padding-bottom: 90px; } .contact .c_left { color: #565656; } @media screen and (max-width: 992px) { .contact .c_left { margin-bottom: 80px; } } .contact .c_left h4 { font-size: 22px; padding-bottom: 20px; } .contact .c_left .mind { font-size: 66px; color: #565656; font-weight: 600; } @media screen and (max-width: 992px) { .contact .c_left .mind { font-size: 50px; } } .contact .c_left p { color: #797979; font-size: 14px; padding-top: 25px; } .contact .c_right .form-group { padding: 10px; } @media screen and (max-width: 992px) { .contact .c_right .form-group { padding: 0; } } .contact .c_right .form-group .form-control { border-radius: 2px; height: 50px; background-color: transparent; color: #666; box-shadow: none; font-size: 15px; margin-bottom: 20px; } .contact .c_right .form-group textarea { height: 200px; } select { cursor: pointer; /* styling */ background-color: white; border: 1px solid #ccc; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; /* reset */ margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #ccc 50%), linear-gradient(135deg, #ccc 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; /* Very imp: hide arrow in IE */ } select .selected { font-weight: 600; } select::-ms-expand { display: none; } select:-moz-focusring { color: transparent; text-shadow: none; } select:focus { background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, green, green); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: green; outline: 0; } .user_profile { margin-top: 90px; margin-bottom: 90px; } .user_profile .sidebar { width: 100%; text-align: center; } .user_profile .sidebar .profile_img { max-width: 150px; text-align: center; margin: auto; } .user_profile .sidebar .profile_img img { width: 100%; border-radius: 50%; border: 8px solid; border-color: #dedede; } .user_profile .sidebar .user { margin-bottom: 90px; } .user_profile .sidebar .user .user_name { padding-top: 10px; color: #565656; font-size: 18px; font-weight: 700; } .user_profile .sidebar .user_menu ul { text-align: left; padding: 0 15px; } .user_profile .sidebar .user_menu ul li { margin-bottom: 10px; align-items: baseline; display: flex; } .user_profile .sidebar .user_menu ul li a { display: flex; align-items: baseline; color: #565656; text-decoration: none; font-size: 16px; padding: 10px 20px; width: 100%; } .user_profile .sidebar .user_menu ul li a:hover { color: #763242; } .user_profile .sidebar .user_menu ul li a .count { margin-left: auto; color: #797979; height: 24px; width: 26px; border-radius: 50%; text-align: center; color: #797979; } .user_profile .sidebar .user_menu ul li a .count:hover { background-color: #763242; color: #fff !important; } .user_profile .sidebar .user_menu li.active a { background: #5672f9; color: #fff; } @media screen and (max-width: 992px) { .user_profile .Profile_content { margin-top: 70px; } } .user_profile .Profile_content .heading { margin-bottom: 45px; } .user_profile .Profile_content .heading h4 { color: #565656; font-size: 25px; text-align: left; } .user_profile .Profile_content .heading p { color: #797979; font-size: 14px; padding-top: 10px; } .user_profile .Profile_content .personal_info .info_head, .user_profile .Profile_content .mail_info .info_head, .user_profile .Profile_content .password_info .info_head { width: 100%; padding-top: 10px; padding-bottom: 5px; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; margin-bottom: 20px; } .user_profile .Profile_content .personal_info .form-group label, .user_profile .Profile_content .mail_info .form-group label, .user_profile .Profile_content .password_info .form-group label { color: #797979; } .user_profile .Profile_content .personal_info .form-group .form-control, .user_profile .Profile_content .mail_info .form-group .form-control, .user_profile .Profile_content .password_info .form-group .form-control { border-radius: 2px; height: 50px; background-color: transparent; color: #666; box-shadow: none; font-size: 15px; margin-bottom: 20px; } .user_profile .Profile_content .personal_info .choose-file, .user_profile .Profile_content .mail_info .choose-file, .user_profile .Profile_content .password_info .choose-file { align-items: baseline; } .user_profile .Profile_content .personal_info .choose-file i, .user_profile .Profile_content .mail_info .choose-file i, .user_profile .Profile_content .password_info .choose-file i { background-color: #763242; margin-right: 10px; height: 46px; width: 49px; padding-top: 13px; color: white; border-radius: 50%; font-size: 19px; } .user_profile .Profile_content .personal_info .form-check, .user_profile .Profile_content .mail_info .form-check, .user_profile .Profile_content .password_info .form-check { color: #797979; padding-bottom: 20px; } .user_profile .Profile_content .mail_info { margin-top: 90px; } .packages { margin-top: 90px; margin-bottom: 90px; } .packages .package_head { padding-top: 20px; } .packages .card { margin-top: 50px; } .packages .card:hover { box-shadow: 0px 8px 13px 5px rgba(176, 176, 176, 0.71); } .packages .card .card-body { padding: 60px 20px; } .packages .card .card-body span { color: #763242; font-size: 50px; } .packages .card .card-body .card-title { color: #565656; font-size: 25px; font-weight: 700; margin-top: 30px; } .packages .card .card-body .card-text { color: #565656; font-size: 25px; margin-top: 20px; font-weight: 700; border: 1px solid; border-color: transparent; padding-bottom: 10px; margin-left: 32px; margin-right: 32px; border-bottom-color: #dedede !important; } .packages .card .card-body .card-text span { font-size: 20px; color: #565656; } .packages .card .card-body ul { margin: 30px 0; padding-left: 0; font-size: 15px; } .packages .card .card-body ul .hh { padding-left: 10px; } .nn { display: flex !important; justify-content: center; align-items: baseline; color: #797979; margin-bottom: 30px; } .advance-search { margin-top: 35px; margin-bottom: 20px; color: #fff; } .advance-search .form-control { display: block; width: 100%; height: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #ffffff; background-color: transparent; background-clip: padding-box; border: 1px solid #ffffff; border-radius: 0 !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .advance-search .form-control::placeholder { color: #fff; opacity: 1; } .product_single { margin-top: 90px; margin-bottom: 90px; } .product_single .product_preview .head { color: #565656; font-weight: 600; font-size: 25px; } .product_single .product_preview .product_type { margin-top: 20px; display: flex; } .product_single .product_preview .product_type .wrapper { padding-right: 40px; } .product_single .product_preview .product_type span { color: #797979; font-size: 14px; } .product_single .product_preview .product_type a { color: #565656; font-size: 15px; padding-left: 5px; } .product_single .product_preview .product_type a:hover { color: grey; text-decoration: none; } .product_single .trending_body1 { margin-top: 90px; margin-bottom: 150px; } .product_single .trending_body1 .card { max-width: 450px; border: none; margin: auto; } @media screen and (max-width: 768px) { .product_single .trending_body1 .card { max-width: 350px; } } .product_single .trending_body1 .card img { width: 100%; } @media screen and (max-width: 992px) { .product_single .tabs { margin-bottom: 70px; } } .product_single .tabs .nav-pills { justify-content: center; } .product_single .tabs .nav-pills .nav-item .nav-link { border-radius: 0; padding: 20px 30px; color: #000000; margin-right: 5px; } .product_single .tabs .nav-pills .nav-item .nav-link:hover { background-color: #763242; color: #fff; } .product_single .tabs .tab-content .tab-pane .p_details { padding-top: 20px; } .product_single .tabs .tab-content .tab-pane .p_details h4 { color: #565656; font-weight: 700; font-size: 22px; margin-top: 10px; width: 100%; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 10px; } .product_single .tabs .tab-content .tab-pane .p_details p { color: #797979; padding-top: 20px; line-height: 25px; } .product_single .tabs .tab-content .tab-pane .p_details .youtube { width: 100%; } .product_single .tabs .tab-content .tab-pane .p_spec { padding-top: 20px; } .product_single .tabs .tab-content .tab-pane .p_spec h4 { color: #565656; font-weight: 700; font-size: 22px; margin-top: 10px; width: 100%; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 10px; } .product_single .tabs .tab-content .tab-pane .P_review { padding-top: 20px; } .product_single .tabs .tab-content .tab-pane .P_review h4 { color: #565656; font-weight: 700; font-size: 22px; margin-top: 10px; width: 100%; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 10px; } .product_single .tabs .tab-content .tab-pane .P_review .u_review { margin-top: 20px; margin-bottom: 50px; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .wrapper { display: flex; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .user_img { max-width: 75px; margin-right: 50px; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .user_img img { width: 100%; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .review_details { padding-top: 20px; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .review_details .rating { display: flex; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .review_details .rating span { color: grey; font-size: 14px; padding-right: 10px; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .review_details h5 { padding: 10px 0; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .review_details .date { color: #797979; padding-bottom: 10px; } .product_single .tabs .tab-content .tab-pane .P_review .u_review .review_details p { color: #797979; line-height: 25px; } .product_single .tabs .tab-content .tab-pane .sub_review .rating { padding-top: 20px; } .product_single .tabs .tab-content .tab-pane .sub_review .rating span { color: #6c6a74; font-size: 14px; padding-right: 10px; } .product_single .tabs .tab-content .tab-pane .sub_review .rating span:hover { color: #000000; } .product_single .tabs .tab-content .tab-pane .sub_review .review-submit { margin-top: 20px; } .product_single .tabs .tab-content .tab-pane .sub_review .review-submit .form-control { height: 50px; margin-bottom: 20px; } .product_single .tabs .tab-content .tab-pane .sub_review .review-submit textarea { height: 200px !important; } .product_single .single_sidebar .price { background-color: #763242; text-align: center; padding: 30px; margin-bottom: 50px; } .product_single .single_sidebar .price p { color: #fff; font-size: 18px; font-weight: 600; padding-bottom: 5px; } .product_single .single_sidebar .price .value { color: #fff; font-size: 30px; font-weight: 700; } .product_single .single_sidebar .user_info { text-align: center; padding-top: 20px; } .product_single .single_sidebar .user_info .user_img { max-width: 150px; margin: auto; } .product_single .single_sidebar .user_info .user_img img { border-radius: 50%; width: 100%; } .product_single .single_sidebar .user_info h5 { color: #565656; margin-top: 30px; font-size: 22px; font-weight: 600; } .product_single .single_sidebar .user_info .date { color: #797979; } .product_single .single_sidebar .user_info a { text-decoration: none; color: #565656; font-size: 18x; } .product_single .single_sidebar .user_info a:hover { color: #763242; } .product_single .single_sidebar .user_info .buttons { padding-top: 30px; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 30px; } .product_single .single_sidebar .user_info .map { width: 100%; margin-top: 30px; margin-bottom: 30px; padding: 20px; } .product_single .single_sidebar .user_info .map .mapouter { position: relative; text-align: right; height: 300px; width: 100%; } .product_single .single_sidebar .user_info .map .gmap_canvas { overflow: hidden; background: none !important; height: 300px; width: 100%; } .product_single .single_sidebar .user_info .side_rate p { font-size: 16px; padding-bottom: 25px; font-weight: 600; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; } .product_single .single_sidebar .user_info .side_rate .rating { padding-top: 15px; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 25px; } .product_single .single_sidebar .user_info .side_rate .rating span { color: #e9c939; font-size: 18px; margin-right: 12px; } .product_single .single_sidebar .user_info .listing { margin-top: 30px; background-color: #763242; padding: 30px; margin-bottom: 50px; border-radius: 3px; } .product_single .single_sidebar .user_info .listing p { color: #fff; font-size: 18px; font-weight: 600; padding-bottom: 5px; text-align: left !important; } .safty h5 { color: #565656; font-weight: 600; text-align: left !important; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 25px; } .safty p { color: #797979; line-height: 22px; text-align: left !important; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 25px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff !important; background-color: #763242; } @keyframes fadeInOut { 0% { opacity: 0; } 45% { opacity: 1; } 100% { opacity: 0%; } } .trending_body1 .owl-carousel .owl-nav { overflow: hidden; height: 0px; } .trending_body1 .owl-carousel .nav-btn { height: 38px; position: absolute; width: 38px; cursor: pointer; top: 100px !important; border-radius: 50%; padding-top: 8px; padding-left: 2px; } .trending_body1 .owl-carousel .owl-prev.disabled, .trending_body1 .owl-carousel .owl-next.disabled { pointer-events: none; opacity: 0.2; } .trending_body1 .owl-carousel .prev-slide { background-color: #763242; left: -33px; } @media screen and (max-width: 768px) { .trending_body1 .owl-carousel .prev-slide { left: -13px; } } @media screen and (max-width: 568px) { .trending_body1 .owl-carousel .prev-slide { left: 0 !important; top: 31px !important; } } .trending_body1 .owl-carousel .prev-slide span { color: white; font-size: 21px; padding-right: 5px; } .trending_body1 .owl-carousel .next-slide { background-color: #763242; right: -33px; } @media screen and (max-width: 768px) { .trending_body1 .owl-carousel .next-slide { right: -13px; } } @media screen and (max-width: 568px) { .trending_body1 .owl-carousel .next-slide { right: 0 !important; top: 31px !important; } } .trending_body1 .owl-carousel .next-slide span { color: #fff; font-size: 21px; } .trending_body1 .owl-carousel .prev-slide:hover { background-position: 0px -53px; } .trending_body1 .owl-carousel .next-slide:hover { background-position: -24px -53px; } .trending_body1 .slider-nav { background-color: #fff; margin-bottom: 75px; } .trending_body1 .thumbs { width: 100%; display: table; table-layout: fixed; padding: 0; margin: 0; } .trending_body1 .thumb { width: 5%; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; background-color: #000; } .trending_body1 .thumb img { width: 100%; height: auto; display: block; } .trending_body1 .thumb span { font-size: 1.2em; line-height: 1; color: transparent; text-align: center; font-weight: bold; text-decoration: none; display: block; position: absolute; top: 50%; left: 0; right: 0; padding: 1em 0; margin-top: -1.6em; } .trending_body1 .owl-carousel button.owl-dot span { display: inline-block; color: transparent; font-size: 20px; font-weight: 700; margin: 5px; } .trending_body1 .owl-carousel button.owl-dot.active span { color: #797979; background-color: #64646400; height: 100%; width: 100%; } .trending_body1 .owl-carousel .owl-dots { position: absolute; width: 5%; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; width: 100%; table-layout: fixed; padding: 0; margin: 0; display: flex; position: absolute; bottom: -58px; } .trending_body1 .owl-carousel button.owl-dot { width: 100%; table-layout: fixed; padding: 0; margin: 0; } .store { margin-top: 90px; margin-bottom: 90px; } .store .Store_slider .item { text-align: center; } .store .Store_slider .item a { color: #000000; text-decoration: none; } .store .Store_slider .item a:hover { color: #763242; } .store .Store_slider .item a h5 { margin-top: 10px; padding: 10px; font-size: 16px !important; color: #565656; } .store .Store_slider .item a h5:hover { color: #000000 !important; } .store .Store_slider .item li { font-size: 37px; } .store .Store_slider .owl-carousel .nav-btn { height: 38px; position: absolute; width: 38px; cursor: pointer; top: 50px !important; border-radius: 50%; padding-top: 8px; padding-left: 2px; } .more { padding-top: 50px; margin-bottom: 90px; } .more .top_heading { margin-bottom: 60px; } .more .top_heading h3 { color: #565656; font-weight: 700; font-size: 30px; letter-spacing: 0.05em; text-align: center; position: relative; } .more .top_heading h3:before { content: " "; display: block; margin: 0 auto; position: absolute; top: 50px; left: 0; right: 0; width: 127px; height: 2px; background-color: #e0e0e0; } .more .top_heading h3:after { content: " "; display: block; margin: 0 auto; position: absolute; bottom: -17px; left: 0; right: 0; width: 50px; height: 4px; background-color: #763242; } .more .links { margin-bottom: 25px; } @media screen and (max-width: 576px) { .more .links { text-align: center; } } .more .links .hash { padding-left: 15px; width: 100%; color: #565656; font-size: 25px; font-weight: 700; border: 1px solid; border-color: transparent; border-bottom-color: #dedede !important; padding-bottom: 20px; margin-bottom: 20px; } .more .links .store-list { padding-left: 0; } .more .links .store-list li { padding: 15px 0; } .more .links .store-list a { color: #797979; font-size: 16px; } .more .links .store-list a:hover { color: #763242; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff !important; background-color: #763242; } @keyframes fadeInOut { 0% { opacity: 0; } 45% { opacity: 1; } 100% { opacity: 0%; } } .owl-carousel .owl-nav { overflow: hidden; height: 0px; } .owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled { pointer-events: none; opacity: 0.2; } .owl-carousel .prev-slide { background-color: #763242; left: 0px; } .owl-carousel .prev-slide span { color: #fff; font-size: 21px; padding-right: 5px; } .owl-carousel .next-slide { background-color: #763242; right: 0px; } .owl-carousel .next-slide span { color: #fff; font-size: 21px; } .owl-carousel .prev-slide:hover { background-position: 0px -53px; } .owl-carousel .next-slide:hover { background-position: -24px -53px; } .slider-nav { background-color: #fff; margin-bottom: 75px; } .blog { margin-top: 90px; margin-bottom: 90px; } .blog .blog_left .wrapper { margin-bottom: 70px; padding-bottom: 30px; } .blog .blog_left .wrapper .play { max-width: 80px; position: absolute; top: 41%; z-index: 2; display: flex; left: 45%; } .blog .blog_left .wrapper .blog_img { position: relative; margin-bottom: 30px; } .blog .blog_left .wrapper .blog_img .video_overlay:before { content: ''; background: rgba(0, 0, 0, 0.51); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .blog .blog_left .wrapper .blog_img img { width: 100%; border-radius: 3px; } .blog .blog_left .wrapper h4 { font-size: 22px; color: #565656; } .blog .blog_left .wrapper .date { color: #797979; margin-bottom: 20px; } .blog .blog_left .wrapper .date a { text-decoration: none; } .blog .blog_left .wrapper .date a:hover { color: #763242; } .blog .blog_left .wrapper p { color: #797979; } .blog .blog_left .bottom { display: flex; padding-bottom: 50px; } .blog .blog_left .bottom nav .pagination .page-item { border: none; } .blog .blog_left .bottom nav .pagination .page-item .page-link { border: none; color: #797979; padding: 15px 20px; border-radius: 7px; font-size: 18px; margin: 0 5px; } @media screen and (max-width: 456px) { .blog .blog_left .bottom nav .pagination .page-item .page-link { padding: 12px 16px !important; font-size: 16px !important; } } .blog .blog_left .bottom nav .pagination .page-item .page-link:hover { background-color: #763242; color: #fff; } .blog .blog_left .bottom nav .pagination .page-item.active .page-link { z-index: 3; color: #fff; background-color: #763242; border-color: #763242; } .blog .blog_right .product_sidebar { padding: 0 25px; } .blog .blog_right .product_sidebar .wrapper { margin-bottom: 30px; position: relative; } .blog .blog_right .product_sidebar .wrapper .input-group { margin-bottom: 40px; padding-bottom: 20px; } .blog .blog_right .product_sidebar .wrapper .form-control { height: 50px; border: none !important; } .blog .blog_right .product_sidebar .wrapper .md-form.form-sm.form-1 input { border: 1px solid #bdbdbd; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .blog .blog_right .product_sidebar .wrapper .widget_header h4 { font-size: 18px; font-weight: 600; } .blog .blog_right .product_sidebar .wrapper hr { color: #000000; } .blog .blog_right .product_sidebar .wrapper ul { padding-left: 0; } .blog .blog_right .product_sidebar .wrapper ul li { padding: 7px 0; } .blog .blog_right .product_sidebar .wrapper ul li a { display: flex !important; justify-content: space-between !important; color: #797979; text-decoration: none; } .blog .blog_right .product_sidebar .wrapper ul li a:hover { color: #763242; } .blog .blog_right .product_sidebar .wrapper ul li a:hover span { color: #763242 !important; height: 25px; width: 36px; border-radius: 16%; display: inline-block; text-align: center; padding-top: 1px; } .blog .blog_right .product_sidebar .wrapper ul li a span { color: #797979 !important; height: 25px !important; width: 36px !important; border-radius: 16% !important; display: inline-block; text-align: center; padding-top: 1px; } .input-group-text { background-color: #763242; border: 1px solid; border-color: #763242; } .blog { margin-top: 90px; margin-bottom: 90px; } .blog .blog_left .wrapper { margin-bottom: 70px; padding-bottom: 30px; } .blog .blog_left .wrapper .bottom-right { margin-top: 10px; } .blog .blog_left .wrapper .bottom-right ul { padding-left: 0; } .blog .blog_left .wrapper .bottom-right ul a { color: #763242; height: 37px; width: 37px; border: 2px solid; border-radius: 50%; text-align: center; padding-top: 6px; margin-right: 15px; } .blog .blog_left .wrapper .bottom-right ul a:hover { color: #fff; background-color: #763242; border: 2px solid; border-color: #763242; } .blog .blog_left .wrapper .bottom-right ul li { font-size: 14px; } .blog .blog_left .wrapper .play { max-width: 80px; position: absolute; top: 41%; z-index: 2; display: flex; left: 45%; } .blog .blog_left .wrapper .blog_img { position: relative; margin-bottom: 30px; } .blog .blog_left .wrapper .blog_img .video_overlay:before { content: ''; background: rgba(0, 0, 0, 0.51); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .blog .blog_left .wrapper .blog_img img { width: 100%; border-radius: 3px; } .blog .blog_left .wrapper h4 { font-size: 22px; color: #565656; } .blog .blog_left .wrapper .date { color: #797979; margin-bottom: 20px; } .blog .blog_left .wrapper .date a { text-decoration: none; } .blog .blog_left .wrapper .date a:hover { color: #763242; } .blog .blog_left .wrapper .blog_p { color: #797979; padding-bottom: 20px !important; line-height: 25px !important; } .blog .blog_left .bottom { display: flex; padding-bottom: 50px; } .blog .blog_left .bottom nav .pagination .page-item { border: none; } .blog .blog_left .bottom nav .pagination .page-item .page-link { border: none; color: #797979; padding: 15px 20px; border-radius: 7px; font-size: 18px; margin: 0 5px; } .blog .blog_left .bottom nav .pagination .page-item .page-link:hover { background-color: #763242; color: #fff; } .blog .blog_left .bottom nav .pagination .page-item.active .page-link { z-index: 3; color: #fff; background-color: #763242; border-color: #763242; } .blog .blog_left .c_blog h4 { color: #565656; padding-left: 15px; } .blog .blog_left .c_blog .form-group { padding: 20px 20px; } .blog .blog_left .c_blog .form-group label { color: #797979; } .blog .blog_left .c_blog .form-group .form-control { border-radius: 2px; height: 50px; background-color: transparent; color: #666; box-shadow: none; font-size: 15px; } .blog .blog_left .c_blog .form-group textarea { height: 200px; margin-bottom: 30px; } .blog .blog_right .product_sidebar { padding: 0 25px; } .blog .blog_right .product_sidebar .wrapper { margin-bottom: 30px; position: relative; } .blog .blog_right .product_sidebar .wrapper .input-group { margin-bottom: 40px; padding-bottom: 20px; } .blog .blog_right .product_sidebar .wrapper .form-control { height: 50px; border: none !important; } .blog .blog_right .product_sidebar .wrapper .md-form.form-sm.form-1 input { border: 1px solid #bdbdbd; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .blog .blog_right .product_sidebar .wrapper .widget_header h4 { font-size: 18px; font-weight: 600; } .blog .blog_right .product_sidebar .wrapper hr { color: #000000; } .blog .blog_right .product_sidebar .wrapper ul { padding-left: 0; } .blog .blog_right .product_sidebar .wrapper ul li { padding: 7px 0; } .blog .blog_right .product_sidebar .wrapper ul li a { display: flex !important; justify-content: space-between !important; color: #797979; text-decoration: none; } .blog .blog_right .product_sidebar .wrapper ul li a:hover { color: #763242; } .blog .blog_right .product_sidebar .wrapper ul li a:hover span { color: #763242 !important; height: 25px; width: 36px; border-radius: 16%; display: inline-block; text-align: center; padding-top: 1px; } .blog .blog_right .product_sidebar .wrapper ul li a span { color: #797979 !important; height: 25px !important; width: 36px !important; border-radius: 16% !important; display: inline-block; text-align: center; padding-top: 1px; } .input-group-text { background-color: #763242; border: 1px solid; border-color: #763242; } .Products_main { margin-top: 90px; margin-bottom: 90px; } .Products_main .heading { padding-bottom: 50px; } .Products_main .heading h3 { text-align: left; font-size: 25px; } .Products_main .heading p { color: #797979; } .Products_main .product_sidebar { padding: 0 25px; /*Checkboxes styles*/ } .Products_main .product_sidebar .wrapper { margin-bottom: 30px; } .Products_main .product_sidebar .wrapper .widget_header h4 { font-size: 22px; font-weight: 600; } .Products_main .product_sidebar .wrapper hr { color: #000000; } .Products_main .product_sidebar .wrapper ul { padding-left: 0; } .Products_main .product_sidebar .wrapper ul li { padding: 10px 0; } .Products_main .product_sidebar .wrapper ul li a { display: flex !important; justify-content: space-between !important; color: #565656; text-decoration: none; } .Products_main .product_sidebar .wrapper ul li a:hover { color: #763242; } .Products_main .product_sidebar .wrapper ul li a:hover span { color: #fff !important; background-color: #763242; height: 25px; width: 36px; border-radius: 16%; display: inline-block; text-align: center; padding-top: 1px; } .Products_main .product_sidebar .wrapper ul li a span { color: #797979 !important; height: 25px !important; width: 36px !important; border-radius: 16% !important; display: inline-block; text-align: center; padding-top: 1px; } .Products_main .product_sidebar .wrapper .range_main { position: relative; margin-top: 40px; padding-left: 30px; } .Products_main .product_sidebar .wrapper .range_main .range { width: 149px; height: 48px; border: 0; background: #763242; position: absolute; top: 193%; } .Products_main .product_sidebar .wrapper .range_main .range:before, .Products_main .product_sidebar .wrapper .range_main .range:after { content: ""; position: absolute; top: 0; z-index: -1; height: 100%; width: 28px; background: silver; pointer-events: none; } .Products_main .product_sidebar .wrapper .range_main .range:before { left: -28px; border-radius: 5px 0 0 5px; } .Products_main .product_sidebar .wrapper .range_main .range:after { right: -28px; border-radius: 0 5px 5px 0; } .Products_main .product_sidebar .wrapper .range_main input { -webkit-appearance: none; position: absolute; width: calc(100% + 40px); height: 100%; margin: 0; background-color: transparent; outline: none; left: -20px; -webkit-tap-highlight-color: transparent; } .Products_main .product_sidebar .wrapper .range_main .lbl-lft, .Products_main .product_sidebar .wrapper .range_main .lbl-rgt { position: absolute; top: -15px; color: #1a1a1a; font-size: 12px; font-weight: 700; } .Products_main .product_sidebar .wrapper .range_main .lbl-lft { left: -28px; } .Products_main .product_sidebar .wrapper .range_main .lbl-rgt { right: -28px; text-align: left; } .Products_main .product_sidebar .wrapper .range_main .range-thumb { position: absolute; top: 0px; margin-left: -24px; border-radius: 50%; border: 5px solid #878484; background: white; height: 48px; width: 48px; outline: none; transition: transform 0.3s ease; text-align: center; font-size: 12px; line-height: 38px; color: #1a1a1a; font-weight: 700; pointer-events: none; } .Products_main .product_sidebar .wrapper .range_main .range-thumb::before { display: none; content: ""; position: absolute; z-index: 1; top: 53px; left: 50%; transform: translateX(-50%); border-radius: 3px; width: 2px; height: 28px; margin-left: -3px; background: rgba(255, 255, 255, 0.25); box-shadow: 6px 0 0 rgba(255, 255, 255, 0.25); } .Products_main .product_sidebar .wrapper .range_main .range-thumb::after { content: ""; position: absolute; bottom: -5px; left: -5px; width: 48px; height: 10px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgNDggMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIGZpbGw9IiM2MTY4RTciPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuMTU0NjA2NCwyLjE4MjkyMDUxZS0xMiBMNC40NzIyMTMwMSwyLjE4MjkyMDUxZS0xMiBDNS40MjIyOTI4NiwxLjA2MTUxMjk4IDYsMi40NjMyOTExMyA2LDQgQzYsNy4zMTM3MDg1IDMuMzEzNzA4NSwxMCAwLDEwIEw0OCwxMCBDNDQuNjg2MjkxNSwxMCA0Miw3LjMxMzcwODUgNDIsNCBDNDIsMi40NjMyOTExMyA0Mi41Nzc3MDcxLDEuMDYxNTEyOTggNDMuNTI3Nzg3LDAgTDQzLjUyNzc4NywyLjE4MjkyMDUxZS0xMiBMMzYuODQ1MzkzNiwyLjE4MjkyMDUxZS0xMiBDMzMuNDYzMzI1NSwzLjEwNDc5MzA5IDI4Ljk1Mjk4NzQsNSAyNCw1IEMxOS4wNDcwMTI2LDUgMTQuNTM2Njc0NSwzLjEwNDc5MzA5IDExLjE1NDYwNjQsMi4xOTQyNDQ3OWUtMTIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); background-repeat: no-repeat; background-position: center; } .Products_main .product_sidebar .wrapper .range_main .resize { position: fixed; bottom: 20px; left: 0; width: 100%; text-align: center; font-size: 14px; font-weight: 500; color: #c8ccd4; } @media screen and (max-width: 768px) { .Products_main .product_sidebar .wrapper .range_main .hover + .range-thumb, .Products_main .product_sidebar .wrapper .range_main .active + .range-thumb { transform: translateY(-48px); } } .Products_main .product_sidebar .wrapper .range_main .hover + .range-thumb::before, .Products_main .product_sidebar .wrapper .range_main .active + .range-thumb::before { display: block; } .Products_main .product_sidebar .check { margin-top: 90px; padding-top: 60px; } .Products_main .product_sidebar .chekbox_wrapper { margin-top: 20px; } .Products_main .product_sidebar input[type="checkbox"] { display: none; } .Products_main .product_sidebar input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; color: #797979; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .Products_main .product_sidebar input[type="checkbox"] + label:last-child { margin-bottom: 0; } .Products_main .product_sidebar input[type="checkbox"] + label:before { content: ""; display: block; width: 20px; height: 20px; border: 1px solid #763242; position: absolute; left: 0; top: 0; opacity: 0.6; transition: all 0.12s, border-color 0.08s; } .Products_main .product_sidebar input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg); } @media screen and (max-width: 768px) { .Products_main .product_right { margin-top: 70px; } } .Products_main .product_right .product_right_top .choose { display: flex; justify-content: space-between; } @media screen and (max-width: 992px) { .Products_main .product_right .product_right_top .choose .ch { margin-right: 10px !important; } } .Products_main .product_right .views { float: right; display: flex; } @media screen and (max-width: 768px) { .Products_main .product_right .views { float: none; margin-top: 30px; } } .Products_main .product_right .views ul { display: flex; } .Products_main .product_right .views ul:last-child { padding-right: 0; } .Products_main .product_right .views li { padding-right: 20px; } .Products_main .product_right .views li a { color: #565656; text-decoration: none; } .Products_main .product_right .views li a:hover { color: #763242; } .Products_main .product_right .views li.active a { color: #763242 !important; } .Products_main .product_right_bottom_list { padding-top: 20px; margin-top: 50px; } .Products_main .product_right_bottom_list .card { margin-bottom: 30px; } .Products_main .product_right_bottom_list .card .c_img { max-width: 300px; } .Products_main .product_right_bottom_list .card .c_img img { width: 100%; } .Products_main .product_right_bottom_list .card .card-body .card-title { color: #565656; font-weight: 700; letter-spacing: 0.05em; font-size: 19px; } .Products_main .product_right_bottom_list .card .card-body .list-group-item { border: 0; padding: 10px 10px 10px 0; margin-bottom: 0 !important; margin-bottom: 10px; } .Products_main .product_right_bottom_list .card .card-body .list-group-item a { color: #797979; text-decoration: none; } .Products_main .product_right_bottom_list .card .card-body .list-group-item span { padding-right: 10px; } .Products_main .product_right_bottom_list .card .card-body p { color: #797979; } .Products_main .product_right_bottom_list .card .card-rating { padding-left: 16px; padding-bottom: 20px; padding-top: 5px; } .Products_main .product_right_bottom_list .card .card-rating .card-link { color: #763242; } .Products_main .product_right_bottom_list .card .card-rating .card-link span { font-size: 18px; } .Products_main .product_right_bottom_list .bottom { display: flex; justify-content: center; padding-top: 50px; } .Products_main .product_right_bottom_list .bottom nav .pagination .page-item { border: none; } .Products_main .product_right_bottom_list .bottom nav .pagination .page-item .page-link { border: none; color: #797979; padding: 15px 20px; border-radius: 7px; font-size: 18px; margin: 0 5px; } @media screen and (max-width: 456px) { .Products_main .product_right_bottom_list .bottom nav .pagination .page-item .page-link { padding: 12px 16px !important; font-size: 16px !important; } } .Products_main .product_right_bottom_list .bottom nav .pagination .page-item .page-link:hover { background-color: #763242; color: #fff; } .Products_main .product_right_bottom_list .bottom nav .pagination .page-item.active .page-link { z-index: 3; color: #fff; background-color: #763242; border-color: #763242; } .forw { margin: 90px 0; } .forw .error { text-align: center; } .forw .error .message { margin: auto; } .forw .error .message .wrapper_img { max-width: 400px; margin: auto; } .forw .error .message .wrapper_img img { width: 100%; } .forw .error .message .oops { font-size: 70px; color: #797979; padding-top: 20px; font-weight: 600; } .forw .error .message p { color: #797979; padding-top: 15px; padding-bottom: 20px; } .terms { margin: 90px 0; } @media screen and (max-width: 576px) { .terms .terms-condition-content { padding: 0 30px; } } .terms .terms-condition-content .t_head { color: #565656; font-size: 18px; text-align: left; } .terms .terms-condition-content p { color: #797979; line-height: 30px; } .Profile_content1 .personal_info .info_head, .Profile_content1 .mail_info .info_head, .Profile_content1 .password_info .info_head { width: 100%; padding-top: 10px; padding-bottom: 5px; border: 1px solid; border-color: transparent; margin-bottom: 40px; } .Profile_content1 .personal_info .form-group label, .Profile_content1 .mail_info .form-group label, .Profile_content1 .password_info .form-group label { color: #797979; } .Profile_content1 .personal_info .form-group .form-control, .Profile_content1 .mail_info .form-group .form-control, .Profile_content1 .password_info .form-group .form-control { border-radius: 2px; height: 50px; background-color: transparent; color: #666; box-shadow: none; font-size: 15px; margin-bottom: 20px; } .Profile_content1 .personal_info .form-check, .Profile_content1 .mail_info .form-check, .Profile_content1 .password_info .form-check { color: #797979; padding-bottom: 20px; } .Profile_content1 .mail_info { border: 1px solid; padding: 20px 30px; border-color: #dedede; border-radius: 5px; } .Profile_content1 .mail_info .links { margin-top: 10px; } .Profile_content1 .mail_info .links .fp { padding-bottom: 15px; } /*# sourceMappingURL=style.css.map */ .products_pager .btn-secondary { color: #763242; background-color: #fff; border-color: #fff; } .products_pager .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #763242; border-color:#fff; } .product_sidebar .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: black !important; background-color: #fff !important; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #763242; background-color: #fff; border: 1px solid #dee2e6; } .page-item.active .page-link { z-index: 3; color: #fff; background-color:#763242; border-color: #dee2e6; } .oe_website_login_container { display: flex; justify-content: center; } .oe_website_login_container .oe_login_form { margin: auto; } .btn-secondary { color: #763242; background-color: #fff; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #763242; border-color: #545b62; } .product_sidebar .wrapper .sidebar__filter .price_wrapper p { align-items: center; margin: 0; display: flex; padding-right: 2%; font-weight: bold; } .product_sidebar .wrapper .sidebar__filter .price_wrapper span { align-items: center; margin-left: 5%; display: flex; padding-right: 5%; font-weight: bold; } .product_sidebar .wrapper .sidebar__filter { position: relative; margin-bottom: 0px; } .product_sidebar .wrapper .sidebar__filter .section-title { margin-bottom: 50px; } .product_sidebar .wrapper .sidebar__filter .section-title .borderd_header { text-transform: uppercase; } .product_sidebar .wrapper .sidebar__filter .section-title h4 { font-size: 18px; } .product_sidebar .wrapper .sidebar__filter #slider-range { margin-bottom: 30px; background-color: #c09f7f; border: none; height: 8px; } .product_sidebar .wrapper .sidebar__filter #slider-range .ui-state-default, .product_sidebar .wrapper .sidebar__filter #slider-range .ui-widget-content .ui-state-default { background-color: #fff; border: 0.5px solid brown; height: 18px; width: 18px; top: -4.8px; position: absolute; } .product_sidebar .wrapper .sidebar__filter #slider-range.ui-slider-horizontal .ui-slider-range { top: 0; background-color: #763242; !important; left: 0%; width: 60%; position: absolute; height: 8px; } .product_sidebar .wrapper .sidebar__filter .price_wrapper .price_filter_button { background-color: transparent !important; color: #763242; !important; border-radius: 0 !important; font-weight: 550; font-size: 12px; border: 2px solid !important; } .product_sidebar .wrapper .sidebar__filter .price_wrapper .price_filter_button:hover { border-color: #763242; !important; color: #763242; !important; background: #763242; !important; } .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #763242; !important; border-color: #4e555b; } .o_website_rating_table_progress .o_rating_progressbar { background-color: #763242 !important; } .o_website_rating_static { color: #763242 !important; } .btn-outline-primary:hover { color: #fff; background-color: #763242; !important; border-color: #763242; !important; } .navigation .container .classic-icon a { color: #c09f7f; } .navigation .container .login a { color: #763242 !important; } .navigation .container .login a:hover { color: #fff !important; background-color: #c09f7f; } .navigation .container .login { border: 1px solid !important; } .navigation .container .login:hover { color: #fff !important; background-color: #b8926e !important; } .badge-primary { color: #fff; background-color: #c09f7f !important; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: .25rem; } .banner_search .breadcrumb a { color: #fff !important; text-decoration: none; background-color: transparent; font-size: 16px; } .banner_search .breadcrumb-item.active { color: #c09f7f; font-size: 16px; } .banner_search .btn-secondary { color: #fff; background-color: #763242; border-color: #6c757d; } .banner_search .btn-secondary:hover { color: #763242; background-color: #fff; border-color: #545b62; } .navbar-dark .navbar-brand { color: #565656; font-size: 30px; font-weight: 900; } .navbar-dark .navbar-nav .nav-item .nav-link { color: #797979 !important; font-size: 18px !important; padding: 0 20px !important; } .price_box .oe_currency_value { font-size: 30px !important; } .o_wblog_post .text-nowrap a { color: #763242; text-decoration: none; } .o_wblog_post_short_tag_section a { color: #763242; text-decoration: none; } .o_wblog_post_content .breadcrumb .breadcrumb-item a { color: #763242 !important; text-decoration: none; background-color: transparent; font-size: 16px; } .breadcrumb a { color: #763242 !important; text-decoration: none; background-color: transparent; font-size: 16px; } .text-muted a { color: #763242; text-decoration: none; } .btn-link:hover { color: #763242 !important; text-decoration: underline; } .oe_product_cart:hover { box-shadow: none !important; } .oe_website_sale .oe_cart a { color: #763242; } .oe_website_sale .oe_cart a:hover { color: #fff; } .oe_website_sale .oe_cart btn-primary{ color: #fff !important; } .product_buttons .product_bottom { display: flex; padding-top: 0; padding-left: 4; position: relative; } .product_buttons .product_bottom li { height: 30px; width: 30px; border-radius: 5%; background-color: #fff !important; margin-right: 12px; } .product_buttons .product_bottom a { color: #763242 } .product_buttons .product_bottom a span { padding: 9px; } .product_buttons .product_bottom a span:hover { color: #c09f7f; } .dropdown-item.active, .dropdown-item:active { color: #c09f7f !important; text-decoration: none; background-color: #fff !important; } .product_right_bottom .card .card-rating { padding-left: 16px; padding-bottom: 20px; padding-top: 5px; } .product_right_bottom .card .card-rating .card-link { color: #763242; } .navbar #top_menu.o_menu_loading { opacity: 1!important;} a.text-primary.text-decoration-none { color: black !important; } .oe_product_cart .o_wsale_product_information { padding: var(--o-wsale-card-info-padding, 1.5rem ); } .o_wsale_product_grid_wrapper.position-relative.h-100.o_wsale_product_grid_wrapper_1_1 { border: 1px solid lightgray; } li.shop-list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; background-color: #FFF; } a.dropdown-toggle.btn.btn-light { color: #763242; } a.dropdown-toggle.btn.btn-light:hover { color: #fff; background-color: #763242; border-color: #545b62; } span.fa.fa-heart { color: #763242; } .fa-exchange { color: #763242; } b { color: #212529 !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; margin-top: 10px !important; margin-bottom: 0.5rem !important; font-weight: 500 !important; line-height: 1.2 !important; font-size: 1.5rem !important; } div#o_wsale_price_range_option { margin-top: 30px; } ul.nav navbar-nav o_menu_loading flex-grow-1:li:a:span { position: relative; top: 0; transition: top ease 0.5s; font-size: 16px; } .oe_website_sale h1[itemprop="name"], .oe_website_sale .h1[itemprop="name"] { font-size: 1.75rem; font-weight: 500; } .col-lg-6.o_wsale_product_images.position-relative { width: 69%; } div#product_details { width: 28%; } ul.list-inline.list-unstyled.o_wsale_product_attribute { display: grid; } .navbar-dark .navbar-nav .nav-item .nav-link:hover { position: relative; transform: translateY(-7px); transition: all 0.4s ease-in-out; } span.nav-link.disabled.ps-0 { font-size: 17px; } a.nav-link.fw-bold.active { font-size: large; } @media screen and (max-width: 768px) { .price_box { min-width: 270px; margin-left: 29px; } ul.list-inline.list-unstyled.o_wsale_product_attribute { margin-left: 45px; } ul.list-inline.o_wsale_product_attribute { display: flex; margin-left: 45px; } input.form-control.quantity.text-center { min-width: 43px; } div#add_to_cart_wrap { min-width: 237px; margin-left: 44px; } .css_quantity.input-group.d-inline-flex.me-2.mb-2.align-middle.input-group-lg { margin-top: 6px; margin-left: 32px; } div { display: grid; } .s_share.text-start.text-lg-end { display: flow-root; } ul#pills-tab { display: contents; } .o_website_rating_static { display: block; } }