File: /storage/v4513/ivenusin/public_html/wp-content/themes/ivenus/assets/css/bkp/style18-12-2019.css
/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
html,body {
height: 100%;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-style: normal;
color: #8a8a8a; }
.img, img {
max-width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.f-left {
float: left; }
.f-right {
float: right; }
.fix {
overflow: hidden; }
a,
.button {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
a:focus,
.button:focus {
text-decoration: none;
outline: none; }
a:focus,
a:hover {
color: inherit;
text-decoration: none; }
a,
button {
color: inherit;
outline: medium none; }
button:focus, input:focus, input:focus, textarea, textarea:focus {
outline: 0; }
.uppercase {
text-transform: uppercase; }
.capitalize {
text-transform: capitalize; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', sans-serif;
color: #222;
margin-top: 0px;
font-style: normal;
font-weight: 700;
text-transform: normal;
line-height: 1.2; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit; }
h1 {
font-size: 40px;
font-weight: 700; }
h2 {
font-size: 35px; }
h3 {
font-size: 28px; }
h4 {
font-size: 22px; }
h5 {
font-size: 18px; }
h6 {
font-size: 16px; }
ul {
margin: 0px;
padding: 0px; }
li {
list-style: none; }
p {
font-size: 15px;
font-weight: 500;
line-height: 25px;
color: #8a8a8a;
margin-bottom: 15px; }
hr {
border-bottom: 1px solid #eceff8;
border-top: 0 none;
margin: 30px 0;
padding: 0; }
label {
color: #7e7e7e;
cursor: pointer;
font-size: 14px;
font-weight: 400; }
*::-moz-selection {
background: #f56300;
color: #ffffff;
text-shadow: none; }
::-moz-selection {
background: #f56300;
color: #ffffff;
text-shadow: none; }
::selection {
background: #f56300;
color: #ffffff;
text-shadow: none; }
/*--
- Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
color: #999;
font-size: 14px;
opacity: 1; }
*::-webkit-input-placeholder {
color: #999;
font-size: 14px;
opacity: 1; }
*:-ms-input-placeholder {
color: #999;
font-size: 14px;
opacity: 1; }
*::-ms-input-placeholder {
color: #999;
font-size: 14px;
opacity: 1; }
*::placeholder {
color: #999;
font-size: 14px;
opacity: 1; }
/*--
- Common Classes
-----------------------------------------*/
.fix {
overflow: hidden; }
.clear {
clear: both; }
/*--
- Background color
-----------------------------------------*/
.grey-bg {
background: #f7f7f7; }
.grey-2-bg {
background: #f0f7ff; }
.white-bg {
background: #ffffff; }
.black-bg {
background: #000; }
.theme-bg {
background: #f6732e; }
.purple-bg {
background: #1d1f47; }
.coral-bg {
background: #fc5546; }
.blue-bg {
background: #1f80fd; }
/*--
- color
-----------------------------------------*/
.white-color {
color: #ffffff; }
.black-color {
color: #222; }
.theme-color {
color: #f6732e; }
/*--
- Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
margin-top: 5px; }
.mt-10 {
margin-top: 10px; }
.mt-15 {
margin-top: 15px; }
.mt-20 {
margin-top: 20px; }
.mt-25 {
margin-top: 25px; }
.mt-30 {
margin-top: 30px; }
.mt-35 {
margin-top: 35px; }
.mt-40 {
margin-top: 40px; }
.mt-45 {
margin-top: 45px; }
.mt-50 {
margin-top: 50px; }
.mt-55 {
margin-top: 55px; }
.mt-60 {
margin-top: 60px; }
.mt-65 {
margin-top: 65px; }
.mt-70 {
margin-top: 70px; }
.mt-75 {
margin-top: 75px; }
.mt-80 {
margin-top: 80px; }
.mt-85 {
margin-top: 85px; }
.mt-90 {
margin-top: 90px; }
.mt-95 {
margin-top: 95px; }
.mt-100 {
margin-top: 100px; }
.mt-105 {
margin-top: 105px; }
.mt-110 {
margin-top: 110px; }
.mt-115 {
margin-top: 115px; }
.mt-120 {
margin-top: 120px; }
.mt-125 {
margin-top: 125px; }
.mt-130 {
margin-top: 130px; }
.mt-135 {
margin-top: 135px; }
.mt-140 {
margin-top: 140px; }
.mt-145 {
margin-top: 145px; }
.mt-150 {
margin-top: 150px; }
.mt-155 {
margin-top: 155px; }
.mt-160 {
margin-top: 160px; }
.mt-165 {
margin-top: 165px; }
.mt-170 {
margin-top: 170px; }
.mt-175 {
margin-top: 175px; }
.mt-180 {
margin-top: 180px; }
.mt-185 {
margin-top: 185px; }
.mt-190 {
margin-top: 190px; }
.mt-195 {
margin-top: 195px; }
.mt-200 {
margin-top: 200px; }
/*-- Margin Bottom --*/
.mb-5 {
margin-bottom: 5px; }
.mb-10 {
margin-bottom: 10px; }
.mb-15 {
margin-bottom: 15px; }
.mb-20 {
margin-bottom: 20px; }
.mb-25 {
margin-bottom: 25px; }
.mb-30 {
margin-bottom: 30px; }
.mb-35 {
margin-bottom: 35px; }
.mb-40 {
margin-bottom: 40px; }
.mb-45 {
margin-bottom: 45px; }
.mb-50 {
margin-bottom: 50px; }
.mb-55 {
margin-bottom: 55px; }
.mb-60 {
margin-bottom: 60px; }
.mb-65 {
margin-bottom: 65px; }
.mb-70 {
margin-bottom: 70px; }
.mb-75 {
margin-bottom: 75px; }
.mb-80 {
margin-bottom: 80px; }
.mb-85 {
margin-bottom: 85px; }
.mb-90 {
margin-bottom: 90px; }
.mb-95 {
margin-bottom: 95px; }
.mb-100 {
margin-bottom: 100px; }
.mb-105 {
margin-bottom: 105px; }
.mb-110 {
margin-bottom: 110px; }
.mb-115 {
margin-bottom: 115px; }
.mb-120 {
margin-bottom: 120px; }
.mb-125 {
margin-bottom: 125px; }
.mb-130 {
margin-bottom: 130px; }
.mb-135 {
margin-bottom: 135px; }
.mb-140 {
margin-bottom: 140px; }
.mb-145 {
margin-bottom: 145px; }
.mb-150 {
margin-bottom: 150px; }
.mb-155 {
margin-bottom: 155px; }
.mb-160 {
margin-bottom: 160px; }
.mb-165 {
margin-bottom: 165px; }
.mb-170 {
margin-bottom: 170px; }
.mb-175 {
margin-bottom: 175px; }
.mb-180 {
margin-bottom: 180px; }
.mb-185 {
margin-bottom: 185px; }
.mb-190 {
margin-bottom: 190px; }
.mb-195 {
margin-bottom: 195px; }
.mb-200 {
margin-bottom: 200px; }
.mb-205 {
margin-bottom: 205px; }
.mb-210 {
margin-bottom: 210px; }
.mb-215 {
margin-bottom: 215px; }
.mb-220 {
margin-bottom: 220px; }
.mb-225 {
margin-bottom: 225px; }
.mb-230 {
margin-bottom: 230px; }
.mb-235 {
margin-bottom: 235px; }
.mb-240 {
margin-bottom: 240px; }
.mb-245 {
margin-bottom: 245px; }
.mb-250 {
margin-bottom: 250px; }
.mb-255 {
margin-bottom: 255px; }
.mb-260 {
margin-bottom: 260px; }
.mb-265 {
margin-bottom: 265px; }
.mb-270 {
margin-bottom: 270px; }
.mb-275 {
margin-bottom: 275px; }
.mb-280 {
margin-bottom: 280px; }
.mb-285 {
margin-bottom: 285px; }
.mb-290 {
margin-bottom: 290px; }
.mb-295 {
margin-bottom: 295px; }
.mb-300 {
margin-bottom: 300px; }
/*-- Margin Left --*/
.ml-5 {
margin-left: 5px; }
.ml-10 {
margin-left: 10px; }
.ml-15 {
margin-left: 15px; }
.ml-20 {
margin-left: 20px; }
.ml-25 {
margin-left: 25px; }
.ml-30 {
margin-left: 30px; }
.ml-35 {
margin-left: 35px; }
.ml-40 {
margin-left: 40px; }
.ml-45 {
margin-left: 45px; }
.ml-50 {
margin-left: 50px; }
.ml-55 {
margin-left: 55px; }
.ml-60 {
margin-left: 60px; }
.ml-65 {
margin-left: 65px; }
.ml-70 {
margin-left: 70px; }
.ml-75 {
margin-left: 75px; }
.ml-80 {
margin-left: 80px; }
.ml-85 {
margin-left: 85px; }
.ml-90 {
margin-left: 90px; }
.ml-95 {
margin-left: 95px; }
.ml-100 {
margin-left: 100px; }
.ml-105 {
margin-left: 105px; }
.ml-110 {
margin-left: 110px; }
.ml-115 {
margin-left: 115px; }
.ml-120 {
margin-left: 120px; }
.ml-125 {
margin-left: 125px; }
.ml-130 {
margin-left: 130px; }
.ml-135 {
margin-left: 135px; }
.ml-140 {
margin-left: 140px; }
.ml-145 {
margin-left: 145px; }
.ml-150 {
margin-left: 150px; }
.ml-155 {
margin-left: 155px; }
.ml-160 {
margin-left: 160px; }
.ml-165 {
margin-left: 165px; }
.ml-170 {
margin-left: 170px; }
.ml-175 {
margin-left: 175px; }
.ml-180 {
margin-left: 180px; }
.ml-185 {
margin-left: 185px; }
.ml-190 {
margin-left: 190px; }
.ml-195 {
margin-left: 195px; }
.ml-200 {
margin-left: 200px; }
/*-- Margin Right --*/
.mr-5 {
margin-right: 5px; }
.mr-10 {
margin-right: 10px; }
.mr-15 {
margin-right: 15px; }
.mr-20 {
margin-right: 20px; }
.mr-25 {
margin-right: 25px; }
.mr-30 {
margin-right: 30px; }
.mr-35 {
margin-right: 35px; }
.mr-40 {
margin-right: 40px; }
.mr-45 {
margin-right: 45px; }
.mr-50 {
margin-right: 50px; }
.mr-55 {
margin-right: 55px; }
.mr-60 {
margin-right: 60px; }
.mr-65 {
margin-right: 65px; }
.mr-70 {
margin-right: 70px; }
.mr-75 {
margin-right: 75px; }
.mr-80 {
margin-right: 80px; }
.mr-85 {
margin-right: 85px; }
.mr-90 {
margin-right: 90px; }
.mr-95 {
margin-right: 95px; }
.mr-100 {
margin-right: 100px; }
.mr-105 {
margin-right: 105px; }
.mr-110 {
margin-right: 110px; }
.mr-115 {
margin-right: 115px; }
.mr-120 {
margin-right: 120px; }
.mr-125 {
margin-right: 125px; }
.mr-130 {
margin-right: 130px; }
.mr-135 {
margin-right: 135px; }
.mr-140 {
margin-right: 140px; }
.mr-145 {
margin-right: 145px; }
.mr-150 {
margin-right: 150px; }
.mr-155 {
margin-right: 155px; }
.mr-160 {
margin-right: 160px; }
.mr-165 {
margin-right: 165px; }
.mr-170 {
margin-right: 170px; }
.mr-175 {
margin-right: 175px; }
.mr-180 {
margin-right: 180px; }
.mr-185 {
margin-right: 185px; }
.mr-190 {
margin-right: 190px; }
.mr-195 {
margin-right: 195px; }
.mr-200 {
margin-right: 200px; }
/*-- Padding Top --*/
.pt-5 {
padding-top: 5px; }
.pt-10 {
padding-top: 10px; }
.pt-15 {
padding-top: 15px; }
.pt-20 {
padding-top: 20px; }
.pt-25 {
padding-top: 25px; }
.pt-30 {
padding-top: 30px; }
.pt-35 {
padding-top: 35px; }
.pt-40 {
padding-top: 40px; }
.pt-45 {
padding-top: 45px; }
.pt-50 {
padding-top: 50px; }
.pt-55 {
padding-top: 55px; }
.pt-60 {
padding-top: 60px; }
.pt-65 {
padding-top: 65px; }
.pt-70 {
padding-top: 70px; }
.pt-75 {
padding-top: 75px; }
.pt-80 {
padding-top: 80px; }
.pt-85 {
padding-top: 85px; }
.pt-90 {
padding-top: 90px; }
.pt-95 {
padding-top: 95px; }
.pt-100 {
padding-top: 100px; }
.pt-105 {
padding-top: 105px; }
.pt-110 {
padding-top: 110px; }
.pt-115 {
padding-top: 115px; }
.pt-120 {
padding-top: 120px; }
.pt-125 {
padding-top: 125px; }
.pt-130 {
padding-top: 130px; }
.pt-135 {
padding-top: 135px; }
.pt-140 {
padding-top: 140px; }
.pt-145 {
padding-top: 145px; }
.pt-150 {
padding-top: 150px; }
.pt-155 {
padding-top: 155px; }
.pt-160 {
padding-top: 160px; }
.pt-165 {
padding-top: 165px; }
.pt-170 {
padding-top: 170px; }
.pt-175 {
padding-top: 175px; }
.pt-180 {
padding-top: 180px; }
.pt-185 {
padding-top: 185px; }
.pt-190 {
padding-top: 190px; }
.pt-195 {
padding-top: 195px; }
.pt-200 {
padding-top: 200px; }
.pt-205 {
padding-top: 205px; }
.pt-210 {
padding-top: 210px; }
.pt-215 {
padding-top: 215px; }
.pt-220 {
padding-top: 220px; }
.pt-225 {
padding-top: 225px; }
.pt-230 {
padding-top: 230px; }
.pt-235 {
padding-top: 235px; }
.pt-240 {
padding-top: 240px; }
.pt-245 {
padding-top: 245px; }
.pt-250 {
padding-top: 250px; }
.pt-255 {
padding-top: 255px; }
.pt-260 {
padding-top: 260px; }
.pt-265 {
padding-top: 265px; }
.pt-270 {
padding-top: 270px; }
.pt-275 {
padding-top: 275px; }
.pt-280 {
padding-top: 280px; }
.pt-285 {
padding-top: 285px; }
.pt-290 {
padding-top: 290px; }
.pt-295 {
padding-top: 295px; }
.pt-300 {
padding-top: 300px; }
/*-- Padding Bottom --*/
.pb-5 {
padding-bottom: 5px; }
.pb-10 {
padding-bottom: 10px; }
.pb-15 {
padding-bottom: 15px; }
.pb-20 {
padding-bottom: 20px; }
.pb-25 {
padding-bottom: 25px; }
.pb-30 {
padding-bottom: 30px; }
.pb-35 {
padding-bottom: 35px; }
.pb-40 {
padding-bottom: 40px; }
.pb-45 {
padding-bottom: 45px; }
.pb-50 {
padding-bottom: 50px; }
.pb-55 {
padding-bottom: 55px; }
.pb-60 {
padding-bottom: 60px; }
.pb-65 {
padding-bottom: 65px; }
.pb-70 {
padding-bottom: 70px; }
.pb-75 {
padding-bottom: 75px; }
.pb-80 {
padding-bottom: 80px; }
.pb-85 {
padding-bottom: 85px; }
.pb-90 {
padding-bottom: 90px; }
.pb-95 {
padding-bottom: 95px; }
.pb-100 {
padding-bottom: 100px; }
.pb-105 {
padding-bottom: 105px; }
.pb-110 {
padding-bottom: 110px; }
.pb-115 {
padding-bottom: 115px; }
.pb-120 {
padding-bottom: 120px; }
.pb-125 {
padding-bottom: 125px; }
.pb-130 {
padding-bottom: 130px; }
.pb-135 {
padding-bottom: 135px; }
.pb-140 {
padding-bottom: 140px; }
.pb-145 {
padding-bottom: 145px; }
.pb-150 {
padding-bottom: 150px; }
.pb-155 {
padding-bottom: 155px; }
.pb-160 {
padding-bottom: 160px; }
.pb-165 {
padding-bottom: 165px; }
.pb-170 {
padding-bottom: 170px; }
.pb-175 {
padding-bottom: 175px; }
.pb-180 {
padding-bottom: 180px; }
.pb-185 {
padding-bottom: 185px; }
.pb-190 {
padding-bottom: 190px; }
.pb-195 {
padding-bottom: 195px; }
.pb-200 {
padding-bottom: 200px; }
.pb-205 {
padding-bottom: 205px; }
.pb-210 {
padding-bottom: 210px; }
.pb-215 {
padding-bottom: 215px; }
.pb-220 {
padding-bottom: 220px; }
.pb-225 {
padding-bottom: 225px; }
.pb-230 {
padding-bottom: 230px; }
.pb-235 {
padding-bottom: 235px; }
.pb-240 {
padding-bottom: 240px; }
.pb-245 {
padding-bottom: 245px; }
.pb-250 {
padding-bottom: 250px; }
.pb-255 {
padding-bottom: 255px; }
.pb-260 {
padding-bottom: 260px; }
.pb-265 {
padding-bottom: 265px; }
.pb-270 {
padding-bottom: 270px; }
.pb-275 {
padding-bottom: 275px; }
.pb-280 {
padding-bottom: 280px; }
.pb-285 {
padding-bottom: 285px; }
.pb-290 {
padding-bottom: 290px; }
.pb-295 {
padding-bottom: 295px; }
.pb-300 {
padding-bottom: 300px; }
/*-- Padding Left --*/
.pl-5 {
padding-left: 5px; }
.pl-10 {
padding-left: 10px; }
.pl-15 {
padding-left: 15px; }
.pl-20 {
padding-left: 20px; }
.pl-25 {
padding-left: 25px; }
.pl-30 {
padding-left: 30px; }
.pl-35 {
padding-left: 35px; }
.pl-40 {
padding-left: 40px; }
.pl-45 {
padding-left: 45px; }
.pl-50 {
padding-left: 50px; }
.pl-55 {
padding-left: 55px; }
.pl-60 {
padding-left: 60px; }
.pl-65 {
padding-left: 65px; }
.pl-70 {
padding-left: 70px; }
.pl-75 {
padding-left: 75px; }
.pl-80 {
padding-left: 80px; }
.pl-85 {
padding-left: 85px; }
.pl-90 {
padding-left: 90px; }
.pl-95 {
padding-left: 95px; }
.pl-100 {
padding-left: 100px; }
.pl-105 {
padding-left: 105px; }
.pl-110 {
padding-left: 110px; }
.pl-115 {
padding-left: 115px; }
.pl-120 {
padding-left: 120px; }
.pl-125 {
padding-left: 125px; }
.pl-130 {
padding-left: 130px; }
.pl-135 {
padding-left: 135px; }
.pl-140 {
padding-left: 140px; }
.pl-145 {
padding-left: 145px; }
.pl-150 {
padding-left: 150px; }
.pl-155 {
padding-left: 155px; }
.pl-160 {
padding-left: 160px; }
.pl-165 {
padding-left: 165px; }
.pl-170 {
padding-left: 170px; }
.pl-175 {
padding-left: 175px; }
.pl-180 {
padding-left: 180px; }
.pl-185 {
padding-left: 185px; }
.pl-190 {
padding-left: 190px; }
.pl-195 {
padding-left: 195px; }
.pl-200 {
padding-left: 200px; }
/*-- Padding Right --*/
.pr-5 {
padding-right: 5px; }
.pr-10 {
padding-right: 10px; }
.pr-15 {
padding-right: 15px; }
.pr-20 {
padding-right: 20px; }
.pr-25 {
padding-right: 25px; }
.pr-30 {
padding-right: 30px; }
.pr-35 {
padding-right: 35px; }
.pr-40 {
padding-right: 40px; }
.pr-45 {
padding-right: 45px; }
.pr-50 {
padding-right: 50px; }
.pr-55 {
padding-right: 55px; }
.pr-60 {
padding-right: 60px; }
.pr-65 {
padding-right: 65px; }
.pr-70 {
padding-right: 70px; }
.pr-75 {
padding-right: 75px; }
.pr-80 {
padding-right: 80px; }
.pr-85 {
padding-right: 85px; }
.pr-90 {
padding-right: 90px; }
.pr-95 {
padding-right: 95px; }
.pr-100 {
padding-right: 100px; }
.pr-105 {
padding-right: 105px; }
.pr-110 {
padding-right: 110px; }
.pr-115 {
padding-right: 115px; }
.pr-120 {
padding-right: 120px; }
.pr-125 {
padding-right: 125px; }
.pr-130 {
padding-right: 130px; }
.pr-135 {
padding-right: 135px; }
.pr-140 {
padding-right: 140px; }
.pr-145 {
padding-right: 145px; }
.pr-150 {
padding-right: 150px; }
.pr-155 {
padding-right: 155px; }
.pr-160 {
padding-right: 160px; }
.pr-165 {
padding-right: 165px; }
.pr-170 {
padding-right: 170px; }
.pr-175 {
padding-right: 175px; }
.pr-180 {
padding-right: 180px; }
.pr-185 {
padding-right: 185px; }
.pr-190 {
padding-right: 190px; }
.pr-195 {
padding-right: 195px; }
.pr-200 {
padding-right: 200px; }
/* scrollUp */
#scrollUp {
background: #f6732e;
height: 50px;
width: 50px;
right: 20px;
bottom: 60px;
color: #ffffff;
text-align: center;
border-radius: 50%;
font-size: 18px;
line-height: 50px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
#scrollUp:hover {
background: #222; }
/* bounce-animate */
.bounce-animate {
-webkit-animation-name: float-bob;
animation-name: float-bob;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-animation-name: float-bob;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px); } }
.rotateme {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 10s;
animation-duration: 60s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
@keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes rotateme {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
.button {
cursor: pointer; }
/*--
- Overlay
------------------------------------------*/
[data-overlay] {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
[data-overlay]::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: ""; }
/*-- Overlay Color --*/
[data-overlay="light"]::before {
background-color: #ffffff; }
[data-overlay="dark"]::before {
background-color: #222; }
/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
opacity: 0.1; }
[data-opacity="2"]::before {
opacity: 0.2; }
[data-opacity="3"]::before {
opacity: 0.3; }
[data-opacity="4"]::before {
opacity: 0.4; }
[data-opacity="5"]::before {
opacity: 0.5; }
[data-opacity="6"]::before {
opacity: 0.6; }
[data-opacity="7"]::before {
opacity: 0.7; }
[data-opacity="8"]::before {
opacity: 0.8; }
[data-opacity="9"]::before {
opacity: 0.9; }
/* 2 header */
header .logo img {
width: 180px;
max-width: 100%;
margin-left: 20px;
}
.header-transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.sticky {
left: 0;
margin: auto;
position: fixed;
top: 0;
width: 100%;
/*-webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);*/
z-index: 9999;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
/* -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);*/
background: #fff; }
.header-red .sticky {
background: #000; }
.header-red .main-menu-area.sticky {
/*border-bottom: 0;*/ }
.header-red .sticky .main-menu nav > ul > li > a {
padding: 20px 0; }
.header-red .sticky .menu-bar {
margin-top: 30px; }
.header-top-area {
border-bottom: 1px solid #eaeaea; }
.header-info span {
color: #818181;
font-size: 15px;
font-weight: 500;
margin-right: 54px;
position: relative; }
.header-info span:last-child {
margin-right: 0; }
.header-info span::before {
position: absolute;
content: "";
height: 24px;
width: 2px;
background: #d4d4d4;
left: -30px;
top: -1px; }
.header-info span:first-child::before {
display: none; }
.header-info span i {
font-size: 16px;
color: #f6732e;
margin-right: 3px; }
.header-lang {
padding: 16px 0 18px;
display: inline-block; }
.lang-icon > a {
font-size: 14px;
color: #818181;
margin-left: 5px;
font-weight: 500; }
.lang-icon i {
font-size: 15px;
position: relative;
top: 2px;
left: 3px; }
.header-lang-list {
position: absolute;
width: 120px;
opacity: 0;
visibility: hidden;
padding: 20px 15px;
border-top: 3px solid #f6732e;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
z-index: 999;
background: #fff;
padding-bottom: 5px;
padding-top: 4px;
top: 100%;
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
.header-lang:hover .header-lang-list {
opacity: 1;
visibility: visible; }
.header-lang-list li {
display: block;
margin-bottom: 0;
padding: 5px 0; }
.header-lang-list li a {
display: block;
color: #647589;
font-size: 13px; }
.header-lang-list li a:hover {
color: #f6732e; }
.pos-rel {
position: relative; }
.menu-bar {
margin-top: 32px;
margin-left: 38px; }
.menu-bar i {
font-size: 35px;
color: #222; }
.header-middle-area {
padding: 28px 0; }
.header-middle-info {
float: left;
margin-right: 90px; }
.header-middle-info:last-child {
margin-right: 0; }
.header-top-2-text span {
color: #8a8a8a;
font-weight: 500;
font-size: 15px; }
.header-top-2-text span a {
color: #fc5546; }
.header-middle-icon {
margin-top: 10px;
margin-right: 15px; }
.header-middle-icon i {
font-size: 30px;
color: #fc5546; }
.header-middle-text {
overflow: hidden; }
.header-middle-text span {
font-weight: 600;
font-size: 15px;
color: #8a8a8a; }
.header-middle-text h5 {
color: #0e2b5c;
font-size: 16px;
margin-bottom: 0;
margin-top: 5px; }
/* menu */
header .col-xl-9.col-lg-9, header .col-xl-8.col-lg-7, header .col-xl-2.col-lg-3.col-md-6.col-5 {
position: static;
}
.main-menu {
text-align: center;
}
.main-menu nav > ul > li {
display: inline-block;
position: static;
margin-left: 30px; }
.main-menu nav > ul > li:first-child {
margin-left: 0; }
.main-menu nav > ul > li > a {
display: block;
font-size: 15px;
padding: 43px 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background: transparent;
line-height: 1;
position: relative;
color: #222;
font-weight: 300; }
.main-menu nav > ul > li > a i {
font-size: 16px;
position: relative;
top: 2px;
left: 3px; }
.main-menu nav > ul > li:hover > a, .main-menu nav > ul > li.active > a {
color: #f6732e; }
/* sub-menu */
.main-menu nav > ul > li .sub-menu {
background: #0f0f0f;
/*-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);*/
left: 0;
right: 0;
opacity: 0;
position: absolute;
top: 120%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 100%;
z-index: 9;
text-align: left;
/*display: flex;
justify-content: center;*/
border-bottom: 1px solid #1c1c1c;
/*flex-wrap: nowrap;*/
overflow-x: auto;
white-space: nowrap;
}
.header-red .main-menu-area.sticky .main-menu nav > ul > li .sub-menu {
margin-top: 1px;
background: #0f0f0f none repeat scroll 0 0;
}
.main-menu nav > ul > li:hover .sub-menu {
opacity: 1;
top: 100%;
visibility: visible; }
.main-menu nav > ul > li .sub-menu li {
display: inline-block;
/*flex: 0 0 auto;*/
}
.main-menu nav > ul > li .sub-menu li a {
color: #fff;
font-size: 13px;
margin: 0;
padding: 18px 25px 12px;
display: block;
text-align: center;
font-weight: 300;
position: relative;
}
.label-new {
font-size: 11px;
font-weight: 400;
color: #f56300;
display: block;
position: absolute;
top: 4px;
left: 0;
width: 100%;
text-transform: uppercase;
}
.blink {
animation: blink 0.7s linear infinite;
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.main-menu nav > ul > li .sub-menu li a img {
height: 50px;
display: block;
margin: 0 auto 2px;
opacity: 0.5;
}
.main-menu nav > ul > li:hover > .sub-menu li > a:hover {
color: #fff;
background: #f6732e; }
.main-menu nav > ul > li:hover > .sub-menu li > a:hover img {
opacity: 1;
}
.header-default .header-info span i {
color: #1f80fd; }
.header-default .header-lang-list {
border-top: 3px solid #1f80fd; }
.header-default .header-lang-list li a:hover {
color: #1f80fd; }
.header-default .main-menu nav > ul > li .sub-menu {
border-top: 3px solid #1f80fd; }
.header-default .main-menu nav > ul > li:hover > .sub-menu li > a:hover {
background: #1f80fd; }
.header-default .close-icon > button {
color: #1f80fd; }
.header-default .social-icon-right > a:hover {
color: #1f80fd; }
.header-default .main-menu nav > ul > li:hover > a, .header-default .main-menu nav > ul > li.active > a {
color: #1f80fd; }
.green-menu .main-menu nav > ul > li .sub-menu {
border-top: 3px solid #7dba2f; }
.green-menu .main-menu nav > ul > li:hover > .sub-menu li > a:hover {
background: #7dba2f; }
.green-menu .close-icon > button {
color: #7dba2f; }
.green-menu .social-icon-right > a:hover {
color: #7dba2f; }
.green-menu .main-menu nav > ul > li:hover > a, .green-menu .main-menu nav > ul > li.active > a {
color: #7dba2f; }
.header-red .main-menu nav > ul > li:hover > a, .header-red .main-menu nav > ul > li.active > a {
color: #fff; }
.header-red .main-menu nav > ul > li .sub-menu {
/*border-top: 3px solid #e50a25;*/ }
.header-red .main-menu nav > ul > li:hover > .sub-menu li > a:hover {
background-color: transparent;
color: #f56300;
}
.header-rednu .close-icon > button {
color: #e50a25; }
.header-red .social-icon-right > a:hover {
color: #e50a25; }
.header-red .main-menu nav > ul > li > a {
color: #fff;
padding: 20px 0; }
.header-red .menu-bar i {
font-size: 35px;
color: #ffffff; }
.header-red .close-icon > button {
color: #e50a25; }
.header-red .menu-bar {
margin-top: 46px; }
.header-red .main-menu-area {
border-bottom: 1px solid #1c1c1c;
background-color: #000;
}
.header-red .main-menu > nav > ul > li > a::before {
background: #f56300;
content: "";
height: 3px;
position: absolute;
top: 0;
width: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s; }
.header-red .main-menu > nav > ul > li:hover > a::before, .main-menu > nav > ul > li.active > a::before {
width: 100%; }
.menu-box {
background: #fc5546;
margin-bottom: -37px;
position: relative;
padding-left: 50px;
padding-right: 50px;
z-index: 99; }
.header-coral .header-lang-list {
border-top: 3px solid #fc5546; }
.header-coral .header-lang-list li a:hover {
color: #fc5546; }
.menu-box {
background: #fc5546; }
.header-coral .main-menu nav > ul > li > a {
padding: 32px 0;
color: #ffffff; }
.header-coral .main-menu nav > ul > li .sub-menu {
border-top: 3px solid #fc5546; }
.header-coral .main-menu nav > ul > li:hover > .sub-menu li > a:hover {
background: #fc5546; }
.header-coral .close-icon > button {
color: #fc5546; }
.header-coral .social-icon-right > a:hover {
color: #fc5546; }
.header-coral .menu-bar {
margin-top: 24px; }
.header-coral .menu-bar i {
font-size: 35px;
color: #fff; }
.sticky .menu-box {
margin-bottom: 0;
background: none; }
.header-coral .sticky {
background: #fc5546; }
/* Hero Slider */
.hero-slider img {
width:100%;
}
/* User Menu */
.user-menu {
display: flex;
justify-content: flex-end;
}
.user-menu li {
margin: 0 !important;
}
.user-menu li a {
font-size: 25px;
color: #fff;
padding: 10px 12px;
display: inline-block;
position: relative;
}
.user-menu li a:hover {
color: #f56300;
}
.cart_total_span {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
font-weight: normal;
font-size: 11px;
top: 50%;
margin-top: 2px;
}
.dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0;
margin-right: -15px;
}
.dropdown > .dropdown-toggle:active {
pointer-events: none;
}
.user-menu .dropdown-toggle::after {
content: none;
}
.dropdown-menu {
border-radius: 0;
background-color: #0f0f0f;
text-align: center;
}
.user-menu li .dropdown-menu a {
font-size: 15px;
padding: 6px 15px;
}
.user-menu li .dropdown-menu a:hover {
color: #f56300;
background-color: transparent;
}
#search-form {
-moz-transition: all, 0.5s;
-o-transition: all, 0.5s;
-webkit-transition: all, 0.5s;
transition: all, 0.5s;
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 60px;
/*overflow: hidden;*/
background-color: #2b2b2b;
z-index: -1;
opacity: 0;
}
#search-form .easy-autocomplete-container ul {
outline: 0;
border-top-style: solid;
color: #666;
}
#search-form .easy-autocomplete-container ul li, #search-form .easy-autocomplete-container ul .eac-category {
border: 0;
padding: 6px 20px;
font-size: 15px;
border-bottom: 1px solid #ebebeb;
}
#search-form .easy-autocomplete-container ul li:last-child, #search-form .easy-autocomplete-container ul .eac-category:last-child {
border-bottom: 0;
}
#search-form.open {
max-height: 60px;
top: 58px;
opacity: 1;
}
#search-form fieldset {
position: relative;
margin: 0 60px 0 0;
padding: 0;
border: none;
}
#search-form input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 58px;
}
#search-form input[type="search"] {
width: 100%;
padding: 0 5px 0 22px;
background: transparent;
border: none;
color: #fff;
}
#search-form input[type="search"]::-webkit-search-decoration,
#search-form input[type="search"]::-webkit-search-cancel-button,
#search-form input[type="search"]::-webkit-search-results-button,
#search-form input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance:none;
}
#search-form input[type="submit"] {
position: absolute;
bottom: 0;
right: 0;
width: 58px;
margin: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background: #f56300;
border: none;
cursor: pointer;
}
#search-form a {
position: absolute;
bottom: 0;
right: 0;
width: 58px;
margin: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background: #f56300;
border: none;
cursor: pointer;
top: 0;
font-size: 30px;
text-align: center;
line-height: 58px;
}
#toggle-search.open:after {
top: 40px;
opacity: 1;
visibility: visible;
}
#toggle-search:after {
-moz-transition: top, 0.5s;
-o-transition: top, 0.5s;
-webkit-transition: top, 0.5s;
transition: top, 0.5s;
position: absolute;
top: 52px;
left: 50%;
margin-left: -8px;
content: "";
border-color: transparent transparent #2b2b2b;
border-style: solid;
border-width: 8px 8px 12px;
opacity: 0;
visibility: hidden;
}
.hero-slider {
margin-top: 58px;
position: relative;
}
.swiper-button-next, .swiper-button-prev {
transform: translateY(-50%);
}
.swiper-button-next::after, .swiper-button-prev::after {
font-size: 20px;
color: #999;
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
color: #f56300;
}
.swiper-pagination-bullet {
background-color: #999;
transition: all 0.4s ease-in-out;
}
.swiper-pagination-bullet-active {
width: 20px;
height: 8px;
border-radius: 30px;
background-color: #f56300;
}
.hero-content-wrap {
display: table;
width: 100%;
}
.hero-content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.hero-content h1 {
font-size: 45px;
line-height: 50px;
color: #202020;
margin-bottom: 0;
margin-top: 20px;
font-weight: 700;
}
.hero-content h1 span {
color: #f56300;
}
.hero-content p {
font-weight: 300;
padding: 20px 0;
color: #666;
}
.slider-action-btn {
display: block;
margin-bottom: 20px;
}
.ivenus-solid-btn {
padding: 10px 20px;
border: 2px solid #000;
background-color: #000;
color: #fff;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-right: 10px;
border-radius: 30px;
}
.ivenus-solid-btn.inverse {
border-color: #fff;
background-color: #fff;
color: #000;
}
.ivenus-solid-btn.outline {
background-color: transparent;
color: #000;
}
.ivenus-solid-btn.outline.inverse {
color: #fff;
}
.ivenus-solid-btn i {
margin-right: 3px;
}
.ivenus-solid-btn:hover {
color: #f56300;
}
.ivenus-solid-btn.inverse:hover {
color: #f56300;
}
.hero-product-img {
padding-top: 80px;
}
.hero-img-1 {
position: relative;
z-index: 3;
text-align: center;
animation-name: hero-img-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-name: hero-img-animation;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.hero-img-1.no-animation {
animation: none;
-webkit-animation: none;
}
.hero-img-1 img {
margin: 0 auto;
}
/*Cam Animation*/
@-webkit-keyframes hero-img-animation {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
}
@keyframes hero-img-animation {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
section {
padding: 50px 0;
position: relative;
}
.light-radial-gradient {
background: #36383f;
background: -webkit-radial-gradient(center, ellipse, #36383f 0%, #1a1d22 60%, #000 90%);
background: radial-gradient(ellipse at center, #36383f 0%, #1a1d22 60%, #000 90%);
z-index: 0;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.footer-title {
margin-top: 0;
}
.footer-title h3 {
color: #ffffff;
font-size: 20px;
margin-bottom: 15px;
font-weight: 500;
}
.footer-menu ul li {
padding-bottom: 5px;
}
.footer-menu ul li a {
font-size: 13px;
color: #d6d6d6;
font-weight: 400;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.footer-menu ul li a i {
margin-right: 5px;
}
.footer-menu ul li a:hover {
color: #f56300;
}
footer p.number {
font-size: 13px;
line-height: 20px;
padding-left: 0;
padding-bottom: 5px;
color: #d6d6d6;
}
footer p.number a {
color: #f56300;
text-decoration: underline;
}
.f-bottom-border {
border-top: 1px solid #333;
}
.copyright p {
margin-bottom: 0;
color: #d6d6d6;
font-size: 14px;
}
.copyright p a {
color: #f56300;
}
.footer-icon a {
color: #828282;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: #333;
margin-right: 5px;
}
.footer-icon a:hover {
background: #f56300;
color: #fff;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-bottom: 20px;
}
.inner-about-us {
position: relative;
overflow: hidden;
width: 70%;
display: flex;
align-items: center;
}
.about-us-icon {
float: left;
margin-right: 15px;
}
.about-us-icon i {
color: #f56300;
font-size: 35px;
}
.about-us-text {
overflow: hidden;
}
.about-us-text h4 {
font-size: 18px;
margin-bottom: 0;
color: #999;
font-weight: 500;
}
.footer-top-area {
padding: 30px 0;
border-bottom: 1px solid #333;
}
.footer-top-area .row .col-md-4 {
display: flex;
justify-content: center;
}
.footer-top-area .row .col-md-4:first-child {
border-right: 1px solid #333;
}
.footer-top-area .row .col-md-4:last-child {
border-left: 1px solid #333;
}
.footer-middle-area {
padding: 30px 0;
}
.hero-slider .hero-content-wrap {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50%;
text-align: center;
right: 0;
}
.hero-slider .hero-content-wrap.left {
right: auto;
left: 0;
}
.product.product-2 {
background-color: #fff;
border: .1rem solid #ebebeb;
overflow: hidden;
position: relative;
margin-bottom: 1.8rem !important;
transition: box-shadow .35s ease;
}
.product-media {
position: relative;
display: block;
background-color: #d7d7d7;
margin-bottom: 0;
overflow: hidden;
}
.product-label {
position: absolute;
z-index: 1;
top: 0.8rem;
left: 0.8rem;
font-weight: 400;
font-size: 1rem;
line-height: 1.2rem;
padding: .5rem .9rem;
min-width: 45px;
text-align: center;
color: #333333;
background-color: #fff;
}
.label-circle {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
min-width: 0;
border-radius: 50%;
line-height: 1;
}
.product-label.label-sale {
color: #fff;
background-color: #ff5d51;
}
.product-label.label-new {
color: #fff;
background-color: #a6c76c;
}
.product-media > a {
display: block;
}
.product-image {
display: block;
width: 100%;
height: auto;
vertical-align: middle;
}
.product-image-hover {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: auto;
transition: all .4s ease;
}
.product.product-2 .product-action-vertical {
display: flex;
flex-direction: column;
position: absolute;
right: 0.8rem;
top: 0.8rem;
background-color: transparent;
z-index: 10;
visibility: hidden;
opacity: 0;
transition: all .35s ease;
transform: translateX(-15px);
}
.btn-product-icon {
color: #333;
background-color: #fcb941;
}
.btn-expandable {
position: relative;
}
.btn-wishlist {
font-size: 1.2rem;
}
.btn-product-icon {
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
line-height: 1;
transition: all .35s ease;
padding: 0;
border-radius: 50%;
}
.btn-product-icon i {
margin-right: 0 !important;
}
/*.btn-product-icon::before {
font-family: "molla";
}
.btn-wishlist::before {
content: '\f234';
}*/
.btn-expandable span {
position: absolute;
right: 100%;
top: 0;
bottom: 0;
align-items: center;
display: inline-flex;
font-weight: 300;
font-size: 0.85rem;
text-transform: capitalize;
white-space: nowrap;
letter-spacing: 0;
min-width: 100px;
padding-left: 1.1rem;
padding-right: .4rem;
color: #333;
background-color: #fcb941;
transition: all .35s ease;
opacity: 0;
visibility: hidden;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
transform: translateX(15px);
z-index: -1;
}
.product-action {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
background-color: rgba(255,255,255,0.95);
z-index: 10;
transition: all .35s ease;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
}
.product-action-dark {
background-color: #333333;
}
.product.product-2 .product-action {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.btn-product {
color: #f56300;
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.35rem;
line-height: 1;
transition: all .35s ease;
padding-top: 1.9rem;
padding-bottom: 1.9rem;
flex-grow: 1;
flex-basis: 0;
text-transform: capitalize;
}
.product.product-2 .btn-product {
padding-top: .1rem;
padding-bottom: .1rem;
}
.product.product-2 .btn-product:hover {
color: #f56300;
}
.product-action-dark .btn-product:not(:hover):not(:focus) {
color: #fff;
}
/*.btn-product::before {
font-family: "molla";
margin-right: .9rem;
}
.btn-cart::before {
content: '\e812';
}*/
.btn-product i {
margin-right: .8rem;
}
.btn-product span {
color: #333;
font-weight: 400;
font-size: 0.85rem;
transition: all .35s ease;
}
.product.product-2 .btn-product:hover span {
color: #f56300;
}
.product-action-dark .btn-product:not(:hover):not(:focus) span {
color:
#fff;
}
.btn-product + .btn-product {
border-left: .1rem dotted #e5e5e5;
}
.product-action-dark .btn-product + .btn-product {
border-left-color: #4b4b4b;
}
.product.product-2 .btn-product {
padding-top: .1rem;
padding-bottom: .1rem;
}
.product.product-2 .btn-product + .btn-product {
border-left-style: solid;
}
.product-action-dark .btn-product:not(:hover):not(:focus) {
color: #fff;
}
/*.btn-compare::before {
content: '\f145';
}*/
.product-body {
position: relative;
padding: 1.6rem 2rem;
padding-bottom: 1.6rem;
transition: all .35s ease;
background-color: #fff;
}
.product.product-2 .product-body {
padding-bottom: .6rem;
padding-top: .6rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.product-title {
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #333333;
margin-bottom: 0.5rem;
}
.product-title a {
color: inherit;
}
.product-title a:hover {
color: #f56300;
}
.product-price {
display: flex;
align-items: center;
flex-flow: wrap;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.25;
color: #fcb941;
margin-bottom: 0;
}
.new-price {
color: #f56300;
margin-right: .8rem;
}
.old-price {
color: #cccccc;
text-decoration: line-through;
}
.product:hover {
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.product:hover .product-image-hover {
opacity: 1;
}
.product:hover .product-image {
opacity: 0;
}
.product:hover .product-action-vertical {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.btn-expandable:hover, .btn-expandable:focus {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-product-icon:hover, .btn-product-icon:focus {
color: #333;
background-color: #fcb941;
}
.btn-expandable:hover span, .btn-expandable:focus span {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.product:hover .product-action, .product:focus .product-action {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.product-intro-video {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.video-play-button {
position: absolute;
z-index: 5;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
/* background: #fa183d; */
border-radius: 50%;
padding: 18px 20px 18px 28px;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #f6732e;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #f6732e;
border-radius: 50%;
transition: all 200ms;
}
.video-play-button:hover:after {
background-color: #f6732e;
}
.video-play-button img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 32px solid #fff;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.main {
margin-top: 59px;
}
.breadcrumb-nav {
margin-bottom: 2rem;
border-bottom: 0.1rem solid rgba(235,235,235,1);
}
.breadcrumb-nav .container, .breadcrumb-nav .container-fluid {
padding-top: 1rem;
padding-bottom: 1rem;
}
.breadcrumb {
background-color: transparent;
border-radius: 0;
margin: 0;
padding: 0;
}
.breadcrumb-item {
font-weight: 400;
font-size: 1rem;
line-height: 1.2;
letter-spacing: 0;
}
.breadcrumb-item a {
color: #777;
}
.breadcrumb-item a:hover, .breadcrumb-item a:focus {
color: #F6732E;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 1rem;
}
.breadcrumb-item.active {
color: #333333;
}
.breadcrumb-item + .breadcrumb-item::before {
color: #999999;
content: "\f054";
font-family: "Font Awesome 5 Pro";
padding-right: .7rem;
font-size: 1.1rem;
vertical-align: middle;
margin-top: -.1rem;
}
.product-pager {
display: flex;
align-items: center;
}
.product-pager-link {
color: #ccc;
display: flex;
align-items: center;
font-weight: 400;
font-size: 1rem;
line-height: 1.2;
letter-spacing: 0;
}
.product-pager-link:hover, .product-pager-link:focus {
color: #F6732E;
}
.product-pager-link i {
color: #666;
font-size: 1.1rem;
line-height: 1;
transition: color .3s;
}
.product-pager-link span {
display: inline-block;
transition: box-shadow .3s ease;
}
.product-pager-prev i {
margin-right: .5rem;
}
.product-pager-link + .product-pager-link {
margin-left: 3rem;
}
.product-pager-next i {
margin-left: .5rem;
}
.page-content {
/*padding-bottom: 5rem;*/
}
.product-details-top {
margin-bottom: 1rem;
}
.product-gallery {
margin-bottom: 2rem;
}
.product-gallery-vertical .row {
margin-left: -.5rem;
margin-right: -.5rem;
flex-direction: row-reverse;
}
.product-main-image {
position: relative;
margin-bottom: 1rem;
}
.product-gallery-vertical .product-image-gallery, .product-gallery-vertical .product-main-image {
width: 100%;
}
.product-gallery-vertical .product-image-gallery, .product-gallery-vertical .product-main-image {
padding-left: .5rem;
padding-right: .5rem;
}
.product-gallery-vertical .product-main-image {
flex: 0 0 80%;
max-width: 80%;
}
.product-main-image img {
max-width: none;
width: 100%;
}
.btn-product-gallery {
position: absolute;
right: 2rem;
bottom: 0.85rem;
z-index: 49;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 3rem;
height: 3rem;
color: #777;
font-weight: normal;
font-size: 1.5rem;
line-height: 1;
background-color: #fff;
box-shadow: 2px 6px 16px rgba(51,51,51,0.05);
transition: all .35s ease;
}
.product-gallery-vertical .btn-product-gallery {
right: 1.5rem;
}
.product-image-gallery {
display: flex;
flex-flow: row wrap;
margin-left: -.5rem;
margin-right: -.5rem;
}
.product-gallery-vertical .product-image-gallery, .product-gallery-vertical .product-main-image {
width: 100%;
}
.product-gallery-vertical .product-image-gallery {
width: calc( 100% + 10px );
}
.product-gallery-vertical .product-image-gallery, .product-gallery-vertical .product-main-image {
padding-left: .5rem;
padding-right: .5rem;
}
.product-gallery-vertical .product-image-gallery {
width: auto;
flex: 0 0 20%;
max-width: 20%;
margin-left: 0;
margin-right: 0;
}
.product-gallery-item {
position: relative;
display: block;
flex: 0 0 25%;
max-width: 25%;
padding-left: .5rem;
padding-right: .5rem;
margin-bottom: 1rem;
}
.product-gallery-vertical .product-gallery-item {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 1rem;
border: 1px solid #eaeaea;
}
.product-gallery-item::before, .product-gallery-item::after {
content: '';
display: block;
position: absolute;
left: .5rem;
right: .5rem;
top: 0;
bottom: 0;
transition: all .35s ease;
}
.product-gallery-item::before {
opacity: 0;
visibility: hidden;
border: 0.1rem solid #F6732E;
}
.product-gallery-item.active::before {
visibility: visible;
opacity: 1;
}
.product-gallery-vertical .product-gallery-item::before, .product-gallery-vertical .product-gallery-item::after {
left: 0;
right: 0;
}
.product-gallery-item::after {
visibility: visible;
opacity: 1;
background-color: rgba(255,255,255,0.4);
}
.product-gallery-item:hover::after, .product-gallery-item.active::after {
opacity: 0;
visibility: hidden;
}
.product-gallery-item img {
max-width: none;
width: 100%;
}
.product-details {
margin-bottom: 2rem;
}
.product-details .product-title {
font-weight: 500;
font-size: 1.5rem;
margin-top: -.5rem;
line-height: 1.25;
color: #333;
min-height: auto;
}
.product-details .product-price {
font-size: 1.5rem;
display: flex;
align-items: center;
flex-flow: wrap;
font-weight: 500;
line-height: 1.25;
color: #f56300;
margin-bottom: 1.5rem;
}
.details-filter-row {
display: flex;
align-items: center;
flex-flow: row wrap;
margin-bottom: 1.25rem;
}
.details-filter-row label {
display: inline-block;
width: 67px;
font-size: 1rem;
margin: 0 0 1.1rem;
margin-bottom: 0;
color: #666;
}
.product-nav {
display: flex;
align-items: center;
}
.details-filter-row .product-nav {
margin-bottom: 0;
}
.product-nav-dots a, .product-nav-dots span {
display: block;
width: 1.7rem;
height: 1.7rem;
border-radius: 50%;
border: .2rem solid #fff;
margin-right: .5rem;
transition: box-shadow .35s ease;
background-repeat: no-repeat;
background-position: center center;
}
.product-nav-dots a.active, .product-nav-dots a:hover, .product-nav-dots a:focus, .product-nav-dots span.active, .product-nav-dots span:hover, .product-nav-dots span:focus {
box-shadow: 0 0 0 0.1rem #aaa;
}
.product-details .product-nav-dots a, .product-details .product-nav-dots span {
width: 1.5rem;
height: 1.5rem;
}
.product-nav-dots a:last-child, .product-nav-dots span:last-child {
margin-right: 0;
}
.product-details-quantity {
max-width: 132px;
}
.details-filter-row .form-control {
font-weight: 400;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
background-color: #fff;
border-color: #d7d7d7;
min-width: 131px;
}
.product-details-quantity .form-control {
padding-left: 2.6rem;
padding-right: 2.6rem;
text-align: center;
margin-bottom: 0;
}
.input-spinner {
position: relative;
}
.input-spinner .input-group-prepend, .input-spinner .input-group-append {
position: absolute;
top: 0;
bottom: 0;
}
.input-spinner .input-group-prepend {
left: 0;
}
.btn.btn-spinner {
min-width: 0;
color: #333333;
padding: 0.65rem .4rem;
font-size: 0.75rem;
border: none;
background: none;
}
.btn.btn-spinner i {
margin: 0 !important;
}
.input-spinner .form-control {
padding: .35rem 2rem;
height: auto;
border-color: #dadada;
background-color: #fff;
margin: 0;
}
.input-spinner .input-group-append {
right: 0;
}
.product-details-action {
display: flex;
align-items: center;
flex-flow: row wrap;
}
.product-details-action .btn-cart {
padding: 0.85rem 1rem;
max-width: 250px;
border: 0.1rem solid #f56300;
color: #fff;
background-color: #f56300;
flex-basis: auto;
margin-top: 10px;
}
.product-details-action .btn-cart i {
font-size: 1.2rem;
}
.product-details-action .btn-cart span {
font-size: 1rem;
color: inherit;
text-transform: uppercase;
box-shadow: none;
transition: box-shadow .35s ease, color 0s ease;
}
.product-details-action .btn-cart::before {
margin-right: .4rem;
}
.product-details-action .btn-cart:hover, .product-details-action .btn-cart:focus {
color: #fff;
border-color: #000;
background-color: #000;
}
.details-action-wrapper {
display: flex;
align-items: center;
padding: 1.5rem 0;
}
.details-action-wrapper .btn-product {
padding-top: 0;
padding-bottom: 0;
white-space: nowrap;
align-self: stretch;
line-height: 1.4;
}
.details-action-wrapper .btn-product:hover {
color: #f56300;
}
.details-action-wrapper .btn-product span {
font-size: 1rem;
}
.details-action-wrapper .btn-product:hover span {
color: #f56300;
box-shadow: 0 1px 0 0 #f56300;
}
.details-action-wrapper .btn-product i {
font-size: 1.2rem;
margin-right: 0.5rem;
}
.details-action-wrapper .btn-product:hover i {
color: #333;
}
.details-action-wrapper .btn-product::before {
margin-right: 1rem;
}
.details-action-wrapper .btn-product + .btn-product {
padding-left: 1.3rem;
margin-left: 1.6rem;
border-left: .1rem dotted #e5e5e5;
}
.product-size a {
height: 35px !important;
width: 75px !important;
background-color: #fff;
border: 1px solid #dadada;
text-align: center;
text-transform: uppercase;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 0.9rem;
margin-right: 5px;
}
.product-size a:hover, .product-size a.active {
color: #333;
border-color: #aaa;
}
.pincode-check p {
font-weight: 400;
line-height: 22px;
margin-bottom: 10px;
}
.pincode-check .form-control {
border-radius: 0.25rem 0 0 0.25rem;
}
.pincode-check .btn {
border-radius: 0 .25rem .25rem 0;
}
.form-control:focus {
border-color: #ced4da;
outline: 0;
box-shadow: none;
z-index: 0 !important;
}
.technical-details table {
border: 1px solid #e7e7e7;
}
.technical-details table tr:nth-child(2n) {
background-color: #f6f6f6;
}
.technical-details table td, .technical-details table th {
padding: 7px 14px 6px;
border-bottom: 1px solid #eaeaea;
vertical-align: top;
}
.technical-details table td p, .technical-details table th p {
margin-bottom: 0;
font-weight: 400;
color: #333;
font-size: 14px;
line-height: 22px;
}
.product-desc img {
width: 100%;
}
@media screen and (min-width: 992px) {
.cart .col-lg-3 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%
}
.cart .col-lg-9 {
-ms-flex: 0 70%;
flex: 0 0 70%;
max-width: 70%
}
}
.cart .table th {
font-weight: 400;
font-size: 1rem;
line-height: 1.25;
color:
#999;
}
.cart .table th, .table td {
padding-left: 0;
padding-right: 0;
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}
.cart .table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.cart .table th, .cart .table thead th, .cart .table td {
border-top: none;
border-bottom: .1rem solid
#ebebeb;
}
.cart .table td {
vertical-align: middle;
}
.cart .table td {
padding-top: 3rem;
padding-bottom: 3rem;
}
.cart .product {
position: relative;
margin-bottom: 1rem;
transition: box-shadow .35s ease;
background-color:
#fff;
}
.cart .product {
overflow: hidden;
}
.cart .product-col .product {
display: flex;
align-items: center;
margin: 0;
padding-right: 2rem;
box-shadow: none;
}
.cart .product-media {
position: relative;
display: block;
background-color:
#d7d7d7;
margin-bottom: 0;
overflow: hidden;
}
.cart .product-col .product-media {
display: inline-block;
margin: 0;
margin-right: 0px;
margin-right: 1rem;
flex-shrink: 0;
max-width: 60px;
}
.cart .product-media > a {
display: block;
}
.cart .product-title {
font-weight: 400;
font-size: 1rem;
line-height: 1.25;
letter-spacing: -.01em;
color: #333333;
margin-bottom: .2rem;
}
.cart .product-col .product-title {
display: inline-block;
color:
#333;
font-weight: 400;
font-size: 1.05rem;
line-height: 1.25;
margin: 0;
min-height: auto;
}
.cart .product-col .product-title a {
color: inherit;
}
.cart .table .price-col {
width: 180px;
color:
#333;
font-weight: 400;
font-size: 1rem;
}
.cart .table.table-cart .price-col {
width: 120px;
}
.cart .table.table-cart .quantity-col {
width: 135px;
}
.cart .cart-product-quantity {
width: 100px;
}
.cart .table .total-col {
color:
#f56300;
font-weight: 400;
font-size: 1rem;
}
.cart .table.table-cart .total-col {
width: 80px;
}
.table .remove-col {
padding-right: 0;
padding-left: 0;
width: 38px;
text-align: right;
}
.btn-remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
color:
#cccccc;
background-color:
transparent;
font-size: 1.2rem;
line-height: 1;
border: none;
outline: none;
transition: all .35s;
}
.table .remove-col .btn-remove {
margin-right: -.7rem;
}
.cart-bottom {
display: flex;
align-items: flex-start;
margin-bottom: 5rem;
}
.cart-discount {
flex: 0 0 50%;
max-width: 326px;
}
.cart-discount .form-control {
/*margin-right: 1.1rem;*/
}
.btn-outline-primary-2 {
color:
#fff;
background-color:
#f56300;
background-image: none;
border-color:
#f56300;
box-shadow: none;
}
.btn-outline-dark-2 {
color:
#333;
background-color:
transparent;
background-image: none;
border-color:
#ebebeb;
box-shadow: none;
padding: .65rem 1.2rem;
}
.btn-outline-dark-2:hover {
color:
#fff;
background-color:
#000;
border-color:
#000;
box-shadow: none;
}
.cart-bottom .btn {
margin-left: auto;
min-width: 152px;
line-height: 1;
}
.cart-bottom .btn i:last-child {
margin-left: 1rem;
}
.cart-bottom .cart-discount .btn {
min-width: 0;
}
.cart-bottom .cart-discount .btn i:last-child {
margin-left: 0;
}
.btn-remove:hover, .btn-remove:focus {
color:
#333;
}
.product-col .product-title a:hover, .product-col .product-title a:focus {
color:
#f56300;
}
.summary {
padding: 1.5rem;
border: .1rem dashed
#d7d7d7;
background-color:
#f9f9f9;
border-radius: .3rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.summary {
margin-top: 0;
}
.summary.summary-cart {
margin-bottom: 1.5rem;
}
.summary-title {
font-weight: 500;
font-size: 1.25rem;
letter-spacing: 0;
padding-bottom: 1rem;
border-bottom: .1rem solid #ddd;
margin-bottom: 2.1rem;
}
.summary.summary-cart .summary-title {
margin-bottom: 0;
}
.table.table-summary {
line-height: 1.43;
color:
#666;
border: none;
margin-bottom: 0;
}
.table.table-summary tbody td {
padding: 0;
height: 50px;
border-bottom: .1rem solid #ddd;
}
.table.table-summary thead th, .table.table-summary tbody td {
vertical-align: middle;
border-top: none;
}
.table.table-summary thead th, .table.table-summary .summary-subtotal td {
color:
#333;
font-weight: 400;
font-size: 1.1rem;
}
.table.table-summary thead th:last-child, .table.table-summary tbody td:last-child {
text-align: right;
min-width: 100px;
}
.summary-cart .table.table-summary thead th:last-child, .summary-cart .table.table-summary tbody td:last-child {
min-width: 0;
}
.table.table-summary .summary-shipping {
color:
#333;
font-weight: 400;
font-size: 1.2rem;
}
.table.table-summary .summary-shipping td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
height: auto;
border-bottom: none;
}
.table.table-summary .summary-shipping-row {
color:
#333;
}
.table.table-summary .summary-shipping-row td {
height: auto;
padding-top: .5rem;
padding-bottom: .5rem;
border-bottom: none;
}
.table.table-summary .summary-total td {
font-weight: 400;
font-size: 1.25rem;
color:
#000;
border-bottom: none;
}
.custom-control-label::before, .custom-control-label::after {
top: 0.15rem;
}
.table.table-summary .summary-total {
border-top: .1rem solid #ddd;
}
.accessories-section .banner {
display: block;
position: relative;
margin-bottom: 1.85rem;
background-color: #ccc;
}
.accessories-section .banner-link-anim {
background-color: transparent;
}
.accessories-section .banner > a {
position: relative;
display: block;
outline: none !important;
}
.accessories-section .banner img {
display: block;
max-width: none;
width: 100%;
height: auto;
}
.accessories-section .banner-content {
display: inline-block;
position: absolute;
padding-top: .4rem;
left: 1.5rem;
top: 50%;
z-index: 2;
width: 55%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.accessories-section .banner-content.banner-content-bottom {
top: auto;
bottom: 60px;
transform: translateY(0);
-ms-transform: translateY(0);
}
.accessories-section .banner-link-anim .banner-content {
transition: all .3s ease;
}
.accessories-section .banner-title {
color: #333333;
font-weight: 500;
font-size: 1.3rem;
line-height: 1.1;
margin-bottom: 1.7rem;
letter-spacing: -.03em;
}
.accessories-section .banner-cat .banner-title {
margin-bottom: .5rem;
}
.accessories-section .banner-subtitle {
color: #777;
font-weight: 300;
font-size: 1rem;
line-height: 1.2;
letter-spacing: 0;
margin-bottom: 1rem;
}
.accessories-section .banner-link-anim .banner-link {
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
min-width: 130px;
padding-left: .5rem;
padding-right: .5rem;
font-weight: 400;
display: inline-block;
transition: all .3s ease;
transform: translateY(-20px);
-ms-transform: translateY(-20px);
}
.accessories-section .banner-content.banner-content-top {
top: 105px;
}
.accessories-section .banner-link-anim:hover .banner-content {
padding-bottom: 4rem;
}
.accessories-section .banner-link-anim:hover .banner-link {
opacity: 1;
transform: translateY(0);
-ms-transform: translateY(0);
}
.accessories-section .banner-content a {
color: #bf8040;
text-transform: uppercase;
font-size: 0.85rem;
}
.accessories-section .banner-content a:hover, .banner-content a:focus {
text-decoration: underline;
}
.accessories-section .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.carousel-with-shadow .owl-stage-outer {
padding: 0 1rem 1rem;
margin-left: -1rem;
margin-right: -1rem;
padding-top: 3rem;
}
.carousel-equal-height .owl-stage, .carousel-equal-height .owl-item {
display: flex;
align-items: stretch;
}
.featured-products .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.carousel-with-shadow.owl-simple .owl-nav [class*="owl-"] {
margin-top: -31px;
}
.footer-middle-area .custom-html-widget ul li a i {
margin-right: 5px;
}
.store-locator .mb-0 > a {
display: block;
position: relative;
}
.store-locator .mb-0 > a:after {
content: "\f067"; /* fa-chevron-down */
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 0;
font-size: 12px;
line-height: 18px;
transition: all 0.3s ease-in-out;
}
.store-locator .mb-0 > a[aria-expanded="true"]:after {
/*content: "\f00d";*/ /* fa-chevron-up */
transform: rotate(-45deg);
}
.store-locator .card {
margin-bottom: 20px;
}
.store-locator .card .card {
margin-bottom: 5px;
}
.store-locator .card-header {
border-radius: 0 !important;
padding: 0.5rem 0.75rem;
background-color: rgba(0, 0, 0, 0.01);
}
.store-locator .card-header h5 {
font-size: 16px;
margin-bottom: 0;
}
.store-locator .card-header h5 a:hover {
color: #f56300;
}
.store-locator .card-header h5 a.active {
color: #f56300;
}
.store-locator .card-body {
padding: 0.75rem;
}
.store-locator .card-body .card-header h5 {
font-size: 14px;
}
.store-locator .card-body .card .card-body .card-header h5 {
font-size: 13px;
font-weight: 500;
}
.store-details .data {
margin-bottom: 10px;
font-size: 14px;
}
.store-details .data i {
font-size: 16px;
width: 22px;
float: left;
color: #000;
margin-top: 2px;
}
.store-details .data p {
font-size: 14px;
margin-bottom: 0;
padding-left: 32px;
line-height: 20px;
}
.store-details .data.phone i {
transform: rotate(90deg);
}
.store-action {
display: block;
padding: 10px 20px;
color: #fff;
background-color: #000;
text-align: center;
font-size: 16px;
border-radius: 5px;
margin-top: 10px;
}
.store-action:hover {
color: #fff;
background-color: #f56300;
}
/* Filter */
/* --------------------------------
xfilter
-------------------------------- */
.cd-filter {
position: absolute;
top: 0;
left: 0;
width: 280px;
height: 100%;
background: #ffffff;
box-shadow: 4px 4px 20px transparent;
z-index: 9;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
-moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
transition: transform 0.3s, box-shadow 0.3s;
}
.cd-filter::before {
/* top colored bar */
content: '';
position: absolute;
top: 0;
left: 0;
height: 50px;
width: 100%;
background-color: #222;
z-index: 2;
}
.cd-filter form {
padding: 70px 20px;
height: 100%;
overflow: hidden;
overflow-y: auto;
}
.cd-filter .cd-close {
position: absolute;
top: 0;
right: 0;
height: 50px;
line-height: 50px;
width: 50px;
color: #ffffff;
text-align: center;
background: #444444;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 9;
font-size: 20px;
}
.no-touch .cd-filter .cd-close:hover {
background: #666666;
}
.cd-filter.filter-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.cd-filter.filter-is-visible .cd-close {
opacity: 1;
}
@media only screen and (min-width: 1170px) {
.cd-filter {
width: 20%;
}
.cd-filter form {
padding: 50px 5% 20px;
background-color: #fff;
height: 100%;
overflow: hidden;
overflow-y: auto;
}
}
.cd-filter-trigger {
position: absolute;
top: 0;
left: 0;
height: 50px;
line-height: 50px;
width: 60px;
/* image replacement */
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
background: transparent url("../images/cd-icon-filter.svg") no-repeat center center;
z-index: 9;
}
.cd-filter-trigger.filter-is-visible {
pointer-events: none;
}
@media only screen and (min-width: 1170px) {
.cd-filter-trigger {
width: auto;
left: 2%;
text-indent: 0;
color: #f56300;
text-transform: uppercase;
padding-left: 24px;
background-position: left center;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cd-filter-trigger:hover {
color: #f56300;
}
.no-touch .cd-filter-trigger:hover {
color: #f56300;
}
.cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
color: #ffffff;
}
}
/* --------------------------------
xcustom form elements
-------------------------------- */
.cd-filter-block {
margin-bottom: 0;
}
.cd-filter-block:last-child {
margin-bottom: 50px;
}
.cd-filter-block h4 {
/* filter block title */
position: relative;
margin-bottom: .2em;
padding: 10px 0 10px 25px;
color: #333;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
font-size: 16px;
}
.no-touch .cd-filter-block h4:hover {
color: #f03d6c;
}
.cd-filter-block h4::before {
/* arrow */
content: '';
position: absolute;
left: 0;
top: 50%;
width: 16px;
height: 16px;
background: url("../images/cd-icon-arrow.svg") no-repeat center center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-filter-block h4.closed::before {
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
-o-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
/* shared style for input elements */ border-radius: 0;
background-color: #ffffff;
border: 2px solid #e6e6e6;
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
width: 100%;
padding: .8em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
outline: none;
background-color: #ffffff;
border-color: #f03d6c;
}
.cd-filter-block input[type='search'] {
/* custom style for the search element */
border-color: transparent;
background-color: #e6e6e6;
/* prevent jump - ios devices */
font-size: 1rem !important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
display: none;
}
.cd-filter-block .cd-select {
/* select element wrapper */
position: relative;
}
.cd-filter-block .cd-select::after {
/* switcher arrow for select element */
content: '';
position: absolute;
z-index: 1;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 16px;
height: 16px;
background: url("../images/cd-icon-check.svg") no-repeat center center;
pointer-events: none;
}
.cd-filter-block select {
cursor: pointer;
}
.cd-filter-block select::-ms-expand {
display: none;
}
.cd-filter-block .list li {
position: relative;
margin-bottom: .15em;
}
.cd-filter-block .list li:last-of-type {
margin-bottom: 0;
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
/* hide original check and radio buttons */
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0;
z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
padding-left: 24px;
color: #666;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
/* custom radio and check boxes */
content: '';
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
width: 16px;
height: 16px;
left: 0;
margin-top: -3px;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
/* check mark - hidden */
display: none;
}
.cd-filter-block .checkbox-label::after {
/* check mark style for check boxes */
width: 16px;
height: 16px;
background: url("../images/cd-icon-check.svg") no-repeat center center;
left: 0;
margin-top: -2px;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
border-radius: 50%;
}
.cd-filter-block .radio-label::after {
/* check mark style for radio buttons */
width: 6px;
height: 6px;
background-color: #ffffff;
left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
border-color: #f56300;
background-color: #f56300;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
display: block;
}
@-moz-document url-prefix() {
/* hide custom arrow on Firefox - select element */
.cd-filter-block .cd-select::after {
display: none;
}
}
.cd-gallery {
float: right;
width: 100%;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
}
.cd-gallery.filter-is-visible {
width: 80%;
}
/* Filter */
.slider-labels {
margin-top: 10px;
font-size: 0.8rem;
color: #666;
}
.slider-labels span {
padding: 0 10px;
}
.noUi-target {
margin-top: 10px;
}
.noUi-connect {
background-color: #f56300;
}
.noUi-horizontal .noUi-handle {
background-color: #333;
}
/* Woocommerce Styles */
/*.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
background-color: #fff;
}
.woocommerce div.product div.images, .woocommerce div.product div.summary {
width: 49%;
}
.woocommerce div.product div.images .flex-viewport {
width: 80%;
float: right;
}
.woocommerce div.product div.images .flex-control-thumbs {
width: 18%;
}
.woocommerce div.product:hover {
box-shadow: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 1rem;
border: 1px solid #eaeaea;
background-color: #fff;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
border: 1px solid #F6732E;
}*/
.woocommerce div.product:hover {
box-shadow: none;
}
.woocommerce div.product div.summary {
border: 0;
padding: 0 0.5rem;
}
.woocommerce div.product .product_title {
font-weight: 500;
font-size: 1.5rem;
margin-top: -.5rem;
line-height: 1.25;
color:#333;
min-height: auto;
margin-bottom: 0.5rem;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 1.5rem;
display: flex;
align-items: center;
flex-flow: wrap;
font-weight: 500;
line-height: 1.25;
color: #f56300;
margin-bottom: 1.5rem;
}
.woocommerce div.product form.cart .variations td.label {
display: inline-block;
font-size: 1rem;
margin: 0 0 1.1rem;
margin-bottom: 0;
color: #666;
font-weight: 400;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.color-variable-item {
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
margin-right: 0.65rem;
}
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color {
border-radius: 50%;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.color-variable-item span::after {
border-radius: 50% !important;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item {
min-width: 75px !important;
margin-right: 8px;
border-radius: 0 !important;
box-shadow: 0 0 0 1px #dadada;
height: auto;
line-height: 1.25em;
}
.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item span {
font-size: 0.9rem;
}
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px #aaa !important;
}
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected span {
color: #333;
}
.woocommerce .quantity .qty {
width: 132px;
}
.woocommerce div.product form.cart table td {
position: relative;
}
.woocommerce div.product form.cart .reset_variations {
position: absolute;
top: 0;
right: 0;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button {
display: block;
clear: both;
padding: 0.85rem 1rem;
width: 250px;
max-width: 100%;
border: 0.1rem solid #f56300;
color: #fff;
background-color: #f56300;
margin-top: 20px;
border-radius: 0;
font-weight: 400;
text-transform: uppercase;
position: relative;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:before {
content: "\f218";
font-family: "Font Awesome 5 Pro";
font-size: 1.2rem;
margin-right: .8rem;
font-weight: 300;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
background-color: #000;
border-color: #000;
}
.woocommerce div.product form.cart .details-action-wrapper {
clear: both;
}
.woocommerce div.product div.summary .compare-button {
padding-left: 1.3rem;
margin-left: 1.6rem;
border-left: .1rem dotted #aaa;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
position: relative;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
top: 3px;
right: -21px;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.delivery-box {
background-color: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
.delivery-box br {
display: none;
}
.delivery-box input {
border-radius: 0.25rem 0 0 0.25rem;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
}
.woocommerce .delivery-box a.button.wc-delivery-button {
border-radius: 0 .25rem .25rem 0;
color: #fff;
background-color: #343a40;
border-color: #343a40;
display: inline-block;
font-weight: 400;
text-align: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
margin: 0 !important;
max-height: none !important;
border: 1px solid transparent;
}
.product-media {
background-color: #fff;
}
.product-action .woocommerce.product.compare-button {
display: inline-block;
width: 50%;
border-left: 0.5px dotted #aaa;
}
.woocommerce-message {
border-top-color: #f56300;
background-color: #fff;
border-bottom: 1px dashed #ddd;
margin: 0;
}
.woocommerce-message::before {
color: #f56300;
}
.woocommerce-message .button {
background-color: #000 !important;
color: #fff !important;
font-weight: 400 !important;
margin-top: -1px !important;
}
.woocommerce-message .button:hover {
background-color: #f56300 !important;
color: #fff !important;
font-weight: 400 !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background-color: #f56300 !important;
color: #fff !important;
font-weight: 400 !important;
text-transform: uppercase;
padding: 0.375rem 0.75rem;
font-size: 1rem;
}
.woocommerce .cart-collaterals.custom .cart_totals, .woocommerce-page .cart-collaterals.custom .cart_totals {
width: 100%;
}
.woocommerce table.shop_table {
border: 0;
margin: 0;
border-radius: 0;
border-collapse: collapse;
}
.woocommerce table.shop_table th {
font-weight: 400;
padding: 1.4rem 0;
line-height: 1.5em;
}
.woocommerce table.shop_table td {
border-top: none;
border-bottom: .1rem solid #ebebeb;
}
.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {
padding-right: 0;
}
.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
padding-left: 0;
}
.flex-control-thumbs {
position: relative;
z-index: 1;
}
ul.flex-direction-nav {
z-index: 0;
}