You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4499 lines
88 KiB
4499 lines
88 KiB
/*@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;
|
|
}
|
|
}
|