html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
template,
[hidden] {
display: none;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button,
input,
select,
textarea {
font: inherit;
margin: 0;
}
optgroup {
font-weight: bold;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
* {
font-family: "Work Sans", sans-serif;
font-weight: 400;
}
html {
font-size: 62.5%;
}
body {
font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
color: #000;
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
p {
font-size: 1.4rem;
line-height: 1.6em;
color: #666;
}
p span {
font-family: inherit;
color: inherit;
font-size: inherit;
}
a {
position: relative;
color: inherit;
text-decoration: none;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a:hover {
color: #ff8d00;
}
a,
input,
textarea,
button,
select {
outline: none;
}
a:hover,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
text-decoration: none;
}
a:focus,
button:focus,
select:focus,
input:focus,
textarea:focus {
outline: none;
text-decoration: none;
}
img {
max-width: 100%;
}
iframe {
border: 0;
max-width: 100%;
width: 100%;
}
figure {
margin: 0;
}
.ps-heading {
margin-bottom: 1.5rem;
font-size: 3.6rem;
color: #000;
font-weight: 600;
line-height: 1.4em;
}
.ps-row {
margin: 0 -15px;
}
.ps-row::after {
clear: both;
content: "";
display: table;
}
.ps-row .ps-column {
float: left;
width: 20%;
padding: 0 15px;
}
@media (max-width: 1600px) {
.ps-row .ps-column {
width: 25%;
}
}
@media (max-width: 991px) {
.ps-row .ps-column {
width: calc(100% / 3);
}
}
@media (max-width: 767px) {
.ps-row .ps-column {
width: calc(100% / 2);
}
}
@media (max-width: 479px) {
.ps-row .ps-column {
width: 100%;
}
}
@media (max-width: 767px) {
.ps-col-tiny .col-xs-12 {
width: 50%;
}
}
@media (max-width: 479px) {
.ps-col-tiny .col-xs-12 {
width: 100%;
}
}
.ps-container {
max-width: 1650px;
margin: 0 auto;
padding: 0 15px;
}
@media (max-width: 1680px) {
.ps-container {
padding: 0 30px;
max-width: 100%;
}
}
@media (max-width: 479px) {
.ps-container {
padding: 0 15px;
}
}
@media (min-width: 1200px) {
.container {
min-width: 1180px;
}
}
@media (min-width: 1250px) {
.container {
min-width: 1230px;
}
}
.ps-list--social {
margin: 0;
padding: 0;
}
.ps-list--social li {
position: relative;
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
.ps-list--social li:last-child {
margin-right: 0px;
}
.ps-list--social li a {
display: inline-block;
font-size: 18px;
color: #666;
}
.ps-list--social li a:hover {
color: #ff8d00;
}
.ps-list--social li a.facebook i {
color: #3b5998;
}
.ps-list--social li a.twitter i {
color: #0084b4;
}
.ps-list--social li a.google-plus i {
color: #FF0000;
}
.ps-list--social li a.instagram i {
color: #C32AA3;
}
button {
cursor: pointer;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-toggle,
.ps-btn--hamburger {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 50%;
}
.menu-toggle span,
.menu-toggle:before,
.menu-toggle:after,
.ps-btn--hamburger span,
.ps-btn--hamburger:before,
.ps-btn--hamburger:after {
position: absolute;
right: 10px;
height: 2px;
width: 20px;
background-color: #303030;
z-index: 100;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-toggle span,
.ps-btn--hamburger span {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-toggle:before,
.menu-toggle:after,
.ps-btn--hamburger:before,
.ps-btn--hamburger:after {
content: '';
}
.menu-toggle:before,
.ps-btn--hamburger:before {
top: 12px;
}
.menu-toggle:after,
.ps-btn--hamburger:after {
bottom: 12px;
}
.menu-toggle:hover,
.ps-btn--hamburger:hover {
cursor: pointer;
}
.menu-toggle.active span,
.ps-btn--hamburger.active span {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
opacity: 0;
}
.menu-toggle.active:before,
.menu-toggle.active:after,
.ps-btn--hamburger.active:before,
.ps-btn--hamburger.active:after {
top: 50%;
bottom: auto;
width: 20px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-color: #fc354c;
}
.menu-toggle.active:before,
.ps-btn--hamburger.active:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-toggle.active:after,
.ps-btn--hamburger.active:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 1199px) {
.menu-toggle,
.ps-btn--hamburger {
display: inline-block;
}
}
.ps-btn,
button.ps-btn {
display: inline-block;
padding: 7px 10px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #fff;
border: none;
font-weight: 600;
border-radius: 4px;
background-color: #777777;
-webkit-transition: all .4s ease;
transition: all .4s ease;
cursor: pointer;
}
.blue-btn {
background-color: #0095da;
}
.ps-btn:hover,
.ps-btn:active,
.ps-btn:focus,
button.ps-btn:hover,
button.ps-btn:focus,
button.ps-btn:active {
background-color: #ff8d00;
color: #fff;
box-shadow: none;
}
#back2top {
position: fixed;
bottom: 30px;
right: 30px;
width: 45px;
height: 45px;
z-index: 10000;
background-color: transparent;
border: none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: none;
}
#back2top i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #000;
z-index: 10001;
font-size: 30px;
}
#back2top:hover {
cursor: pointer;
background-color: #e6e6e6;
}
#back2top.active {
bottom: 30px;
visibility: visible;
opacity: 1;
}
@media (max-width: 1199px) {
#back2top {
display: none;
}
}
.form-control {
outline: none;
height: 50px;
font-size: 14px;
padding: 0 20px;
border: none;
height: 35px;
background-color: transparent;
border: 1px solid #dddddd;
border-radius: 0;
box-shadow: 0 0 rgba(0, 0, 0, 0);
-webkit-transition: all .4s ease;
transition: all .4s ease;
box-shadow: 0 0 0 #000;
}
.form-control::-webkit-input-placeholder {
opacity: 1;
}
.form-control::-moz-placeholder {
opacity: 1;
}
.form-control:-moz-placeholder {
opacity: 1;
}
.form-control:-ms-input-placeholder {
opacity: 1;
}
.form-control:focus {
outline: none;
box-shadow: 0 0 0 #000;
border-color: #ff8d00;
}
textarea.form-control {
height: 100px;
resize: none;
padding: 9px 20px;
}
.ps-modal .modal-body textarea.form-control {
height: 85px;
}
.modal-content {
border: 6px solid rgba(0, 0, 0, .2);
border-radius: 15px;
box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, .3);
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group > label {
margin-bottom: 1.5rem;
font-weight: 400;
color: #000000;
line-height: 1em;
}
.ps-breadcrumb {}
.ps-breadcrumb .breadcrumb {
display: inline-block;
margin: 0;
padding: 0;
background-color: transparent;
}
.ps-breadcrumb .breadcrumb li {
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #000;
}
.ps-breadcrumb .breadcrumb li:before {
content: "/";
margin: 0 5px;
}
.ps-breadcrumb .breadcrumb li:first-child {
padding-left: 0;
}
.ps-breadcrumb .breadcrumb li:first-child:before {
display: none;
}
.ps-breadcrumb .breadcrumb a {
line-height: 20px;
color: #0095da;
}
.ps-breadcrumb .breadcrumb a:hover {
color: #ff8d00;
}
.ps-breadcrumb .breadcrumb a i {
margin-right: 5px;
}
@media (max-width: 991px) {
.ps-breadcrumb {
position: relative;
padding: 10px 0;
}
.ps-breadcrumb .breadcrumb li {
font-size: 12px;
}
.ps-breadcrumb .breadcrumb a {
font-size: 12px;
}
}
.ps-block--testimonial {
margin-top: 50px;
position: relative;
z-index: 1;
background-color: #f5f5f5;
padding: 0 40px;
}
.ps-block--testimonial .ps-block__header {
position: relative;
top: -45px;
margin-bottom: -45px;
z-index: 10;
}
.ps-block--testimonial .ps-block__header img {
position: relative;
max-height: 90px;
border-radius: 50%;
z-index: 10;
}
.ps-block--testimonial .ps-block__content {
position: relative;
padding: 60px 0 40px;
}
.ps-block--testimonial .ps-block__content > i {
position: absolute;
top: 0;
right: 0;
font-size: 40px;
color: #ff8d00;
}
.ps-block--testimonial .ps-block__content h4 {
font-size: 18px;
font-weight: 600;
}
.ps-block--testimonial .ps-block__content h4 span {
margin-left: 10px;
font-size: 14px;
color: #999999;
}
.ps-client-say .ps-section__content .ps-carousel--testimonials .owl-controls .owl-dots {
display: flex;
justify-content: center;
margin-top: 20px;
}
.ps-client-say .ps-section__content .ps-carousel--testimonials .owl-controls .owl-dots .owl-dot span {
display: inline-block;
width: 10px;
height: 10px;
background: #ff8d00;
border-radius: 100%;
margin: 0 3px;
opacity: .5;
}
.ps-client-say .ps-section__content .ps-carousel--testimonials .owl-controls .owl-dots .owl-dot.active span {
background: #ff8d00;
opacity: 1;
}
@media (max-width: 991px) {
.ps-block--testimonial .ps-block__content {
padding-top: 30px;
}
}
@media (max-width: 767px) {
.ps-block--testimonial .ps-block__content > i {
display: none;
}
}
@media (max-width: 479px) {
.ps-block--testimonial {
padding: 30px 20px;
}
}
.ps-collection {
display: block;
border: 1px solid #bfbfbf;
}
#homepage-4 .ps-home-banner .container .ps-section__right .ps-collection {
display: block;
border: 1px solid #0095da;
margin-bottom: 10px;
padding: 8px;
box-shadow: 0px 0px 15px 0px #A7A7A7;
}
#homepage-4 .ps-home-banner .container .ps-section__right .ps-collection .ps-carousel--nav {
height: 125px;
overflow: hidden;
}
.ps-collection img {
width: 100%;
}
@media (max-width: 767px) {
.ps-collection {
margin-bottom: 30px;
}
}
/*******************/
.ps-panel--sidebar {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 400px;
height: 100vh;
overflow-y: auto;
z-index: 100;
background-color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.ps-panel--sidebar .ps-panel__header {
position: relative;
text-align: center;
padding: 8px 20px;
background-color: #556fbd;
}
.ps-panel--sidebar .ps-panel__header h3 {
margin-bottom: 0;
font-weight: 600;
color: #ffffff;
font-size: 1.6rem;
line-height: 20px;
text-transform: uppercase;
letter-spacing: .05em;
}
.ps-panel--sidebar .ps-panel__header .ps-btn--close {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
}
.ps-panel--sidebar .ps-panel__header .ps-btn--close:before,
.ps-panel--sidebar .ps-panel__header .ps-btn--close:after {
background-color: #ffffff;
height: 60%;
}
.ps-panel--sidebar .ps-panel__content {
padding-bottom: 70px;
}
.ps-panel--sidebar.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media (max-width: 479px) {
.ps-panel--sidebar {
width: 100%;
max-width: 100%;
}
}
/************/
.widget {
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
}
.widget .widget-title {
margin-bottom: 2.5rem;
font-weight: 700;
}
.widget:last-child {
border-bottom: none;
}
.widget:last-child li {
color: #ccc;
}
.widget:last-child li a {
margin-left: 10px;
}
.widget_contact-us .widget_content p {
color: #ccc;
margin-bottom: 10px;
}
.widget_contact-us .widget_content p i {
font-size: 20px;
border-radius: 100%;
border: 1px solid #ccc;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
margin-right: 7px;
}
.widget_contact-us .widget_content p span {
width: 75%;
display: inline-block;
vertical-align: super;
}
.widget_contact-us .widget_content p:nth-child(2) i {
margin-top: 5px;
font-size: 24px;
}
.widget_contact-us .widget_content p:nth-child(2) span {
vertical-align: top;
}
.widget_contact-us .widget_content p:nth-child(4) i {
margin-top: 5px;
}
.widget_contact-us .widget_content p:nth-child(4) span {
vertical-align: top;
}
.map-wrapper iframe {
height: 400px;
width: 100%;
}
.widget_footer .widget-title {
font-size: 18px;
margin-bottom: 30px;
color: #0095da;
font-weight: 600;
text-transform: uppercase;
}
.widget_contact-us .widget_content h3 {
color: #ff8d00;
}
.widget_contact-us .widget_content .ps-list--social {
text-align: center;
padding-top: 30px;
}
.widget_contact-us .widget_content .ps-list--social li {
margin-right: 10px;
}
.widget_contact-us .widget_content .ps-list--social li a {
color: #ccc;
font-size: 30px;
}
.widget_contact-us .widget_content .ps-list--social li a:hover {
color: #0095da;
}
.owl-carousel {
position: relative;
}
.owl-carousel .owl-item img {
width: auto;
height: 100px;
}
.owl-carousel .ps-product {
margin-bottom: 10px;
}
.ps-carousel--nav {
position: relative;
z-index: 10;
}
.ps-carousel--nav .owl-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
width: 100%;
height: 0;
}
.ps-carousel--nav .owl-nav > * {
display: inline-block;
position: relative;
vertical-align: top;
width: 40px;
height: 40px;
color: #cccccc;
border-radius: 50%;
background-color: transparent;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ps-carousel--nav .owl-nav > * i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 24px;
}
.ps-carousel--nav .owl-nav > *:hover {
color: #000;
}
.ps-carousel--nav .owl-nav .owl-prev {
margin-left: -70px;
}
.ps-carousel--nav .owl-nav .owl-prev i {
padding-right: 2px;
}
.ps-carousel--nav .owl-nav .owl-next {
float: right;
margin-right: -70px;
}
.ps-carousel--nav .owl-nav .owl-next i {
padding-left: 2px;
}
.ps-carousel--nav .owl-dots {
position: absolute;
bottom: -20px;
left: 0;
width: 100%;
display: none !important;
text-align: center;
}
.ps-carousel--nav .owl-dots .owl-dot {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 8px;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
.ps-carousel--nav .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.ps-carousel--nav .owl-dots .owl-dot.active {
background-color: #ff8d00;
}
.ps-carousel--nav.inside .owl-nav {
z-index: 20;
height: 0;
}
.ps-carousel--nav.inside .owl-nav > * {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ps-carousel--nav.inside .owl-prev {
margin-left: 3rem;
}
.ps-carousel--nav.inside .owl-prev i {
padding-right: 5px;
}
.ps-carousel--nav.inside .owl-next {
float: right;
margin-right: 3rem;
}
.ps-carousel--nav.inside .owl-next i {
padding-left: 5px;
}
@media (max-width: 1680px) {
.ps-carousel--nav .owl-nav .owl-prev {
margin-left: -40px;
}
.ps-carousel--nav .owl-nav .owl-next {
margin-right: -40px;
}
}
@media (max-width: 1199px) {
.ps-carousel--nav {
margin-bottom: 3rem;
padding-bottom: 30px;
}
.ps-carousel--nav .owl-nav {
display: none;
}
.ps-carousel--nav .owl-dots {
display: block !important;
}
}
.ps-carousel--nav-inside {
overflow: hidden;
height: 435px;
}
.ps-carousel--nav-inside .owl-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%;
height: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.ps-carousel--nav-inside .owl-nav > * {
position: relative;
background-color: rgba(0, 149, 218, .8);
width: 40px;
height: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ps-carousel--nav-inside .owl-nav > * > i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.ps-carousel--nav-inside .owl-nav .owl-prev {
padding-right: 2px;
}
.ps-carousel--nav-inside .owl-nav .owl-next {
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.ps-carousel--nav-inside .owl-nav .owl-next i {
padding-left: 2px;
}
.ps-carousel--nav-inside .owl-dots {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
text-align: center;
display: none;
visibility: hidden;
opacity: 0;
}
.ps-carousel--nav-inside .owl-dots .owl-dot {
display: inline-block;
margin-right: 10px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
}
.ps-carousel--nav-inside .owl-dots .owl-dot:hover,
.ps-carousel--nav-inside .owl-dots .owl-dot.active {
background-color: #ffffff;
}
.ps-carousel--nav-inside .owl-dots .owl-dot:last-child {
margin-right: 0;
}
.ps-carousel--nav-inside.second .owl-nav > * {
width: 48px;
height: 48px;
background-color: rgba(0, 0, 0, 0.3);
}
.ps-carousel--nav-inside.second .owl-nav > * i {
font-size: 18px;
color: #ffffff;
}
.ps-carousel--nav-inside.second .owl-nav > *:hover {
background-color: #000;
}
.ps-carousel--nav-inside.second .owl-nav .owl-prev {
margin-left: 20px;
}
.ps-carousel--nav-inside.second .owl-nav .owl-next {
margin-right: 20px;
}
@media (max-width: 1199px) {
.ps-carousel--nav-inside .owl-nav {
display: none;
}
.ps-carousel--nav-inside .owl-dots {
display: block;
visibility: visible;
opacity: 1;
}
}
.ps-product {
position: relative;
padding: 15px 15px 0;
border: 1px solid silver;
margin: 0 15px;
}
.ps-product .ps-product__title {
margin: 0;
display: block;
padding: 0 0 5px;
font-size: 14px;
line-height: 1.2em;
color: #06c;
--max-lines: 2;
max-height: calc(1.2em * var(--max-lines));
overflow: hidden;
}
.ps-product .ps-product__title:hover {
color: #ff8d00;
}
.ps-product .ps-product__thumbnail {
position: relative;
overflow: hidden;
}
.ps-product .ps-product__thumbnail img {
width: 100%;
height: 85px;
object-fit: cover;
}
.ps-home-blog .ps-product .ps-product__thumbnail img {
width: 100%;
height: 250px;
object-fit: cover;
}
.ps-home-blog .owl-carousel .ps-product {
background: #fff;
}
.ps-product .ps-product__content > p {
color: #000;
}
.ps-product .ps-product__content.hover {
display: block;
position: absolute;
top: 100%;
right: -1px;
width: calc(100% + 2px);
padding: 0 20px 20px;
border: 1px solid silver;
border-top: none;
visibility: hidden;
opacity: 0;
}
.ps-product .ps-product__container {
padding-top: 10px;
}
.ps-product.ps-product--inner {
padding: 0;
border: none;
}
.ps-product:hover .ps-product__content {
visibility: hidden;
opacity: 0;
height: 0;
}
.ps-product:hover .ps-product__content.hover {
height: auto;
visibility: visible;
opacity: 1;
}
.ps-product:hover.ps-product--inner {
border: none;
}
.ps-product:hover.ps-product--inner .ps-product__content {
display: block;
visibility: visible;
opacity: 1;
}
@media (max-width: 767px) {
.ps-product {
padding: 0;
}
}
.ps-loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #fff;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.ps-loading__content {
height: 100vh;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
.ps-loading__content > * {
display: block;
width: 25%;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 1s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
background-color: #fcfaf6;
}
.ps-loading.loaded {
visibility: hidden;
opacity: 0;
background-color: transparent;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.ps-loading.loaded .ps-loading__content > * {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
overflow: hidden;
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #ffffff;
z-index: 999;
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
#loader-wrapper img {
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
z-index: 999999999;
}
.loaded #loader-wrapper img {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}
.ps-form--contact-us .form-control {
background-color: #ffffff;
}
.ps-form--contact-us .submit {
text-align: center;
}
.ps-form--contact-us .submit button {
height: 40px;
padding: 0 30px;
}
.ps-client-say {
padding: 20px 0;
}
.ps-client-say .ps-section__header {
margin-bottom: 10px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
padding-bottom: 0px;
border-bottom: 1px solid #ccc;
}
.ps-client-say .ps-section__header h3 {
display: inline-block;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: #0095da;
}
.ps-client-say .ps-section__nav a {
display: inline-block;
margin-right: 20px;
font-size: 18px;
color: #999999;
}
.ps-client-say .ps-section__nav a:last-child {
margin-right: 0;
}
.ps-client-say .ps-section__nav a:hover {
color: #000;
}
/***********/
.menu {
text-align: left;
}
.menu > li {
display: inline-block;
float: left;
}
.menu > li > a {
display: inline-block;
padding: 15px 20px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #fff;
border-left: 1px solid rgb(255, 255, 255, .5);
}
.menu > li:last-child a {
border-left: 0;
background: #ebebeb;
color: #000;
}
.menu > li:last-child a i {
padding-left: 10px;
font-size: 14px;
}
.menu > li.active a {
background: #ff7713;
color: #fff;
}
.menu > li > a:hover {
color: #000;
}
.menu > li:first-child {
padding-left: 0;
}
.menu > li:first-child > a {
padding-left: 0;
}
.menu > li:last-child {
margin-right: 0;
padding-right: 0;
}
.menu > li .sub-toggle {
margin-left: 5px;
display: none;
}
.menu > li .sub-menu {
visibility: hidden;
opacity: 0;
}
.menu > li .mega-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
visibility: hidden;
opacity: 0;
}
.menu > li.menu-item-has-children {
position: relative;
}
.menu > li.menu-item-has-children > a:after {
content: "\e93a";
font: normal normal normal 12px/1 linearicons;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.menu > li.menu-item-has-children > a:before {
content: '';
width: 13px;
height: 13px;
background-color: #fff;
position: absolute;
top: 100%;
left: 50%;
z-index: 10000;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
visibility: hidden;
opacity: 0;
}
.menu > li.has-mega-menu {
position: relative;
}
.menu > li.has-mega-menu .mega-menu {
position: absolute;
top: 100%;
left: 0;
}
.menu > li.has-mega-menu:hover .mega-menu {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.menu > li:hover .sub-toggle {
color: #ffffff;
}
.menu > li:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.menu > li:hover.menu-item-has-children > a:before {
visibility: visible;
opacity: 1;
}
.menu--product-categories {
position: relative;
height: 100%;
}
.menu--product-categories .menu__toggle {
position: relative;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
cursor: pointer;
}
.menu--product-categories .menu__toggle i {
font-size: 20px;
margin-right: 10px;
}
.menu--product-categories .menu__toggle span {
font-size: 20px;
color: #000;
font-size: 16px;
font-weight: 600;
}
.menu--product-categories .menu__toggle:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transition: -webkit-transform 0.75s cubic-bezier(0.7, 0, 0.3, 1);
transition: -webkit-transform 0.75s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.75s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.75s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.75s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.menu--product-categories .menu__toggle:hover:before,
.menu--product-categories .menu__toggle.active:before {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.menu--product-categories .menu__content {
position: absolute;
top: 100%;
left: 0;
z-index: 100;
z-index: 1000;
min-width: 100%;
padding-top: 2px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: scale3d(1, 1, 0) translateY(30px);
transform: scale3d(1, 1, 0) translateY(30px);
}
.menu--product-categories .menu--dropdown {
background-color: #fff;
border: 1px solid #d3d3d3;
min-width: 260px;
}
.menu--product-categories:hover .menu__content {
visibility: visible;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translateY(0);
transform: scale3d(1, 1, 1) translateY(0);
}
.menu--dropdown > li {
padding: 0 20px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.menu--dropdown > li > a {
display: block;
padding: 10px 0;
color: #000;
}
.menu--dropdown > li > a i {
margin-right: 10px;
font-size: 18px;
}
.menu--dropdown > li.has-mega-menu .mega-menu {
position: absolute;
top: 0;
left: 100%;
width: auto;
min-width: 530px;
visibility: hidden;
opacity: 0;
border-left: none;
}
.menu--dropdown > li:hover {
background-color: #ff8d00;
}
.menu--dropdown > li:hover.has-mega-menu .mega-menu {
visibility: visible;
opacity: 1;
}
.menu--mobile .sub-menu {
position: relative;
display: none;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible;
opacity: 1;
-webkit-transition: all 0s ease;
transition: all 0s ease;
border: none;
}
.menu--mobile .sub-menu > li > a {
border: none;
padding: 10px 20px;
}
.menu--mobile .mega-menu {
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
max-width: 100%;
padding-left: 15px;
-webkit-transition: all 0s ease;
transition: all 0s ease;
}
.menu--mobile .mega-menu h4 {
position: relative;
display: block;
margin-bottom: 0;
padding: 10px 0;
width: 100%;
line-height: 20px;
}
.menu--mobile .mega-menu .mega-menu__column {
padding: 0;
}
.menu--mobile .mega-menu .mega-menu__list {
display: none;
padding-left: 15px;
}
.menu--mobile .mega-menu .mega-menu__list li a {
color: #666;
border: none;
}
.menu--mobile .mega-menu .mega-menu__list li a:hover {
color: #000;
}
.menu--mobile > li {
border-bottom: 1px solid #dedede;
}
.menu--mobile > li > a {
position: relative;
z-index: 10;
display: block;
padding: 10px 20px;
line-height: 20px;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
}
.menu--mobile > li > a:hover {
color: #fff;
background: #0095da;
}
.menu--mobile > li.menu-item-has-children {
position: relative;
}
.menu--mobile > li.menu-item-has-children .sub-toggle {
position: absolute;
top: 5px;
right: 0;
width: 40px;
height: 40px;
z-index: 20;
display: inline-block;
}
.menu--mobile .mega-menu {
border: none;
}
.menu--mobile .mega-menu h4 {
font-weight: 500;
}
.menu--mobile .mega-menu__list > li {
border-bottom: 1px solid #dedede;
}
.menu--mobile .mega-menu__list > li a {
padding: 10px 0;
}
.menu--mobile .mega-menu__list > li:last-child {
border: none;
}
/*4. MODULES */
.navigation {
background-color: #ff8d00;
}
.navigation > .ps-container,
.navigation > .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
.navigation > .ps-container > *,
.navigation > .container > * {
width: 100%;
}
.navigation__extra > li {
position: relative;
display: inline-block;
margin-right: 20px;
padding-right: 20px;
}
.navigation__extra > li:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: 2px;
height: 15px;
background-color: #000;
}
.navigation__extra > li a {
color: #000000;
}
.navigation__extra > li:last-child {
margin-right: 0;
padding-right: 0;
}
.navigation__extra > li:last-child:after {
display: none;
}
.navigation__extra .ps-dropdown img {
margin-right: 8px;
}
.navigation .navigation__left {
max-width: 260px;
}
.navigation .navigation__right {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding-left: 35px;
}
.header--market-place-2 .menu > li .header__extra {
display: inline-block;
position: relative;
padding-top: 0;
padding-bottom: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
height: 50px;
}
.header .header__extra > i {
font-size: 28px;
line-height: 42px;
}
.header .header__extra span {
position: absolute;
bottom: 10px;
right: 7px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
background-color: #fff;
vertical-align: top;
width: 18px;
height: 18px;
color: #ffffff;
background-color: #000000;
border-radius: 50%;
}
.header .header__extra span i {
font-size: 11px;
font-style: normal;
line-height: 1em;
font-weight: 500;
}
.header .header__extra:hover i {
color: #000;
}
.header .header__actions {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: end;
justify-content: flex-end;
}
.header .header__actions > * {
margin: 0 20px;
}
.header .header__left {
max-width: 300px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.header .header__left .menu--product-categories {
display: none;
}
.header .header__right {
max-width: 370px;
}
.header .header__top {
padding: 25px 0;
background-color: #ff8d00;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.header .header__top .ps-container,
.header .header__top .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
.header .header__top .ps-container > *,
.header .header__top .container > * {
width: 100%;
}
.header.header--sticky .menu--product-categories .menu__toggle i {
font-size: 30px;
}
.header.header--sticky .menu--product-categories .menu__toggle span {
font-size: 16px;
}
.header.header--sticky .header__top {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
border-bottom: none;
padding: 10px 0;
}
.header.header--sticky .header__left .ps-logo {
display: none;
}
.header.header--sticky .header__left .menu--product-categories {
display: block;
background-color: transparent;
}
@media (max-width: 1199px) {
.header {
display: none;
}
.header.header--mobile {
display: block;
}
}
.header--standard .ps-block--user-header a:hover {
color: #ff8d00;
}
.header--standard .header__top-links {
display: inline-block;
}
.header--standard .header__top-links > li {
display: inline-block;
margin-right: 20px;
padding-right: 25px;
position: relative;
color: #0095da;
font-size: 18px;
}
.header--standard .header__top-links > li i {
font-size: 30px;
padding-right: 8px;
vertical-align: middle;
}
.header--standard .header__top-links > li .text-01 {
display: inline-block;
vertical-align: top;
}
.header--standard .header__top-links > li .text-01 span {
font-size: 16px;
color: #000;
display: block;
}
.header--standard .header__top-links > li:after {
content: '';
position: absolute;
top: -15%;
right: 0;
height: 65px;
width: 0;
border-right: 1px solid #ff8d00;
}
.header-topbar01 {
border-bottom: 1px solid #eaeaea;
}
.ul-call {
width: 50%;
float: left;
padding: 5px 15px;
}
.ul-call li {
display: inline-block;
}
.ul-call li:first-child {
padding-right: 15px;
}
.ul-call li i {
padding-right: 10px;
color: #0095da;
}
.right-top {
width: 50%;
float: left;
text-align: right;
padding: 0 15px;
}
.right-top .ps-list--social {
display: inline-block;
vertical-align: sub;
}
.right-top .ps-list--social li a {
color: #0095da;
}
.right-top .ps-list--social li a:hover {
color: #ff8d00;
}
.header--standard .header__call {
color: #000;
padding: 5px 35px 1px;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
margin: 0;
}
.header--standard .header__call .ps-block__left {
display: inline-block;
}
.header--standard .header__call i {
font-size: 13px;
color: #0095da;
}
.header--standard .header__call span {
font-size: 18px;
}
.header--standard .header__call .ps-block__right {
display: inline-block;
vertical-align: bottom;
padding-right: 7px;
}
.header--standard .header__call .ps-block__right a {
font-size: 14px;
padding: 0 6px;
border-right: 1px solid rgba(255, 119, 0, 1);
text-transform: uppercase;
float: left;
}
.header--standard .header__call .ps-block__right a:hover {
color: rgba(255, 119, 0, 1);
}
.header--standard .header__call .ps-block__right a:last-child {
border: none;
}
.header--standard .header__top-links > li > a {
color: #fff;
font-size: 16px;
}
.header--standard .header__top-links > li > a:hover {
color: #000;
}
.header--standard .header__top-links > li:last-child {
margin-right: 0;
padding-right: 0;
}
.header--standard .header__top-links > li:last-child:after {
display: none;
}
.header--standard .header__top-links .language > a img {
margin-right: 5px;
}
.header--standard .header__top-links .ps-block--user-header .ps-block__left i {
font-size: 14px;
}
.header--standard .header__top-links .ps-block--user-header .ps-block__right a {
display: inline-block;
font-weight: 400;
margin-right: 10px;
color: #666666;
}
.header--standard .header__top-links .ps-block--user-header .ps-block__right a:first-child:after {
content: '/';
padding-left: 10px;
}
.header--standard .header__top-links .ps-block--user-header .ps-block__right a:hover {
color: #ff8d00;
}
.header--standard .header__top {
padding: 10px 0;
background-color: #fff;
border-bottom: none;
}
.header--standard .header__top .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
.header--standard .header__top .header__left {
max-width: 50%;
}
.header--standard .header__top .header__left p {
margin-bottom: 0;
color: #666666;
line-height: 30px;
}
.header--standard .header__top .header__left p strong {
color: #000;
}
.header--standard .header__top .header__right {
text-align: right;
max-width: 50%;
}
.header--standard .header__content-left {
max-width: 500px;
padding-right: 0px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.header--standard .header__content-left .ps-logo {
margin: 17px 0;
}
.header--standard .header__content-left .ps-logo img {}
.header--standard .header__content-center {
max-width: 600px;
padding: 22px 0px 0 30px;
}
.header--standard .menu--product-categories .menu__toggle i {
font-size: 30px;
}
.header--standard .ps-form--quick-search {
width: 560px;
}
.header--standard .ps-form--quick-search button {
background-color: #0095da;
color: #fff;
}
.header--standard .ps-form--quick-search .form-group--icon {
border: 1px solid #e1e1e1;
min-width: 80px;
border-radius: 4px 0 0 4px;
}
.header--standard .ps-form--quick-search .form-group--icon select {
height: 40px;
border: none;
}
.header--standard .ps-form--quick-search input {
border: 1px solid #e1e1e1;
}
.header--standard .header__content {
padding: 0px 0;
}
.header--standard .header__content .menu--product-categories .menu__toggle:hover:before {
display: none;
}
.header--standard .header__content .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: center;
align-items: center;
}
.header--standard .header__content .container > * {
width: 60%;
}
.header--standard .header__extra span {
background-color: #fff;
}
.header--standard .header__extra span i {
color: #ff8d00;
font-weight: 700;
}
.header--standard.header--sticky .header__top {
position: relative;
}
/*.header--standard.header--sticky .header-topbar01 {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
background-color: #ffffff;
}
.header--standard.header--sticky .header__content {
position: fixed;
top: 32px;
width: 100%;
z-index: 1000;
background-color: #ffffff;
}*/
.header--standard.header--sticky .header__content .header__content-center {
padding: 6px 0px 0 30px;
}
.header--standard.header--sticky .header__content .menu--product-categories {
display: block;
}
.header--standard.header--sticky .ps-logo {
display: block;
}
@media (max-width: 1199px) {
.header--standard {
display: none;
}
}
.header--product {
visibility: hidden;
opacity: 0;
height: 0;
}
.header--product .navigation {
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header--product.header--sticky {
visibility: visible;
opacity: 1;
height: auto;
}
.header--product.header--sticky .navigation {
padding: 10px 0;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
border-bottom: 1px solid #eaeaea;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.header--mobile {
position: relative;
top: 0;
width: 100%;
left: 0;
z-index: 9;
text-align: center;
border-bottom: 0 none;
background-color: #fff;
border-bottom: 1px solid #ccc;
padding: 0px;
-webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.header--mobile::after {
clear: both;
content: "";
display: table;
}
.header--mobile .navigation__extra {
display: inline-block;
}
.header--mobile .navigation__extra li {
margin-right: 5px;
padding-right: 5px;
}
.header--mobile .navigation__extra li:after {
display: none;
}
.header--mobile .header__extra span {
background-color: #ff8d00;
}
.header--mobile .header__actions i {
font-size: 24px;
}
.header--mobile .ps-block--user-header i {
font-size: 16px;
color: #0095da;
}
.header--mobile .header__top {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
background-color: #f4f5f5;
padding: 15px 30px;
}
.header--mobile .header__top > * {
width: 100%;
}
.header--mobile .header__top .header__left {
max-width: 40%;
}
.header--mobile .header__top .header__left p {
margin-bottom: 0;
}
.header--mobile .header__top .header__right {
max-width: 60%;
text-align: right;
}
.header--mobile .header__top .header__right .navigation__extra {
display: inline-block;
}
.header--mobile .navigation--mobile {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 10px 15px;
border-bottom: none;
}
.header--mobile .navigation--mobile .navigation__left {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.header--mobile .header__extra span {
background-color: #000;
}
.header--mobile .header__extra span i {
color: #ffffff;
font-weight: 600;
}
.header--mobile.active {
-webkit-transform: translateX(270px);
transform: translateX(270px);
}
.header--mobile.header--sticky .navigation--mobile {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
background-color: #fff;
padding: 10px 15px;
border-bottom: 1px solid #ccc;
-ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 1200px) {
.header--mobile {
display: none;
}
}
@media (max-width: 1199px) {
.header--mobile .ps-search--mobile {
display: none;
}
}
@media (max-width: 991px) {
.header--mobile .header__top .header__left {
display: none;
}
.header--mobile .header__top .header__right {
max-width: 100%;
text-align: center;
}
}
@media (max-width: 767px) {
.header--mobile .navigation__extra li > a {
display: none;
}
}
@media (max-width: 479px) {
.header--mobile .header__top {
display: none;
}
.header--mobile .header__actions > * {
margin: 0;
margin-right: 20px;
}
.header--mobile .ps-block--user-header {
margin-right: 0;
}
.header--mobile .ps-search--mobile {
display: block;
}
}
.header--mobile-product .header__back {
vertical-align: middle;
text-align: left;
}
.header--mobile-product .header__back strong {
font-size: 18px;
vertical-align: middle;
}
.header--mobile-product .header__back i {
vertical-align: middle;
margin-right: 16px;
font-size: 24px;
color: #000;
}
.header--mobile-product .navigation--mobile .navigation__left {
-webkit-box-pack: start;
justify-content: flex-start;
}
.header--mobile-categories .header__back {
vertical-align: middle;
text-align: left;
}
.header--mobile-categories .header__back strong {
font-size: 18px;
vertical-align: middle;
}
.header--mobile-categories .header__back i {
vertical-align: middle;
margin-right: 16px;
font-size: 24px;
color: #000;
}
.header--mobile-categories .navigation--mobile .navigation__left {
-webkit-box-pack: start;
justify-content: flex-start;
}
.header--mobile-categories .header__filter {
padding: 10px 15px;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
background-color: #f5f5f5;
}
.header--mobile-categories .header__filter > * {
flex-basis: 100%;
max-width: 50%;
}
.header--mobile-categories .header__filter button {
border: none;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
height: 30px;
background-color: transparent;
font-size: 14px;
}
.header--mobile-categories .header__filter button:after {
content: '\e93a';
font-family: Linearicons;
margin-left: 20px;
}
.header--mobile-categories .header__filter button i {
margin-right: 10px;
font-size: 16px;
font-size: 20px;
color: #666;
}
.header--mobile-categories .header__filter .header__sort {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding: 0 10px;
}
.header--mobile-categories .header__filter .header__sort i {
margin-right: 10px;
font-size: 16px;
font-size: 20px;
color: #666;
}
.header--mobile-categories .header__filter .header__sort .select2 .select2-selection {
border: none;
background-color: transparent;
}
.header--mobile-categories .header__filter .header__sort .select2 .select2-selection .select2-selection__rendered {
background-color: transparent;
text-align: left;
}
.header--mobile-categories .header__filter .header__sort .select2 .select2-selection .select2-selection__arrow:before {
content: '\e93a';
font-family: Linearicons;
}
.header--mobile-categories .header__filter > button {
border-right: 1px solid #ccc;
}
.navigation--sidebar {
position: fixed;
top: 0;
left: 0;
width: 320px;
height: 100vh;
overflow-y: auto;
z-index: 10001;
background-color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.navigation--sidebar .navigation__actions {
text-align: center;
}
.navigation--sidebar .navigation__actions .ps-dropdown {
margin-bottom: 10px;
}
.navigation--sidebar .navigation__actions .ps-dropdown > a {
font-size: 1.4rem;
color: #666;
}
.navigation--sidebar .navigation__header {
position: relative;
text-align: center;
padding: 15px 0;
background-color: #ff8d00;
}
.navigation--sidebar .navigation__header h3 {
margin-bottom: 0;
font-weight: 600;
color: #ffffff;
font-size: 1.6rem;
line-height: 20px;
text-transform: uppercase;
letter-spacing: .05em;
}
.navigation--sidebar .navigation__header .ps-btn--close {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
}
.navigation--sidebar .navigation__header .ps-btn--close:before,
.navigation--sidebar .navigation__header .ps-btn--close:after {
background-color: #ffffff;
height: 60%;
}
.navigation--sidebar .navigation__content {
padding-top: 10px;
padding-bottom: 70px;
}
.navigation--sidebar .header__actions a {
display: inline-block;
margin: 0 5px;
line-height: 40px;
}
.navigation--sidebar .header__actions a i {
font-size: 24px;
color: #000;
vertical-align: middle;
}
.navigation--sidebar .header__actions .ps-dropdown a {
padding-right: 0;
}
.navigation--sidebar .header__actions .ps-dropdown a:after {
display: none;
}
.navigation--sidebar .header__actions .ps-cart-toggle {
position: relative;
display: inline-block;
padding: 5px 0;
line-height: 30px;
}
.navigation--sidebar .header__actions .ps-cart-toggle span {
position: absolute;
top: 40%;
left: 50%;
width: 20px;
height: 20px;
border-radius: 50%;
-webkit-transform: translate(25%, -100%);
transform: translate(25%, -100%);
background-color: #000;
}
.navigation--sidebar .header__actions .ps-cart-toggle span i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
font-style: normal;
font-size: 11px;
}
.navigation--sidebar.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media (min-width: 1200px) {
.navigation--sidebar .navigation__actions {
display: none;
}
}
@media (max-width: 479px) {
.navigation--sidebar {
width: 100%;
}
}
.navigation--list {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
padding: 6px 30px;
border-top: 1px solid #ccc;
background-color: #ffffff;
}
.navigation--list .navigation__item {
text-align: center;
margin: 0 10px;
}
.navigation--list .navigation__item i {
font-size: 20px;
}
.navigation--list .navigation__item span {
display: block;
line-height: 16px;
}
.navigation--list .navigation__item.active i {
color: #ff8d00;
}
.navigation--list .navigation__item.active span {
color: #ff8d00;
}
.navigation--list .navigation__content {
max-width: 400px;
margin: 0 auto;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
@media (min-width: 1200px) {
.navigation--list {
display: none;
}
}
.navigation--mobile-product {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 10002;
border-top: 1px solid #ccc;
background-color: #ffffff;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.navigation--mobile-product > * {
width: 100%;
flex-basis: 50%;
font-size: 16px;
border-radius: 0;
text-align: center;
}
.navigation--mobile-product .ps-btn--black {
color: #ffffff;
}
@media (min-width: 1200px) {
.navigation--mobile-product {
display: none;
}
}
.navigation--sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: #fff;
}
.navigation--sticky .navigation {
background-color: #fff;
}
.navigation--sticky .header__top {
display: none;
}
.navigation--sticky.navigation--pin {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.navigation--sticky.navigation--unpin {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.navigation--sticky.header--1.navigation--pin .navigation {
background-color: rgba(0, 0, 0, 0.95);
}
.navigation--sticky.header--1.navigation--pin.header--black .navigation {
background-color: rgba(255, 255, 255, 0.95);
}
.navigation--sticky.header--2.navigation--pin.active {
background-color: #fff;
-webkit-transform: translate(270px, 0);
transform: translate(270px, 0);
}
@media (max-width: 1199px) {
.navigation--sticky.navigation--unpin {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
/*********/
.ps-site-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
height: 100vh;
background-color: rgba(0, 0, 0, 0.75);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
visibility: hidden;
opacity: 0;
}
.ps-site-overlay.active {
visibility: visible;
opacity: 1;
}
.ps-search--mobile {
max-width: 450px;
margin: 0 auto;
padding: 10px 20px;
}
.ps-footer {
padding-top: 50px;
}
.ps-footer__widgets {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
padding-bottom: 35px;
}
.ps-footer__links {
padding: 60px 0;
border-top: 1px solid #e1e1e1;
}
.ps-footer__links p strong {
color: #000;
margin-right: 20px;
font-weight: 600;
}
.ps-footer__links p a {
display: inline-block;
color: #666;
line-height: 20px;
margin-right: 10px;
position: relative;
}
.ps-footer__links p a:after {
content: '|';
margin-left: 5px;
}
.ps-footer__links p a:before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background-color: #000;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ps-footer__links p a:hover:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.ps-footer__links p a:last-child:after {
display: none;
}
.ps-footer__copyright {
padding: 25px 0;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: center;
border-top: 1px solid #e1e1e1;
}
.ps-footer__copyright p {
margin-bottom: 0;
line-height: 30px;
color: #fff;
}
.ps-footer__copyright p:last-child span {
display: inline-block;
line-height: inherit;
vertical-align: middle;
}
.ps-footer__copyright p:last-child a {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
@media (max-width: 767px) {
.ps-footer__widgets {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
}
.ps-footer__widgets > * {
width: 100%;
max-width: 25%;
}
.ps-footer__widgets .widget_contact-us {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 479px) {
.ps-footer__widgets > * {
max-width: 50%;
flex-basis: 50%;
}
.ps-footer__copyright {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
text-align: center;
}
.ps-footer__copyright p {
display: block;
width: 100%;
}
.ps-footer__copyright p span {
display: block;
padding-bottom: 10px;
}
}
.ps-footer--2 .widget_newletters .form-group--nest {
margin-bottom: 30px;
}
.ps-footer--3 {
border-top: 1px solid #e1e1e1;
background-color: #171717;
}
.ps-footer--3 .ps-block--site-features {
padding: 40px 0;
margin-bottom: 70px;
border-bottom: 1px solid #e1e1e1;
overflow: hidden;
}
@media (max-width: 767px) {
.ps-footer--3 .ps-block--site-features {
margin-bottom: 40px;
}
}
.ps-footer--kids .ps-form--newletter .form-group--nest {
margin-bottom: 20px;
}
.ps-footer--photo .ps-site-info h5 {
color: #c81919;
font-size: 24px;
font-weight: 600;
}
.ps-footer--photo .ps-form--newletter button {
color: #fff;
background-color: #c81919;
}
.ps-footer--photo .ps-form--newletter button:hover {
background-color: #9b1313;
}
@media (min-width: 1440px) {
.ps-footer--photo .ps-footer__content {
-webkit-box-flex: 2;
flex: 2 1 100%;
}
.ps-footer--photo .ps-footer__left {
-webkit-box-flex: 1;
flex: 1 1 100%;
max-width: 400px;
}
.ps-footer--photo .ps-footer__content {
width: 100%;
max-width: 100%;
}
.ps-footer--photo .ps-footer__wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column wrap;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
align-items: flex-start;
}
}
@media (min-width: 1680px) {
.ps-footer--photo .ps-footer__wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
}
/*5. HELPERS */
.ma-0 {
margin: 0;
}
.pd-0 {
padding: 0;
}
.mt-0 {
margin-top: 0px;
}
.mr-0 {
margin-right: 0px;
}
.mb-0 {
margin-bottom: 0px;
}
.ml-0 {
margin-left: 0px;
}
.pt-0 {
padding-top: 0px;
}
.pr-0 {
padding-right: 0px;
}
.pb-0 {
padding-bottom: 0px;
}
.pl-0 {
padding-left: 0px;
}
.mt-5 {
margin-top: 5px;
}
.mr-5 {
margin-right: 5px;
}
.mb-5 {
margin-bottom: 5px;
}
.ml-5 {
margin-left: 5px;
}
.pt-5 {
padding-top: 5px;
}
.pr-5 {
padding-right: 5px;
}
.pb-5 {
padding-bottom: 5px;
}
.pl-5 {
padding-left: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mr-10 {
margin-right: 10px;
}
.mb-10 {
margin-bottom: 10px;
}
.ml-10 {
margin-left: 10px;
}
.pt-10 {
padding-top: 10px;
}
.pr-10 {
padding-right: 10px;
}
.pb-10 {
padding-bottom: 10px;
}
.pl-10 {
padding-left: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mr-15 {
margin-right: 15px;
}
.mb-15 {
margin-bottom: 15px;
}
.ml-15 {
margin-left: 15px;
}
.pt-15 {
padding-top: 15px;
}
.pr-15 {
padding-right: 15px;
}
.pb-15 {
padding-bottom: 15px;
}
.pl-15 {
padding-left: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mr-20 {
margin-right: 20px;
}
.mb-20 {
margin-bottom: 20px;
}
.ml-20 {
margin-left: 20px;
}
.pt-20 {
padding-top: 20px;
}
.pr-20 {
padding-right: 20px;
}
.pb-20 {
padding-bottom: 20px;
}
.pl-20 {
padding-left: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mr-25 {
margin-right: 25px;
}
.mb-25 {
margin-bottom: 25px;
}
.ml-25 {
margin-left: 25px;
}
.pt-25 {
padding-top: 25px;
}
.pr-25 {
padding-right: 25px;
}
.pb-25 {
padding-bottom: 25px;
}
.pl-25 {
padding-left: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mr-30 {
margin-right: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.ml-30 {
margin-left: 30px;
}
.pt-30 {
padding-top: 30px;
}
.pr-30 {
padding-right: 30px;
}
.pb-30 {
padding-bottom: 30px;
}
.pl-30 {
padding-left: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mr-35 {
margin-right: 35px;
}
.mb-35 {
margin-bottom: 35px;
}
.ml-35 {
margin-left: 35px;
}
.pt-35 {
padding-top: 35px;
}
.pr-35 {
padding-right: 35px;
}
.pb-35 {
padding-bottom: 35px;
}
.pl-35 {
padding-left: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mr-40 {
margin-right: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.ml-40 {
margin-left: 40px;
}
.pt-40 {
padding-top: 40px;
}
.pr-40 {
padding-right: 40px;
}
.pb-40 {
padding-bottom: 40px;
}
.pl-40 {
padding-left: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mr-45 {
margin-right: 45px;
}
.mb-45 {
margin-bottom: 45px;
}
.ml-45 {
margin-left: 45px;
}
.pt-45 {
padding-top: 45px;
}
.pr-45 {
padding-right: 45px;
}
.pb-45 {
padding-bottom: 45px;
}
.pl-45 {
padding-left: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mr-50 {
margin-right: 50px;
}
.mb-50 {
margin-bottom: 50px;
}
.ml-50 {
margin-left: 50px;
}
.pt-50 {
padding-top: 50px;
}
.pr-50 {
padding-right: 50px;
}
.pb-50 {
padding-bottom: 50px;
}
.pl-50 {
padding-left: 50px;
}
.mt-55 {
margin-top: 55px;
}
.mr-55 {
margin-right: 55px;
}
.mb-55 {
margin-bottom: 55px;
}
.ml-55 {
margin-left: 55px;
}
.pt-55 {
padding-top: 55px;
}
.pr-55 {
padding-right: 55px;
}
.pb-55 {
padding-bottom: 55px;
}
.pl-55 {
padding-left: 55px;
}
.mt-60 {
margin-top: 60px;
}
.mr-60 {
margin-right: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
.ml-60 {
margin-left: 60px;
}
.pt-60 {
padding-top: 60px;
}
.pr-60 {
padding-right: 60px;
}
.pb-60 {
padding-bottom: 60px;
}
.pl-60 {
padding-left: 60px;
}
.mt-65 {
margin-top: 65px;
}
.mr-65 {
margin-right: 65px;
}
.mb-65 {
margin-bottom: 65px;
}
.ml-65 {
margin-left: 65px;
}
.pt-65 {
padding-top: 65px;
}
.pr-65 {
padding-right: 65px;
}
.pb-65 {
padding-bottom: 65px;
}
.pl-65 {
padding-left: 65px;
}
.mt-70 {
margin-top: 70px;
}
.mr-70 {
margin-right: 70px;
}
.mb-70 {
margin-bottom: 70px;
}
.ml-70 {
margin-left: 70px;
}
.pt-70 {
padding-top: 70px;
}
.pr-70 {
padding-right: 70px;
}
.pb-70 {
padding-bottom: 70px;
}
.pl-70 {
padding-left: 70px;
}
.mt-75 {
margin-top: 75px;
}
.mr-75 {
margin-right: 75px;
}
.mb-75 {
margin-bottom: 75px;
}
.ml-75 {
margin-left: 75px;
}
.pt-75 {
padding-top: 75px;
}
.pr-75 {
padding-right: 75px;
}
.pb-75 {
padding-bottom: 75px;
}
.pl-75 {
padding-left: 75px;
}
.mt-80 {
margin-top: 80px;
}
.mr-80 {
margin-right: 80px;
}
.mb-80 {
margin-bottom: 80px;
}
.ml-80 {
margin-left: 80px;
}
.pt-80 {
padding-top: 80px;
}
.pr-80 {
padding-right: 80px;
}
.pb-80 {
padding-bottom: 80px;
}
.pl-80 {
padding-left: 80px;
}
.mt-85 {
margin-top: 85px;
}
.mr-85 {
margin-right: 85px;
}
.mb-85 {
margin-bottom: 85px;
}
.ml-85 {
margin-left: 85px;
}
.pt-85 {
padding-top: 85px;
}
.pr-85 {
padding-right: 85px;
}
.pb-85 {
padding-bottom: 85px;
}
.pl-85 {
padding-left: 85px;
}
.mt-90 {
margin-top: 90px;
}
.mr-90 {
margin-right: 90px;
}
.mb-90 {
margin-bottom: 90px;
}
.ml-90 {
margin-left: 90px;
}
.pt-90 {
padding-top: 90px;
}
.pr-90 {
padding-right: 90px;
}
.pb-90 {
padding-bottom: 90px;
}
.pl-90 {
padding-left: 90px;
}
.mt-95 {
margin-top: 95px;
}
.mr-95 {
margin-right: 95px;
}
.mb-95 {
margin-bottom: 95px;
}
.ml-95 {
margin-left: 95px;
}
.pt-95 {
padding-top: 95px;
}
.pr-95 {
padding-right: 95px;
}
.pb-95 {
padding-bottom: 95px;
}
.pl-95 {
padding-left: 95px;
}
.mt-100 {
margin-top: 100px;
}
.mr-100 {
margin-right: 100px;
}
.mb-100 {
margin-bottom: 100px;
}
.ml-100 {
margin-left: 100px;
}
.pt-100 {
padding-top: 100px;
}
.pr-100 {
padding-right: 100px;
}
.pb-100 {
padding-bottom: 100px;
}
.pl-100 {
padding-left: 100px;
}
.fw-300 {
font-weight: 300;
}
.fw-500 {
font-weight: 500;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
.ps-fullwidth {
width: 100%;
}
html .bg--parallax {
position: relative;
z-index: 10;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: 50% 50%;
}
.bg--cover {
background-position: 50% 50% !important;
background-size: cover !important;
}
.bg--top {
background-position: 50% 50% !important;
background-size: cover !important;
}
.ps-block--category-2 ul,
.ps-block--products-of-category .ps-block__categories ul,
.ps-block--product-box ul,
.ps-block--categories-box ul,
.ps-block--menu-categories .ps-block__content ul,
.ps-block--shopping-total ul,
.ps-block--ourteam ul,
.ps-block--vendor-filter ul,
.ps-block--store ul,
.ps-panel--sidebar ul,
.widget_sidebar ul,
.widget_shop ul,
.widget_category ul,
.widget_footer ul,
.widget--blog ul,
.widget--vendor ul,
.ps-carousel--animate ul,
.ps-product ul,
.ps-product--detail .ps-product__countdown figure ul,
.ps-product--hot-deal .ps-product__header ul,
.ps-product--photo ul,
.ps-filter ul,
.ps-filter--sidebar ul,
.ps-form--account ul,
.ps-product-list ul,
.ps-deal-of-day ul,
.ps-shopping .ps-shopping__header ul,
.ps-best-sale-brands ul,
.ps-blog .ps-blog__header ul,
.ps-my-account-2 ul,
.ps-store-list .ps-store-link ul,
.ps-page--comming-soon ul,
.header ul,
.navigation--sidebar ul,
.ps-block--category-2 ol,
.ps-block--products-of-category .ps-block__categories ol,
.ps-block--product-box ol,
.ps-block--categories-box ol,
.ps-block--menu-categories .ps-block__content ol,
.ps-block--shopping-total ol,
.ps-block--ourteam ol,
.ps-block--vendor-filter ol,
.ps-block--store ol,
.ps-panel--sidebar ol,
.widget_sidebar ol,
.widget_shop ol,
.widget_category ol,
.widget_footer ol,
.widget--blog ol,
.widget--vendor ol,
.ps-carousel--animate ol,
.ps-product ol,
.ps-product--detail .ps-product__countdown figure ol,
.ps-product--hot-deal .ps-product__header ol,
.ps-product--photo ol,
.ps-filter ol,
.ps-filter--sidebar ol,
.ps-form--account ol,
.ps-product-list ol,
.ps-deal-of-day ol,
.ps-shopping .ps-shopping__header ol,
.ps-best-sale-brands ol,
.ps-blog .ps-blog__header ol,
.ps-my-account-2 ol,
.ps-store-list .ps-store-link ol,
.ps-page--comming-soon ol,
.header ol,
.navigation--sidebar ol {
margin: 0;
padding: 0;
list-style: none;
}
#homepage-4 .ps-block--post .ps-contact-form {
padding: 30px 50px 30px;
background-color: transparent;
}
#homepage-4 .ps-block--post .ps-contact-form h3 {
margin-bottom: 30px;
text-align: center;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
color: #0095da;
line-height: 1em;
}
#homepage-4 .ps-block--post .ps-contact-form .lable001 {
font-size: 18px;
margin-right: 20px;
margin-bottom: 0;
}
#homepage-4 .ps-block--post .ps-contact-form .lable001 input {
vertical-align: middle;
}
#homepage-4 .ps-block--post .ps-contact-form .select-option-1 .select2 {
width: auto !important;
}
.ps-home-blog {
padding-top: 50px;
background: whitesmoke;
padding-bottom: 50px;
}
.ps-home-blog .ps-carousel--nav .owl-controls {
position: absolute;
top: -50px;
right: 30px;
}
#homepage-4 .ps-promotions {
padding: 0px 0 50px;
}
.widget:last-child a::before {
display: none;
}
/* counter section */
.ps-counter {
position: relative;
overflow: hidden;
}
.ps-counter .col-xl-3 {
border-right: 1px solid #00aeff;
}
.ps-counter .col-xl-3:last-child {
border-right: none;
}
.counter {
padding: 20px 0;
}
.counter .count-title {
font-size: 30px;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
color: #fff;
}
.counter .count-text {
font-size: 16px;
margin-top: 0px;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.counter i {
margin: 0 auto;
float: none;
display: table;
color: #fff;
font-size: 30px;
}
.ps-top-categories {
padding: 50px 0 30px;
overflow: hidden;
}
.ps-contact-belt {
padding: 5px 0px 0px;
background: #556fbd;
}
.ps-contact-belt .row {
align-items: center;
}
.ps-contact-belt h3 {
color: #fff;
margin-bottom: 0px;
display: inline-block;
}
#marqueediv {
overflow: hidden;
white-space: nowrap;
}
#marquee1 {
display: inline-block;
animation: marquee 50s linear infinite;
}
#marquee2 {
display: inline-block;
animation: marquee2 50s linear infinite;
animation-delay: 25s;
}
@keyframes marquee {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
@keyframes marquee2 {
from {
transform: translateX(0%);
}
to {
transform: translateX(-200%);
}
}
.satisfy-01:last-child {
margin-right: 60px;
}
.satisfy-01:first-child {
margin-left: 60px;
}
.contact-btn-001 .ps-btn {
background: #222;
}
.contact-btn-001 .ps-btn:hover {
color: #0095da;
background: #fff;
}
/*********************************/
/* breadcrumb banner */
/*********************************/
.ps-breadcrumb-bg {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
padding: 5px 0px 5px;
}
.ps-breadcrumb-bg h2 {
font-size: 28px;
margin-bottom: 3px;
}
/*********************************/
/* About Us Page */
/*********************************/
.ps-about-page {
padding: 20px 0px 50px;
}
.ps-about-box h4:first-child {
color: #0095da;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ff8d00;
}
.ps-about-box h4:last-child {
color: #ff8d00;
border-top: 1px solid #0095da;
padding-top: 10px;
margin-top: 15px;
}
.ps-about-box p {
text-align: justify;
}
.ps-mission-vision-sec {
padding: 50px 0 20px;
overflow: hidden;
}
.ps-mission-block {
margin-bottom: 0;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
margin-bottom: 30px;
}
.ps-mission-block:hover .back,
.ps-mission-block.hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.ps-mission-block:hover .front,
.ps-mission-block.hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ps-mission-block,
.ps-mission-block .front,
.ps-mission-block .back {
width: 100%;
height: 400px;
}
.ps-mission-block .flipper {
-webkit-transition: 0.3s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.ps-mission-block .front,
.ps-mission-block .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0px;
-webkit-transition: 0.3s;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(0deg);
-moz-transition: 0.3s;
-moz-transform-style: preserve-3d;
-moz-transform: rotateY(0deg);
-o-transition: 0.3s;
-o-transform-style: preserve-3d;
-o-transform: rotateY(0deg);
-ms-transition: 0.3s;
-ms-transform-style: preserve-3d;
-ms-transform: rotateY(0deg);
transition: 0.3s;
transform-style: preserve-3d;
transform: rotateY(0deg);
position: absolute;
top: 0;
left: 0;
}
.ps-mission-block .front {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
background-position: center !important;
background-size: 140% 100% !important;
background-repeat: no-repeat !important;
z-index: 2;
}
.ps-mission-block .front:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .7;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 1)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}
.ps-mission-block .front .box {
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
bottom: 20px;
}
.ps-mission-block .front .box h2,
.ps-mission-block .front .box p {
color: #fff;
margin: 0;
padding: 0;
line-height: 1.5;
}
.ps-mission-block .front .box h2 {
font-size: 20px;
font-weight: 600;
}
.ps-mission-block .front .box p {
font-size: 12px;
}
.ps-mission-block .back {
background: #0095da;
-webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.ps-mission-block .back p {
position: absolute;
top: 20%;
left: 0;
right: 0;
text-align: center;
padding: 0 20px;
font-size: 16px;
color: rgba(255, 255, 255, 0.9);
}
.ps-mission-block .author {
bottom: 0;
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
}
.ps-mission-block .author .image {
width: 40px;
}
.ps-mission-block .author .image img {
border-radius: 50%;
max-width: 100%;
}
.ps-mission-block .author .name {
color: #fff;
font-weight: 600;
}
.ps-mission-block .author .position {
display: block;
color: rgba(255, 255, 255, 0.9);
font-size: 13px;
font-weight: normal;
}
.ps-promotions-002 {
padding: 80px 0px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
position: relative;
}
.ps-promotions-002::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
}
.promtions-block-002 h2 {
font-size: 40px;
color: #0095da;
text-shadow: 3px 4px 2px #fff;
text-align: center;
}
.footer-form-wrapper {
background: #fff;
padding: 30px 10px 5px;
border-radius: 5px;
}
.footer-form-wrapper .form-control {
background-clip: inherit;
}
.ps-carousel--nav-inside .item-slider {
position: relative;
height: 100%;
}
.ps-carousel--nav-inside .owl-stage-outer,
.ps-carousel--nav-inside .owl-stage,
.ps-carousel--nav-inside .owl-item {
height: 100%;
}
.ps-carousel--nav-inside .item-slider .slider-img {
height: 100%;
}
.ps-carousel--nav-inside .item-slider::before {
background: rgba(0, 0, 0, .5);
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ps-carousel--nav-inside .item-slider .slider-content {
position: absolute;
top: 0;
left: 0;
transform: translate3d(100px, 0px, 0px);
max-width: 75%;
z-index: 2;
display: flex;
height: 100%;
align-items: center;
}
.ps-carousel--nav-inside .item-slider .slider-content h4 {
color: #fff;
font-size: 40px;
text-align: center;
}
.ps-carousel--nav-inside .item-slider .slider-content h4 span {
display: block;
font-weight: 700;
}
.slider-content {
position: absolute;
top: 0;
left: 0;
transform: translate3d(100px, 0px, 0px);
max-width: 75%;
z-index: 2;
display: flex;
height: 100%;
align-items: center;
}
.slider-content h4 {
color: #fff;
font-size: 30px;
text-align: center;
}
.slider-content h4 span {
display: block;
font-weight: 700;
}
.ps-knowledge-box {
padding: 30px 0;
background: url(../img/Banner-03.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}
.ps-knowledge-box .ps-section__header h3 {
font-size: 20px;
line-height: 1em;
color: #fff;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 30px;
}
.ps-knowledge {
background: #fff;
padding: 20px;
border: 1px solid #ccc;
}
.ps-knowledge h2 {
margin-bottom: 25px;
color: #ff8d00;
}
.ps-knowledge h5,
.ps-knowledge p {
font-size: 13px;
text-align: justify;
}
.ps-knowledge p {
height: 100px;
}
.ps-knowledge .ps-btn {
margin-top: 25px;
}
#homepage-4 .ps-home-banner {
overflow: hidden;
}
/***************/
.featured-slider {
padding: 25px 0px 25px 0px;
overflow: hidden;
}
.featured-slider .title {
margin-bottom: 20px;
font-size: 20px;
line-height: 1em;
color: #0095da;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 30px;
}
.ps-carousel--nav {
position: relative;
z-index: 1;
}
.ps-carousel--nav .owl-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
width: 100%;
height: 0;
}
.ps-carousel--nav .owl-nav > * {
display: inline-block;
position: relative;
vertical-align: top;
width: 40px;
height: 40px;
color: #cccccc;
border-radius: 50%;
background-color: transparent;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ps-carousel--nav .owl-nav > * i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 30px;
}
.ps-carousel--nav .owl-nav > *:hover {
color: #000;
}
.ps-carousel--nav .owl-nav .owl-prev {
margin-left: -70px;
}
.ps-carousel--nav .owl-nav .owl-prev i {
padding-right: 2px;
}
.ps-carousel--nav .owl-nav .owl-next {
float: right;
margin-right: -70px;
}
.ps-carousel--nav .owl-nav .owl-next i {
padding-left: 2px;
}
.ps-carousel--nav.inside .owl-prev {
margin-left: 3rem;
}
.ps-carousel--nav.inside .owl-prev i {
padding-right: 5px;
}
.ps-carousel--nav.inside .owl-next {
float: right;
margin-right: 3rem;
}
.ps-carousel--nav.inside .owl-next i {
padding-left: 5px;
}
@media (max-width: 1680px) {
.ps-carousel--nav .owl-nav .owl-prev {
margin-left: -40px;
}
.ps-carousel--nav .owl-nav .owl-next {
margin-right: -40px;
}
}
@media (max-width: 1199px) {
.ps-carousel--nav {
margin-bottom: 3rem;
padding-bottom: 30px;
}
.ps-carousel--nav .owl-nav {
display: none;
}
.ps-carousel--nav .owl-dots {
display: block !important;
}
}
.ps-carousel--nav .ps-product .ps-product__container {
padding-top: 10px;
background: rgba(255, 255, 255, 0.85);
position: absolute;
bottom: -70px;
left: 0;
right: 0;
padding: 10px 20px;
display: inline-block;
width: 100%;
height: 25%;
transition: all ease-in .4s;
}
.ps-carousel--nav .ps-product.ps-product--inner {
margin: 0;
}
.ps-carousel--nav .ps-product.ps-product--inner:hover .ps-product__container {
bottom: 0;
}
.ps-carousel--nav .ps-product .ps-product__title {
color: #000;
font-weight: bold;
}
.ps-carousel--nav .ps-product .ps-product__title:hover {
color: #ff8d00;
}
/**************/
.footer-upcoming-slider {}
.footer-upcoming-slider .ps-product__thumbnail {
height: 245px;
overflow: hidden;
}
.footer-upcoming-slider .ps-product__thumbnail img {
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 2.2s ease-in-out;
-moz-transition: all 2.2s ease-in-out;
-ms-transition: all 2.2s ease-in-out;
-o-transition: all 2.2s ease-in-out;
transition: all 2.2s ease-in-out;
}
.footer-upcoming-slider .ps-product__thumbnail:hover img {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.upcoming-content .upcoming-block {
text-align: center;
padding: 20px 0;
}
.upcoming-content .upcoming-block h3 {
color: #fff;
}
.upcoming-content .upcoming-block hr {
border-top: 1px solid #fff;
margin: 5px auto;
width: 60%;
}
.upcoming-content .upcoming-block p {
color: #fff;
}
#homepage-4 .ps-home-banner .container .ps-section__left .highlight-text-slider {
color: #fff;
background: rgba(0, 0, 0, .25);
padding: 5px 15px;
width: 100%;
position: absolute;
left: 0;
bottom: 8px;
top: auto;
opacity: 0;
transition: all ease-in .3s;
z-index: 111;
visibility: visible;
}
#homepage-4 .ps-home-banner .cycloneslider-template-standard:hover .highlight-text-slider {
opacity: 1 !important;
}
#homepage-4 .ps-home-banner .container .ps-section__left .highlight-text-slider p {
color: #fff;
font-size: 20px;
margin: 0;
}
/*.header--standard.header--sticky .navigation {
position: fixed;
top: 139px;
width: 100%;
z-index: 1000;
background-color: #0095da;
}*/
/******************/
.ps-contact-info {
padding: 10px 0 20px;
}
.ps-block--contact-info {
height: 160px;
margin: 0 auto 30px;
text-align: center;
border: 1px solid #556fbd;
padding: 15px 15px;
transition: all ease-in .5s;
}
.ps-block--contact-info:hover {
box-shadow: 1px 1px 13px 1px #ccc;
}
.ps-block--contact-info h4 {
margin-bottom: 0px;
font-weight: 600;
font-size: 36px;
color: #556fbd;
}
.ps-block--contact-info p a {
display: block;
}
.ps-form--contact-us h3 {
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: #0095da;
}
.ps-form--contact-us .submit {
margin-top: 15px;
margin-bottom: 0px;
}
.ps-map-sec {
height: 400px;
width: 100%;
}
.ps-map-sec iframe {
height: 400px;
width: 100%;
}
/*****************/
.ps-login-wraper {
padding: 20px 0 20px;
}
.ps-login-wraper .ps-login-box {
border: 1px solid #ccc;
padding: 15px 5px 20px 5px;
box-shadow: 0px 0px 10px 0px #ccc;
}
.ps-login-wraper .remember-me1 {
text-align: right;
display: block;
margin-bottom: 0;
}
.ps-login-wraper .submit .ps-btn {
width: 80%;
margin: 0 auto;
}
.ps-three-box {
padding: 30px 0 30px;
overflow: hidden;
}
.ps-three-box .ps-three-block {
border: 1px solid #ccc;
transition: all ease-in .5s;
}
.ps-three-box .ps-three-block span {
overflow: hidden;
display: inline-block;
width: 100%;
}
.ps-three-box .ps-three-block img {
width: 100%;
transition: all ease-in .5s;
}
.ps-three-box .ps-three-block:hover img {
transform: scale(1.1);
}
.ps-three-box .ps-three-block:hover {
box-shadow: 0px 0px 10px 0px #ccc;
}
.ps-three-box .ps-three-block p {
text-align: center;
margin-bottom: 0;
}
.ps-three-box .ps-three-block p a {
font-size: 20px;
padding: 10px 0;
display: inline-block;
}
.sign-text {
text-align: center;
border-top: 1px solid #ccc;
padding-top: 15px;
}
.sign-text .txt1 {
font-size: 16px;
color: #999999;
line-height: 1.4;
display: block;
}
.sign-text .txt2 {
font-size: 16px;
color: #333333;
line-height: 1.2;
text-transform: uppercase;
}
.sign-text .txt2:hover {
color: #ff8d00;
}
.login-belt {
overflow: hidden;
padding: 20px 0px;
}
.login-belt h3 {
text-transform: capitalize;
font-size: 35px;
letter-spacing: 2px;
margin-bottom: 20px;
}
.title-second {
font-weight: normal;
margin: 0 15px 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
display: block;
width: 100%;
color: #ff8d00;
}
.three-input input {
display: inline-block;
}
.three-input input:first-child {
width: 15%;
}
.three-input input:nth-child(2) {
width: 15%;
}
.three-input input:nth-child(3) {
width: 40%;
}
.three-input p {
font-size: 14px;
font-style: italic;
display: inline-block;
vertical-align: middle;
}
.three-input1 input {
display: inline-block;
}
.three-input1 input:first-child {
width: 15%;
}
.three-input1 input:nth-child(2) {
width: 40%;
}
.three-input1 p {
font-size: 14px;
font-style: italic;
display: inline-block;
vertical-align: middle;
}
.hint-txt {
padding-top: 5px;
color: #0095da;
display: block;
}
.verification-input1 input {
display: inline-block;
}
.verification-input1 input:first-child {
width: 40%;
}
.verification-input1 input:nth-child(2) {
width: 40%;
}
.refresh-btn {
border: 1px solid #666;
border-radius: 3px;
padding: 15px 10px;
line-height: 0;
}
.terms-agree-txt label {
vertical-align: middle;
margin-bottom: 0;
}
.terms-agree-txt label input {
vertical-align: middle;
margin-right: 10px;
}
.terms-agree-txt label a {
color: #0095da;
}
.ps-reg.submit {
margin-top: 0;
}
.ps-reg.submit .ps-btn {
width: 60%;
margin: 0 auto;
}
/***************/
.ps-products-category {
padding: 10px 0 50px;
overflow: hidden;
}
.product-category-block {
padding: 0px 0px;
}
.product-category-block h3 {
color: #0095da;
font-size: 18px;
}
.product-category-block ul {
list-style: none;
padding-left: 15px;
}
.product-category-block ul li a {
font-size: 14px;
display: flex;
}
.product-category-block ul li i {
padding-right: 5px;
padding-top: 4px;
}
.ps-pagination {
padding-top: 0px;
text-align: center;
}
.pagination {
margin: 0;
display: inline-block;
position: relative;
vertical-align: top;
font-size: 0;
}
.pagination li.active {
border: none;
}
.pagination li {
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
.pagination li > a {
padding: 0 14px;
position: relative;
display: inline-block;
line-height: 32px;
border: none;
background-color: #f5f5f5;
color: #000;
vertical-align: middle;
font-size: 14px;
}
.pagination li > a i {
line-height: 32px;
}
.pagination li > a:hover {
color: #fff;
background-color: #ff8d00;
}
.pagination li.active a {
background-color: #ff8d00;
color: #fff;
}
/*********** Products **********/
.ps-products-section {
padding: 10px 0 50px;
overflow: hidden;
}
.ps-sidebar-block {
border: 1px solid #ccc;
padding: 15px;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
}
.ps-sidebar-block .ps-block-left {
margin-bottom: 10px;
}
.ps-sidebar-block .ps-block-left .title-ps {
font-size: 16px;
border-bottom: 1px solid #ff8d00;
padding-bottom: 10px;
margin-bottom: 14px;
color: #0295da;
}
.ps-sidebar-block .ps-block-left label {
display: flex;
vertical-align: middle;
font-size: 14px;
}
.ps-sidebar-block .ps-block-left label input {
vertical-align: top;
margin-right: 5px;
}
.ps-sidebar-block .ps-block-left:last-child {
text-align: center;
margin-bottom: 0px;
}
.ps-right-block .ps-block-ri {
text-align: center;
border: 1px solid #ccc;
padding: 0px 0px 10px 0px;
border-radius: 4px;
overflow: hidden;
transition: all ease-in .5s;
margin-bottom: 30px;
}
.ps-right-block .ps-block-ri span {
display: block;
height: 206px;
min-height: 100%;
}
.ps-right-block .ps-block-ri span img {
width: 100%;
height: 100%;
}
.ps-right-block .ps-block-ri h4 {
padding: 10px 0px 5px;
text-transform: capitalize;
transition: all ease-in .5s;
font-size: 16px;
min-height: 58px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ps-right-block .ps-block-ri h5 {
padding-bottom: 5px;
color: #ff8d00;
font-size: 13px;
}
/*.ps-right-block .ps-block-ri .ps-btn {
padding: 10px 20px;
font-size: 15px;
}*/
.ps-right-block .ps-block-ri:hover {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
}
.ps-right-block .ps-block-ri:hover h4 {
color: #0095da;
}
.ps-page--product {
padding-top: 5px;
padding-bottom: 20px;
}
.ps-page--product .ps-page__container .ps-page__left {
padding-right: 0px;
max-width: calc(100%);
}
.ps-page--product .ps-page__container > * {
width: 100%;
}
.ps-product--detail .ps-product__header {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}
.ps-product--detail .ps-product__header > * {
width: 100%;
}
.ps-product--detail .ps-product__thumbnail {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-box-direction: reverse;
flex-flow: wrap;
align-content: flex-start;
justify-content: flex-start;
}
.ps-product--detail .ps-product__thumbnail figure {
position: relative;
display: block;
max-width: 100%;
}
.ps-product--detail .ps-product__thumbnail > * {
width: 100%;
}
.ps-product__variants .slick-track {
display: flex;
flex-flow: nowrap;
height: 100% !important;
/*transform: translate3d(0px, 0px, 0px) !important;*/
}
.ps-product--detail .ps-product__thumbnail .ps-product__variants {
max-width: 100%;
width: 100%;
min-width: 60px;
margin-top: 20px;
}
.ps-product--detail .ps-product__thumbnail .ps-product__variants.slick-slider .slick-list {
height: 100% !important;
}
.ps-product--detail .ps-product__thumbnail .ps-wrapper {
position: relative;
}
.ps-product--detail .ps-product__gallery {
position: relative;
padding: 7px;
border: 1px solid #d9d9d9;
}
.ps-product--detail .ps-product__gallery .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 100;
width: 35px;
height: 35px;
color: #000;
font-size: 18px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 4px;
visibility: hidden;
opacity: 0;
}
.ps-product--detail .ps-product__gallery .slick-arrow:first-child {
left: 20px;
}
.ps-product--detail .ps-product__gallery .slick-arrow:last-child {
right: 20px;
}
.ps-product--detail .ps-product__gallery .slick-arrow i {
position: absolute;
top: 47%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ps-product--detail .ps-product__gallery:hover .slick-arrow {
visibility: visible;
opacity: 1;
}
.ps-product--detail .ps-product__gallery .slick-arrow:hover {
background-color: #fcb800;
color: #fff;
}
.ps-product--detail .slick-slide {
outline: none;
-ms-box-shadow: none;
box-shadow: none;
}
.ps-product--detail .ps-product__gallery .slick-list .slick-slide {
height: 390px;
}
.ps-product--detail .ps-product__gallery .slick-list .slick-slide img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ps-product__variants .slick-list .slick-slide {
height: 57px;
}
.ps-product__variants .slick-list .slick-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ps-product--detail .ps-product__variants .item.slick-current {
border-color: #fcb800;
}
.ps-product--detail .ps-product__variants .item {
margin-bottom: 10px;
border: 1px solid #d9d9d9;
cursor: pointer;
padding: 3px;
margin-right: 10px;
}
.ps-product--detail .ps-product__shopping .ps-btn {
margin: 0 15px;
}
.ps-product--detail .slick-slide {
outline: none;
-ms-box-shadow: none;
box-shadow: none;
}
.ps-product--detail .ps-product__header .ps-product__info {
max-width: 50%;
}
.ps-product--detail .ps-product__header > * {
width: 100%;
}
.ps-product--detail .ps-product__info {
text-align: left;
}
.ps-page--product .ps-page__container > .ps-product--detail.ps-product--fullwidth .ps-product__shopping {
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
}
.ps-product--detail h1 {
margin-bottom: 10px;
font-size: 21px;
color: #000;
font-weight: 400;
line-height: 1.2;
}
.ps-product--detail h4 {
margin-bottom: 30px;
}
.ps-product--detail .ps-product__meta {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: start;
align-items: flex-start;
justify-content: center;
margin-bottom: 10px;
}
.ps-product--detail .ps-product__meta p {
position: relative;
display: inline-block;
margin-bottom: 0;
margin-right: 10px;
padding-right: 10px;
line-height: 20px;
padding-bottom: 10px;
font-size: 16px;
color: #ff8d00;
}
.ps-product--detail .ps-product__desc {
padding-bottom: 10px;
}
.ps-product--detail .ps-product__desc h4 {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: #0095da;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.ps-product--detail .ps-product__desc p {
color: #000;
}
.ps-product--detail .ps-product__shopping .ps-btn.ps-btn--black {
color: #fff;
background: #222;
}
.ps-product--detail .ps-product__shopping .ps-btn.ps-btn--black:hover {
color: #fff;
background: #0095da;
}
.ps-table {}
.ps-table .table {
width: 80%;
border: 1px solid #ccc;
margin: 0 auto;
}
.ps-modal .modal-body {
padding: 15px 20px 10px;
}
.ps-modal .modal-body h4 {
color: #ff8d00;
margin-bottom: 0;
}
.ps-modal .modal-body h5 {
font-weight: normal;
}
.ps-modal .modal-body form {
padding-top: 10px;
}
.ps-modal .modal-body form textarea.form-control {
height: 50px;
}
.ps-modal .modal-body .terms-ps h4 {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: #0095da;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.ps-modal .modal-body .terms-ps span {
color: #FF6600;
padding: 2px 10px;
border: 3px solid #FF6600;
border-radius: 6px;
font-weight: bold;
display: block;
margin: 10px 0 6px;
}
.ps-modal .modal-footer {
padding: 15px 25px;
justify-content: center;
}
.ps-modal .modal-footer .btn {
font-size: 16px;
}
.ps-modal .modal-footer .ps-btn {
padding: 7px 12px;
}
.filter-atoz {
padding: 0px 0px;
text-align: center;
margin-bottom: 18px;
}
.filter-atoz li {
display: inline-block;
vertical-align: top;
}
.filter-atoz li > a {
padding: 0 11px;
position: relative;
display: inline-block;
line-height: 32px;
border: none;
background-color: #f5f5f5;
color: #000;
vertical-align: middle;
font-size: 14px;
text-transform: capitalize;
}
.filter-atoz li > a:hover {
color: #fff;
background-color: #ff8d00;
}
.filter-atoz li.active a {
background-color: #ff8d00;
color: #fff;
}
.ps-knowledge-section {
padding: 10px 0 20px;
overflow: hidden;
}
.knowledge-category-block {
padding: 15px 20px;
border: 1px solid #ccc;
transition: all ease-in .5s;
margin-bottom: 35px;
}
.knowledge-category-block:hover {
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .15);
}
.knowledge-category-block h3 a {
color: #0095da;
font-size: 20px;
height: 50px;
display: inline-block;
}
.knowledge-category-block h3 a:hover {
color: #ff8d00;
}
.knowledge-category-block p {
text-align: justify;
}
.knowledge-sec-meta h5 {
margin-bottom: 30px;
}
.knowledge-sec-meta p {
text-align: justify;
}
.knowledge-sec-meta a {
padding-top: 15px;
display: inline-block;
}
.title-ps {
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: #0095da;
}
.spares-category-block {
padding: 0px;
border: 1px solid #ccc;
transition: all ease-in .5s;
margin-bottom: 30px;
}
.spares-category-block:hover {
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .15);
}
.spares-category-block span {
display: block;
margin-bottom: 10px;
overflow: hidden;
height: 206px;
}
.spares-category-block span img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 2.2s ease-in-out;
-moz-transition: all 2.2s ease-in-out;
-ms-transition: all 2.2s ease-in-out;
-o-transition: all 2.2s ease-in-out;
transition: all 2.2s ease-in-out;
}
.spares-category-block:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.spares-category-block h3 {
color: #000;
font-size: 14px;
margin-bottom: 15px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: normal;
}
.ps-spares-block {
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden;
transition: all ease-in .5s;
display: flex;
margin-bottom: 30px;
}
.ps-spares-block:hover {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
}
.ps-spares-block span {
display: block;
height: 230px;
min-height: 100%;
width: 200px;
padding: 10px;
}
.ps-spares-block span img {
width: 100%;
height: 100%;
object-fit: contain;
}
.ps-spares-block .content {
padding: 20px 20px 20px 30px;
}
.ps-spares-block .content h4 {
padding-bottom: 5px;
text-transform: capitalize;
transition: all ease-in .5s;
font-size: 16px;
}
.ps-spares-block .content h5 {
padding-bottom: 5px;
color: #ff8d00;
font-size: 14px;
}
.ps-spares-block .content ul {
padding: 0;
}
.ps-spares-block .content ul li:first-child {
padding-right: 10px;
}
.ps-spares-block .content ul li {
display: inline-block;
}
.ps-spares-block .content .ps-btn {
padding: 10px 20px;
font-size: 15px;
float: right;
}
.ps-product--detail .ps-product__meta1 {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-align: start;
align-items: flex-start;
margin-bottom: 10px;
margin-top: 20px;
}
.ps-product--detail .ps-product__meta1 p {
position: relative;
display: inline-block;
margin-bottom: 0;
margin-right: 10px;
padding-right: 10px;
line-height: 20px;
padding-bottom: 10px;
font-size: 16px;
color: #ff8d00;
}
.ps-table1 .table {
width: 80%;
margin: 0px auto 0;
}
.ps-table1 .table td,
.table th {
border: 1px solid #ccc;
}
.ps-trade-block {
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden;
transition: all ease-in .5s;
display: flex;
margin-bottom: 30px;
min-height: 350px;
}
.ps-trade-block:hover {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
}
.ps-trade-block .content {
padding: 10px;
width: 100%;
}
.ps-trade-block .content span {
color: #ff8d00;
}
.ps-trade-block .content h4 {
margin-bottom: 0px;
text-transform: capitalize;
transition: all ease-in .5s;
font-size: 16px;
}
.ps-trade-block .content h5 {
margin-bottom: 0px;
color: #ff8d00;
font-size: 14px;
}
.ps-trade-block .content ul {
padding: 0;
margin-bottom: 0px;
}
.ps-trade-block .content ul li:first-child {
padding-right: 10px;
}
.ps-trade-block .content ul li {
display: inline-block;
}
.ps-trade-block .content .attribute-filed p {
min-height: 22px;
}
.ps-trade-block .content p {
font-weight: 400;
color: #212529;
margin-bottom: 0;
}
/*.ps-trade-block .content .ps-btn {
padding: 10px 20px;
font-size: 15px;
}*/
.ps-trade-block .content .verified img {
float: right;
width: 90px;
margin-top: 4px;
height: auto;
}
.ps-used-section {
padding: 10px 0px 50px;
}
.ps-used-block {
padding: 15px;
border: 1px solid #ccc;
transition: all ease-in .5s;
}
.ps-used-block:hover {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
}
.ps-used-block .ps-btn {
display: inline-block;
padding: 10px 15px;
font-size: 14px;
}
.spares-category-block {
text-align: center;
}
.spares-category-block p {
margin-bottom: 0px;
color: #ff8d00;
}
/*.spares-category-block .ps-btn {
padding: 10px 15px;
font-size: 15px;
}*/
.ps-product--detail h1.used-di {
color: #0095da;
font-size: 18px;
font-weight: bold;
}
/*************/
.search-bar .modal-header {
padding-top: 0px;
}
.search-bar .modal-header .close {
font-size: 28px;
}
.search-bar .modal-footer {
padding-bottom: 0px;
justify-content: flex-start;
}
.search-bar .modal-footer .ps-btn {
padding: 12px 20px;
}
.search-bar .modal-content {
padding: 15px 20px;
}
.search-bar .modal-body {
padding-bottom: 0px;
padding-top: 25px;
}
/**********/
.ps-events-section {
padding: 50px 0px 0px;
}
.ps-events-block {
position: relative;
margin-bottom: 30px;
box-shadow: 0px 0px 10px 0px #ccc;
}
.ps-events-block .image-events {
height: 245px;
overflow: hidden;
position: relative;
display: block;
}
.ps-events-block .image-events img {
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 2.2s ease-in-out;
-moz-transition: all 2.2s ease-in-out;
-ms-transition: all 2.2s ease-in-out;
-o-transition: all 2.2s ease-in-out;
transition: all 2.2s ease-in-out;
}
.ps-events-block:hover .image-events img {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.ps-events-block .events-content {
text-align: center;
padding: 30px 15px 30px;
position: relative;
background: #fff;
}
.ps-events-block .events-content .date {
text-transform: capitalize;
padding: 15px;
position: absolute;
top: -45px;
right: 0;
background: #ff8d00;
color: #fff;
}
.ps-events-block .events-content .date span {
display: block;
font-size: 40px;
font-weight: bold;
line-height: 34px;
}
.ps-events-block .events-content h3 a {
font-weight: bold;
}
.ps-events-block .events-content p {}
.ps-events-block .events-content hr {
border-top: 1px solid #000;
margin: 5px auto;
width: 60%;
}
.ps-events-details-block {
position: relative;
margin-bottom: 30px;
}
.ps-events-details-block .image-events {
height: 400px;
overflow: hidden;
position: relative;
display: block;
}
.ps-events-details-block .image-events img {
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 2.2s ease-in-out;
-moz-transition: all 2.2s ease-in-out;
-ms-transition: all 2.2s ease-in-out;
-o-transition: all 2.2s ease-in-out;
transition: all 2.2s ease-in-out;
}
.ps-events-details-block .events-content {
padding: 15px 0px 30px;
position: relative;
background: #fff;
}
.ps-events-details-block .events-content .date {
margin-bottom: 20px;
}
.ps-events-details-block .events-content .date span {
padding-right: 15px;
text-transform: capitalize;
}
.ps-events-details-block .events-content .date i {
padding-right: 5px;
color: #ff8d00;
}
.ps-events-details-block .events-content h3 {
font-weight: bold;
color: #0095da;
}
.header-advertisment {
width: 70%;
margin: 3px -15px 3px 0px !important;
}
.ps-two-buttons {
text-align: center;
margin-bottom: 15px;
}
.ps-btn-grey {
background: #f5f5f5;
border: 1px solid #666;
border-radius: 5px;
padding: 5px 8px;
text-align: center;
color: #000;
font-size: 20px;
font-weight: 600;
display: inline-block;
}
.ps-btn-grey:hover {
color: #686868;
}
.ps-two-buttons .ps-btn-grey:last-child {
margin-left: 20px;
}
.satisfy-01 {
display: inline-block;
padding: 0 8px;
vertical-align: middle;
}
.satisfy-01 h2 {
font-size: 24px;
margin-top: 0px;
margin-bottom: 0;
text-align: center;
color: #fff;
}
.satisfy-01 p {
font-size: 16px;
margin-top: 0px;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.high-t {
color: #ff7713;
background: rgba(0, 0, 0, .7);
padding: 5px 15px;
width: 100%;
position: absolute;
left: 0;
bottom: 0px;
opacity: 0;
transition: all ease-in .3s;
z-index: 111;
}
.ps-carousel--nav .ps-product.ps-product--inner:hover .high-t {
opacity: 1;
}
.ps-deal-of-day .ps-section__header h3 {
font-size: 20px;
line-height: 1em;
color: #0095da;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 8px;
}
.ps-login-box .ps-form--contact-us h4 {
margin-bottom: 30px;
}
.ps-login-box .ps-form--contact-us ul {
padding-left: 20px;
margin-bottom: 45px;
}
.ps-login-box .ps-form--contact-us ul li {
padding-bottom: 10px;
}
.ps-reg-box {
padding: 30px 35px;
border: 1px solid #ccc;
box-shadow: 0px 0px 10px 0px #ccc;
}
.ps-reg-box .ps-reg.submit {
margin-bottom: 30px;
}
.ps-new-slider {
height: 400px;
overflow: hidden;
}
.ps-new-slider .ps-collection {
border: 0px;
}
.ps-wrapper-three {
padding: 50px 0px;
}
.ps-block-th {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
width: 100%;
display: flex;
justify-content: left;
align-items: flex-end;
height: 250px;
box-shadow: 0px 0px 15px 0px #ccc;
border: 1px solid #ccc;
position: relative;
padding: 15px 20px 10px 20px;
}
.ps-block-th::before {
position: absolute;
content: '';
background: rgba(0, 0, 0, .25);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.ps-block-th h2 {
font-size: 22px;
color: #fff;
text-transform: capitalize;
letter-spacing: 1px;
font-weight: bold;
transition: all ease-in .5s;
}
.ps-block-th:hover h2 {
color: #ff7713;
}
.ps-slider-hy {
border: 1px solid #ccc;
box-shadow: 0px 0px 15px 0px #ccc;
margin-bottom: 30px;
}
.ps-slider-hy .ps-carousel--nav {
height: 180px;
overflow: hidden;
}
.ps-slider-hy .pad-ps-01 {
padding: 20px 15px;
}
.ps-slider-hy .pad-ps-01 .ps-btn {
padding: 10px 30px;
margin-bottom: 15px;
}
.ps-slider-hy .ps-product .ps-product__thumbnail a {
display: block;
}
.ps-slider-hy .ps-product .ps-product__thumbnail img {
height: 180px;
}
.ps-slider-hy .ps-product .ps-product__thumbnail p {
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
left: auto;
color: #000;
font-weight: bold;
font-size: 18px;
margin-bottom: 0px;
background: rgba(255, 255, 255, .7);
}
.ps-slider-hy + .ps-btn {
padding: 12px 35px
}
.ps-tec-wrapper {
padding-bottom: 50px;
}
.ps-tec-block {
text-align: center;
}
.ps-slider-hy .ps-tec-block .ps-btn {
padding: 10px 10px;
cursor: pointer;
color: #fff !important;
font-size: 15px;
margin-bottom: 0px;
}
.pdf-block {
padding: 15px;
text-align: left;
height: 180px;
border: 1px solid #ccc;
margin-top: 20px;
}
.pdf-block ul {
padding: 0px;
list-style: none;
}
.pdf-block ul li {
padding-bottom: 5px;
}
.pdf-block ul li a {
font-size: 14px;
}
.pdf-block ul li i {
font-size: 12px;
}
#target {
display: none;
}
#target1 {
display: none;
}
#target2 {
display: none;
}
#target3 {
display: none;
}
.bread-crumb-ps h1 {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
color: #0095da;
padding: 30px 0px 10px;
border-bottom: 1px solid #ccc;
display: block;
width: 100%;
}
.featured-slider .ps-section__content .ps-carousel--nav .ps-product__thumbnail {
border-radius: 30px;
height: 208px;
}
.cycloneslider-slide-image {
width: 100%;
}
.ps-slider-hy h1 {
font-size: 17px;
padding: 10px 15px;
margin-bottom: 0;
color: #111111;
}
.payment-op {
text-align: right;
}
.payment-op h4 {
font-size: 14px;
color: #fff;
display: inline-block;
color: #0095da;
}
.payment-op ul {
padding: 0px;
list-style: none;
}
.payment-op ul li {
display: inline-block;
color: #fff;
font-size: 14px;
}
.payment-op ul li img {
width: 80px;
}
/******************/
.ps-dashboard-01 {
padding: 10px 0px 20px;
}
.ps-dashboard-sidebar {}
.user-block {
padding: 15px;
border: 1px solid #ccc;
box-shadow: 0px 0px 8px 0px #ccc;
}
.user-block .icon-u {
font-size: 50px;
border: 1px solid #ccc;
border-radius: 100%;
width: 80px;
height: 80px;
text-align: center;
line-height: 68px;
box-shadow: 0px 0px 6px 0px #efefef;
color: #ff7713;
margin: 0 auto 15px;
}
.user-block .icon-u i {
line-height: 75px;
}
.user-block h4 {
margin-bottom: 10px;
font-size: 16px;
}
.user-block h5 {
margin-bottom: 2px;
}
.user-block h6 {
color: #666;
}
.user-block .member-user {
border-top: 1px solid #ccc;
padding-top: 10px;
margin-top: 10px;
}
.user-block .member-user h3 {
margin-bottom: 0px;
color: #0095da;
text-transform: uppercase;
font-size: 20px;
}
.user-block .member-user p {
margin-bottom: 0px;
}
.manage-links {
margin-top: 30px;
border: 1px solid #ccc;
box-shadow: 0px 0px 8px 0px #ccc;
}
.manage-links .manage-title {
padding: 15px;
border-bottom: 1px solid #ccc;
box-shadow: 0px 2px 7px 0px #ccc;
text-transform: uppercase;
color: #0095da;
}
.manage-links ul {
list-style: none;
padding: 0px;
margin-bottom: 0px;
}
.manage-links ul li a {
padding: 8px 15px;
display: block;
font-size: 16px;
border-bottom: 1px solid #ccc;
transition: all ease-in .5s;
font-weight: 600;
}
.manage-links ul li a:hover {
background: #f5f5f5;
color: #ff8d00;
}
.manage-links ul li.active a {
background: #f5f5f5;
color: #ff8d00;
}
.ps-dahboard-rightbar {
float: left;
width: 100%;
}
.ps-right-content {
border: 1px solid #ccc;
box-shadow: 0px 0px 10px 0px #ccc;
padding: 25px;
float: left;
width: 100%;
}
.ps-left-block-01 {
max-width: 40%;
width: 40%;
display: inline-block;
border-right: 1px solid #ccc;
}
.ps-left-block-01 h3 {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 15px;
margin-right: 20px;
color: #0095da;
font-size: 20px;
}
.ps-left-block-01 h3 i {
padding-right: 5px;
}
.ps-left-block-01 ul {
padding-left: 0px;
list-style: none;
margin: 20px 0px;
}
.ps-left-block-01 ul li {
padding-bottom: 5px;
}
/*.ps-left-block-01 a.ps-btn {
padding: 11px 35px
}*/
.ps-right-block-01 {
display: inline-block;
width: 59%;
max-width: 59%;
padding-left: 20px;
vertical-align: top;
}
.ps-right-block-01 h3 {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 15px;
margin-right: 20px;
color: #0095da;
font-size: 20px;
}
.ps-right-block-01 h3 i {
padding-right: 5px;
}
.ps-right-block-01 h6 {
font-size: 14px;
color: #ff7713;
margin-bottom: 30px;
margin-top: 30px;
}
.dash-title {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 15px;
margin-right: 20px;
color: #0095da;
font-size: 20px;
float: left;
width: 100%;
}
.form-group .checkbox-l {
margin-bottom: 0px;
}
.checkbox-l input {
vertical-align: middle;
}
.rate-ps label {
display: block;
}
.rate-ps select {
width: 20%;
display: inline-block;
}
.rate-ps input {
width: 50%;
display: inline-block;
margin-left: 10px;
}
.rate-ps p {
display: inline-block;
}
input[type="file"].form-control {
padding: 3px 20px;
}
.file-add-ps label {
display: block;
}
.file-add-ps input.form-control {
width: 60%;
display: inline-block;
}
.file-add-ps a {
color: #0095da !important;
cursor: pointer;
}
.ps-dashboard-breadcrumb {
padding-top: 10px;
}
.ps-dashboard-breadcrumb h2 {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
#remove1 {
display: none;
}
.form-holder-append #add1 {
display: none;
}
.form-holder-append span {
display: none;
}
.form-holder-append #remove1 {
display: inline-block;
}
.add-div1 {
margin-top: 15px;
}
.two-input-01 input {
width: 47.5%;
display: inline-block;
margin-bottom: 15px;
}
.two-input-02 input {
width: 35%;
display: inline-block;
margin-bottom: 15px;
}
.two-input-02 a {
cursor: pointer;
color: #0095da !important;
padding-left: 10px;
}
.show-extra {
width: 100%;
}
.show-extra input {
width: 35%;
display: inline-block;
margin-bottom: 15px;
}
#re-01 {
display: none;
}
.form-holder-append-1 #ad-01 {
display: none;
}
.form-holder-append-1 #re-01 {
display: inline-block;
}
.btn-form-001 button {
height: 40px;
padding: 0 30px;
}
.dash-title a.ps-btn {
float: right;
}
.dash-form-01 {
float: left;
width: 100%;
}
.ps-table--vendor thead tr th {
padding: 10px 16px;
font-size: 14px;
font-weight: 600;
color: #000;
background-color: #f4f4f4;
border-top: 0px;
}
.ps-table--vendor tbody tr td p {
margin-bottom: 0px;
}
.ps-table--vendor tbody tr td p span {
color: #ff7713;
}
.ps-table--vendor tbody tr td h4 {
font-size: 16px;
color: #0095da;
margin-bottom: 0px;
}
.ps-table--vendor tbody tr td h5 {
color: #ff7713;
margin-bottom: 0px;
}
.ps-table--vendor tbody tr td a i {
font-size: 20px;
}
.dataTables_length {
width: 50%;
display: block;
float: left;
}
.dataTables_filter {
width: 50%;
display: block;
float: left;
}
.dataTables_filter input {
height: 50px;
font-size: 14px;
padding: 0 10px;
height: 35px;
background-color: transparent;
border: 1px solid #dddddd;
border-radius: 0;
box-shadow: 0 0 rgba(0, 0, 0, 0);
-webkit-transition: all .4s ease;
transition: all .4s ease;
box-shadow: 0 0 0 #000;
}
.dataTables_info {
width: 50%;
display: block;
float: left;
}
.dataTables_paginate {
width: 50%;
display: block;
float: left;
}
.paginate_button.disabled {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
}
.paginate_button {
position: relative;
display: inline-block;
padding: 8px 13px;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
cursor: pointer;
}
.paginate_button.next {
cursor: pointer;
pointer-events: painted;
}
.paginate_button:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.paginate_button.current {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.tab-in {
float: left;
margin-top: 10px;
}
.tab-in .btn {
height: 30px;
font-size: 14px;
background: #0095da;
color: #fff;
line-height: 15px;
}
.tab-in .btn:hover {
background: #161616;
}
table.dataTable {
display: inline-table;
}
.three-input3 input {
width: 50%;
display: inline-block;
}
.three-input3 p {
display: inline-block;
font-style: italic;
}
.ps-contact-belt-1 {
padding: 40px 0px;
}
.ps-breadcrumb-bg .ps-btn {
padding: 5px 10px;
background: #777777;
}
.ps-breadcrumb-bg .ps-btn:hover {
background: #ff8d00;
}
.lg-outer {
z-index: 105000;
}
.ps-form--contact-us .ps-btn {
height: auto;
padding: 7px 10px;
}
#login.search-bar .modal-body {
padding-left: 0px;
padding-right: 0px;
}
#login.search-bar .modal-dialog {
max-width: 500px;
margin: 13rem auto;
}
/*******************/
.products-detail-01.ps-product--detail .ps-product__thumbnail {
flex-flow: row nowrap;
margin-top: 10px;
}
.products-detail-01.ps-product--detail .ps-product__thumbnail figure {
padding-left: 0px;
padding-right: 10px;
}
.products-detail-01.ps-product--detail .ps-product__thumbnail > * {
width: 100%;
}
.products-detail-01.ps-product--detail .ps-product__thumbnail > .slick-slider {
text-align: center;
}
.products-detail-02.ps-product--detail h6 {
margin-bottom: 10px;
font-size: 16px;
color: #666;
font-weight: 400;
line-height: 1.2;
}
.products-detail-02.ps-product--detail h2 {
margin-bottom: 10px;
font-size: 24px;
color: #0095da;
font-weight: bold;
line-height: 1.2;
}
.products-detailwrapper .ps-product--detail .ps-product__header {
flex-flow: column;
margin-top: 10px;
}
.products-detailwrapper .ps-table {
width: 40%;
}
.products-detailwrapper .ps-table .table {
width: 100%;
border: 1px solid #ccc;
margin: 0px auto 0px;
}
.ps-title-01 {
margin-bottom: 10px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
padding-bottom: 0px;
border-bottom: 1px solid #ccc;
}
.ps-title-01 h3 {
margin-bottom: 10px;
font-size: 16px;
color: #666;
font-weight: bold;
line-height: 1.2;
text-transform: uppercase;
}
.products-detail-02 .ps-product__meta {
margin-bottom: 10px;
margin-top: 0px;
}
.ps-post-requirement .ps-btn.post1 {
color: #fff !important;
margin-bottom: 30px;
font-weight: 600;
}
.products-detail-02 .ps-btn span {
font-weight: 600;
}
.title-mainproducts {
margin-top: 30px;
}
.title-mainproducts h2 {
margin-bottom: 10px;
font-size: 24px;
color: #0095da;
font-weight: bold;
line-height: 1.2;
}
.ps-table.open {
display: block !important;
}
#mydiv {
display: none;
}
[type="button"].ps-btn,
[type="reset"].ps-btn,
[type="submit"].ps-btn {
height: auto;
}
.ps-block-left .ui-widget.ui-widget-content {
margin-top: 12px;
}
.ps-product--detail .ps-product__thumbnail .ps-product__variants .slick-arrow {
position: absolute;
top: 43%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 100;
width: 25px;
height: 25px;
color: #000;
font-size: 18px;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 4px;
visibility: hidden;
opacity: 0;
text-align: center;
}
.ps-product--detail .ps-product__thumbnail .ps-product__variants .slick-arrow i {
line-height: 25px;
}
.ps-product--detail .ps-product__thumbnail .ps-product__variants .slick-arrow:first-child {
left: 20px;
}
.ps-product--detail .ps-product__thumbnail .ps-product__variants .slick-arrow:last-child {
right: 20px;
}
.ps-product--detail .ps-product__thumbnail .ps-product__variants:hover .slick-arrow {
visibility: visible;
opacity: 1;
}
.table-custom-1 {}
.width-1 {
width: 9%;
}
/*.btn-form-001 input[type=submit],
.btn-form-001 input[type=reset] {
height: 40px;
padding: 0 30px;
}*/
.spares-catnew {
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}
/***** 12 - 1 - 21 *****/
.custom-table {
border: 0px solid #dee2e6;
display: table;
}
.custom-table.table td,
.custom-table.table th {
border: 1px solid #dee2e6;
}
.table-filter {
display: inline-block;
;
}
.table-filter select {
width: 150px;
}
.pagination-table {
display: flex;
}
.table-footer-page,
.table-header-page {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
}
.paid-txt {
color: green;
font-weight: bold;
}
.new-breadcrumb-bg {
padding: 6px 0 0;
}
.new-breadcrumb-bg + .ps-page--product {
padding-top: 5px;
}
.ps-breadcrumb-bg .twobtn-elementor {
float: right;
display: inline-block;
}
.ps-breadcrumb-bg .twobtn-elementor .ps-btn {
padding: 5px 10px;
background: #f5f5f5;
color: #000000;
}
.ps-breadcrumb-bg .twobtn-elementor .ps-btn:hover,
.ps-breadcrumb-bg .twobtn-elementor .ps-btn.active {
background: #ff8d00;
color: #ffffff;
}
.auction-detail-new .ps-btn {
padding: 7px 10px;
background-color: #777777;
}
.auction-detail-new .ps-btn:hover {
background: #ff8d00;
}
.auction-detail-new {
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: space-between;
width: 80%;
margin: 0 auto 15px;
}
.ps-product--detail .auction-detail-new .ps-product__meta {
flex-flow: wrap;
padding: 0 15px;
margin-bottom: 0;
}
.ps-product--detail .auction-detail-new .ps-product__meta p {
padding: 0;
margin: 0;
font-weight: bold;
}
.featured-slider .ps-section__content .ps-product .ps-product__thumbnail img {
height: 100%;
}
.terms-ps p {
margin-bottom: 0;
text-align: justify;
}
.modal-dialog {
margin: 0 auto;
height: 100%;
display: flex;
flex-flow: wrap;
align-items: center;
}
.btn {
padding: 7px 10px;
font-size: 16px;
font-weight: 600;
line-height: 18px;
border-radius: 4px;
}
.h-button {
text-align: center;
}
.h-button span {
display: inline-block;
min-width: 0.3em;
text-transform: uppercase;
transition: all ease-in .25s;
opacity: 0;
transform: translate(0, -20px);
font-weight: 600;
}
.h-button:before {
content: attr(data-text);
position: absolute;
width: 100%;
left: 0;
transition: all ease-in .25s;
text-transform: uppercase;
opacity: 1;
transform: translate(0, 0px);
}
.h-button:hover:before,
.h-button:focus:before {
opacity: 0;
transform: translate(0, 0px);
}
.h-button:hover span,
.h-button:focus span {
opacity: 1;
transform: translate(0, 0);
}
.h-button:hover span:nth-child(1),
.h-button:focus span:nth-child(1) {
transition-delay: 0.03s;
}
.h-button:hover span:nth-child(2),
.h-button:focus span:nth-child(2) {
transition-delay: 0.09s;
}
.h-button:hover span:nth-child(3),
.h-button:focus span:nth-child(3) {
transition-delay: 0.15s;
}
.h-button:hover span:nth-child(4),
.h-button:focus span:nth-child(4) {
transition-delay: 0.2s;
}
.h-button:hover span:nth-child(5),
.h-button:focus span:nth-child(5) {
transition-delay: 0.25s;
}
.h-button:hover span:nth-child(6),
.h-button:focus span:nth-child(6) {
transition-delay: 0.3s;
}
.h-button:hover span:nth-child(7),
.h-button:focus span:nth-child(7) {
transition-delay: 0.35s;
}
.h-button:hover span:nth-child(8),
.h-button:focus span:nth-child(8) {
transition-delay: 0.4s;
}
.h-button:hover span:nth-child(9),
.h-button:focus span:nth-child(9) {
transition-delay: 0.45s;
}
.h-button:hover span:nth-child(10),
.h-button:focus span:nth-child(10) {
transition-delay: 0.5s;
}
.h-button:hover span:nth-child(11),
.h-button:focus span:nth-child(11) {
transition-delay: 0.55s;
}
.h-button:hover span:nth-child(12),
.h-button:focus span:nth-child(12) {
transition-delay: 0.6s;
}
.h-button:hover span:nth-child(13),
.h-button:focus span:nth-child(13) {
transition-delay: 0.65s;
}
.h-button:hover span:nth-child(14),
.h-button:focus span:nth-child(14) {
transition-delay: 0.7s;
}
.h-button:hover span:nth-child(15),
.h-button:focus span:nth-child(15) {
transition-delay: 0.75s;
}
.header--market-place-2 .menu > li > a[data-text=search]::before {
left: -13px;
}
.cycloneslider-template-standard {
position: relative;
}
div > iframe[frameborder=0] {}
.psfilters-block {
top: 35%;
left: 20px;
position: fixed;
z-index: 2;
}
.filterbtn-list {
cursor: pointer;
color: #fff;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
background: rgb(0, 149, 218);
border-radius: 100%;
}
.filterbtn-list i {
font-size: 18px;
line-height: 50px;
}
.filterbtn-list:hover {
color: #fff;
background: #ff8d00;
}
.filter-contentmain {
position: absolute;
top: -150px;
left: 60px;
z-index: 99;
background: #fff;
width: 280px;
display: none;
}
.filter-contentmain .ps-sidebar-block {
height: 480px;
overflow: auto;
}
.ps-toolsused-new {
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden;
transition: all ease-in .5s;
margin-bottom: 30px;
padding: 10px;
}
.ps-toolsused-new:hover {
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
}
.ps-toolsused-new p {
font-weight: 400;
color: #212529;
margin-bottom: 0;
}
.ps-toolsused-new span {
color: #ff8d00;
}
.ps-toolsused-new .attribute-filed p {
min-height: 22px;
}
.ps-toolsused-new ul {
padding: 0;
margin-bottom: 0px;
}
.ps-toolsused-new ul li:first-child {
padding-right: 10px;
}
.ps-toolsused-new ul li {
display: inline-block;
}
.ps-toolsused-new .verified img {
float: right;
width: 90px !important;
margin-top: 4px;
height: auto !important;
}
.sold_txt {
position: relative;
}
.sold_txt::before {
content: 'Sold';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 60px;
font-weight: 700;
color: red;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
opacity: .5;
}
.spare_pro .ps-right-block .ps-block-ri h3 {
padding: 20px 0px 5px;
text-transform: capitalize;
transition: all ease-in .5s;
font-size: 16px;
min-height: auto;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}