html {
-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased;
}
body {
-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased;
}
body {
background: 0px 0px rgb(255, 255, 255); color: rgb(104, 113, 136); font-family: "Poppins", sans-serif; font-size: 16px;
}
h1 {
color: rgb(41, 43, 44); font-family: "Roboto";
}
h2 {
color: rgb(41, 43, 44); font-family: "Roboto";
}
h3 {
color: rgb(41, 43, 44); font-family: "Roboto";
}
h4 {
color: rgb(41, 43, 44); font-family: "Roboto";
}
h5 {
color: rgb(41, 43, 44); font-family: "Roboto";
}
h6 {
color: rgb(41, 43, 44); font-family: "Roboto";
}
p {
color: rgb(104, 113, 136); line-height: 28px; margin-bottom: 25px;
}
a {
transition:0.3s ease-in-out; color: rgb(41, 43, 44); text-decoration: none; -webkit-transition: all 0.3s ease-in-out;
}
a:hover {
color: rgb(255, 50, 77); text-decoration: none;
}
a:focus {
}
img {
max-width: 100%;
}
button {
transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}
ul {
margin: 0px; padding: 0px;
}
li {
margin: 0px; padding: 0px;
}
ol {
margin: 0px; padding: 0px;
}
fieldset {
margin: 0px auto; padding: 0px; border: 0px currentColor; border-image: none;
}
label {
color: rgb(108, 117, 125);
}
input:focus {
box-shadow: none;
}
textarea:focus {
box-shadow: none;
}
iframe {
border: 0px currentColor; border-image: none; display: block;
}
video {
width: 100%;
}
.section {
padding: 100px 0px; position: relative;
}
.section.small_pt {
padding-top: 50px;
}
.footer_top.small_pt {
padding-top: 50px;
}
.section.small_pb {
padding-bottom: 50px;
}
.footer_top.small_pb {
padding-bottom: 50px;
}
.section.pb_20 {
padding-bottom: 20px;
}
.pb_20 {
padding-bottom: 20px;
}
.footer_top.pb_20 {
padding-bottom: 20px;
}
.section.pb_70 {
padding-bottom: 70px;
}
.pb_70 {
padding-bottom: 70px;
}
.footer_top.pb_70 {
padding-bottom: 70px;
}
.section.pb_85 {
padding-bottom: 85px;
}
.pb_85 {
padding-bottom: 85px;
}
.footer_top.pb_85 {
padding-bottom: 85px;
}
div.banner_large_pad {
padding: 200px 0px;
}
.small_padding {
padding: 30px;
}
.medium_padding {
padding: 50px;
}
.large_padding {
padding: 100px;
}
.small_divider {
height: 30px;
}
.medium_divider {
height: 50px;
}
.large_divider {
height: 100px;
}
.padding_eight_all {
padding: 8%;
}
.padding_eight_lr {
padding: 0px 8%;
}
.padding_eight_tb {
padding: 8% 0px;
}
.list_none li {
list-style: none;
}
.order_list {
padding-left: 15px;
}
.disc_list {
padding-left: 15px;
}
.btn:focus {
box-shadow: none;
}
.btn:hover {
box-shadow: none;
}
.btn.active {
box-shadow: none;
}
button:focus {
}
.border-2 {
border-width: 2px !important;
}
.btn {
border-width: 1px; padding: 12px 35px; transition:0.3s ease-in-out; text-transform: capitalize; line-height: normal; cursor: pointer;
}
.btn.active:focus {
box-shadow: none !important;
}
.btn:focus:active {
box-shadow: none !important;
}
.btn-fill-out {
border: 1px solid rgb(255, 50, 77); border-image: none; color: rgb(255, 255, 255); overflow: hidden; position: relative; z-index: 1; background-color: transparent;
}
.btn-fill-out::before {
transition:0.3s ease-in-out; left: 0px; top: 0px; width: 51%; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(255, 50, 77);
}
.btn-fill-out::after {
transition:0.3s ease-in-out; left: 0px; top: 0px; width: 51%; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(255, 50, 77);
}
.btn-fill-out::after {
left: auto; right: 0px;
}
.btn-fill-out:hover::before {
width: 0px;
}
.btn-fill-out:hover::after {
width: 0px;
}
.btn-fill-out:hover {
color: rgb(255, 50, 77) !important;
}
.btn-fill-line {
border: 1px solid rgb(51, 51, 51); transition:0.8s; border-image: none; color: rgb(255, 255, 255) !important; overflow: hidden; position: relative; z-index: 1; background-color: transparent;
}
.btn-fill-line::before {
transition:0.3s ease-in-out; left: 0px; top: 0px; width: 50%; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(51, 51, 51);
}
.btn-fill-line::after {
transition:0.3s ease-in-out; left: 0px; top: 0px; width: 50%; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(51, 51, 51);
}
.btn-fill-line::after {
left: auto; right: 0px;
}
.btn-fill-line:hover::before {
width: 0px;
}
.btn-fill-line:hover::after {
width: 0px;
}
.btn-fill-line:hover {
color: rgb(51, 51, 51) !important;
}
.btn-border-fill {
border: 1px solid rgb(255, 50, 77); border-image: none; color: rgb(255, 50, 77); overflow: hidden; position: relative; z-index: 1;
}
.btn-border-fill::before {
transition:0.3s ease-in-out; left: 0px; top: 0px; width: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(255, 50, 77);
}
.btn-border-fill::after {
transition:0.3s ease-in-out; left: 0px; top: 0px; width: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(255, 50, 77);
}
.btn-border-fill::after {
left: auto; right: 0px;
}
.btn-border-fill:hover::before {
width: 50%;
}
.btn-border-fill:hover::after {
width: 50%;
}
.btn-border-fill:hover {
color: rgb(255, 255, 255) !important;
}
.btn-white {
border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(41, 43, 44) !important; overflow: hidden; position: relative; z-index: 1; background-color: transparent;
}
.btn-white::before {
transition:0.5s ease-in-out; left: 0px; top: 0px; width: 50%; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(255, 255, 255);
}
.btn-white::after {
transition:0.5s ease-in-out; left: 0px; top: 0px; width: 50%; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(255, 255, 255);
}
.btn-white::after {
left: auto; right: 0px;
}
.btn-white:hover::before {
width: 0px;
}
.btn-white:hover::after {
width: 0px;
}
.btn-white:hover {
color: rgb(255, 255, 255) !important;
}
.btn-fill-out-dark {
border: 1px solid rgb(51, 51, 51); border-image: none; color: rgb(255, 255, 255) !important; overflow: hidden; position: relative; z-index: 1; background-color: transparent;
}
.btn-fill-out-dark:hover {
color: rgb(51, 51, 51) !important;
}
.btn-fill-out-dark::before {
transition:0.4s cubic-bezier(0.42, 0, 0.58, 1); left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: -1; content: ""; background-color: rgb(51, 51, 51);
}
.btn-line-fill {
border: 1px solid rgb(51, 51, 51); transition:0.8s; border-image: none; color: rgb(51, 51, 51) !important; overflow: hidden; position: relative; z-index: 1;
}
.btn-line-fill:hover {
color: rgb(255, 255, 255) !important;
}
.btn-line-fill::before {
border-radius: 50%; top: 50%; width: 20px; height: 20px; position: absolute; z-index: -1; content: ""; background-color: rgb(51, 51, 51);
}
.btn-line-fill::after {
border-radius: 50%; top: 50%; width: 20px; height: 20px; position: absolute; z-index: -1; content: ""; background-color: rgb(51, 51, 51);
}
.btn-line-fill::before {
left: -20px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.btn-line-fill::after {
right: -20px; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);
}
.btn-line-fill:hover::before {
animation:criss-cross-left 0.7s alternate both; -webkit-animation: criss-cross-left 0.7s both; -webkit-animation-direction: alternate;
}
.btn-line-fill:hover::after {
animation:criss-cross-right 0.7s alternate both; -webkit-animation: criss-cross-right 0.7s both; -webkit-animation-direction: alternate;
}
.btn-line-white {
border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255) !important;
}
.btn-line-white:hover {
color: rgb(51, 51, 51) !important;
}
.btn-line-fill.btn-line-white::before {
background-color: rgb(255, 255, 255);
}
.btn-line-fill.btn-line-white::after {
background-color: rgb(255, 255, 255);
}
.btn-tran-light {
color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2);
}
.btn-tran-light:hover {
background-color: rgb(255, 255, 255);
}
.btn-radius {
border-radius: 40px;
}
.btn + .btn {
margin-left: 10px;
}
.btn i {
line-height: 1; font-size: 16px; margin-right: 5px; vertical-align: middle;
}
.btn span {
vertical-align: middle;
}
.btn-group-sm > .btn {
padding: 8px 25px;
}
.btn-sm {
padding: 8px 25px;
}
.btn-group-lg > .btn {
padding: 16px 45px;
}
.btn-lg {
padding: 16px 45px;
}
.btn-xs {
padding: 4px 20px; font-size: 12px;
}
.btn-md {
padding: 12px 35px; font-size: 16px;
}
.btn.btn-xs i {
font-size: 10px;
}
.btn.btn-sm i {
font-size: 12px;
}
.btn.btn-lg i {
font-size: 22px;
}
.btn-ripple {
border: 0px currentColor; border-image: none; padding-right: 0px !important;
}
.btn-link {
text-decoration: none; position: relative; z-index: 2;
}
.btn-link:hover {
text-decoration: none;
}
.btn-link::before {
left: 0px; height: 1px; right: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; background-color: rgb(255, 50, 77);
}
.text_white * {
color: rgb(255, 255, 255);
}
.text_dark * {
color: rgb(51, 51, 51);
}
.text_default {
color: rgb(255, 50, 77) !important;
}
.bg_default {
background-color: rgb(255, 50, 77) !important;
}
.bg_gray {
background-color: rgb(247, 248, 251) !important;
}
.bg_light_blue {
background-color: rgb(235, 245, 255) !important;
}
.bg_light_blue2 {
background-color: rgb(244, 249, 252) !important;
}
.bg_blue {
background-color: rgb(67, 130, 255) !important;
}
.bg_linen {
background-color: rgb(249, 245, 240) !important;
}
.bg_redon {
background-color: rgb(255, 241, 241) !important;
}
.bg_dark {
background-color: rgb(29, 34, 36) !important;
}
.bg_dark2 {
background-color: rgb(19, 29, 36) !important;
}
.bg_dark3 {
background-color: rgb(35, 54, 69) !important;
}
.bg_dark4 {
background-color: rgb(27, 30, 32) !important;
}
.bg_apricot {
background-color: rgb(253, 224, 202) !important;
}
.radius_all_5 {
border-radius: 5px;
}
.radius_all_5::before {
border-radius: 5px;
}
.radius_all_5::after {
border-radius: 5px;
}
.radius_all_10 {
border-radius: 10px;
}
.radius_all_10::before {
border-radius: 10px;
}
.radius_all_10::after {
border-radius: 10px;
}
.radius_lb_10 {
border-radius: 10px 0px 0px 10px;
}
.radius_lb_10::after {
border-radius: 10px 0px 0px 10px;
}
.radius_lb_10::before {
border-radius: 10px 0px 0px 10px;
}
.radius_rb_10 {
border-radius: 0px 10px 10px 0px;
}
.radius_rb_10::before {
border-radius: 0px 10px 10px 0px;
}
.radius_rb_10::after {
border-radius: 0px 10px 10px 0px;
}
.radius_lbrb_10 {
border-radius: 0px 0px 10px 10px;
}
.radius_lbrb_10::before {
border-radius: 0px 0px 10px 10px;
}
.radius_lbrb_10::after {
border-radius: 0px 0px 10px 10px;
}
.radius_ltrt_10 {
border-radius: 10px 10px 0px 0px;
}
.radius_ltrt_10::before {
border-radius: 10px 10px 0px 0px;
}
.radius_ltrt_10::after {
border-radius: 10px 10px 0px 0px;
}
.scrollup {
width: 40px; height: 40px; text-align: center; right: 20px; bottom: 20px; color: rgb(255, 255, 255); line-height: 40px; font-size: 24px; position: fixed; z-index: 99; background-color: rgb(23, 23, 23);
}
.scrollup:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.scrollup:focus {
color: rgb(255, 255, 255);
}
.scrollup_style1 {
background-color: rgb(255, 50, 77);
}
.scrollup.scrollup_style1:hover {
background-color: rgb(51, 51, 51);
}
.background_bg {
background-position: center; background-size: cover;
}
.bg_size_auto {
background-size: auto !important;
}
.bg_size_contain {
background-size: contain !important;
}
.bg_norepeat {
background-repeat: no-repeat !important;
}
.position_top_center {
background-position: top !important;
}
.position_center_bottom {
background-position: bottom !important;
}
.position_right_center {
background-position: right !important;
}
.position_right_bottom {
background-position: right bottom !important;
}
.fixed_bg {
background-attachment: fixed !important;
}
[class*=overlay_bg_] {
position: relative;
}
[class*=overlay_bg_]::before {
left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 0; content: ""; background-color: rgb(0, 0, 0);
}
[class*=overlay_bg_default_]::before {
background-color: rgb(255, 50, 77);
}
[class*=overlay_bg_blue_]::before {
background-color: rgb(3, 27, 78);
}
[class*=overlay_bg_white_]::before {
background-color: rgb(255, 255, 255);
}
.overlay_bg_90::before {
opacity: 0.9;
}
.overlay_bg_default_90::before {
opacity: 0.9;
}
.overlay_bg_blue_90::before {
opacity: 0.9;
}
.overlay_bg_white_90::before {
opacity: 0.9;
}
.overlay_bg_80::before {
opacity: 0.8;
}
.overlay_bg_default_80::before {
opacity: 0.8;
}
.overlay_bg_blue_80::before {
opacity: 0.8;
}
.overlay_bg_white_80::before {
opacity: 0.8;
}
.overlay_bg_70::before {
opacity: 0.7;
}
.overlay_bg_default_70::before {
opacity: 0.7;
}
.overlay_bg_blue_70::before {
opacity: 0.7;
}
.overlay_bg_white_70::before {
opacity: 0.7;
}
.overlay_bg_60::before {
opacity: 0.6;
}
.overlay_bg_default_60::before {
opacity: 0.6;
}
.overlay_bg_blue_60::before {
opacity: 0.6;
}
.overlay_bg_white_60::before {
opacity: 0.6;
}
.overlay_bg_50::before {
opacity: 0.5;
}
.overlay_bg_default_50::before {
opacity: 0.5;
}
.overlay_bg_blue_50::before {
opacity: 0.5;
}
.overlay_bg_white_50::before {
opacity: 0.5;
}
.overlay_bg_40::before {
opacity: 0.4;
}
.overlay_bg_default_40::before {
opacity: 0.4;
}
.overlay_bg_blue_40::before {
opacity: 0.4;
}
.overlay_bg_white_40::before {
opacity: 0.4;
}
.overlay_bg_30::before {
opacity: 0.3;
}
.overlay_bg_default_30::before {
opacity: 0.3;
}
.overlay_bg_blue_30::before {
opacity: 0.3;
}
.overlay_bg_white_30::before {
opacity: 0.3;
}
.overlay_bg_20::before {
opacity: 0.2;
}
.overlay_bg_default_20::before {
opacity: 0.2;
}
.overlay_bg_blue_20::before {
opacity: 0.2;
}
.overlay_bg_white_20::before {
opacity: 0.2;
}
.overlay_bg_10::before {
opacity: 0.1;
}
.overlay_bg_default_10::before {
opacity: 0.1;
}
.overlay_bg_blue_10::before {
opacity: 0.1;
}
.overlay_bg_white_10::before {
opacity: 0.1;
}
.ripple {
border-radius: 100%; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 22px !important; margin-right: 25px; margin-left: -15px; vertical-align: middle; display: inline-block; position: relative; background-color: rgb(255, 50, 77);
}
.ripple i {
font-size: 22px; margin-right: 0px; margin-left: 3px;
}
.ripple::before {
margin: -20px; border-radius: 100%; animation:ripple 1.8s infinite; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: -1; content: ""; opacity: 0; background-color: rgb(255, 50, 77); -webkit-animation: ripple 1.8s infinite; -moz-animation: ripple 1.8s infinite; -o-animation: ripple 1.8s infinite;
}
.ripple::after {
margin: -20px; border-radius: 100%; animation:ripple 1.8s infinite; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: -1; content: ""; opacity: 0; background-color: rgb(255, 50, 77); -webkit-animation: ripple 1.8s infinite; -moz-animation: ripple 1.8s infinite; -o-animation: ripple 1.8s infinite;
}
.ripple::before {
animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s;
}
.ripple::after {
animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s;
}
.btn-ripple-white .ripple::before {
background-color: rgb(255, 255, 255);
}
.btn-ripple-white .ripple::after {
background-color: rgb(255, 255, 255);
}
.btn-ripple-white .ripple {
background-color: rgb(255, 255, 255);
}
.btn-ripple-white .ripple {
color: rgb(255, 50, 77);
}
.bg_transparent_20 {
background-color: rgba(0, 0, 0, 0.2);
}
.box_shadow1 {
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.border-top-tran {
border-top-color: rgba(255, 255, 255, 0.1); border-top-width: 1px; border-top-style: solid;
}
.border_bottom_tran {
border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.heading_s1 {
margin-bottom: 25px;
}
.heading_s1 h1 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s1 h2 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s1 h3 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s1 h4 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s1 h5 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s1 h6 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s2 {
position: relative;
}
.heading_s2 h1 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s2 h2 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s2 h3 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s2 h4 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s2 h5 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s2 h6 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s3 h1 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s3 h2 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s3 h3 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s3 h4 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s3 h5 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s3 h6 {
margin: 0px; text-transform: capitalize; font-weight: 700;
}
.heading_s2 h1 {
position: relative; z-index: 9;
}
.heading_s2 h2 {
position: relative; z-index: 9;
}
.heading_s2 h3 {
position: relative; z-index: 9;
}
.heading_s2 h4 {
position: relative; z-index: 9;
}
.heading_s2 h5 {
position: relative; z-index: 9;
}
.heading_s2 h6 {
position: relative; z-index: 9;
}
.heading_s2 .sub_heading {
background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); padding: 0px; line-height: 100px; font-size: 100px; font-weight: bold; margin-bottom: -15px; position: relative; z-index: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.heading_s2.heading_light .sub_heading {
background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.01) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.heading_s3 {
padding-bottom: 15px; margin-bottom: 15px; position: relative;
}
.heading_s3::before {
left: 0px; width: 50px; height: 1px; right: 0px; bottom: 0px; position: absolute; content: ""; background-color: rgb(255, 50, 77);
}
.heading_light.heading_s3::before {
background-color: rgb(255, 255, 255);
}
.heading_s3.text-center::before {
margin: 0px auto;
}
.heading_s3.text-right::before {
left: auto; right: 0px;
}
.heading_s4 {
margin-bottom: 15px;
}
.heading_s4 h1 {
margin: 0px; text-transform: capitalize; line-height: normal; font-weight: 700;
}
.heading_s4 h2 {
margin: 0px; text-transform: capitalize; line-height: normal; font-weight: 700;
}
.heading_s4 h3 {
margin: 0px; text-transform: capitalize; line-height: normal; font-weight: 700;
}
.heading_s4 h4 {
margin: 0px; text-transform: capitalize; line-height: normal; font-weight: 700;
}
.heading_s4 h5 {
margin: 0px; text-transform: capitalize; line-height: normal; font-weight: 700;
}
.heading_s4 h6 {
margin: 0px; text-transform: capitalize; line-height: normal; font-weight: 700;
}
.heading_s4 .heading_icon i {
width: 50px; height: 50px; color: rgb(32, 224, 118); line-height: 50px; font-size: 30px; display: block; position: relative; z-index: 3;
}
.heading_icon {
padding: 0px 30px; text-align: center; display: inline-block; position: relative; z-index: 2;
}
.heading_icon::after {
top: 50%; width: 30px; height: 5px; right: 0px; border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: absolute; z-index: -1; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.heading_icon::before {
left: 0px; top: 50%; width: 30px; height: 5px; border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: absolute; z-index: -1; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.heading_light .heading_icon i {
color: rgb(255, 255, 255) !important;
}
.heading_uppercase h1 {
text-transform: uppercase;
}
.heading_uppercase h2 {
text-transform: uppercase;
}
.heading_uppercase h3 {
text-transform: uppercase;
}
.heading_uppercase h4 {
text-transform: uppercase;
}
.heading_uppercase h5 {
text-transform: uppercase;
}
.heading_uppercase h6 {
text-transform: uppercase;
}
.heading_light * {
color: rgb(255, 255, 255);
}
.sub_heading {
color: rgb(255, 50, 77); margin-bottom: 10px; display: block;
}
.highlight_text {
color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; margin-bottom: 15px; display: block;
}
.leads {
margin-bottom: 30px;
}
.preloader {
left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: fixed; z-index: 9999; background-color: rgb(255, 255, 255);
}
.lds-ellipsis {
margin: 0px auto; top: 50%; width: 64px; text-align: center; position: relative; z-index: 9999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.lds-ellipsis span {
background: rgb(255, 50, 77); border-radius: 50%; animation:ball-pulse-sync 0.6s ease-in-out infinite; width: 15px; height: 15px; display: inline-block; -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
}
.lds-ellipsis span:nth-child(1) {
animation:ball-pulse-sync 0.6s ease-in-out -0.14s infinite; -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
}
.lds-ellipsis span:nth-child(2) {
animation:ball-pulse-sync 0.6s ease-in-out -70ms infinite; -webkit-animation: ball-pulse-sync .6s -70ms infinite ease-in-out;
}
.custom-container {
padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%;
}
.navbar-brand {
margin: 0px; padding: 10px 0px; vertical-align: top;
}
.dark_skin .logo_light {
display: none;
}
.dark_skin .logo_default {
display: none;
}
.light_skin .logo_default {
display: none;
}
.light_skin .logo_dark {
display: none;
}
.logo_light {
display: none;
}
.logo_dark {
display: none;
}
.dark_skin .logo_dark {
display: block;
}
.light_skin .logo_light {
display: block;
}
.light_skin .navbar-nav a {
color: rgb(255, 255, 255);
}
.light_skin .navbar-toggler {
color: rgb(255, 255, 255);
}
.light_skin .navbar a.pr_search_trigger {
color: rgb(255, 255, 255);
}
.middle-header {
padding: 10px 0px; position: relative;
}
.navbar {
padding: 0px;
}
.header_wrap {
transition:0.5s;
}
:not([class*='bg_']):not([class*='bg-']).header_wrap {
background-color: rgb(255, 255, 255);
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.transparent_header {
background-color: transparent;
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.transparent_header.nav-fixed {
background-color: rgb(255, 255, 255);
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.transparent_header.light_skin.nav-fixed {
background-color: rgb(29, 34, 36);
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.transparent_header.nav-fixed .light_skin {
background-color: rgb(29, 34, 36);
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.transparent_header.sticky_dark_skin.nav-fixed {
background-color: rgb(255, 255, 255);
}
.light_skin .sidetoggle_icon::after {
background-color: rgb(255, 255, 255);
}
.light_skin .sidetoggle_icon::before {
background-color: rgb(255, 255, 255);
}
.light_skin .toggle_center_line {
background-color: rgb(255, 255, 255);
}
.navbar .navbar-nav li {
list-style: none; transition:0.3s; position: relative;
}
.navbar-nav .dropdown-menu {
margin: 0px; padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; min-width: 14rem;
}
.navbar-nav .dropdown-menu {
background-color: rgb(37, 42, 44);
}
.light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu {
background-color: rgb(48, 53, 55);
}
.light_skin .navbar-nav .dropdown-menu .dropdown-menu {
background-color: rgb(48, 53, 55);
}
.dark_skin .navbar-nav .dropdown-menu {
box-shadow: 0px 13px 42px 11px rgba(0,0,0,0.05); background-color: rgb(255, 255, 255);
}
.dark_skin .mega-menu-col {
border-color: rgb(221, 221, 221);
}
.dark_skin .cart_list li {
border-color: rgb(221, 221, 221);
}
.dark_skin .navbar .navbar-nav .dropdown-menu li a.active {
color: rgb(255, 50, 77);
}
.dark_skin .navbar .navbar-nav .dropdown-menu li a:hover {
color: rgb(255, 50, 77);
}
.dark_skin .navbar .navbar-nav .dropdown-menu > ul > li:hover > a {
color: rgb(255, 50, 77);
}
.dark_skin .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
color: rgb(255, 50, 77);
}
.dark_skin .navbar .navbar-nav li > .dropdown-item {
color: rgb(51, 51, 51);
}
.dark_skin .navbar .navbar-nav .dropdown-header {
color: rgb(51, 51, 51);
}
.dark_skin .cart_quantity {
color: rgb(51, 51, 51);
}
.dark_skin .cart_total {
color: rgb(51, 51, 51);
}
.dropdown-toggle::after {
border: 0px currentColor; border-image: none; font-family: "Ionicons"; margin-left: 5px; vertical-align: middle; content: "\f3d0";
}
.dropdown-toggler::after {
border: 0px currentColor; border-image: none; font-family: "Ionicons"; margin-left: 5px; vertical-align: middle; content: "\f3d0";
}
.dropdown-toggler::after {
transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
}
.dropdown-menu .dropdown-toggler::after {
top: 10px; right: 15px; position: absolute;
}
.navbar .navbar-nav > li > .nav-link {
padding: 22px 10px; text-transform: capitalize; font-size: 14px; font-weight: 500;
}
.navbar .navbar-nav > li > a.active {
color: rgb(255, 50, 77);
}
.navbar .navbar-nav > li:hover > a {
color: rgb(255, 50, 77);
}
.light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li > a.active {
color: rgb(255, 50, 77);
}
.light_skin.transparent_header.nav-fixed .navbar .navbar-nav > li:hover > a {
color: rgb(255, 50, 77);
}
.transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li > a.active {
color: rgb(255, 50, 77);
}
.transparent_header.nav-fixed .light_skin .navbar .navbar-nav > li:hover > a {
color: rgb(255, 50, 77);
}
.light_skin .navbar .navbar-nav .dropdown-item {
color: rgb(255, 255, 255);
}
.light_skin .navbar .navbar-nav .dropdown-header {
color: rgb(255, 255, 255);
}
.light_skin .item_remove {
color: rgb(255, 255, 255) !important;
}
.light_skin .mega-menu-col {
border-right-color: rgb(63, 63, 63); border-right-width: 1px; border-right-style: solid;
}
.navbar .navbar-nav .dropdown-item {
padding: 8px 20px; color: rgb(51, 51, 51); text-transform: capitalize; font-size: 14px;
}
.navbar .navbar-nav .dropdown-item.dropdown-toggler {
padding-right: 30px;
}
.navbar .navbar-nav .dropdown-header {
padding: 10px 20px; color: rgb(51, 51, 51); text-transform: uppercase; font-weight: bold;
}
.navbar-nav.attr-nav {
flex-direction: row;
}
.navbar-nav.attr-nav li .nav-link {
padding: 20px 10px; white-space: nowrap; position: relative;
}
.navbar .attr-nav li.nav-btn {
margin-left: 10px;
}
.navbar-nav.attr-nav li .nav-link i {
font-size: 20px;
}
.hover_menu_style2 .navbar .navbar-nav.attr-nav > li > .nav-link {
margin: 0px; padding: 20px 10px;
}
.dropdown-item:focus {
background-color: transparent;
}
.dropdown-item:hover {
background-color: transparent;
}
.dropdown-item.active {
background-color: transparent;
}
.dropdown-item:active {
background-color: transparent;
}
.navbar .navbar-nav.attr-nav .dropdown-menu li a.active {
background-color: rgba(0, 0, 0, 0);
}
.navbar .navbar-nav.attr-nav .dropdown-menu li a:hover {
background-color: rgba(0, 0, 0, 0);
}
.navbar .navbar-nav.attr-nav .dropdown-menu > ul > li:hover > a {
background-color: rgba(0, 0, 0, 0);
}
.navbar .navbar-nav .dropdown-menu li a.active {
color: rgb(255, 50, 77);
}
.navbar .navbar-nav .dropdown-menu li a:hover {
color: rgb(255, 50, 77);
}
.navbar .navbar-nav .dropdown-menu > ul > li:hover > a {
color: rgb(255, 50, 77);
}
.navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
color: rgb(255, 50, 77);
}
.sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-item:hover {
color: rgb(255, 50, 77);
}
.sticky_dark_skin.nav-fixed .logo_light {
display: none;
}
.sticky_dark_skin.nav-fixed .logo_dark {
display: block;
}
.sticky_dark_skin.nav-fixed .navbar-nav li > a {
color: rgb(51, 51, 51);
}
.sticky_dark_skin.nav-fixed .navbar-toggler {
color: rgb(51, 51, 51);
}
.sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-item {
color: rgb(51, 51, 51);
}
.sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-header {
color: rgb(51, 51, 51);
}
.sticky_dark_skin.nav-fixed .cart_quantity {
color: rgb(51, 51, 51);
}
.sticky_dark_skin.nav-fixed .cart_total {
color: rgb(51, 51, 51);
}
.sticky_dark_skin.nav-fixed .navbar .navbar-nav .dropdown-item.active {
color: rgb(255, 50, 77);
}
.sticky_dark_skin.nav-fixed .item_remove {
color: rgb(51, 51, 51) !important;
}
.sticky_dark_skin.nav-fixed .navbar-nav .dropdown-menu {
box-shadow: 0px 13px 42px 11px rgba(0,0,0,0.05); background-color: rgb(255, 255, 255);
}
.sticky_dark_skin.nav-fixed .navbar-nav .dropdown-menu .dropdown-menu {
box-shadow: 0px 13px 42px 11px rgba(0,0,0,0.05); background-color: rgb(255, 255, 255);
}
.sticky_dark_skin.nav-fixed .mega-menu-col {
border-color: rgb(221, 221, 221);
}
.sticky_dark_skin.nav-fixed .cart_list li {
border-color: rgb(221, 221, 221);
}
[class*='bg_'].sticky_dark_skin.nav-fixed.header_wrap {
background-color: rgb(255, 255, 255) !important;
}
[class*='bg-'].sticky_dark_skin.nav-fixed.header_wrap {
background-color: rgb(255, 255, 255) !important;
}
.sticky_light_skin.nav-fixed .logo_dark {
display: none;
}
.sticky_light_skin.nav-fixed .logo_light {
display: block;
}
:not([class*='bg_']):not([class*='bg-']).sticky_light_skin.nav-fixed.header_wrap.transparent_header {
background-color: rgb(29, 34, 36);
}
:not([class*='bg_']):not([class*='bg-']).sticky_light_skin.nav-fixed.header_wrap {
background-color: rgb(29, 34, 36);
}
[class*='bg_'].sticky_light_skin.nav-fixed.header_wrap {
background-color: rgb(29, 34, 36) !important;
}
[class*='bg-'].sticky_light_skin.nav-fixed.header_wrap {
background-color: rgb(29, 34, 36) !important;
}
.sticky_light_skin.nav-fixed .navbar-nav a {
color: rgb(255, 255, 255);
}
.sticky_light_skin.nav-fixed .navbar-toggler {
color: rgb(255, 255, 255);
}
.sticky_light_skin.nav-fixed .navbar .navbar-nav .dropdown-item {
color: rgb(255, 255, 255);
}
.sticky_light_skin.nav-fixed .navbar .navbar-nav .dropdown-header {
color: rgb(255, 255, 255);
}
.sticky_light_skin.nav-fixed .cart_quantity {
color: rgb(255, 255, 255);
}
.sticky_light_skin.nav-fixed .cart_total {
color: rgb(255, 255, 255);
}
.sticky_light_skin.nav-fixed .item_remove {
color: rgb(255, 255, 255) !important;
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.sticky_light_skin.nav-fixed .navbar-nav .dropdown-menu {
border-color: rgb(37, 42, 44); background-color: rgb(37, 42, 44);
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.sticky_light_skin.nav-fixed .navbar-nav .dropdown-menu .mega-menu .dropdown-menu {
background-color: rgb(48, 53, 55);
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.sticky_light_skin.nav-fixed .navbar-nav .dropdown-menu .dropdown-menu {
background-color: rgb(48, 53, 55);
}
.sticky_light_skin.nav-fixed .mega-menu-col {
border-right-color: rgb(63, 63, 63); border-right-width: 1px; border-right-style: solid;
}
.sticky_light_skin.nav-fixed .cart_list li {
border-color: rgb(63, 63, 63);
}
.sticky_dark_skin.nav-fixed .btn-tran-light {
color: rgb(255, 255, 255) !important; background-color: rgb(51, 51, 51);
}
.sticky_dark_skin.nav-fixed .btn-tran-light:hover {
border-color: rgb(51, 51, 51); color: rgb(51, 51, 51) !important; background-color: transparent;
}
.search_overlay {
transition:0.4s cubic-bezier(0.42, 0, 0.58, 1); top: 0px; width: 0px; height: 100%; text-align: center; right: 0px; position: fixed; z-index: 99; content: ""; opacity: 0.5; background-color: rgb(0, 0, 0);
}
.search_overlay.open {
left: 0px; width: 100%; right: auto;
}
.search-overlay.open {
visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.search_trigger.open i::before {
font-family: "Ionicons"; content: "\f129";
}
.search_wrap {
margin: 0px auto; padding: 80px 0px; left: 0px; height: 100%; right: 0px; bottom: 0px; display: flex; visibility: hidden; position: fixed; z-index: 9999; max-width: 800px; opacity: 0; align-items: center;
}
.search_wrap.open {
animation:slideInLeft 1s both; visibility: visible; opacity: 1; -webkit-animation: slideInLeft 1s both;
}
.search_wrap form {
width: 100%; position: relative;
}
.search_wrap .form-control:focus {
color: rgb(255, 255, 255);
}
.search_icon {
padding: 0px; border: 0px currentColor; border-image: none; top: 5px; right: 5px; color: rgb(255, 255, 255); font-size: 24px; position: absolute; cursor: pointer; background-color: transparent;
}
.search_wrap .form-control {
border-width: 0px 0px 2px; border-style: none none solid; border-color: currentColor currentColor rgb(255, 255, 255); padding: 10px 0px; border-radius: 0px; color: rgb(255, 255, 255); background-color: transparent;
}
.search_wrap :-ms-input-placeholder.form-control {
color: rgb(255, 255, 255);
}
.close-search {
top: 25%; right: 0px; color: rgb(255, 255, 255); font-size: 40px; position: absolute; cursor: pointer;
}
.navbar .attr-nav li .search_trigger i {
line-height: normal; font-size: 20px; vertical-align: middle;
}
.navbar .attr-nav li.cart_wrap .nav-link i {
font-size: 20px;
}
.navbar .attr-nav li.cart_wrap .nav-link {
padding: 35px 5px;
}
.navbar .attr-nav li .nav-link.sidetoggle i {
font-size: 28px;
}
.pr_search_icon {
float: right;
}
.pr_search_trigger.show i::before {
content: "\ec2a";
}
.pr_search_trigger {
padding: 17px 10px; font-size: 20px;
}
.header_wrap.fixed-top {
padding-right: 0px !important; position: relative;
}
.header_wrap.transparent_header {
left: 0px; top: 0px; right: 0px; position: absolute; z-index: 1030;
}
.header_wrap.nav-fixed {
animation:slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); left: 0px; top: 0px; right: 0px; position: fixed; z-index: 1041; box-shadow: 0px 0px 5px rgba(0,0,0,0.15); -webkit-animation-fill-mode: none; -webkit-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); -moz-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); -o-animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1); -moz-animation-fill-mode: none; -o-animation-fill-mode: none;
}
.nav-fixed.border_bottom_tran {
border: 0px currentColor; border-image: none;
}
.header_wrap.fixed-top.transparent_header.nav-fixed.no-sticky {
position: absolute;
}
.header_wrap.fixed-top.nav-fixed.no-sticky {
position: relative;
}
:not([class*='bg_']):not([class*='bg-']).header_wrap.transparent_header.nav-fixed.no-sticky {
box-shadow: none; background-color: transparent;
}
.mega-menu {
padding: 15px 0px; width: 100%; display: table; flex-wrap: wrap;
}
.mega-menu ul {
flex-wrap: wrap;
}
.navbar .navbar-nav li.dropdown-mega-menu {
position: static;
}
.navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu {
right: 0px; padding-right: 0px; padding-left: 0px;
}
.mega-menu-col {
padding: 0px; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
:last-child.mega-menu-col {
border-right-color: currentColor !important; border-right-width: 0px !important; border-right-style: none !important;
}
.dropdown-menu li a i {
width: 20px; font-size: 14px; vertical-align: middle; display: inline-block;
}
.navbar .navbar-nav > li > .nav-link.cart_trigger i {
font-size: 20px;
}
.cart_list li {
list-style: none;
}
.cart_count {
padding: 0px 5px; border-radius: 50px; left: 0px; top: -3px; height: 16px; text-align: center; color: rgb(255, 255, 255); line-height: 16px; font-size: 11px; margin-right: -5px; margin-left: -5px; vertical-align: top; display: inline-block; position: relative; min-width: 16px; background-color: rgb(255, 50, 77);
}
.wishlist_count {
padding: 0px 5px; border-radius: 50px; left: 0px; top: -3px; height: 16px; text-align: center; color: rgb(255, 255, 255); line-height: 16px; font-size: 11px; margin-right: -5px; margin-left: -5px; vertical-align: top; display: inline-block; position: relative; min-width: 16px; background-color: rgb(255, 50, 77);
}
.cart_trigger .amount {
font-weight: 600; margin-right: -10px; margin-left: 8px; vertical-align: top;
}
.navbar-nav .dropdown-menu.cart_box {
padding: 0px; transform-origin: calc(100% - 30px) 0%; transition:0.25s ease-in-out; left: auto !important; top: 100% !important; width: 320px; right: 0px; display: block; position: absolute !important; transform: scale(0) !important; -webkit-transform: scale(0); -webkit-transform-origin: -webkit-calc(100% - 30px) 0;
}
.navbar-nav .dropdown-menu.cart_box.show {
transform: scale(1) !important; -webkit-transform: scale(1);
}
.cart_list li {
padding: 15px; width: 100%; border-bottom-color: rgb(63, 63, 63); border-bottom-width: 1px; border-bottom-style: solid;
}
.item_remove {
color: rgb(51, 51, 51) !important; margin-left: 5px; float: right;
}
.cart_list img {
margin-right: 10px; float: left; max-width: 80px;
}
.cart_list a {
padding: 0px !important; text-transform: capitalize; font-size: 14px; font-weight: 600; vertical-align: top;
}
.cart_quantity {
color: rgb(255, 255, 255); font-weight: 500; margin-top: 5px; display: table;
}
.cart_total .cart_amount {
color: rgb(243, 43, 86); float: right;
}
.cart_box .cart_list {
padding: 0px !important; width: 100%; -ms-overflow-y: auto; max-height: 242px;
}
.cart_list li {
width: 100%; display: inline-block;
}
.dropdown-menu .cart_list li a i {
width: auto;
}
.cart_total {
margin: 0px; padding: 10px 15px; text-align: right; color: rgb(255, 255, 255); font-weight: 600;
}
.cart_total strong {
font-weight: 600; float: left;
}
.cart_buttons {
margin: 0px; padding: 10px 15px 20px; text-align: center;
}
.cart_buttons .view-cart {
padding: 8px 20px !important;
}
.cart_buttons .checkout {
padding: 8px 20px !important;
}
.top-header {
border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.top-header.light_skin {
border-color: rgba(255, 255, 255, 0.2);
}
.top-header {
padding: 10px 0px; transition:0.5s ease-in-out;
}
[class*='bg_'].top-header {
border: 0px currentColor; border-image: none;
}
[class*='bg-'].top-header {
border: 0px currentColor; border-image: none;
}
.top-header span {
font-size: 14px; vertical-align: middle;
}
.header_wrap .social_icons li {
padding-bottom: 0px;
}
.social_icons {
font-size: 0px;
}
.contact_detail {
font-size: 0px;
}
.contact_detail > li:last-child {
padding-right: 0px;
}
.header_list > li:last-child {
padding-right: 0px;
}
.social_icons li {
padding: 0px 5px 5px 0px; display: inline-block;
}
.social_icons li a {
width: 36px; height: 36px; text-align: center; color: rgb(104, 113, 136); line-height: 36px; overflow: hidden; font-size: 18px; vertical-align: middle; display: inline-block;
}
.social_icons li a:hover {
color: rgb(255, 50, 77);
}
.header_wrap .social_icons li a:hover {
color: rgb(255, 50, 77);
}
.social_icons.social_small li a {
width: 25px; height: 25px; line-height: 26px; font-size: 16px;
}
.social_white .social_icons li a {
border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.social_white.social_icons li a {
border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.header_wrap .social_white .social_icons li a {
border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.header_wrap .social_white.social_icons li a {
border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.social_white .social_icons li a:hover {
color: rgb(255, 50, 77);
}
.social_white.social_icons li a:hover {
color: rgb(255, 50, 77);
}
.border_social .social_icons li a:hover {
border-color: rgb(255, 50, 77); color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.border_social.social_icons li a:hover {
border-color: rgb(255, 50, 77); color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.border_social.social_white .social_icons li a:hover {
color: rgb(255, 255, 255);
}
.social_white.border_social.social_icons li a:hover {
color: rgb(255, 255, 255);
}
.border_social li a {
border: 1px solid rgb(104, 113, 136); border-image: none; line-height: 35px;
}
.social_icons li:last-child a {
margin-right: 0px;
}
.radius_social li a {
border-radius: 5px;
}
.rounded_social li a {
border-radius: 50px;
}
.social_icons.social_style1 li a {
color: rgb(255, 50, 77); background-color: rgb(255, 255, 255);
}
.social_icons.social_style1 li a:hover {
color: rgb(255, 255, 255) !important; background-color: rgb(255, 50, 77);
}
.social_style2 li a {
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3); background-color: rgb(255, 255, 255);
}
.social_style3 li a {
width: 50px; height: 50px; color: rgb(178, 178, 183); line-height: 50px; font-size: 20px; background-color: rgb(246, 248, 249);
}
.social_style4 li a {
color: rgb(255, 50, 77); background-color: rgb(255, 255, 255);
}
.social_style4 li a:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.social_style4 li a:hover {
color: rgb(255, 255, 255) !important; background-color: rgb(255, 50, 77);
}
.vertical_social li {
display: block;
}
.header_wrap .social_icons li a {
color: rgb(51, 51, 51);
}
.contact_detail i {
font-size: 16px; margin-right: 10px; vertical-align: middle;
}
.contact_detail span {
vertical-align: middle;
}
.contact_detail > li {
padding: 2px 15px 2px 0px; color: rgb(51, 51, 51); font-size: 14px; vertical-align: middle; display: inline-block;
}
.header_list > li {
padding: 2px 15px 2px 0px; color: rgb(51, 51, 51); font-size: 14px; vertical-align: middle; display: inline-block;
}
.header_list > li i {
margin-right: 6px; vertical-align: middle;
}
.icon_list > li {
padding: 2px 10px 2px 0px; color: rgb(51, 51, 51); vertical-align: middle; display: inline-block;
}
.icon_list > li > i {
font-size: 16px;
}
.icon_list > li a {
color: rgb(191, 191, 191);
}
.header_list > li .dropdown-item:hover {
color: rgb(243, 43, 86);
}
.custome_dropdown .ddChild li:hover {
color: rgb(243, 43, 86);
}
.contact_detail > li a:hover {
color: rgb(243, 43, 86);
}
.header_dropdown .dropdown-menu {
padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; top: 100% !important; margin-top: 0px; transform: none !important; will-change: auto;
}
.header_dropdown [x-placement^='bottom'].dropdown-menu {
left: auto !important; right: 0px;
}
[x-placement^='left'].dropdown-menu {
left: auto !important; right: 0px;
}
[x-placement^='right'].dropdown-menu {
left: auto !important; right: 0px;
}
[x-placement^='top'].dropdown-menu {
left: auto !important; right: 0px;
}
.header_dropdown .dropdown-item {
padding: 5px 10px; text-transform: capitalize; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;
}
.contact_detail li:first-child {
margin-left: 0px;
}
.contact_detail li a span {
vertical-align: middle;
}
.top-header.light_skin .contact_detail li {
color: rgb(255, 255, 255);
}
.top-header.light_skin .contact_detail li a {
color: rgb(255, 255, 255);
}
.top-header.light_skin .widget_text span {
color: rgb(255, 255, 255);
}
.top-header.dark_skin .contact_detail li {
color: rgb(0, 0, 0);
}
.nav-fixed .top-header {
display: none !important;
}
.nav-fixed .middle-header {
display: none !important;
}
.navbar-toggler {
margin: 13px 0px 0px 3px; padding: 0px; border-radius: 0px; transition:none; width: 35px; height: 35px; color: rgb(51, 51, 51); line-height: 36px; font-size: 28px; float: right;
}
[aria-expanded='true'].navbar-toggler span::before {
font-size: 16px; content: "\f129";
}
[aria-expanded='true'].navbar-toggler {
line-height: 32px; font-size: 20px;
}
header .attr-nav + .social_icons {
padding-left: 5px; margin-left: 5px; border-left-color: rgb(51, 51, 51); border-left-width: 1px; border-left-style: solid;
}
header .attr-nav + .social_icons li {
padding: 0px;
}
header.light_skin .attr-nav + .social_icons {
border-color: rgb(255, 255, 255);
}
header.light_skin.nav-fixed .attr-nav + .social_icons {
border-color: rgb(51, 51, 51);
}
header.light_skin.nav-fixed .social_icons li a {
color: rgb(0, 0, 0);
}
header.light_skin.nav-fixed .social_icons li a:hover {
color: rgb(14, 147, 216);
}
.search_box {
position: relative;
}
.search_box input {
padding-right: 30px;
}
.search_box button {
padding: 0px 10px; border: 0px currentColor; border-image: none; top: 0px; right: 0px; bottom: 0px; font-size: 22px; position: absolute; cursor: pointer; background-color: transparent;
}
.top-header.light_skin .header_list li a {
color: rgb(255, 255, 255);
}
.top-header.light_skin .ddArrow::before {
color: rgb(255, 255, 255);
}
.top-header.light_skin .ddcommon .ddTitle .ddlabel {
color: rgb(255, 255, 255);
}
.light_skin.top-header span {
color: rgb(255, 255, 255);
}
.light_skin .icon_list > li a {
color: rgb(255, 255, 255);
}
.top-header.light_skin .header_list > li::before {
background-color: rgb(255, 255, 255);
}
.top-header .custome_dropdown .ddChild {
border: 0px currentColor !important; border-image: none !important; left: -10px; min-width: 10rem; background-color: rgb(255, 255, 255);
}
.top-header.light_skin .header_list li a:hover {
color: rgb(255, 50, 77);
}
.top-header.light_skin .contact_detail li a:hover {
color: rgb(255, 50, 77);
}
.top-header.light_skin .header_list li a:hover span {
color: rgb(255, 50, 77);
}
.main_menu_uppercase .navbar-nav > li > .nav-link {
text-transform: uppercase;
}
.main_menu_weight_100 .navbar .navbar-nav > li > .nav-link {
font-weight: 100;
}
.main_menu_weight_200 .navbar .navbar-nav > li > .nav-link {
font-weight: 200;
}
.main_menu_weight_300 .navbar .navbar-nav > li > .nav-link {
font-weight: 300;
}
.main_menu_weight_400 .navbar .navbar-nav > li > .nav-link {
font-weight: 400;
}
.main_menu_weight_500 .navbar .navbar-nav > li > .nav-link {
font-weight: 500;
}
.main_menu_weight_600 .navbar .navbar-nav > li > .nav-link {
font-weight: 600;
}
.main_menu_weight_700 .navbar .navbar-nav > li > .nav-link {
font-weight: 700;
}
.main_menu_weight_800 .navbar .navbar-nav > li > .nav-link {
font-weight: 800;
}
.main_menu_weight_900 .navbar .navbar-nav > li > .nav-link {
font-weight: 900;
}
.main_menu_size_16 .navbar .navbar-nav > li > .nav-link {
font-size: 16px;
}
.dd_menu_size_16 .navbar .navbar-nav .dropdown-item {
font-size: 16px;
}
.dd_menu_size_16 .cart_list a {
font-size: 16px;
}
.header_banner_wrap {
padding: 15px; height: 100%;
}
.header-banner2 {
margin: 0px 15px;
}
.header-banner {
margin-bottom: 15px; display: block; position: relative;
}
.header-banner2 {
margin-bottom: 15px; display: block; position: relative;
}
.header-banner img {
width: 100%;
}
.banne_info {
padding: 15px; top: 50%; right: 0px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.banne_info a {
color: rgb(41, 43, 44) !important; text-transform: capitalize; padding-bottom: 3px; position: relative;
}
.banne_info a:hover {
color: rgb(255, 50, 77) !important;
}
.banne_info a::before {
transition:0.5s ease-in-out; left: 0px; width: 50%; height: 1px; right: 0px; bottom: 0px; position: absolute; content: ""; background-color: rgb(41, 43, 44);
}
.banne_info a:hover::before {
width: 100%;
}
.header_banner {
padding: 15px; height: 100%; display: flex;
}
.header_banner_wrap .header_banner {
align-items: center;
}
.header_banner_content {
position: relative;
}
.header_banner_text {
color: rgb(255, 255, 255);
}
.header_banner_title {
color: rgb(255, 255, 255); font-weight: bold; margin-bottom: 15px;
}
.banner_img {
position: relative;
}
.shop_bn_content {
padding: 20px; left: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1;
}
.shop_bn_content2 {
left: 20px; bottom: 20px; position: absolute;
}
.shop_bn_content * {
color: rgb(255, 255, 255);
}
.shop_title {
font-weight: bold; margin-bottom: 10px;
}
.shop_banner {
margin: 0px auto; display: table; position: relative;
}
.shop_banner2 {
height: 235px; overflow: hidden; margin-bottom: 30px;
}
.el_banner1 {
overflow: hidden; position: relative; z-index: 1; background-color: rgb(253, 187, 153);
}
.el_img {
width: 100%; text-align: center;
}
.shop_banner2 a {
padding: 15px; height: 100%; display: flex; position: relative; z-index: 9; flex-wrap: wrap; align-content: space-between;
}
.el_title {
width: 100%;
}
.el_banner1::before {
border-radius: 100%; left: 50%; width: 250px; height: 250px; bottom: -80px; position: absolute; z-index: -1; content: ""; transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.2); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);
}
.el_banner2::before {
border-radius: 100%; width: 250px; height: 250px; right: -50px; bottom: -50px; position: absolute; z-index: -1; content: ""; background-color: rgba(255, 255, 255, 0.15);
}
.el_banner2 .el_title h6 {
font-size: 18px; font-weight: 600;
}
.el_banner1 .el_title span {
text-transform: uppercase; font-size: 20px; font-weight: 600;
}
.el_banner1 .el_img img {
width: 100%; margin-top: 20px; max-width: 180px;
}
.el_banner2 {
text-align: right; overflow: hidden; position: relative; z-index: 1; background-color: rgb(83, 192, 233);
}
:last-child.shop_banner2 {
margin-bottom: 0px;
}
.el_banner2 .el_img img {
width: 100%; max-width: 165px;
}
.sidebar_menu {
padding: 50px 30px 30px; transition:0.5s; top: 0px; width: 400px; height: 100vh; right: -400px; bottom: 0px; visibility: hidden; position: fixed; z-index: 99999; -ms-overflow-y: auto; box-shadow: -3px 0px 3px rgba(0,0,0,0.04); background-color: rgb(255, 255, 255);
}
.sidebar_menu.active {
right: 0px; visibility: visible;
}
.side_panel_close {
top: 30px; right: 30px; position: absolute;
}
.side_panel_close i {
font-size: 24px;
}
.sidebar_menu .widget {
width: 100%; margin-bottom: 20px; display: inline-block;
}
.sidebar_left .sidebar_menu {
left: -400px; right: auto;
}
.sidebar_left_push .sidebar_menu {
left: -400px; right: auto;
}
.sidebar_left .sidebar_menu.active {
left: 0px;
}
.sidebar_left_push .sidebar_menu.active {
left: 0px;
}
.sidebar_left_push.sidetoggle_active {
left: 400px; -ms-overflow-y: hidden;
}
.sidebar_left_push {
transition:0.5s; left: 0px; position: relative; -ms-overflow-x: hidden;
}
.sidebar_left_push.sidetoggle_active .header_wrap.nav-fixed {
left: 400px; right: -400px;
}
.sidebar_right_push.sidetoggle_active {
right: 400px; -ms-overflow-y: hidden;
}
.sidebar_right_push {
transition:0.5s; right: 0px; position: relative; -ms-overflow-x: hidden;
}
.sidebar_right_push.sidetoggle_active .header_wrap.nav-fixed {
left: -400px; right: 400px;
}
.sidebar_dark {
background-color: rgb(34, 34, 34);
}
.sidebar_dark .sidemenu_close {
color: rgb(255, 255, 255);
}
.sidebar_dark p {
color: rgb(255, 255, 255);
}
.header-overlay {
background: rgba(0, 0, 0, 0.7); transition:0.5s ease-in-out; top: 0px; width: 100vw; height: 100vh; position: fixed; z-index: 9999; cursor: url(../images/close.png), pointer;
}
body.active {
overflow: hidden; padding-right: 17px;
}
.sidetoggle_icon {
margin: 10px 0px; transition:0.5s ease-in-out; width: 22px; height: 1px; display: block; position: relative;
}
.sidetoggle_icon::before {
top: -7px; width: 100%; height: 1px; right: 0px; display: block; position: absolute; content: ""; transform: rotate(0deg); transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; background-color: rgb(51, 51, 51); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
}
.sidetoggle_icon::after {
width: 15px; height: 1px; right: 0px; bottom: -7px; display: block; position: absolute; content: ""; transform: rotate(0deg); transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; background-color: rgb(51, 51, 51); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
}
.sidetoggle.open .sidetoggle_icon::before {
top: 0px; transform: rotate(45deg); transition-property: top, transform; transition-delay: 0s, 0.3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
}
.sidetoggle.open .sidetoggle_icon::after {
width: 100%; bottom: 0px; transform: rotate(-45deg); transition-property: bottom, transform; transition-delay: 0s, 0.3s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
}
.toggle_center_line {
transition:0.6s ease-in-out; left: 0px; top: 50%; width: 100%; height: 1px; right: 0px; display: block; position: absolute; background-color: rgb(51, 51, 51);
}
.sidetoggle.open .toggle_center_line {
opacity: 0;
}
.sidetoggle_icon:hover::after {
width: 22px;
}
.widget_text p:last-child {
margin-bottom: 0px;
}
.widget_contact_info .contact_wrap li:last-child {
margin-bottom: 0px;
}
.hover_menu_style1 .navbar-collapse .navbar-nav > li > a {
margin: 0px 10px; padding: 30px 0px; position: relative;
}
.hover_menu_style1.nav-fixed .navbar .navbar-collapse .navbar-nav > li > .nav-link {
padding: 20px 0px;
}
.hover_menu_style1 .navbar-collapse .navbar-nav > li > a::before {
transition:0.4s cubic-bezier(0.42, 0, 0.58, 1); width: 0px; height: 2px; right: 0px; bottom: 20px; display: block; position: absolute; z-index: 0; content: ""; background-color: rgb(255, 50, 77);
}
.hover_menu_style1.nav-fixed .navbar-collapse .navbar-nav > li > a::before {
bottom: 10px;
}
.hover_menu_style1 .navbar-collapse .navbar-nav > li:hover > a::before {
left: 0px; width: 100%; right: auto;
}
.hover_menu_style1 .navbar-collapse .navbar-nav > li > a.active::before {
left: 0px; width: 100%; right: auto;
}
input.text {
display: none;
}
.dd.ddcommon {
width: auto !important; padding-right: 10px; position: relative; cursor: pointer;
}
.ddcommon .ddTitleText img {
border-radius: 100%; width: 16px; height: 16px; margin-right: 6px;
}
.ddcommon .ddTitleText {
padding: 5px 7px 5px 10px; text-transform: uppercase; display: inline-block;
}
.ddcommon .ddlabel {
color: rgb(51, 51, 51); text-transform: capitalize; font-size: 14px; vertical-align: middle; white-space: nowrap;
}
.ddcommon .ddChild li .ddlabel {
color: rgb(51, 51, 51);
}
.ddArrow::before {
top: 6px; right: 0px; color: rgb(135, 135, 135); font-family: ionicons; position: absolute; content: "\f3d0";
}
.ddcommon .ddChild {
transition:0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; left: 0px; height: auto !important; display: block !important; visibility: hidden !important; opacity: 0; transform: scale(0.75) translateY(-21px); background-color: rgb(255, 255, 255); -webkit-transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}
.ddcommon.borderRadiusTp .ddChild {
visibility: visible !important; opacity: 1; transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0);
}
.ddcommon .ddChild li {
list-style: none; padding: 5px 10px; line-height: normal; position: relative; cursor: pointer;
}
.lng_dropdown .ddcommon .ddChild li {
padding-left: 33px;
}
.ddcommon .ddChild li img {
border-radius: 100%; left: 10px; top: 12px; position: absolute; max-width: 16px;
}
.nav_block {
display: flex; justify-content: space-between; align-items: center;
}
.categories_wrap {
position: relative;
}
.categories_btn i {
font-size: 24px; margin-right: 10px; vertical-align: middle;
}
.categories_menu i {
margin-right: 0px; float: right;
}
.categories_btn.categories_menu {
padding: 12px 15px; border-radius: 4px;
}
.categories_btn span {
text-transform: uppercase; font-weight: 500; vertical-align: middle;
}
.categories_btn {
padding: 20px 15px; border: 1px solid rgb(255, 50, 77); border-image: none; width: 100%; text-align: left; color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
#navCatContent li {
list-style: none;
}
#navCatContent {
padding: 5px 0px 0px; left: 0px; top: 100%; width: 100%; right: 0px; position: absolute; z-index: 99; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.nav_cat {
height: auto !important; display: block;
}
:not(.show).nav_cat.collapse {
display: block;
}
#navCatContent ul {
width: 100%;
}
#navCatContent li a {
text-transform: capitalize; font-size: 14px;
}
#navCatContent li a i {
line-height: 30px; font-size: 22px; margin-right: 10px; vertical-align: middle;
}
#navCatContent li a span {
vertical-align: middle;
}
#navCatContent li a:hover {
color: rgb(255, 50, 77);
}
#navCatContent li a.dropdown-toggler::after {
top: 15px; right: 15px; position: absolute;
}
#navCatContent ul li .dropdown-menu {
margin: 0px; padding: 0px; border-radius: 0px; border: 0px currentColor; border-image: none; left: 100%; top: 0px; width: 100%; right: 0px; min-width: 800px; box-shadow: 10px 16px 49px 0px rgba(38,42,46,0.05);
}
#navCatContent ul li .dropdown-menu .dropdown-header {
padding: 10px 15px; color: rgb(51, 51, 51); text-transform: uppercase; font-weight: bold;
}
#navCatContent .mega-menu-col {
border: 0px currentColor; border-image: none;
}
.more_categories {
padding: 12px 15px; width: 100%; color: rgb(255, 50, 77); font-size: 16px; margin-top: 5px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; display: block; position: relative; cursor: pointer;
}
.more_categories::before {
top: 50%; right: 15px; font-family: Linearicons; position: absolute; content: "\ec36"; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.more_categories.show::before {
content: "\ec37";
}
.product_search_form {
width: 100%; position: relative; max-width: 600px;
}
.product_search_form input {
height: 50px; padding-right: 60px !important;
}
.search_form_btn .form-control {
padding-right: 120px !important;
}
.search_btn {
padding: 0px 15px; border: 0px currentColor; border-image: none; top: 1px; right: 1px; bottom: 1px; font-size: 20px; position: absolute; z-index: 9; background-color: rgb(255, 255, 255);
}
.search_btn2 {
border-radius: 100%; border: 0px currentColor; border-image: none; top: 5px; width: 40px; height: 40px; right: 5px; color: rgb(255, 255, 255); font-size: 14px; position: absolute; z-index: 9; background-color: rgb(255, 50, 77);
}
.search_btn3 {
padding: 10px 30px; border: 0px currentColor; border-image: none; top: 0px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); position: absolute; z-index: 9; background-color: rgb(255, 50, 77);
}
.search_btn3:hover {
background-color: rgb(51, 51, 51);
}
.search_btn:hover {
color: rgb(255, 50, 77);
}
.search_btn i {
vertical-align: middle;
}
.product_search_form select {
overflow: hidden; -ms-text-overflow: ellipsis; max-width: 160px;
}
.product_search_form.rounded_input select {
padding: 8px 35px 8px 15px; border-radius: 30px 0px 0px 30px;
}
.product_search_form.rounded_input input {
border-radius: 0px 30px 30px 0px !important;
}
.product_search_form.radius_input {
border-radius: 4px; overflow: hidden;
}
.product_search_form.radius_input select {
border-radius: 4px 0px 0px 4px;
}
.product_search_form.radius_input input {
border-radius: 0px 4px 4px 0px !important;
}
.header_offer {
padding-right: 12px; margin-right: 12px; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.contact_phone span {
vertical-align: middle;
}
.contact_phone i {
vertical-align: middle;
}
.contact_phone i {
color: rgb(255, 50, 77); font-size: 30px; margin-right: 10px;
}
.contact_phone span {
color: rgb(22, 24, 27);
}
.banner_content_inner {
padding: 50px;
}
.header_topbar_info {
display: flex; flex-wrap: wrap; align-items: center;
}
.download_wrap {
display: flex; align-items: center;
}
.banner_section {
position: relative;
}
.banner_content_wrap {
position: relative; z-index: 1;
}
.banner_half_content {
padding: 100px 0px 80px; z-index: 0;
}
.full_screen.banner_half_content {
display: flex; justify-content: center; align-items: center;
}
:not(.full_screen).banner_section {
height: 800px;
}
:not(.full_screen).banner_section .carousel-item {
height: 800px;
}
:not(.full_screen).banner_section .banner_content_wrap {
height: 800px;
}
:not(.full_screen).banner_section .banner_content_wrap .carousel-item {
height: 800px;
}
.full_screen {
height: 100vh; min-height: 45rem;
}
.full_screen .carousel-item {
height: 100vh; min-height: 45rem;
}
.banner_section.slide_medium {
height: 500px;
}
.banner_section.slide_medium .carousel-item {
height: 500px;
}
.banner_section.slide_medium .banner_content_wrap {
height: 500px;
}
.banner_section.slide_medium .banner_content_wrap .carousel-item {
height: 500px;
}
.banner_section.shop_el_slider {
height: 500px;
}
.banner_section.shop_el_slider .carousel-item {
height: 500px;
}
.banner_section.shop_el_slider .banner_content_wrap {
height: 500px;
}
.banner_section.shop_el_slider .banner_content_wrap .carousel-item {
height: 500px;
}
.banner_section.slide_wrap {
height: 650px;
}
.banner_section.slide_wrap .carousel-item {
height: 650px;
}
.banner_section.slide_wrap .banner_content_wrap {
height: 650px;
}
.banner_section.slide_wrap .banner_content_wrap .carousel-item {
height: 650px;
}
.banner_section .banner_slide_content {
left: 0px; top: 50%; right: 0px; position: absolute; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.carousel-item img {
width: 100%; position: relative; z-index: -1;
}
.carousel-control-next {
transition:0.3s ease-in-out; top: 50%; width: 50px; height: 50px; font-size: 18px; opacity: 0; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.carousel-control-prev {
transition:0.3s ease-in-out; top: 50%; width: 50px; height: 50px; font-size: 18px; opacity: 0; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.carousel-control-next:focus {
opacity: 0;
}
.carousel-control-next:hover {
opacity: 0;
}
.carousel-control-prev:focus {
opacity: 0;
}
.carousel-control-prev:hover {
opacity: 0;
}
.carousel:hover .carousel-control-next {
opacity: 1;
}
.carousel:hover .carousel-control-prev {
opacity: 1;
}
.carousel-control-next {
right: 20px;
}
.carousel-control-prev {
left: 20px;
}
.carousel_style1 .carousel-control-next {
border-radius: 100%;
}
.carousel_style1 .carousel-control-prev {
border-radius: 100%;
}
.carousel_style2 .carousel-control-next {
border-radius: 4px; width: 40px; height: 40px; font-size: 16px;
}
.carousel_style2 .carousel-control-prev {
border-radius: 4px; width: 40px; height: 40px; font-size: 16px;
}
.light_arrow .carousel-control-next {
color: rgb(0, 0, 0); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.light_arrow .carousel-control-prev {
color: rgb(0, 0, 0); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.carousel-control-next:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.carousel-control-prev:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.light_arrow .carousel-control-next:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.light_arrow .carousel-control-prev:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.indicators_style1 {
margin-bottom: 15px;
}
.indicators_style2 {
margin-bottom: 15px;
}
.indicators_style3 {
margin-bottom: 15px;
}
.indicators_style1 li {
margin: 8px; border: 0px currentColor; border-image: none; width: 10px; height: 10px; position: relative; background-color: rgb(51, 51, 51);
}
.indicators_style1 li::before {
margin: -4px; border: 2px solid rgb(51, 51, 51); border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.indicators_style2 li {
margin: 8px; border-radius: 100%; border: 0px currentColor; border-image: none; width: 10px; height: 10px; position: relative; background-clip: inherit; background-color: rgb(51, 51, 51);
}
.indicators_style2 li::before {
margin: -4px; border-radius: 100%; border: 2px solid rgb(51, 51, 51); border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.indicators_style3 li {
margin: 5px; border-radius: 100%; border: 0px currentColor; border-image: none; width: 10px; height: 10px; position: relative; background-clip: inherit; background-color: rgb(51, 51, 51);
}
.indicators_style1 li.active {
background-color: rgb(255, 50, 77);
}
.indicators_style2 li.active {
background-color: rgb(255, 50, 77);
}
.indicators_style2 li.active::before {
border-color: rgb(255, 50, 77);
}
.indicators_style1 li.active::before {
border-color: rgb(255, 50, 77);
}
.indicators_style4 li {
margin: 5px; border-radius: 100%; border: 0px currentColor; border-image: none; width: 15px; height: 15px; position: relative; background-clip: inherit; background-color: rgb(255, 255, 255);
}
.banner_content .carousel-item {
padding: 100px 0px;
}
.banner_content h2 {
text-transform: capitalize; font-size: 60px; font-weight: 600; margin-bottom: 20px;
}
.banner_content p {
margin-bottom: 30px;
}
.banner_content2 p {
margin-bottom: 30px;
}
.banner_content2 h2 {
text-transform: capitalize; font-size: 70px; font-weight: 600; margin-bottom: 20px;
}
.banner_content3 h2 {
text-transform: capitalize; font-size: 40px; font-weight: 600; margin-bottom: 20px;
}
.banner_shape {
top: 0px; width: 70%; right: 0px; position: absolute; z-index: -1;
}
.banner_shape img {
width: 100%;
}
.wave_shape_bottom::before {
background-position: bottom; left: 0px; height: 100%; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; background-image: url("../images/wave_shape.png"); background-repeat: no-repeat; background-size: contain;
}
.banner_content1 h2 {
text-transform: capitalize; font-size: 78px; font-weight: 600; margin-bottom: 20px;
}
.background_shape {
background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%); transform-origin: left bottom; left: 35%; top: 0px; width: 200px; height: 100%; right: 0px; bottom: 0px; position: absolute; pointer-events: none; transform: skewX(30deg); -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg);
}
.background_shape::before {
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%); left: 100%; top: 0px; width: 200px; height: 100%; right: 0px; bottom: 0px; position: absolute; content: "";
}
.banner_center_content {
margin-top: -70px;
}
.carousel-indicators.vertical_center_right {
margin: 0px; left: auto; top: 50%; right: 40px; bottom: auto; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.indicators_style2.vertical_center_right li {
margin: 15px 0px;
}
.banner_content_border {
padding: 50px; border: 10px solid rgb(255, 50, 77); border-image: none; position: relative;
}
.slide_banner_img {
height: 100%; position: relative; z-index: -1;
}
.zoom-in {
animation:zoomin 5s; -webkit-animation: zoomin 5s; -moz-animation: zoomin 5s; -o-animation: zoomin 5s;
}
.header_with_topbar.transparent_header + .banner_section .banner_slide_content {
margin-top: 45px;
}
.bg_strip {
padding: 8px 0px; height: 40px; color: rgb(255, 255, 255); font-size: 20px; display: inline-block; white-space: nowrap; position: relative; background-color: rgb(255, 50, 77);
}
.bg_strip::before {
border-width: 20px; border-style: solid; border-color: rgb(255, 50, 77) rgb(255, 50, 77) rgb(255, 50, 77) transparent; border-image: none; top: 0px; width: 0px; height: 0px; right: 100%; display: block; position: absolute; z-index: -1; content: "";
}
.bg_strip::after {
border-width: 20px; border-style: solid; border-color: rgb(255, 50, 77) transparent rgb(255, 50, 77) rgb(255, 50, 77); border-image: none; left: 100%; top: 0px; width: 0px; height: 0px; display: block; position: absolute; z-index: -1; content: "";
}
.single_banner {
overflow: hidden; margin-bottom: 30px; position: relative;
}
.single_banner_info {
padding: 20px; top: 50%; width: 50%; right: 0px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.single_bn_title {
font-size: 32px; font-weight: bold;
}
.single_bn_link {
position: relative;
}
.single_bn_link::before {
width: 100%; height: 7px; bottom: 3px; position: absolute; z-index: -1; content: ""; background-color: rgba(255, 50, 77, 0.2);
}
.single_banner:hover img {
transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);
}
.single_banner img {
transition:0.3s ease-in-out; width: 100%;
}
.sale_banner {
padding: 0px 10px; margin-bottom: 30px; position: relative;
}
.sale_banner img {
width: 100%;
}
.hover_effect1 {
overflow: hidden; display: block; position: relative;
}
.hover_effect1::before {
transition:0.9s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 1; background-color: rgba(255, 255, 255, 0.6);
}
.hover_effect1::after {
transition:0.9s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; content: ""; opacity: 1; background-color: rgba(255, 255, 255, 0.6);
}
.hover_effect1::before {
border-top-color: rgba(255, 255, 255, 0.4); border-top-width: 1px; border-top-style: solid; transform: translate(105%, 0%); -webkit-transform: translate(105%, 0%); -moz-transform: translate(105%, 0%);
}
.hover_effect1::after {
border-bottom-color: rgba(255, 255, 255, 0.4); border-bottom-width: 1px; border-bottom-style: solid; transform: translate(-105%, 0%); -webkit-transform: translate(-105%, 0%); -moz-transform: translate(-105%, 0%);
}
.hover_effect1:hover::before {
opacity: 0; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px);
}
.hover_effect1:hover::after {
opacity: 0; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px);
}
.fb_info {
padding: 15px; left: 15px; top: 15px; position: absolute; z-index: 9;
}
.fb_info2 {
padding: 15px; left: 35px; top: 50%; width: 40%; position: absolute; z-index: 9; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.furniture_banner .single_bn_title1 {
font-size: 80px; margin-bottom: 15px;
}
.sale-banner img {
width: 100%;
}
.categories_box {
text-align: center;
}
.categories_box a {
padding: 35px 20px; display: block; background-color: rgb(247, 247, 247);
}
.categories_box i {
font-size: 40px; display: block;
}
.categories_box span {
text-transform: capitalize; margin-top: 5px; display: block;
}
.cat_overlap {
padding: 30px; margin-top: -70px; position: relative; z-index: 1; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.cat_style1 .categories_box a {
padding: 0px; background-color: transparent;
}
.cat_style1 .categories_box span {
margin-top: 10px;
}
.icon_box {
margin-bottom: 30px;
}
.icon {
margin-bottom: 15px;
}
.icon_box_content h1 {
text-transform: capitalize;
}
.icon_box_content h2 {
text-transform: capitalize;
}
.icon_box_content h3 {
text-transform: capitalize;
}
.icon_box_content h4 {
text-transform: capitalize;
}
.icon_box_content h5 {
text-transform: capitalize;
}
.icon_box_content h6 {
text-transform: capitalize;
}
.icon i {
font-size: 30px;
}
.icon_box p:last-child {
margin: 0px;
}
.icon_box_content .link i {
margin-left: 2px; vertical-align: middle;
}
.box_img {
margin-bottom: 15px;
}
.icon_box_style1 {
padding: 0px 40px; text-align: center; position: relative;
}
.icon_box_style1 .icon i {
line-height: 1; font-size: 46px;
}
.icon_box_style1::before {
top: 15%; width: 1px; right: 0px; bottom: 15%; position: absolute; content: ""; background-color: rgb(221, 221, 221);
}
[class*='col-']:last-child .icon_box_style1::before {
content: normal;
}
.icon_box_style2 .icon {
margin: 0px 20px 0px 0px; border-radius: 100%; flex:0 0 78px; height: 78px; text-align: center; line-height: 78px; float: left; position: relative; max-width: 78px; box-shadow: 0px 2px 0px rgba(0,0,0,0.05); background-color: rgb(255, 255, 255);
}
.icon_box_style2:hover .icon {
animation-name: swing; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; -webkit-animation-name: swing;
}
.icon_box_style2 .icon i {
color: rgb(255, 50, 77); line-height: 78px; font-size: 40px;
}
.shopping_info {
border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.shopping_info .icon_box {
padding-top: 30px; margin-top: 0px; display: flex; align-items: center;
}
.icon_box.icon_box_style3 {
padding: 30px; border: 1px solid rgb(221, 221, 221); border-image: none; margin-top: -1px; margin-bottom: 0px; margin-left: -1px;
}
.icon_box_style3 .icon {
margin-right: 20px; margin-bottom: 0px; float: left;
}
.icon_box_style3 .icon_box_content {
overflow: hidden;
}
.icon_box_style3 .icon i {
color: rgb(255, 50, 77); line-height: normal; font-size: 36px;
}
.icon_box_style3 .icon_box_content p {
line-height: normal; font-size: 14px;
}
.icon_box_style4 {
padding: 20px; text-align: center; background-color: rgb(255, 255, 255);
}
.icon_box_style4 .icon i {
border-radius: 100%; width: 60px; height: 60px; color: rgb(255, 255, 255); line-height: 60px; font-size: 24px; display: inline-block; background-color: rgb(255, 50, 77);
}
.carousel_slider li {
list-style: none;
}
.grid_filter {
margin-bottom: 30px;
}
.grid_filter li {
display: inline-block;
}
.grid_filter li a {
padding: 5px 15px; text-transform: capitalize; font-size: 16px; display: block;
}
.grid_filter li a.current {
color: rgb(255, 50, 77);
}
.grid_filter.filter_style1 li a {
padding: 5px 20px;
}
.grid_filter.filter_style1 li a.current {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.grid_filter.filter_style2 li a {
border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid;
}
.grid_filter.filter_style2 li a.current {
border-bottom-color: rgb(255, 50, 77);
}
.grid_container > li {
list-style: none;
}
.gutter_small {
margin: 0px -7.5px;
}
.gutter_small > li {
padding: 0px 7.5px;
}
.gutter_medium {
margin: 0px -15px;
}
.gutter_medium > li {
padding: 0px 15px;
}
.gutter_medium > li .portfolio_item {
margin-bottom: 30px;
}
.gutter_medium > li .image_gallery_item {
margin-bottom: 30px;
}
.gutter_small > li .portfolio_item {
margin-bottom: 15px;
}
.gutter_small > li .image_gallery_item {
margin-bottom: 15px;
}
.grid_col2 > li {
width: 50%; float: left;
}
.grid_col3 > li {
width: 33.33%; float: left;
}
.grid_col4 > li {
width: 25%; float: left;
}
.loadmore > li {
transition:0.5s ease-in-out;
}
.author_img img {
max-width: 100px;
}
.author_name {
overflow: hidden;
}
.author_name h6 {
margin-bottom: 5px;
}
.author_name span {
color: rgb(255, 50, 77);
}
.testimonial_box.box_shadow1 {
margin: 10px;
}
.testimonial_desc p:last-child {
margin-bottom: 0px;
}
.testimonial_style1 .author_img {
margin-right: 15px;
}
.testimonial_style1 .author_img img {
max-width: 60px;
}
.testimonial_style1 .testimonial_desc {
width: 100%; text-align: center; margin-bottom: 25px; display: inline-block;
}
.testimonial_style1 .testimonial_box {
position: relative; z-index: 1;
}
.author_wrap {
margin: 0px auto; display: flex; align-items: center;
}
.testimonial_style1 .author_wrap {
justify-content: center;
}
.testimonial_wrap {
padding: 0px 60px;
}
.blog_post {
transition:0.5s ease-in-out; margin-bottom: 30px;
}
.blog_content {
padding-top: 15px;
}
.blog_post .blog_img a {
overflow: hidden; display: block;
}
.blog_img {
overflow: hidden; position: relative;
}
.blog_img img {
transition:0.5s ease-in-out; width: 100%;
}
.blog_meta {
width: 100%; margin-bottom: 5px; display: inline-block;
}
.blog_meta li {
margin-right: 15px; float: left;
}
.blog_meta li:last-child {
margin-right: 0px;
}
.blog_meta li a {
text-transform: capitalize;
}
.blog_meta li a i {
color: rgb(255, 50, 77); margin-right: 5px; vertical-align: middle;
}
.blog_title {
line-height: 30px; font-weight: 600; margin-bottom: 15px;
}
h6.blog_title {
line-height: 24px;
}
.blog_text p {
margin-bottom: 15px;
}
.blog_text p:last-child {
margin: 0px;
}
.fit-videos {
background-color: rgb(0, 0, 0);
}
.blog_style1 {
border-radius: 10px;
}
.blog_style1 .blog_content {
padding: 15px 20px; border-radius: 10px;
}
.blog_style1 .blog_img + .blog_content {
border-radius: 0px 0px 10px 10px;
}
.blog_style1 .blog_img {
border-radius: 10px 10px 0px 0px;
}
.blog_style1 .blog_img img {
border-radius: 10px 10px 0px 0px; width: 100%;
}
.blog_style1:hover .blog_img img {
transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
.blog_style2:hover .blog_img img {
transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
.blog_style1.radius_all_5 {
border-radius: 5px;
}
.blog_style1.radius_all_5 .blog_img {
border-radius: 5px 5px 0px 0px;
}
.blog_style1.radius_all_5 .blog_img img {
border-radius: 5px 5px 0px 0px;
}
.blog_style1.radius_all_5 .blog_content {
border-radius: 0px 0px 5px 5px;
}
.blog_style2 .blog_content {
padding: 15px;
}
.blog_post.blog_style3 {
position: relative;
}
.blog_style3 .blog_content {
padding: 15px; left: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 2;
}
.blog_style3 .blog_img img {
transition:0.5s ease-in-out; width: 100%;
}
.blog_style3 .blog_img::before {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; content: "";
}
.post_date {
padding: 8px 10px; left: 15px; top: 15px; width: 30px; text-align: center; color: rgb(255, 255, 255); position: absolute; z-index: 2; min-width: 60px; background-color: rgb(255, 50, 77);
}
.blog_post.blog_style3 .blog_content a:hover {
color: rgb(255, 50, 77);
}
.post_date strong {
line-height: 1; font-size: 30px;
}
.blog_post.blog_style3 .blog_content a {
color: rgb(255, 255, 255);
}
.blog_style4 .blog_title {
margin-bottom: 10px;
}
.blog_img .owl-dots {
top: 0px; right: 15px; position: absolute;
}
.blog_thumbs .blog_post {
width: 100%; padding-bottom: 30px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.single_post .blog_content {
padding-top: 20px;
}
.single_post .blog_title {
line-height: normal; font-size: 30px; margin-bottom: 20px;
}
.single_post .blog_meta {
width: 100%; padding-bottom: 20px; margin-bottom: 0px;
}
.post_author .author_img {
padding-right: 15px; float: left;
}
.author_info {
overflow: hidden;
}
.author_info .author_name {
font-weight: 600;
}
.author_info p {
line-height: 26px; font-size: 14px;
}
.author_info p:last-child {
margin-bottom: 0px;
}
.post_author {
margin-top: 40px; margin-bottom: 40px;
}
.post_nav_home {
margin: 0px auto; font-size: 20px; display: table;
}
.post_nav .nav_meta {
color: rgb(104, 113, 136); text-transform: capitalize; font-size: 14px; display: block;
}
.post_nav {
text-transform: capitalize;
}
.post_nav_prev {
padding-left: 30px; position: relative;
}
.post_nav_next {
text-align: right; padding-right: 30px; position: relative;
}
.post_nav_next i {
left: auto; right: 0px;
}
.post_nav i {
left: 0px; top: 50%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.content_title * {
font-weight: 600; margin-bottom: 30px;
}
.comment_user img {
height: auto; max-width: 80px;
}
.comment_content .meta_data h6 {
font-size: 16px;
}
.comment_info {
padding-bottom: 20px; margin-bottom: 20px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
:last-child.comment_info {
padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.comment_content p:last-child {
margin-bottom: 0px;
}
.children {
padding-top: 20px; margin-top: 20px; margin-left: 60px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.comment_content {
padding-left: 20px;
}
.comment-time {
text-transform: uppercase; line-height: normal; font-size: 14px; font-style: italic; margin-bottom: 8px;
}
.comment-reply i {
margin-right: 5px;
}
.comment-area .comment_list {
margin-bottom: 40px;
}
.comment-area {
padding-top: 10px;
}
.newsletter_small {
padding: 70px 0px;
}
.newsletter_form form {
position: relative;
}
.newsletter_form2 form {
position: relative;
}
.rounded-input {
border-radius: 50px;
}
.newsletter_form input {
border: 0px currentColor; border-image: none;
}
.newsletter_form input:focus {
border: 0px currentColor; border-image: none;
}
.newsletter_form2 input {
border: 0px currentColor; border-image: none;
}
.newsletter_form2 input:focus {
border: 0px currentColor; border-image: none;
}
.newsletter_form input.form-control-sm {
padding: 10px 140px 10px 20px; height: 50px;
}
.newsletter_form button {
top: 50%; right: 0px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.newsletter_form2 input {
padding: 10px 140px 10px 20px; height: 59px;
}
.newsletter_form2 input:focus {
padding: 10px 140px 10px 20px; height: 59px;
}
.newsletter_form2 button {
top: 4px; right: 5px; position: absolute;
}
.newsletter_box {
padding: 70px 50px; position: relative; background-color: rgb(255, 255, 255);
}
.newsletter_box::before {
left: 10px; top: 10px; right: 0px; bottom: 0px; position: absolute; z-index: 0; content: ""; box-shadow: 10px 10px 0px rgba(0,0,0,0.1);
}
.newsletter_wrap {
margin: 30px 0px; position: relative;
}
.newsletter_wrap::before {
left: 15px; top: -15px; right: 15px; bottom: -15px; position: absolute; z-index: -1; content: ""; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.newsletter_wrap::after {
left: 30px; top: -30px; right: 30px; bottom: -30px; position: absolute; z-index: -2; content: ""; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.newsletter_form .btn-send {
padding: 0px; border-radius: 100%; border: 0px currentColor; border-image: none; width: 40px; height: 40px; right: 5px; color: rgb(255, 255, 255); line-height: 40px; font-size: 20px; background-color: rgb(255, 50, 77);
}
.newsletter_form .btn-send2 {
border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentColor currentColor currentColor rgb(221, 221, 221); padding: 0px 0px 0px 5px; width: 50px; height: 40px; right: 5px; color: rgb(255, 50, 77); line-height: 40px; font-size: 20px; background-color: transparent;
}
.input_tran_white input {
color: rgb(255, 255, 255); box-shadow: none; background-color: rgba(255, 255, 255, 0.1);
}
.input_tran_white input:focus {
color: rgb(255, 255, 255); box-shadow: none; background-color: rgba(255, 255, 255, 0.1);
}
.input_tran_white input:-ms-input-placeholder {
color: rgb(255, 255, 255); opacity: 1;
}
.newsletter_text {
padding-left: 80px; position: relative;
}
.newsletter_text p:last-child {
margin: 0px;
}
.newsletter_text::before {
left: 0px; color: rgb(255, 255, 255); line-height: normal; font-family: linearicons; font-size: 65px; position: absolute; content: "\e999"; opacity: 0.4;
}
footer {
overflow: hidden;
}
.footer_dark {
position: relative; background-color: rgb(32, 35, 37);
}
.footer_top {
padding: 100px 0px 70px;
}
.footer_logo {
margin-bottom: 20px;
}
footer p {
font-size: 14px;
}
footer .widget {
margin-bottom: 30px;
}
footer .widget_title {
text-transform: capitalize; font-size: 18px; margin-top: 10px; margin-bottom: 25px;
}
.widget_links li {
list-style: none; padding-bottom: 10px;
}
.widget_links li:last-child {
padding-bottom: 0px;
}
.widget_links li a {
color: rgb(104, 113, 136); font-size: 14px;
}
.contact_info > li {
list-style: none; margin-bottom: 15px;
}
.contact_info > li:last-child {
margin-bottom: 0px;
}
.contact_info li i {
font-size: 18px; margin-top: 4px; margin-right: 10px; vertical-align: top; display: inline-block;
}
.contact_info li span {
width: 100%; color: rgb(41, 43, 44); margin-right: 10px; float: left; max-width: 70px;
}
.contact_info span + * {
margin: 0px; color: rgb(104, 113, 136); line-height: 26px; overflow: hidden; font-size: 14px;
}
.contact_info i + * {
margin: 0px; color: rgb(104, 113, 136); line-height: 26px; overflow: hidden; font-size: 14px; vertical-align: middle; display: inline-block; max-width: 78%;
}
.contact_info_light li i {
border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.contact_info_light li span {
color: rgb(255, 255, 255);
}
.contact_info_light li a {
color: rgb(255, 255, 255);
}
.contact_info_style2 i + * {
font-size: 18px;
}
.contact_info_style2 li i {
color: rgb(255, 50, 77); font-size: 22px; margin-top: 2px; margin-right: 8px;
}
.bottom_footer {
padding: 30px 0px; position: relative;
}
.footer_link li {
display: inline-block; position: relative;
}
.footer_link li a {
padding: 0px 5px; color: rgb(104, 113, 136); font-size: 14px;
}
.footer_dark h1 {
color: rgb(255, 255, 255);
}
.footer_dark h2 {
color: rgb(255, 255, 255);
}
.footer_dark h3 {
color: rgb(255, 255, 255);
}
.footer_dark h4 {
color: rgb(255, 255, 255);
}
.footer_dark h5 {
color: rgb(255, 255, 255);
}
.footer_dark h6 {
color: rgb(255, 255, 255);
}
.footer_dark p {
color: rgb(255, 255, 255);
}
.footer_dark a {
color: rgb(255, 255, 255);
}
.footer_dark .widget_links li a {
color: rgb(255, 255, 255);
}
.footer_dark .footer_link li a {
color: rgb(255, 255, 255);
}
.footer_dark .post_content a {
color: rgb(255, 255, 255);
}
.footer_dark a:hover {
color: rgb(255, 50, 77);
}
.footer_dark .widget_links li a:hover {
color: rgb(255, 50, 77);
}
.widget_links li a:hover {
color: rgb(255, 50, 77);
}
.footer_dark .footer_link li a:hover {
color: rgb(255, 50, 77);
}
.footer_link li a:hover {
color: rgb(255, 50, 77);
}
.widget_contact_form {
padding: 20px 30px 30px; margin-top: -190px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.bottom_footer .social_icons li {
padding-bottom: 0px;
}
.footer_payment li {
list-style: none; display: inline-block;
}
.app_list li {
list-style: none; display: inline-block;
}
.footer_call {
padding: 15px; border-radius: 40px; text-align: center; background-color: rgba(0, 0, 0, 0.2);
}
.footer_call * {
margin: 0px; font-size: 22px;
}
.footer_call i {
margin-right: 10px;
}
.map iframe {
border: 0px currentColor; border-image: none; width: 100%; height: 460px; display: block;
}
.contact_map {
height: 400px;
}
.contact_map2 {
height: 100%;
}
.map1 {
height: 460px;
}
.team_img img {
width: 100%;
}
.team_box {
overflow: hidden; margin-bottom: 30px; position: relative;
}
.team_style1 .team_img {
position: relative;
}
.team_style1 .team_img::before {
transition:0.5s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; content: ""; opacity: 0; background-color: rgba(0, 0, 0, 0.5);
}
.team_style1:hover .team_img::before {
opacity: 1;
}
.team_style1 .social_icons + .team_title {
margin-top: 10px;
}
.team_style1 .team_content {
padding-top: 15px;
}
.team_title h1 {
font-weight: 600;
}
.team_title h2 {
font-weight: 600;
}
.team_title h3 {
font-weight: 600;
}
.team_title h4 {
font-weight: 600;
}
.team_title h5 {
font-weight: 600;
}
.team_title h6 {
font-weight: 600;
}
.team_style1 .team_title span {
display: block;
}
.team_single_img {
margin-bottom: 30px;
}
.team_single_info .team_title h3 {
font-weight: 600;
}
.team_single_content {
padding-left: 30px; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid;
}
.team_single_info .contact_info {
margin: 20px 0px;
}
.team_email {
font-size: 20px; display: inline-block;
}
.team_style1 .social_icons {
transition:0.5s ease-in-out; left: 0px; top: 0%; text-align: center; right: 0px; position: absolute; z-index: 1; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.team_style1:hover .social_icons {
top: 50%; opacity: 1;
}
.client_logo .cl_logo img {
margin: 0px auto; transition:0.5s ease-in-out; width: 163px; opacity: 0.7;
}
.client_logo .cl_logo:hover img {
opacity: 1;
}
.client_logo.cl_logo_style1 .cl_logo img {
opacity: 1; -webkit-filter: grayscale(100%);
}
.client_logo.cl_logo_style1 .cl_logo:hover img {
-webkit-filter: grayscale(0);
}
.breadcrumb_section {
padding: 150px 0px; width: 100%;
}
.breadcrumb_section.page-title-mini {
padding: 70px 0px;
}
.page-title-mini .page-title h1 {
font-size: 28px;
}
.page-title-mini .breadcrumb li {
font-size: 14px;
}
.header_wrap.transparent_header + .breadcrumb_section {
padding-top: 200px;
}
.header_wrap.transparent_header.header_with_topbar + .breadcrumb_section {
padding-top: 250px;
}
.page-title h1 {
margin: 0px; text-transform: capitalize; line-height: normal; font-weight: bold;
}
.page_title_light * {
color: rgb(255, 255, 255);
}
.page_title_light .breadcrumb-item {
color: rgb(255, 255, 255);
}
.page_title_light .breadcrumb-item::before {
color: rgb(255, 255, 255);
}
.breadcrumb {
margin: 0px; padding: 0px; background-color: transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
font-family: "Ionicons"; vertical-align: middle; content: "\f3d1";
}
.page-title + .breadcrumb {
margin-top: 15px;
}
.page-title + span {
width: 100%; margin-top: 15px; display: inline-block;
}
.page_title_video {
left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; z-index: -1;
}
.page_title_video video {
width: 100%; object-fit: cover;
}
.breadcrumb-item a i {
line-height: 1; font-size: 26px; margin-top: -5px; margin-right: 5px; vertical-align: middle; display: inline-block;
}
.page-title-video {
left: 0px; top: 50%; right: 0px; position: absolute; z-index: -3; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.page-title-video video {
width: 100%; object-fit: cover;
}
.contact_wrap li {
list-style: none;
}
.contact_wrap li {
margin-bottom: 25px; display: flex; align-items: center;
}
.contact_icon {
margin-right: 20px;
}
.contact_icon i {
color: rgb(255, 50, 77); font-size: 34px;
}
.contact_text span {
color: rgb(51, 51, 51); font-weight: 600; margin-bottom: 3px; display: block;
}
.contact_text p:last-child {
margin-bottom: 0px;
}
.contact_text a {
color: rgb(104, 113, 136); line-height: 28px;
}
.contact_text a:hover {
color: rgb(255, 50, 77);
}
.contact_style1 {
padding: 20px; border: 2px solid rgb(238, 238, 238); border-image: none; text-align: center; margin-bottom: 30px;
}
.contact_style1 .contact_text span {
margin-bottom: 5px;
}
.contact_style1 .contact_icon {
margin-right: 0px; margin-bottom: 10px;
}
.contact_style2 {
padding: 40px 20px; border-radius: 10px; text-align: center; margin-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.contact_style2 .contact_icon {
margin: 0px 0px 5px; border-radius: 100%; width: 90px; height: 90px; text-align: center; overflow: hidden; display: inline-block; position: relative; z-index: 1; background-color: rgb(223, 255, 237);
}
.contact_style2 .contact_icon i {
line-height: 90px;
}
.contact_style3 {
padding: 40px 20px; border-radius: 10px; text-align: center; margin-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.contact_style3 .contact_icon {
margin: 0px 0px 5px; border-radius: 100%; border: 1px solid rgb(255, 50, 77); border-image: none; width: 80px; height: 80px; text-align: center; overflow: hidden; display: inline-block; position: relative; z-index: 1;
}
.contact_style3 .contact_icon i {
transition:0.5s ease-in-out; line-height: 78px;
}
.contact_style3 .contact_icon::before {
border-radius: 100%; transition:0.5s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; transform: scale(0); background-color: rgb(255, 50, 77); -webkit-transform: scale(0); -moz-transform: scale(0);
}
.contact_style3:hover .contact_icon::before {
transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);
}
.contact_style3:hover .contact_icon i {
color: rgb(255, 255, 255);
}
.contact_box {
padding: 50px 0px; width: 100%; display: table; position: relative;
}
.contact_form {
padding: 30px; border-radius: 10px; margin-right: 30px; float: right; position: relative; z-index: 9; max-width: 500px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.contact_box .map {
left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 0;
}
.contact_box .map iframe {
height: 100%;
}
.divider {
height: 4px; overflow: hidden; position: relative; z-index: 9;
}
.divider.center_icon {
height: auto;
}
.divider.left_icon {
height: auto;
}
.divider.right_icon {
height: auto;
}
.divider.text_divider {
height: auto;
}
.divider.left_icon i {
padding-right: 20px; padding-left: 0px;
}
.divider.center_icon {
text-align: center;
}
.divider.right_icon i {
padding-right: 0px; padding-left: 20px;
}
.divider.right_icon {
text-align: right;
}
.divider.text_divider {
text-align: center;
}
.divider.text_divider span {
padding: 0px 30px; font-size: 30px; position: relative; z-index: 1; background-color: rgb(255, 255, 255);
}
.divider.divider_style1 .divider_icon {
padding-right: 10px; display: inline-block; position: relative; z-index: 9; background-color: rgb(255, 255, 255);
}
.divider.divider_style1.center_icon .divider_icon {
padding-left: 10px;
}
.divider.divider_style1.right_icon .divider_icon {
padding-right: 0px; padding-left: 10px;
}
.divider.divider_style1 i {
padding: 0px; border-radius: 100%; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 18px; display: block; background-color: rgb(255, 50, 77);
}
.divider::before {
left: 0px; top: 50%; width: 100%; height: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.divider::after {
left: 0px; top: 50%; width: 100%; height: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.divider::before {
margin-top: -1px;
}
.divider::after {
margin-top: 1px;
}
.divider i {
padding: 0px 40px; color: rgb(217, 217, 217); font-size: 30px; position: relative; z-index: 1; background-color: rgb(255, 255, 255);
}
.accordion .card .card-header {
margin: 0px; padding: 0px; background-color: transparent;
}
.accordion .card-header a {
padding: 15px 40px 15px 15px; line-height: normal; display: block;
}
.accordion .card-body p:last-child {
margin: 0px;
}
.card-body p {
margin-bottom: 15px;
}
.accordion_style1.accordion .card {
border-radius: 0px; border: 0px currentColor; border-image: none; margin-bottom: 15px; background-color: transparent;
}
.accordion_style1.accordion :last-child.card {
margin-bottom: 0px;
}
.accordion_style1 .card-body {
padding: 15px 0px 10px;
}
.accordion.accordion_style1 .card-header a {
padding-top: 0px; padding-left: 0px; font-weight: 600;
}
.accordion_style1 .card-header a::after {
top: 0px; right: 15px; font-family: "Ionicons"; font-size: 16px; font-weight: normal; position: absolute; content: "\f208";
}
.accordion_style1 .card-header a[aria-expanded='false']::after {
content: "\f217";
}
.accordion_style2 .card-header {
padding: 0px; border: 0px currentColor; border-image: none; background-color: transparent;
}
.accordion_style2 .card-header a {
padding: 15px 40px 15px 15px; font-weight: 600; display: block;
}
.accordion_style2 .card-body {
padding: 0px 15px 15px;
}
.accordion_style2 .card-header a::after {
top: 15px; right: 15px; font-family: "Ionicons"; font-size: 16px; font-weight: normal; position: absolute; content: "\f126";
}
.accordion_style2 .card-header a.collapsed::after {
content: "\f123";
}
.accordion_style3.accordion .card {
border-radius: 0px; margin-bottom: 15px; background-color: transparent;
}
.accordion.accordion_style3 .card-header {
border: 0px currentColor; border-image: none;
}
.accordion.accordion_style3 .card-header a {
font-weight: 600;
}
.accordion.accordion_style3.accordion > .card {
border: 1px solid rgba(0, 0, 0, 0.125); border-image: none;
}
.accordion.accordion_style3.accordion .card-body {
border-top-color: rgba(0, 0, 0, 0.125); border-top-width: 1px; border-top-style: solid;
}
.accordion_style3 .card-header a::after {
top: 16px; right: 15px; font-family: "Ionicons"; font-size: 16px; font-weight: normal; position: absolute; content: "\f208";
}
.accordion_style3 .card-header a[aria-expanded='false']::after {
content: "\f217";
}
.accordion_style4 .card-header a {
padding: 20px 20px 20px 50px; width: 100%; font-weight: 600; display: inline-block;
}
.accordion_style4 .card-header a::after {
left: 20px; top: 25px; font-family: "Ionicons"; font-size: 14px; font-weight: normal; position: absolute; content: "\f126";
}
.accordion_style4 .card-header a.collapsed::after {
content: "\f123";
}
.accordion_style4 > .card .card-header {
margin-bottom: -1px;
}
.error_wrap {
width: 100%;
}
.error_txt {
color: rgb(51, 51, 51); line-height: 1; font-size: 150px; font-weight: 600; margin-bottom: 20px;
}
.search_form form {
position: relative;
}
.search_form form input {
padding: 5px 60px 5px 20px; height: 50px;
}
.search_form form input:focus {
height: 50px;
}
.search_form .icon_search {
padding: 0px 0px 0px 15px; border-radius: 0px; top: 50%; right: 18px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.search_form .icon_search i {
font-size: 24px; margin-right: 0px;
}
.form-note {
margin-top: 20px;
}
.login_wrap {
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.login_register_wrap {
display: flex; position: relative; flex-wrap: wrap; align-items: center;
}
.login_footer {
width: 100%; margin-top: 5px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;
}
.login_footer a {
color: rgb(104, 113, 136);
}
.different_login {
margin: 20px 0px; text-align: center; position: relative;
}
.different_login span {
padding: 0px 15px; text-transform: uppercase; position: relative; background-color: rgb(255, 255, 255);
}
.different_login::before {
left: 0px; top: 50%; right: 0px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; position: absolute; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.btn-login li {
margin: 0px 5px; display: inline-block;
}
.btn-login li a {
padding: 10px 20px; border-radius: 5px; color: rgb(255, 255, 255); display: block;
}
.btn-login li a i {
font-size: 18px; margin-right: 10px; margin-left: 0px;
}
.btn-facebook {
background: rgb(59, 89, 152); border-color: rgb(59, 89, 152);
}
.btn-facebook:hover {
background: rgb(52, 78, 134); border-color: rgb(52, 78, 134); color: rgb(255, 255, 255);
}
.btn-google {
background: rgb(216, 80, 64); border-color: rgb(216, 80, 64);
}
.btn-google:hover {
background: rgb(211, 61, 43); border-color: rgb(211, 61, 43); color: rgb(255, 255, 255);
}
.cs_wrap {
padding: 30px 0px; display: flex; position: relative; min-height: 100vh; justify-content: center; align-items: center;
}
.countdown_time {
width: 100%; display: table;
}
.countdown_time .countdown_box {
padding: 0px 15px; width: 25%; font-family: "Roboto"; float: left;
}
.countdown-wrap {
text-align: center; display: inline-block;
}
.countdown_time .cd_text {
display: block;
}
.countdown_box .countdown {
color: rgb(41, 43, 44); font-size: 40px;
}
.countdown_white .countdown_box .countdown {
color: rgb(255, 255, 255);
}
.countdown_white .countdown_box .cd_text {
color: rgb(255, 255, 255);
}
.countdown_style1 .countdown_box {
text-align: center; position: relative;
}
.countdown_style1 .countdown_box::before {
right: -6px; color: rgb(0, 0, 0); font-size: 40px; font-weight: bold; position: absolute; content: ":";
}
.countdown_style1.countdown_white .countdown_box::before {
color: rgb(255, 255, 255);
}
.countdown_style1 :last-child.countdown_box::before {
content: normal;
}
.cs_logo {
margin-bottom: 30px; display: block;
}
.cs_title {
line-height: 44px; margin-bottom: 20px;
}
.cs_content .countdown_time {
margin-bottom: 30px;
}
.cs_content .newsletter_form {
margin-bottom: 30px;
}
.countdown_style2 {
width: auto; margin-right: -15px; margin-left: -15px; display: flex;
}
.countdown_style3 {
width: auto; margin-right: -15px; margin-left: -15px; display: flex;
}
.countdown_style2 .countdown_box .countdown-wrap {
padding: 10px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; text-align: center;
}
.countdown_style3 .countdown-wrap {
padding: 15px; width: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.03); background-color: rgb(255, 255, 255);
}
.countdown_time.countdown_style4 {
margin: 0px -2px; width: auto; display: block;
}
.countdown_time.countdown_style4 .countdown_box {
padding: 0px 2px;
}
.countdown_style4 .countdown_box .countdown-wrap {
padding: 10px; width: 100%; text-align: center; background-color: rgb(242, 242, 242);
}
.deal_timer .countdown_time :first-child.countdown_box {
display: none;
}
.deal_timer .countdown_time .countdown_box .cd_text {
display: none;
}
.deal_timer {
padding-left: 15px; position: relative;
}
.deal_timer::before {
left: 0px; top: 3px; color: rgb(255, 50, 77); font-family: "themify"; font-size: 20px; position: absolute; content: "\e72b";
}
.deal_timer .countdown_style1 .countdown_box::before {
right: -10px; font-size: 24px; font-weight: normal;
}
.deal_timer .countdown_box .countdown {
font-size: 24px;
}
.deal_timer .countdown_box {
width: auto; padding-right: 0px;
}
.deal_wrap {
border-radius: 20px; border: 2px solid rgb(255, 50, 77); border-image: none; overflow: hidden; display: flex; align-items: center;
}
.deal_wrap .product_img {
width: 100%; max-width: 300px;
}
.deal_content {
padding: 30px 30px 30px 0px; width: 100%;
}
.deal_content .product_info {
padding: 0px;
}
.deal_wrap .countdown_style1 .countdown_box::before {
right: -10px; font-size: 24px; font-weight: normal;
}
.deal_wrap .countdown_box .countdown {
font-size: 24px;
}
.deal_wrap .countdown_time .cd_text {
font-size: 13px;
}
.deal_progress {
padding-top: 5px; display: block;
}
.stock-available {
float: right;
}
.deal_progress .progress {
border-radius: 20px; margin-top: 5px; margin-bottom: 20px;
}
.deal_progress .progress-bar {
text-indent: -99999px; background-color: rgb(255, 50, 77);
}
.shorting_icon {
border-radius: 4px; border: 1px solid rgb(206, 212, 218); border-image: none; width: 45px; height: 45px; text-align: center; line-height: 45px; font-size: 18px; margin-right: 10px; float: left;
}
.shorting_icon .ti-layout-list-thumb {
line-height: 45px; font-size: 24px;
}
.shorting_icon.active {
border-color: rgb(255, 50, 77); color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.result_count {
font-size: 14px; vertical-align: middle; display: inline-block;
}
.product_header {
display: flex; justify-content: space-between; align-items: center;
}
.product_header_right {
display: flex; align-items: center;
}
.products_view {
vertical-align: middle; display: inline-block;
}
.product {
transition:0.5s ease-in-out; margin-bottom: 30px; position: relative; box-shadow: 0px 0px 7px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.product_wrap {
transition:0.5s ease-in-out; margin-bottom: 30px; position: relative; box-shadow: 0px 0px 7px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.product_box {
border-radius: 10px; border: 1px solid rgb(221, 221, 221); border-image: none; overflow: hidden; margin-bottom: 30px;
}
.product_box .product_info {
position: relative;
}
.product_box .add-to-cart {
padding: 10px 15px 15px; transition:0.3s ease-in-out; left: 0px; right: 0px; bottom: -20px; visibility: hidden; position: absolute; opacity: 0; background-color: rgb(255, 255, 255);
}
.product_box:hover .add-to-cart {
bottom: 0px; visibility: visible; opacity: 1;
}
.product_box .pr_action_btn li a {
border-radius: 100%; width: 45px; height: 45px; line-height: 45px;
}
.product_wrap .pr_action_btn li a {
border-radius: 100%; width: 35px; height: 35px; line-height: 35px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.product_wrap .pr_action_btn li a i {
line-height: 35px; font-size: 16px;
}
.carousel_slider .product {
margin: 5px;
}
.carousel_slider .product_wrap {
margin: 5px;
}
.product_img img {
transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
}
.product_img .product_hover_img {
transition:0.3s ease-out; left: 0px; top: 0px; position: absolute; z-index: -1; opacity: 0; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transition: all 0.3s ease-out 0s;
}
.product:hover .product_img .product_hover_img {
z-index: 0; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0); -moz-transform: translateX(0);
}
.product_box:hover .product_img .product_hover_img {
z-index: 0; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0); -moz-transform: translateX(0);
}
.product_wrap:hover .product_img .product_hover_img {
z-index: 0; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0); -moz-transform: translateX(0);
}
.pr_desc {
display: none;
}
.pr_flash {
padding: 2px 8px; left: 10px; top: 10px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 13px; position: absolute; z-index: 1; background-color: rgb(255, 159, 0);
}
.product_info {
padding: 15px;
}
.price {
color: rgb(255, 50, 77); font-weight: 600;
}
.product_price del {
font-size: 14px; margin-right: 5px; margin-left: 3px;
}
.product-price del {
color: rgb(145, 145, 145); margin-left: 5px;
}
.on_sale {
color: rgb(56, 142, 60); font-size: 14px; display: inline-block;
}
.product_price {
margin-bottom: 5px;
}
.product .rating_wrap {
display: flex; position: relative; align-items: center;
}
.product.text-center .rating_wrap {
justify-content: center;
}
.rating_num {
font-size: 14px; margin-left: 5px; vertical-align: middle; display: inline-block;
}
.rating_wrap .rating {
width: 70px; height: 20px; overflow: hidden; font-family: "Font Awesome 5 Free"; font-size: 12px; vertical-align: middle; display: inline-block; position: relative;
}
.rating::before {
left: 0px; top: 0px; color: rgb(246, 188, 62); font-size: 12px; float: left; position: absolute; content: "\f005\f005\f005\f005\f005";
}
.product_rate {
left: 0px; top: 0px; color: rgb(246, 188, 62); overflow: hidden; padding-top: 1.5em; float: left; position: absolute;
}
.product_rate::before {
left: 0px; top: 0px; font-size: 12px; font-weight: 900; position: absolute; content: "\f005\f005\f005\f005\f005";
}
.product_action_box {
transition:0.5s ease-in-out; left: 0px; top: 50%; text-align: center; right: 0px; padding-top: 0px; position: absolute; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.pr_action_btn {
margin: 0px auto; display: table;
}
.product_img {
overflow: hidden; position: relative;
}
.product_img::before {
transition:0.5s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; content: ""; opacity: 0; background-color: rgba(0, 0, 0, 0.2);
}
.product:hover .product_img::before {
opacity: 1;
}
.product_box:hover .product_img::before {
opacity: 1;
}
.pr_action_btn li {
margin: 0px 5px; display: inline-block; position: relative;
}
.product_wrap .pr_action_btn li {
margin: 10px 0px; display: block;
}
.product_wrap .pr_action_btn {
margin: 0px 0px 0px 10px;
}
.product_action_box li {
opacity: 0; transform: translate(0px, 15px); -webkit-transform: translate(0, 15px); -o-transform: translate(0, 15px);
}
.product_action_box li:nth-child(1) {
transition:0.2s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;
}
.product_action_box li:nth-child(2) {
transition:0.3s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;
}
.product_action_box li:nth-child(3) {
transition:0.4s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
}
.product_action_box li:nth-child(4) {
transition:0.5s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
}
.product:hover .product_action_box li {
opacity: 1; transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.product_box:hover .product_action_box li {
opacity: 1; transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.product_wrap:hover .product_action_box li {
opacity: 1; transform: translate(0px, 0px); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.pr_action_btn li a {
padding: 0px; transition:0.3s ease-in-out; width: 37px; height: 37px; text-align: center; text-transform: capitalize; font-size: 0px; display: block; background-color: rgb(255, 255, 255);
}
.pr_action_btn li a i {
line-height: 37px; font-size: 18px; vertical-align: middle;
}
.pr_action_btn li a:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.product .product_title {
text-transform: capitalize; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.product_box .product_title {
text-transform: capitalize; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.product_wrap .product_title {
text-transform: capitalize; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.product_color_switch span {
margin: 5px; border-radius: 100%; width: 15px; height: 15px; vertical-align: middle; display: inline-block; position: relative; cursor: pointer;
}
.product .product_color_switch span {
opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -o-transform: translateY(15px);
}
.product_color_switch span.active::before {
margin: -3px; border-radius: 100%; border: 2px solid rgb(255, 255, 255); border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.product .pr_switch_wrap {
padding: 7px 15px; transition:0.3s ease-in-out; left: 0px; right: 0px; bottom: 0px; visibility: hidden; position: absolute; opacity: 0; background-color: rgb(255, 255, 255);
}
.product:hover .pr_switch_wrap {
visibility: visible; opacity: 1;
}
.product:hover .product_color_switch span {
opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);
}
.product_color_switch span:first-child {
transition:0.2s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;
}
.product_color_switch span:nth-child(2) {
transition:0.3s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;
}
.product_color_switch span:nth-child(3) {
transition:0.4s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
}
.product_color_switch span:nth-child(4) {
transition:0.5s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
}
.product_color_switch span:nth-child(5) {
transition:0.6s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;
}
.product_color_switch span:nth-child(6) {
transition:0.7s; -webkit-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s;
}
.product_color_switch span:nth-child(7) {
transition:0.75s; -webkit-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s;
}
.product_list .product {
padding: 15px; margin-bottom: 30px; display: flex; align-items: center;
}
.product_list .product_wrap {
padding: 15px; margin-bottom: 30px; display: flex; align-items: center;
}
.product_list .product_img {
flex:0 0 30%; width: 100%; max-width: 30%;
}
.product_list .product_info {
padding: 0px 0px 0px 15px; flex:0 0 70%; text-align: left; max-width: 70%;
}
.product_list .product_img::before {
content: normal;
}
.mfp-ajax-holder .mfp-content .ajax_quick_view {
margin: 6px auto; padding: 30px; position: relative; max-width: 980px; background-color: rgb(255, 255, 255);
}
.mfp-close {
width: 30px; height: 30px; line-height: normal;
}
.product-image {
position: relative;
}
.pr_detail .pr_desc {
display: inline-block;
}
.pr_detail .pr_desc p {
margin-bottom: 15px;
}
.pr_detail .rating_wrap {
margin-top: 7px; float: right;
}
.pr_detail .product_price {
float: left;
}
.pr_detail .price {
font-size: 26px; vertical-align: middle;
}
.cart-product-quantity {
margin: 7px 10px 7px 0px; display: table;
}
.quantity {
display: table;
}
.quantity .minus {
margin: 4px; padding: 0px; border-radius: 50px; border: 0px currentColor; border-image: none; width: 34px; height: 34px; text-align: center; line-height: 36px; font-size: 20px; float: left; display: block; cursor: pointer; background-color: rgb(238, 238, 238);
}
.quantity .plus {
margin: 4px; padding: 0px; border-radius: 50px; border: 0px currentColor; border-image: none; width: 34px; height: 34px; text-align: center; line-height: 36px; font-size: 20px; float: left; display: block; cursor: pointer; background-color: rgb(238, 238, 238);
}
.quantity .minus {
padding-left: 4px;
}
.quantity .qty {
margin: 3px; padding: 0px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 55px; height: 36px; text-align: center; float: left; background-color: transparent;
}
.cart_extra {
display: flex; flex-wrap: wrap; align-items: center;
}
.zoomContainer {
z-index: 99;
}
.zoom_image .zoomContainer {
z-index: 1043;
}
.zoom_gallery_image .zoomContainer {
z-index: 0;
}
.switch_lable {
margin-right: 10px; float: left;
}
.pr_detail .pr_switch_wrap {
margin-bottom: 10px;
}
.product_size_switch span {
border: 2px solid rgb(221, 221, 221); border-image: none; width: 32px; height: 32px; text-align: center; text-transform: uppercase; line-height: 28px; font-size: 14px; margin-bottom: 3px; display: inline-block; cursor: pointer;
}
.product_size_switch span.active {
border-color: rgb(255, 50, 77); color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.list_brand li {
list-style: none; margin-bottom: 10px;
}
.list_brand li:last-child {
margin-bottom: 0px;
}
.list_brand .custome-checkbox .form-check-label {
color: rgb(41, 43, 44);
}
.cart_btn .add_wishlist {
font-size: 20px; margin-left: 15px; vertical-align: middle; display: inline-block;
}
.cart_btn .add_compare {
font-size: 20px; margin-left: 15px; vertical-align: middle; display: inline-block;
}
.product_gallery_item a {
padding: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; display: block;
}
.product-meta li {
list-style: none; margin-top: 10px;
}
.slick-vertical .slick-slide {
border: 0px currentColor; border-image: none;
}
.slick-list {
padding: 0px !important;
}
.product_gallery_item.slick-slider .slick-slide {
margin-right: 5px; margin-left: 5px;
}
.product-image .slick-list {
margin-right: -5px; margin-left: -5px;
}
.product_gallery_item a.active {
border-color: rgb(255, 50, 77);
}
.vertical_gallery #pr_item_gallery {
width: 15%; margin-right: 10px; float: left;
}
.vertical_gallery .slick-list {
margin-right: 0px; margin-left: 0px;
}
.vertical_gallery .product_gallery_item.slick-slider .slick-slide {
margin-right: 0px; margin-bottom: 12px; margin-left: 0px;
}
.vertical_gallery .slick-prev {
width: 100%; height: 40px;
}
.vertical_gallery .slick-next {
width: 100%; height: 40px;
}
.vertical_gallery .slick-prev {
margin: 0px auto; border-radius: 0px 0px 5px 5px; left: 0px; top: -40px; right: 0px; transform: none; -webkit-transform: none;
}
.vertical_gallery .slick-next {
margin: 0px auto; border-radius: 5px 5px 0px 0px; left: 0px; top: auto; right: 0px; bottom: -40px; transform: none; -webkit-transform: none;
}
.vertical_gallery .slick-prev::before {
content: "\f10e";
}
.vertical_gallery .slick-next::before {
content: "\f105";
}
.vertical_gallery .slick_slider:hover .slick-prev {
top: 0px;
}
.vertical_gallery .slick_slider:hover .slick-next {
right: 0px; bottom: 0px;
}
.product_img_box {
padding: 8px; border: 1px solid rgb(221, 221, 221); border-image: none; overflow: hidden; margin-bottom: 10px; position: relative;
}
.product_img_zoom {
border-radius: 100%; top: 20px; width: 40px; height: 40px; text-align: center; right: 20px; line-height: 40px; font-size: 18px; position: absolute; z-index: 999; background-color: rgb(250, 250, 250);
}
.product_share {
margin-top: 15px;
}
.product_share > span {
margin-right: 10px;
}
.product_share > span {
vertical-align: middle; display: inline-block;
}
.product_share .social_icons {
vertical-align: middle; display: inline-block;
}
.product_share .social_icons li {
padding-bottom: 0px;
}
.product_sort_info {
margin-bottom: 15px;
}
.product_sort_info li {
list-style: none; color: rgb(41, 43, 44); padding-bottom: 10px; padding-left: 22px; font-size: 14px; position: relative;
}
.product_sort_info li i {
left: 0px; top: 3px; color: rgb(255, 50, 77); font-size: 16px; position: absolute;
}
.filter_price .ui-widget.ui-widget-content {
border-radius: 0px; border: 0px currentColor; border-image: none; height: 4px; margin-bottom: 20px; background-color: rgb(221, 221, 221);
}
.ui-slider-horizontal .ui-slider-range {
top: 0px; height: 100%;
}
.filter_price .ui-slider .ui-slider-range {
border-radius: 0px; background-color: rgb(255, 50, 77);
}
.filter_price .ui-slider .ui-slider-handle {
margin: 0px; border-radius: 100%; border: 0px currentColor; border-image: none; top: -8px; width: 18px; height: 18px; cursor: pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.price_range {
color: rgb(41, 43, 44);
}
#flt_price {
font-weight: 600; margin-left: 5px;
}
.shop_container {
position: relative;
}
.loading_pr {
left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 9; background-color: rgb(255, 255, 255);
}
.shop_container .loading_pr {
top: -7px;
}
.shop_container .mfp-preloader {
top: 100px;
}
:not(.list).shop_container .list_product_action_box {
display: none;
}
.shop_container.list .product_action_box {
display: none;
}
.shop_container.list .product_img::before {
content: normal;
}
.shop_container.list [class*='col-'] {
flex:0 0 100%; max-width: 100%;
}
.shop_container.list .grid_item {
position: static !important; transform: none !important;
}
.shop_container.list .product {
width: 100%; display: inline-block;
}
.shop_container.list .product_img {
width: 100%; float: left; max-width: 280px;
}
.shop_container.list .product .product_title {
font-size: 20px; margin-bottom: 15px;
}
.shop_container.list .product_info {
padding: 15px 30px; text-align: left; overflow: hidden;
}
.shop_container.list .product_price {
float: left;
}
.shop_container.list .product .rating_wrap {
float: right; display: block;
}
.shop_container.list .pr_desc {
width: 100%; overflow: hidden; margin-bottom: 10px; display: block; min-height: 58px; max-height: 84px;
}
.shop_container.list .pr_desc p {
margin-bottom: 0px;
}
.shop_container.list .product_action_box {
position: static;
}
.shop_container.list .product .pr_switch_wrap {
position: static;
}
.shop_container.list .product .pr_switch_wrap {
position: static;
}
.shop_container.list .product .pr_switch_wrap {
padding: 0px; margin-bottom: 10px; visibility: visible; opacity: 1;
}
.shop_container.list .product .product_color_switch span {
opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);
}
.shop_container.list .product_action_box li {
opacity: 1; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);
}
.shop_container.list .pr_action_btn {
margin: 0px; display: block;
}
.shop_container.list .pr_action_btn li {
margin: 0px 5px 0px 0px; vertical-align: middle; display: inline-block;
}
.shop_container.list .pr_action_btn li a {
box-shadow: none;
}
.shop_container.list .pr_action_btn li a:hover {
color: rgb(255, 50, 77); background-color: transparent;
}
.shop_container.list .list_product_action_box .pr_action_btn li.add-to-cart a {
padding: 12px 30px; border-radius: 4px; border: 1px solid rgb(255, 50, 77); border-image: none; width: auto; height: auto; color: rgb(255, 255, 255); font-size: 16px; background-color: rgb(255, 50, 77);
}
.shop_container.list .pr_action_btn li.add-to-cart a:hover {
color: rgb(255, 50, 77); background-color: transparent;
}
.shop_container.list .pr_action_btn li.add-to-cart a i {
line-height: normal; margin-right: 5px;
}
#Additional-info table td:first-child {
width: 25%;
}
.product_tab_title span {
font-weight: 600;
}
.tab-content.shop_info_tab {
margin-top: 40px;
}
.comment_list {
margin-bottom: 20px;
}
.comments li {
padding-bottom: 20px; margin-bottom: 20px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.comment_img {
float: left;
}
.comment_img img {
border-radius: 100%; max-width: 100px;
}
.comment_block {
padding-left: 120px;
}
.customer_meta {
margin-bottom: 5px;
}
.comment_block .rating_wrap {
float: right;
}
.description p:last-child {
margin: 0px;
}
.review_author {
color: rgb(41, 43, 44); font-weight: 500; display: block;
}
.comment-date {
font-style: italic;
}
.star_rating > span {
color: rgb(246, 188, 62);
}
.star_rating span {
display: inline-block; cursor: pointer;
}
.star_rating span i {
font-size: 20px;
}
.star_rating > span.selected i::before {
font-weight: 900;
}
.releted_product_slider .item {
margin: 10px 0px 0px;
}
.releted_product_slider .product {
margin-bottom: 15px;
}
.mfp-ajax-holder .compare_box {
margin: 6px auto; padding: 30px; width: 90%; position: relative; background-color: rgb(255, 255, 255);
}
.compare_box .table {
margin: 0px; display: block;
}
.compare_box table tr td {
width: 27%; vertical-align: middle;
}
.compare_box table tr td.product_name {
text-transform: capitalize;
}
.compare_box table tr td.row_title {
width: 270px; text-transform: uppercase; font-weight: 600;
}
.row_remove a {
color: rgb(255, 0, 0);
}
.row_remove a:hover {
color: rgb(255, 0, 0);
}
.in-stock {
color: rgb(56, 142, 60);
}
.out-stock {
color: rgb(220, 53, 69);
}
.product_name a {
font-weight: 600;
}
.row_color .product_color_switch span {
pointer-events: none;
}
.product-thumbnail img {
max-width: 100px;
}
.shop_cart_table th {
text-align: center; vertical-align: middle;
}
.shop_cart_table td {
text-align: center; vertical-align: middle;
}
.wishlist_table th {
text-align: center; vertical-align: middle;
}
.wishlist_table td {
text-align: center; vertical-align: middle;
}
.shop_cart_table th.product-name {
text-align: left; text-transform: capitalize;
}
.shop_cart_table td.product-name {
text-align: left; text-transform: capitalize;
}
.wishlist_table th.product-name {
text-align: left; text-transform: capitalize;
}
.wishlist_table td.product-name {
text-align: left; text-transform: capitalize;
}
.shop_cart_table .quantity {
margin: 0px auto; display: flex; justify-content: center;
}
.product-remove a i {
border-radius: 100%; width: 30px; height: 30px; text-align: center; color: rgb(41, 43, 44); line-height: 30px; font-size: 14px; display: inline-block;
}
.product-remove a i:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 0, 0);
}
.shop_cart_table td.product-price {
font-weight: 600;
}
.shop_cart_table td.product-subtotal {
font-weight: 600;
}
.shop_cart_table .table {
margin: 0px;
}
.toggle_info {
padding: 20px; background-color: rgb(247, 247, 247);
}
.toggle_info span {
width: 100%; padding-left: 25px; display: inline-block; position: relative;
}
.toggle_info i {
left: 0px; top: 5px; color: rgb(255, 50, 77); margin-right: 10px; position: absolute;
}
.login_form .panel-body {
padding: 30px; border: 1px solid rgb(221, 221, 221); border-image: none; margin-top: 30px;
}
.coupon_form .panel-body {
padding: 30px; border: 1px solid rgb(221, 221, 221); border-image: none; margin-top: 30px;
}
label.label_info {
color: rgb(41, 43, 44) !important; font-weight: 600;
}
.ship_detail {
width: 100%; margin-bottom: 10px; display: inline-block;
}
.product-qty {
font-weight: 600;
}
.product-subtotal {
font-weight: 600;
}
.order_review {
padding: 30px; background-color: rgb(247, 248, 251);
}
.order_table thead th {
font-weight: 600; border-bottom-width: 1px;
}
.order_table tfoot th {
font-weight: 600;
}
.order_table tbody td {
border: 0px currentColor; border-image: none;
}
.payment_method {
width: 100%; margin-bottom: 30px; display: inline-block;
}
.payment_option .custome-radio {
margin-bottom: 10px;
}
.payment-text {
margin-top: 5px; margin-bottom: 0px; display: none;
}
.payment_option :first-child.custome-radio .payment-text {
display: block;
}
.payment_option .custome-radio .form-check-label {
color: rgb(41, 43, 44); font-weight: 600;
}
.wishlist_table .table td {
border-bottom-color: rgb(222, 226, 230); border-bottom-width: 1px; border-bottom-style: solid;
}
.wishlist_table .badge {
padding: 2px 10px; line-height: normal; vertical-align: middle;
}
#load-more {
transition:none;
}
.grid_item_hide .product {
transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0);
}
.grid_item_hide .blog_post {
transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0);
}
.grid_item_hide {
height: 0px; padding-top: 0px !important; padding-bottom: 0px !important; visibility: hidden; opacity: 0; transform: scale(0);
}
.loading {
background-position: center; padding: 0px; border: 0px currentColor; border-image: none; width: 50px; height: 51px; font-size: 0px !important; background-image: url("../images/loading.gif"); background-attachment: scroll; background-repeat: no-repeat; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: rgb(0, 0, 0) !important;
}
.loading::after {
content: normal;
}
.loading::before {
content: normal;
}
.load_more_wrap {
margin-top: 20px;
}
.load_more_wrap span {
margin: 0px; line-height: 1; font-size: 14px; display: inline-block;
}
.order_complete i {
color: rgb(255, 50, 77); font-size: 80px; margin-bottom: 20px;
}
.empty_icon {
border-radius: 100%; width: 100px; height: 100px; line-height: 100px; margin-bottom: 25px; display: inline-block; background-color: rgb(223, 255, 237);
}
.card-body .comments {
margin-top: 5px;
}
.form-control {
padding: 8px 15px; height: 50px; color: rgb(0, 0, 0); box-shadow: none;
}
.form-control:focus {
height: 50px; color: rgb(0, 0, 0); box-shadow: none;
}
.custom-file-input:focus ~ .custom-file-label {
height: 50px; color: rgb(0, 0, 0); box-shadow: none;
}
textarea.form-control {
padding: 12px 15px; height: auto;
}
textarea.form-control:focus {
padding: 12px 15px; height: auto;
}
.form-control-sm {
height: 45px;
}
.form-control-sm:focus {
height: 45px;
}
.custom_select select.form-control-sm {
height: 45px;
}
.custom_select select.form-control-sm:focus {
height: 45px;
}
select.not_chosen {
color: rgb(108, 117, 125);
}
select.first_null option:first-child {
color: rgb(108, 117, 125);
}
select.not_chosen:focus {
color: rgb(108, 117, 125);
}
select.form-control.not_chosen {
color: rgb(108, 117, 125);
}
select.form-control.first_null option:first-child {
color: rgb(108, 117, 125);
}
select.not_chosen.form-control:focus {
color: rgb(108, 117, 125);
}
select option {
color: rgb(0, 0, 0);
}
.custom_select {
position: relative;
}
.custom_select select {
padding: 8px 35px 8px 15px; border: 1px solid rgb(206, 212, 218); border-image: none; width: 100%; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.custom_select::before {
top: 50%; right: 15px; color: rgb(132, 132, 132); font-family: "themify"; font-size: 12px; font-weight: 900; display: block; position: absolute; content: "\e64b"; pointer-events: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.custom-file-label::after {
border-radius: 0px; border: 0px currentColor; border-image: none; height: 48px; line-height: 40px;
}
.custom-file-label {
height: 50px; line-height: 38px;
}
.custom-file {
height: 50px; line-height: 38px;
}
.custom-file-input {
height: 50px; line-height: 38px;
}
.rounded_input .form-control {
padding: 10px 20px; border-radius: 30px;
}
.rounded_input input {
padding: 10px 20px; border-radius: 30px;
}
.rounded_input .custom_select select {
padding-right: 40px;
}
.rounded_input .custom_select::before {
right: 20px;
}
.rounded_input textarea.form-control {
padding: 15px 20px;
}
.rounded_input textarea.form-control:focus {
padding: 15px 20px;
}
.input_group {
position: relative;
}
.input_icon {
top: 14px; right: 20px; color: rgb(132, 132, 132); position: absolute; pointer-events: none;
}
.rounded_input .input_icon {
top: 12px;
}
.pagination .page-item a {
padding: 0px; width: 40px; height: 40px; text-align: center; color: rgb(14, 147, 216); line-height: 40px; z-index: 1;
}
.page-link:focus {
box-shadow: none;
}
.pagination_style1 li {
margin-right: 5px;
}
.pagination_style2 li {
margin-right: 5px;
}
.pagination_style3 li {
margin-right: 5px;
}
.pagination_style4 li {
margin-right: 5px;
}
.pagination_style1 .page-item a {
border-radius: 0px !important; border: 2px solid rgb(222, 226, 230); border-image: none; color: rgb(104, 113, 136); line-height: 36px; margin-left: 0px;
}
.pagination_style1 .page-item a i {
line-height: 36px;
}
.pagination_style1 .page-item.disabled .page-link {
border-color: rgb(244, 244, 244); color: rgb(198, 198, 198); pointer-events: none; background-color: rgb(255, 255, 255);
}
.pagination_style3 .page-item.disabled .page-link {
border-color: rgb(244, 244, 244); color: rgb(198, 198, 198); pointer-events: none; background-color: rgb(255, 255, 255);
}
.pagination_style1 .page-item.active .page-link {
border-color: rgb(255, 50, 77); color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.pagination_style1 .page-item .page-link:hover {
border-color: rgb(255, 50, 77); color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.mfp-preloader {
background: url("../images/loading.gif") no-repeat center rgb(0, 0, 0); padding: 25px; border-radius: 5px; left: 50%; top: 50%; width: 24px; height: 24px; text-align: center; color: rgb(204, 204, 204); text-indent: -9999px; margin-top: -12px; margin-left: -12px; position: absolute; z-index: 1044;
}
.widget_title {
text-transform: capitalize; letter-spacing: 0.3px; font-weight: 600; margin-bottom: 25px;
}
.widget_categories li {
list-style: none; padding-bottom: 10px;
}
.widget_archive li {
list-style: none; padding-bottom: 10px;
}
.widget_categories li a {
position: relative;
}
.widget_archive li a {
position: relative;
}
.widget_categories li a::before {
height: auto; line-height: normal; font-family: "Ionicons"; margin-right: 10px; content: "\f3d1";
}
.widget_archive li a::before {
height: auto; line-height: normal; font-family: "Ionicons"; margin-right: 10px; content: "\f3d1";
}
.widget_categories li:last-child {
padding-bottom: 0px;
}
.widget_archive li:last-child {
padding-bottom: 0px;
}
.widget_categories .categories_num {
font-size: 14px; float: right;
}
.widget_archive .archive_num {
font-size: 14px; float: right;
}
.sidebar .widget + .widget {
padding-top: 30px; margin-top: 30px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.widget_newsletter p {
line-height: normal; font-size: 14px;
}
.widget_newsletter button {
padding: 5px 12px;
}
.widget_newsletter button i {
font-size: 18px;
}
.widget_newsletter .btn i {
font-size: 18px;
}
.widget_recent_post li {
list-style: none; width: 100%; margin-bottom: 15px; display: inline-block;
}
.widget_course li {
list-style: none; width: 100%; margin-bottom: 15px; display: inline-block;
}
.widget_course li {
display: table;
}
.post_footer {
vertical-align: top; display: inline-block;
}
.widget_recent_post li:last-child {
margin-bottom: 0px;
}
.widget_course li:last-child {
margin-bottom: 0px;
}
footer .widget_recent_post .post_img img {
border: 0px currentColor; border-image: none;
}
.post_img {
margin-right: 10px; float: left;
}
.widget_course li .course_img {
margin-right: 10px; float: left;
}
.post_img img {
width: 80px;
}
.post_content {
overflow: hidden;
}
.widget_course li .course_content {
overflow: hidden;
}
.post_content h6 {
line-height: 22px; font-size: 14px; margin-bottom: 0px;
}
.post_content .product_title {
overflow: hidden; font-size: 14px; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.post_content .product_price {
margin-bottom: 0px;
}
.tags a {
padding: 8px 15px; color: rgb(51, 51, 51); font-size: 14px; margin-bottom: 5px; display: inline-block; background-color: rgb(247, 247, 247);
}
.tags a:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.tags_style1 a {
border-radius: 40px;
}
.widget_tweet_feed li {
list-style: none; padding-bottom: 15px; padding-left: 25px; font-size: 14px; position: relative;
}
.widget_tweet_feed li::before {
left: 0px; top: 0px; color: rgb(41, 43, 44); font-family: "themify"; position: absolute; content: "\e74b";
}
.widget_tweet_feed a {
color: rgb(255, 50, 77);
}
.widget_tweet_feed li:last-child {
padding-bottom: 0px;
}
.widget_instafeed {
margin: -2px; display: table;
}
.widget_instafeed li {
list-style: none; padding: 2px; width: 33.33%; float: left; position: relative;
}
.instafeed_col4 li {
width: 25%;
}
.widget_instafeed li a {
overflow: hidden; display: block; position: relative;
}
.widget_instafeed li a::before {
transition:0.5s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 1; content: ""; opacity: 0; background-color: rgba(0, 0, 0, 0.8);
}
.widget_instafeed img {
width: 100%;
}
.insta_icon {
transition:0.5s ease-in-out; left: 0px; top: 50%; text-align: center; right: 0px; color: rgb(255, 255, 255); font-size: 16px; position: absolute; z-index: 2; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.widget_instafeed li:hover a::before {
opacity: 1;
}
.widget_instafeed li:hover .insta_icon {
opacity: 1;
}
.insta_img {
position: relative;
}
.instagram_icon {
transition:0.4s ease-in-out; left: 0px; top: 50%; text-align: center; right: 0px; visibility: hidden; position: absolute; z-index: 1; opacity: 0; transform: translateY(-50%) rotate(30deg) scale(1.8); -webkit-transform: translateY(-50%) rotate(30deg) scale(1.8); -moz-transform: translateY(-50%) rotate(30deg) scale(1.8);
}
.instagram_icon i {
color: rgb(255, 255, 255); font-size: 50px;
}
.insta_img::before {
transition:0.4s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; visibility: hidden; position: absolute; z-index: 1; content: ""; opacity: 0; background-color: rgba(0, 0, 0, 0.5);
}
.insta_img:hover::before {
visibility: visible; opacity: 1;
}
.insta_img:hover .instagram_icon {
visibility: visible; opacity: 1; transform: translateY(-50%) rotate(0deg) scale(1); -webkit-transform: translateY(-50%) rotate(0deg) scale(1); -moz-transform: translateY(-50%) rotate(0deg) scale(1);
}
.follow_box {
margin: 0px auto; padding: 25px; border-radius: 80px; left: 0px; top: 50%; text-align: center; right: 0px; position: absolute; z-index: 9; max-width: 400px; transform: translateY(-50%); background-color: rgba(255, 255, 255, 1); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.follow_box i {
left: 0px; top: 50%; right: 0px; font-size: 80px; position: absolute; z-index: -1; opacity: 0.1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.instafeed_box {
overflow: hidden;
}
.instafeed_box a {
display: block; position: relative;
}
.instafeed_box a::before {
transition:0.5s ease-in-out; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 1; content: ""; opacity: 0; background-color: rgba(0, 0, 0, 0.4);
}
.instafeed_box a:hover::before {
opacity: 1;
}
.instafeed_box a img {
transition:0.5s ease-in-out;
}
.instafeed_box a:hover img {
transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
.nav-tabs li.nav-item a {
padding: 5px 20px; border: 0px currentColor; border-image: none; text-align: center; text-transform: capitalize; font-weight: 500; background-color: transparent;
}
.tab-content {
margin-top: 25px;
}
.tab-style1 .nav-tabs {
border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.tab-style2 .nav-tabs {
border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.tab-style1 .nav-tabs li.nav-item a.active {
color: rgb(255, 50, 77);
}
.tab-style1 .nav-tabs li.nav-item a.active:hover {
color: rgb(255, 50, 77);
}
.tab-style2 .nav-tabs li.nav-item a.active {
color: rgb(255, 50, 77);
}
.tab-style2 .nav-tabs li.nav-item a.active:hover {
color: rgb(255, 50, 77);
}
.tab-style2 .nav-tabs li.nav-item a {
padding: 0px 15px;
}
.tab-style2 .nav-tabs li:last-child.nav-item a {
padding-right: 0px;
}
.tab-style3 .nav-tabs li.nav-item a {
border-width: 0px 0px 2px; border-style: none none solid; border-color: currentColor currentColor rgba(0, 0, 0, 0); padding: 0.5rem 1rem; text-align: center; text-transform: uppercase; display: block; background-color: transparent;
}
.tab-style3 .nav-tabs .nav-item a.active {
color: rgb(255, 50, 77); border-bottom-color: rgb(255, 50, 77);
}
.tab_slider > .tab-pane {
height: 0px; display: block;
}
.tab_slider .tab-pane.active {
height: auto; display: block; animation-name: moveUp; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96); animation-play-state: running; -webkit-animation-duration: .5s; -webkit-animation-name: moveUp; -webkit-animation-timing-function: cubic-bezier(.26, .69, .37, .96); -webkit-animation-play-state: running;
}
.heading_tab_header {
width: 100%; padding-bottom: 15px; margin-bottom: 30px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: flex; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
.heading_tab_header [class*='heading_'] {
float: left;
}
.view_all i {
vertical-align: middle;
}
.view_all span {
vertical-align: middle;
}
.custome-checkbox .form-check-label {
padding: 0px; color: rgb(104, 113, 136); vertical-align: middle; position: relative; cursor: pointer;
}
.custome-checkbox .form-check-input {
display: none;
}
.custome-checkbox .form-check-label span {
vertical-align: middle;
}
.custome-checkbox .form-check-label::before {
margin: 0px 8px 0px 0px; border: 2px solid rgb(206, 212, 218); border-image: none; width: 17px; height: 17px; vertical-align: middle; display: inline-block; content: "";
}
.custome-checkbox input[type='checkbox']:checked + .form-check-label::after {
opacity: 1;
}
.custome-checkbox input[type='checkbox'] + .form-check-label::after {
left: 3px; top: 50%; width: 11px; height: 6px; border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-bottom-width: 2px; border-left-width: 2px; border-bottom-style: solid; border-left-style: solid; position: absolute; content: ""; opacity: 0; transform: translateY(-65%) rotate(-45deg); -webkit-transform: translateY(-65%) rotate(-45deg); -moz-transform: translateY(-65%) rotate(-45deg);
}
.custome-checkbox input[type='checkbox']:checked + .form-check-label::before {
border-color: rgb(255, 50, 77); background-color: rgb(255, 50, 77);
}
.custome-radio .form-check-input {
display: none;
}
.custome-checkbox .form-check-input {
display: none;
}
.custome-radio .form-check-label::before {
border-radius: 100%; border: 1px solid rgb(144, 143, 143); border-image: none; width: 16px; height: 16px; margin-right: 8px; vertical-align: middle; display: inline-block; content: "";
}
.custome-radio input[type='radio'] + .form-check-label::after {
border-radius: 100%; left: 3px; top: 8px; width: 10px; height: 10px; position: absolute; content: ""; opacity: 0; background-color: rgb(255, 50, 77);
}
.custome-radio .form-check-label {
position: relative; cursor: pointer;
}
.custome-checkbox .form-check-label {
position: relative; cursor: pointer;
}
.custome-radio input[type='radio']:checked + .form-check-label::before {
border-color: rgb(255, 50, 77);
}
.custome-radio input[type='radio']:checked + .form-check-label::after {
opacity: 1;
}
.custome-checkbox input[disabled] + .form-check-label {
color: rgb(208, 208, 208);
}
.custome-radio input[disabled] + .form-check-label {
color: rgb(208, 208, 208);
}
.custome-checkbox input[disabled] + .form-check-label::before {
border-color: rgb(232, 232, 232);
}
.custome-radio input[disabled] + .form-check-label::before {
border-color: rgb(232, 232, 232);
}
.owl-theme .owl-nav {
margin-top: 0px;
}
body .owl-theme .owl-nav [class*='owl-'] {
margin: 0px; padding: 0px; transition:0.3s ease-in-out; width: 50px; height: 50px; text-align: center; color: rgb(34, 34, 34); line-height: 50px; font-size: 26px; background-color: rgb(255, 255, 255);
}
.owl-theme .owl-nav [class*='owl-'] i {
line-height: normal;
}
.owl-theme .owl-dots {
font-size: 0px; margin-top: 15px;
}
.owl-theme .owl-dots .owl-dot span {
margin: 3px; border: 1px solid rgb(255, 50, 77); transition:0.3s ease-in-out; border-image: none; cursor: pointer; opacity: 1; background-color: transparent;
}
.owl-theme .owl-dots .owl-dot.active span {
background-color: rgb(255, 50, 77);
}
.owl-theme .owl-dots .owl-dot:hover span {
background-color: rgb(255, 50, 77);
}
.dot_style1.owl-theme .owl-dots .owl-dot.active span {
width: 30px;
}
.nav_style1.owl-theme .owl-nav [class*='owl-'] {
border-radius: 0px; top: 50%; width: 30px; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkittransform: translateY(-50%);
}
.nav_style5.owl-theme .owl-nav [class*='owl-'] {
border-radius: 0px; top: 50%; width: 30px; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkittransform: translateY(-50%);
}
.nav_style1.owl-theme .owl-nav [class*='owl-']:hover {
color: rgb(85, 85, 85); background-color: rgb(255, 255, 255);
}
.nav_style1.owl-theme .owl-nav .owl-prev {
left: -50px;
}
.nav_style1.owl-theme .owl-nav .owl-next {
right: -50px;
}
.nav_style2.owl-theme .owl-nav [class*='owl-'] {
bottom: 10px; position: absolute; background-color: transparent;
}
.nav_style2.owl-theme .owl-nav [class*='owl-']:hover {
color: rgb(85, 85, 85);
}
.nav_style3.owl-theme .owl-nav [class*='owl-']:hover {
color: rgb(85, 85, 85);
}
.nav_style4.owl-theme .owl-nav [class*='owl-']:hover {
color: rgb(85, 85, 85);
}
.nav_style2.owl-theme .owl-nav .owl-prev {
left: 0px;
}
.nav_style5.owl-theme .owl-nav .owl-prev {
left: 0px;
}
.nav_style2.owl-theme .owl-nav .owl-next {
right: 0px;
}
.nav_style5.owl-theme .owl-nav .owl-next {
right: 0px;
}
.nav_style3.owl-theme .owl-nav [class*='owl-'] {
border-radius: 0px; top: -90px; width: auto; height: auto; right: 0px; position: absolute; background-color: transparent;
}
.nav_style4.owl-theme .owl-nav [class*='owl-'] {
border-radius: 0px; top: -90px; width: auto; height: auto; right: 0px; position: absolute; background-color: transparent;
}
.nav_style3.owl-theme .owl-nav .owl-prev {
right: 40px;
}
.nav_style4.owl-theme .owl-nav .owl-prev {
left: 0px; right: auto;
}
.nav_style4.owl-theme .owl-nav .owl-prev i::before {
font-family: "Linearicons"; content: "\ec43";
}
.nav_style4.owl-theme .owl-nav .owl-next i::before {
font-family: "Linearicons"; content: "\ec44";
}
.nav_style5.owl-theme .owl-nav .owl-prev {
border-radius: 4px; width: 40px; height: 40px; line-height: 40px; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.nav_style5.owl-theme .owl-nav .owl-next {
border-radius: 4px; width: 40px; height: 40px; line-height: 40px; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.nav_style5.owl-theme .owl-nav .owl-prev:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.nav_style5.owl-theme .owl-nav .owl-next:hover {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.nav_style5.owl-theme:hover .owl-nav .owl-prev {
left: 20px; opacity: 1;
}
.nav_style5.owl-theme:hover .owl-nav .owl-next {
right: 20px; opacity: 1;
}
.dot_white.owl-theme .owl-dots .owl-dot span {
border-color: rgb(255, 255, 255);
}
.dot_white.owl-theme .owl-dots .owl-dot.active span {
background-color: rgb(255, 255, 255);
}
.dot_white.owl-theme .owl-dots .owl-dot:hover span {
background-color: rgb(255, 255, 255);
}
.slick-prev.slick-disabled::before {
opacity: 1;
}
.slick-next.slick-disabled::before {
opacity: 1;
}
.slick-prev:hover {
background-color: rgb(255, 255, 255);
}
.slick-prev:focus {
background-color: rgb(255, 255, 255);
}
.slick-next:hover {
background-color: rgb(255, 255, 255);
}
.slick-next:focus {
background-color: rgb(255, 255, 255);
}
.slick-prev {
border-radius: 0px 5px 5px 0px; left: -50px; opacity: 0;
}
.slick-next {
border-radius: 5px 0px 0px 5px; right: -50px; opacity: 0;
}
.slick-prev::before {
color: rgb(51, 51, 51); font-family: "Ionicons"; font-size: 22px; display: block; content: "\f108"; opacity: 1;
}
.slick-next::before {
color: rgb(51, 51, 51); font-family: "Ionicons"; font-size: 22px; display: block; content: "\f10b"; opacity: 1;
}
.slick-prev {
transition:0.5s ease-in-out; width: 40px; height: 50px; z-index: 9; box-shadow: 0px 1px 4px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.slick-next {
transition:0.5s ease-in-out; width: 40px; height: 50px; z-index: 9; box-shadow: 0px 1px 4px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.slick-prev:hover {
background-color: rgb(255, 50, 77);
}
.slick-next:hover {
background-color: rgb(255, 50, 77);
}
.slick-prev:hover::before {
color: rgb(255, 255, 255);
}
.slick-next:hover::before {
color: rgb(255, 255, 255);
}
.slick_slider:hover .slick-prev {
left: 0px; opacity: 1;
}
.slick_slider:hover .slick-next {
right: -2px; opacity: 1;
}
.social_icons [class*='sc_'] {
color: rgb(255, 255, 255) !important;
}
.social_icons [class*='sc_'] i {
transition:0.3s ease-in-out; line-height: 36px; display: block;
}
.social_icons [class*='sc_']:hover i {
animation:toLeftFromRight 0.3s forwards; -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards;
}
.sc_facebook {
border-color: rgb(59, 89, 152) !important; background-color: rgb(59, 89, 152) !important;
}
.sc_gplus {
border-color: rgb(221, 75, 57) !important; background-color: rgb(221, 75, 57) !important;
}
.sc_google {
border-color: rgb(221, 75, 57) !important; background-color: rgb(221, 75, 57) !important;
}
.sc_linkedin {
border-color: rgb(14, 118, 168) !important; background-color: rgb(14, 118, 168) !important;
}
.sc_rss {
border-color: rgb(238, 128, 47) !important; background-color: rgb(238, 128, 47) !important;
}
.sc_skype {
border-color: rgb(0, 175, 240) !important; background-color: rgb(0, 175, 240) !important;
}
.sc_twitter {
border-color: rgb(0, 172, 238) !important; background-color: rgb(0, 172, 238) !important;
}
.sc_youtube {
border-color: rgb(196, 48, 43) !important; background-color: rgb(196, 48, 43) !important;
}
.sc_vimeo {
border-color: rgb(134, 201, 239) !important; background-color: rgb(134, 201, 239) !important;
}
.sc_yahoo {
border-color: rgb(114, 14, 158) !important; background-color: rgb(114, 14, 158) !important;
}
.sc_tumblr {
border-color: rgb(52, 82, 111) !important; background-color: rgb(52, 82, 111) !important;
}
.sc_instagram {
border-color: rgb(63, 114, 155) !important; background-color: rgb(63, 114, 155) !important;
}
.sc_pinterest {
border-color: rgb(200, 35, 44) !important; background-color: rgb(200, 35, 44) !important;
}
.sc_dribbble {
border-color: rgb(234, 76, 137) !important; background-color: rgb(234, 76, 137) !important;
}
.sc_reddit {
border-color: rgb(198, 198, 198) !important; background-color: rgb(198, 198, 198) !important;
}
.sc_github {
border-color: rgb(23, 21, 21) !important; background-color: rgb(23, 21, 21) !important;
}
.sc_android {
border-color: rgb(164, 198, 57) !important; background-color: rgb(164, 198, 57) !important;
}
.sc_windows {
border-color: rgb(0, 167, 231) !important; background-color: rgb(0, 167, 231) !important;
}
.sc_tux {
border-color: rgb(193, 193, 193) !important; background-color: rgb(193, 193, 193) !important;
}
.sc_delicious {
border-color: rgb(32, 92, 192) !important; background-color: rgb(32, 92, 192) !important;
}
.sc_paypal {
border-color: rgb(0, 88, 139) !important; background-color: rgb(0, 88, 139) !important;
}
.sc_blogger {
border-color: rgb(252, 79, 8) !important; background-color: rgb(252, 79, 8) !important;
}
.sc_flickr {
border-color: rgb(255, 0, 132) !important; background-color: rgb(255, 0, 132) !important;
}
.sc_yahoo {
border-color: rgb(114, 14, 158) !important; background-color: rgb(114, 14, 158) !important;
}
.sc_dropbox {
border-color: rgb(61, 154, 232) !important; background-color: rgb(61, 154, 232) !important;
}
.sc_ebay {
border-color: rgb(137, 197, 7) !important; background-color: rgb(137, 197, 7) !important;
}
.sc_wordpress {
border-color: rgb(30, 140, 190) !important; background-color: rgb(30, 140, 190) !important;
}
.sc_yelp {
background-color: rgb(196, 18, 0) !important;
}
blockquote {
line-height: 34px; font-size: 20px;
}
blockquote p {
line-height: 34px;
}
blockquote p:last-child {
margin: 0px;
}
.blockquote_style1 {
margin: 30px 0px; padding-left: 20px; border-left-color: rgb(221, 221, 221); border-left-width: 3px; border-left-style: solid;
}
.blockquote_style1 p {
color: rgb(41, 43, 44);
}
.blockquote_style2 {
padding: 20px; position: relative; background-color: rgb(255, 50, 77);
}
.blockquote_style2 * {
color: rgb(255, 255, 255); line-height: 28px; font-size: 16px;
}
.blockquote_style2::before {
left: 20px; top: 10px; color: rgb(255, 255, 255); line-height: normal; font-family: "Font Awesome 5 Free"; font-size: 70px; font-weight: 900; position: absolute; content: "\f10e"; opacity: 0.3;
}
.blockquote_style3 {
padding: 20px; width: 100%; line-height: 28px; font-size: 16px; margin-top: 5px; margin-bottom: 25px; border-left-color: rgb(255, 50, 77); border-left-width: 2px; border-left-style: solid; display: inline-block; position: relative; background-color: rgb(250, 250, 250);
}
.blockquote_style3::before {
left: 20px; top: 10px; color: rgb(0, 0, 0); line-height: normal; font-family: "Font Awesome 5 Free"; font-size: 70px; font-weight: 900; position: absolute; content: "\f10e"; opacity: 0.05; pointer-events: none;
}
.blockquote_style3 p {
line-height: 28px;
}
.blockquote_style4 {
padding: 20px; text-align: center; font-size: 18px; margin-bottom: 20px; position: relative; background-color: rgb(247, 247, 247);
}
.blockquote_style4::before {
left: 50px; top: 10px; color: rgb(0, 0, 0); line-height: normal; font-family: "Font Awesome 5 Free"; font-size: 70px; font-weight: 900; position: absolute; content: "\f10d"; opacity: 0.05;
}
.blockquote_style4 {
color: rgb(34, 34, 34);
}
.blockquote_style4 p {
color: rgb(34, 34, 34);
}
.blog_post_footer {
padding-top: 15px; padding-bottom: 30px;
}
.mdtp__wrapper {
top: 50%; bottom: auto; transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1);
}
.modal {
padding-right: 0px !important;
}
.page_soon {
padding: 0px 5px; border-radius: 20px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 10px; font-weight: 600; background-color: rgb(40, 167, 69);
}
.alert .close {
font-weight: normal; margin-left: 10px;
}
.alert_style1 {
border-width: 0px 0px 0px 3px; border-style: none none none solid; border-color: currentColor; padding: 20px; border-radius: 0px; position: relative;
}
.alert > i {
font-size: 18px; margin-right: 5px; vertical-align: middle;
}
.alert_style2 {
border-width: 0px 3px; border-style: none solid; border-color: currentColor; padding: 20px; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.button_group .btn {
margin-bottom: 20px;
}
.trading_img {
margin-top: -40px;
}
.term_conditions h6 {
margin-bottom: 15px;
}
.term_conditions ul {
padding-left: 15px;
}
.term_conditions ol {
padding-left: 15px;
}
.term_conditions p {
line-height: 28px; font-size: 14px; margin-bottom: 15px;
}
.term_conditions li {
line-height: 28px; font-size: 14px; margin-bottom: 15px;
}
.subscribe_popup .modal-body {
padding: 0px;
}
.subscribe_popup .modal-content {
border-radius: 0px; border: 0px currentColor; border-image: none;
}
.popup_content {
padding: 50px; text-align: center;
}
.subscribe_popup .close {
top: 0px; width: 40px; height: 40px; right: 0px; position: absolute; z-index: 9; opacity: 1; text-shadow: none;
}
.subscribe_popup .close i {
font-size: 40px;
}
.modal {
z-index: 99999;
}
.modal-backdrop {
z-index: 9999;
}
.dashboard_menu {
box-shadow: 0px 0px 4px 0px #e9e9e9;
}
.dashboard_menu .nav-tabs li.nav-item a {
padding: 12px 20px; border-radius: 0px; text-align: left; color: rgb(43, 47, 76); border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: solid;
}
.dashboard_menu .nav-tabs li.nav-item a.active {
color: rgb(255, 255, 255); background-color: rgb(255, 50, 77);
}
.dashboard_menu .nav-tabs li.nav-item a i {
margin-right: 8px; vertical-align: middle;
}
.dashboard_content {
margin: 0px;
}
.dashboard_content .card-header {
border-color: rgb(240, 240, 240); background-color: transparent;
}
.dashboard_content .card-header * {
margin: 0px;
}
.dashboard_content .card {
border-radius: 0px; border: 0px currentColor; border-image: none; box-shadow: 0px 0px 4px 0px #e9e9e9;
}
.dashboard_content .card-body p:last-child {
margin: 0px;
}
.dashboard_content .table {
margin: 0px;
}
.dashboard_content .table thead th {
border: 0px currentColor; border-image: none; padding-top: 0px; font-weight: 600;
}
.dashboard_content .table tbody tr:last-child td {
padding-bottom: 0px;
}
.dashboard_content .table tbody tr td {
vertical-align: middle; white-space: nowrap;
}
.dashboard_content label {
color: rgb(51, 51, 51);
}
.dashboard_content label .required {
color: rgb(255, 0, 0);
}
span.statcounter {
display: none;
}
.demo_switcher {
top: 20%; right: 0px; position: fixed; z-index: 9999;
}
.demo > ul > li > a {
transition:0.5s ease-in-out; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 22px; display: block;
}
.demo > ul > li > a.menu_icon {
line-height: 44px; font-size: 25px;
}
.bg-green {
background-color: rgb(115, 224, 128);
}
.bg-red {
background-color: rgb(249, 69, 81);
}
.demo_list ul {
list-style: none; display: inline-block;
}
.demo_list {
padding: 5px; transition:0.5s ease-in-out; top: 0px; right: -360px; bottom: 0px; overflow: auto; position: fixed; z-index: 9999; max-width: 360px; background-color: rgb(255, 255, 255);
}
.demo_list.switch-active {
right: 0px;
}
.demo_list li {
padding: 5px; width: 50%; float: left;
}
.demo_list li a {
padding: 4px; border: 1px solid rgb(221, 221, 221); border-image: none; display: block; position: relative;
}
.demo_list li a::before {
transition:0.5s ease-in-out; left: 4px; top: 4px; right: 4px; bottom: 4px; position: absolute; z-index: 9; content: ""; opacity: 0; background-color: rgba(0, 0, 0, 0.6);
}
.demo_list li a:hover::before {
opacity: 1;
}
body.switch-open {
overflow: hidden; padding-right: 15px;
}
.switch-open::before {
left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 9999; content: ""; background-color: rgba(0, 0, 0, 0.8);
}
.demo li {
position: relative;
}
.demo > ul > li > a.demo_icon.switch-active {
transition:0.5s ease-in-out; position: relative; transform: translateX(-360px); -webkit-transform: translateX(-360px); -moz-transform: translateX(-360px);
}
.demo > ul > li > a.demo_icon.switch-active i::before {
font-size: 20px; vertical-align: middle; content: "\f129";
}
.demo > ul > li > a.menu_icon.switch-active {
line-height: 36px;
}
.demo_list h5 {
margin: 10px 0px;
}
.demo li.switch-active .color_icon {
transition:0.5s ease-in-out; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px);
}
.color-switch {
background: rgb(33, 33, 33); padding: 10px; transition:0.5s ease-in-out; top: 0px; width: 200px; right: -200px; position: absolute; z-index: 999;
}
.switch-active {
right: 0px;
}
.color-switch button::after {
left: 5px; top: 2px; color: rgb(255, 255, 255); font-family: "Ionicons"; font-size: 18px; position: absolute; content: "\f122"; opacity: 0;
}
.color-switch button.active::after {
opacity: 1;
}
.color-switch button {
margin: 2px; padding: 0px; border-radius: 3px; border: 0px currentColor; border-image: none; width: 25px; height: 25px; text-align: center; line-height: 20px; position: relative; cursor: pointer;
}
.default {
background-color: rgb(255, 50, 77);
}
.orange {
background-color: rgb(255, 159, 84);
}
.red {
background-color: rgb(240, 34, 44);
}
.yellow {
background-color: rgb(255, 187, 0);
}
.pink {
background-color: rgb(229, 49, 83);
}
.demo_list li a span {
padding: 0px 10px; transition:0.5s ease-in-out; left: 0px; top: 50%; right: 0px; color: rgb(255, 255, 255); position: absolute; z-index: 9; opacity: 0; text-shadow: 0px 0px 4px rgba(0,0,0,0.8); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
}
.demo_list li a:hover span {
opacity: 1;
}
@media only screen and (max-width:480px)
{
.demo_list {
right: -270px; max-width: 270px;
}
.demo > ul > li > a.demo_icon.switch-active {
transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px);
}
}