/*-------------------------------------
CSS INDEX
===================================
#. Defaults
#. Buttons
#. Topbar Layout
#. Header Logo
#. Main Navigation
#. Submenu
#. Mega Menu
#. Header Icons
#. Header Right Menu
#. Header Search
#. Sticky Header
#. Header Layout 1
#. Header Layout 2
#. Header Layout 3
#. Header Layout 4
#. Header Layout 5
#. Header Layout 6
#. Header Layout 7
#. Header Layout 8
#. Header Layout 9
#. Header Layout 10
#. Header Responsive
#. Header Right Menu
#. Preloader css
#. Footer - Scroll to top
#. Widgets - Footer Widgets
#. Widgets - Sidebar
#. Banner
#. Contents
#. Single Content
#. Comments
#. Admin Author
#. Default Blog layout
#. Swiper Slider
#. Related Post
#. Pagination
#. Error 404
#. Fluent form
#. Gutenberg Support
#. Ticker Styling
#. Woocommerce
#. Dark mode
---------------------------------------*/
/*-------------------------------------
#. Defaults
---------------------------------------*/
/*@font-face {*/
/* font-family: 'ProximaNova';*/
/* src: url('https://www.opris.exchange/fonts/Proxima-Nova.otf');*/
/* }*/
body{font-family:'ProximaNova' !important;}
body {
font-family: 'ProximaNova' !important;
font-size: 16px;
line-height: 28px;
color: #6c6f72;
font-weight: 400;
height: 100%;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
background-color: #ffffff;
overflow-x: hidden;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float: left;
margin-bottom: 15px;
margin-right: 25px;
margin-top: 10px;
}
.alignright {
float: right;
margin-left: 25px;
margin-bottom: 15px;
margin-top: 10px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 15px;
}
a {
color: #2962ff;
text-decoration: none;
}
a:focus {
outline: 0px solid;
text-decoration: none;
outline: 0 none;
}
a:active {
text-decoration: none;
outline: 0 none;
}
a:hover {
color: #000000;
text-decoration: none;
outline: 0 none;
}
img {
max-width: 100%;
height: auto;
}
.fix {
overflow: hidden;
}
p {
margin: 0 0 20px 0;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'ProximaNova' !important;
margin: 0 0 20px 0;
color: #000000;
}
h1 {
font-size: 36px;
font-weight: 700;
line-height: 40px;
}
h2 {
font-size: 28.44px;
font-weight: 700;
line-height: 32px;
}
h3 {
font-size: 22.63px;
font-weight: 700;
line-height: 33px;
}
h4 {
font-size: 20.31px;
font-weight: 700;
line-height: 30px;
}
h5 {
font-size: 18px;
font-weight: 700;
line-height: 28px;
}
h6 {
font-size: 16px;
font-weight: 700;
line-height: 26px;
}
.clear {
clear: both;
}
.clear:after {
clear: both;
content: "";
display: block;
}
ul {
list-style: disc inside none ;
margin: 0 0 20px 0;
}
#wrapper {
overflow: hidden;
transition: all 0.5s ease-out;
}
hr,
.elementor hr {
background-color: #e5e5e5;
}
* {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
button:focus,
.submit-btn:focus {
outline: none;
}
/*for theme only*/
.primary-color {
color: #2962ff;
}
.secondary-color {
color: #0034c2;
}
#page .content-area {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
transition: all ease 0.31s;
}
.post-bottom-spacer {
margin-bottom:20px;
width: 100%;
height:1px;
border-bottom: 1px solid #e5e5e5;
}
.visibility-h {
visibility: hidden;
}
/*number count*/
.number-counter {
counter-reset: post-counter;
}
/*title animation*/
.title-animation-black-normal a {
color: #000000;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-black-normal a:hover {
background-size: 100% 1px;
}
.title-animation-black-bold a {
color: #000000;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-black-bold a:hover {
background-size: 100% 2px;
}
.title-animation-white-bold a {
color: #ffffff;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-white-bold a:hover {
background-size: 100% 2px;
}
.title-animation-white-normal a {
color: #ffffff;
display: inline;
padding-bottom: 0;
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.title-animation-white-normal a:hover {
background-size: 100% 1px;
}
/*default animation*/
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
.rt-grid-item {
display: block;
float: left;
clear: both;
}
@media (min-width: 992px) and (max-width: 1400px ) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1320px;
}
}
#yith-quick-view-modal {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
text-align: center;
transition: all 0.3s;
}
/*-------------------------------------
#. Buttons
---------------------------------------*/
/*style 1*/
.button-style-1 {
position: relative;
background: transparent;
border: 1px solid #e5e5e5;
border-radius: 4px;
font-size: 12px;
color: #646464;
font-weight: 700;
padding: 7px 18px 7px 25px;
transition: all 0.4s ease;
display: inline-flex;
align-items: center;
letter-spacing: 0.8px;
text-transform: uppercase;
transform: perspective(1px) translateZ(0);
}
.button-style-1:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 4px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.3s;
transition-timing-function: ease-out;
z-index: -1;
}
a.button-style-1:hover {
color: #ffffff;
border-color: transparent;
}
.button-style-1:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
background-color: #2962ff;
}
/*button style 2*/
.button-style-2 {
position: relative;
background-color: #2962ff;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.6px;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 16px 20px 14px;
line-height: 1.4;
overflow: hidden;
transform: perspective(1px) translateZ(0);
z-index: 1;
}
a.button-style-2:hover {
color: #ffffff;
}
.button-style-2:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 4px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.3s;
transition-timing-function: ease-out;
z-index: -1;
}
.button-style-2:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
background-color: #0034c2;
}
.button-style-2.btn-common path.rt-button-cap {
stroke: #ffffff;
}
/*button style 3*/
.button-style-3 {
background-color: #ffffff;
color: #000000;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.6px;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 16px 20px 14px;
line-height: 1.4;
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%) !important;
}
a.button-style-3:hover {
background-color: #2962ff;
color: #ffffff;
}
/*button style 4*/
.button-style-4 {
color: #000000;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.6px;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1.4;
}
a.button-style-4:hover {
color: #2962ff;
}
a.button-style-4.btn-common:hover path.rt-button-cap {
stroke: #2962ff;
}
.btn-common svg {
fill: currentColor;
vertical-align: middle;
margin-left: 10px;
width: 22px;
}
.btn-common .rt-button-cap,
.btn-common .rt-button-line {
-webkit-transform: translateX(-13px);
-ms-transform: translateX(-13px);
transform: translateX(-13px);
transform-origin: right;
transition: 0.5s;
}
.btn-common rect.rt-button-line {
height: 1.5px;
y: 7;
}
.btn-common .rt-button-line {
stroke: currentColor;
stroke-width: 0.5;
}
.btn-common path.rt-button-cap {
stroke-width: 1;
stroke: #646464;
}
.btn-common:hover path.rt-button-cap {
stroke: #ffffff;
}
.btn-common:hover .rt-button-line {
-webkit-animation: qode-button-line 0.4s ease forwards;
animation: qode-button-line 0.4s ease forwards;
}
.btn-common:hover .rt-button-cap {
-webkit-animation: qode-button-cap 0.4s ease forwards;
animation: qode-button-cap 0.4s ease forwards;
}
.rt-animation-out .rt-button-cap-fake {
-webkit-animation: qode-button-cap-fake-out 0.35s linear;
animation: qode-button-cap-fake-out 0.35s linear;
}
.rt-animation-out .rt-button-cap {
-webkit-animation: qode-button-cap-out 0.35s ease-in-out;
animation: qode-button-cap-out 0.35s ease-in-out;
}
.rt-button-line {
transform: translateX(9px);
stroke-width: 0.1;
stroke: currentColor;
}
.rt-button-cap,
.rt-button-line {
transform-origin: right;
transition: 0.33s cubic-bezier(0.14, -0.07, 0.23, 0.9);
}
/*play button style*/
.play-btn-primary,
.play-btn-transparent,
.play-btn-transparent-2,
.play-btn-transparent-3,
.play-btn-white-lg,
.play-btn-white-xl,
.play-btn-white,
.play-btn-gray {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
transition: all 0.3s ease;
}
.play-btn-primary {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #2962ff;
color: #fff;
font-size: 1.125rem;
animation: pulseShadowlgprimary 2000ms linear infinite;
}
.play-btn-primary:hover {
background-color: #0034c2;
color: #fff;
}
.play-btn-white {
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #fff;
color: #2962ff;
font-size: 0.875rem;
animation: pulseShadowsmwhite 2000ms linear infinite;
}
.play-btn-white:hover {
background-color: #0034c2;
color: #fff;
}
.play-btn-white-xl {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
color: #282828;
font-size: 1.25rem;
animation: pulseShadowxlwhite 2000ms linear infinite;
}
@media(max-width: 767px) {
.play-btn-white-xl {
width: 50px;
height: 50px;
font-size: 18px;
}
}
.play-btn-white-xl:hover {
background-color: #0034c2;
color: #fff;
}
.play-btn-white-lg {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #fff;
color: #282828;
font-size: 1.125rem;
animation: pulseShadowlgwhite 2000ms linear infinite;
}
.play-btn-white-lg:hover {
background-color: #0034c2;
color: #fff;
}
.play-btn-transparent {
width: 55px;
height: 55px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 16px;
animation: pulseShadowsmgray 2000ms linear infinite;
}
.play-btn-transparent:hover {
background-color: #0034c2;
color: #fff;
}
.play-btn-transparent-2 {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 0.8125rem;
animation: pulseShadowsmgray 2000ms linear infinite;
}
.play-btn-transparent-2:hover {
background-color: #0034c2;
color: #fff;
}
.play-btn-transparent-3 {
width: 55px;
height: 55px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.4);
color: #fff;
font-size: 16px;
animation: pulseShadowsmgray 2000ms linear infinite;
}
.play-btn-transparent-3:hover {
background-color: #0034c2;
color: #fff;
}
.play-btn-gray {
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #acacac;
color: #fff;
font-size: 14px;
animation: pulseShadowsmgray 2000ms linear infinite;
}
.play-btn-gray:hover {
background-color: #0034c2;
color: #fff;
}
@-webkit-keyframes qode-button-cap-out {
0%,
50% {
-webkit-transform: translateX(-35px) scaleX(-1);
transform: translateX(-35px) scaleX(-1);
}
100%,
51% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
}
}
@keyframes qode-button-cap-out {
0%,
50% {
-webkit-transform: translateX(-35px) scaleX(-1);
transform: translateX(-35px) scaleX(-1);
}
100%,
51% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
}
}
@-webkit-keyframes qode-button-cap-fake-out {
0% {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
49%,
51% {
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
}
100% {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@keyframes qode-button-cap-fake-out {
0% {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
49%,
51% {
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
}
100% {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@-webkit-keyframes qode-button-cap {
0% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
54% {
-webkit-transform: translateX(-1px) scaleX(1);
transform: translateX(-1px) scaleX(1);
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
}
55% {
-webkit-transform: translateX(-20px) scaleX(-1);
transform: translateX(-20px) scaleX(-1);
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
}
100% {
-webkit-transform: translateX(-35px) scaleX(-1);
transform: translateX(-35px) scaleX(-1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@keyframes qode-button-cap {
0% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
54% {
-webkit-transform: translateX(-1px) scaleX(1);
transform: translateX(-1px) scaleX(1);
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
}
55% {
-webkit-transform: translateX(-20px) scaleX(-1);
transform: translateX(-20px) scaleX(-1);
-webkit-clip-path: inset(50% 0 50% 0);
clip-path: inset(50% 0 50% 0);
}
100% {
-webkit-transform: translateX(-35px) scaleX(-1);
transform: translateX(-35px) scaleX(-1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
}
@-webkit-keyframes qode-button-line {
0%,
100% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
}
10% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
}
46%,
55% {
-webkit-transform: translateX(0) scaleX(0.5);
transform: translateX(0) scaleX(0.5);
}
99% {
-webkit-transform: translateX(-13px) scaleX(0.6);
transform: translateX(-13px) scaleX(0.6);
}
}
@keyframes qode-button-line {
0%,
100% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
}
10% {
-webkit-transform: translateX(-13px) scaleX(1);
transform: translateX(-13px) scaleX(1);
}
46%,
55% {
-webkit-transform: translateX(0) scaleX(0.5);
transform: translateX(0) scaleX(0.5);
}
99% {
-webkit-transform: translateX(-13px) scaleX(0.6);
transform: translateX(-13px) scaleX(0.6);
}
}
/* pulseShadow */
@-webkit-keyframes pulseShadowlgprimary {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);
}
}
@keyframes pulseShadowlgprimary {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);
box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);
box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);
box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);
}
}
@-webkit-keyframes pulseShadowsmwhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulseShadowsmwhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes pulseShadowxlwhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulseShadowxlwhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes pulseShadowlgwhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulseShadowlgwhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes pulseShadowsmgray {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(172, 172, 172, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0);
}
}
@keyframes pulseShadowsmgray {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7);
box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(172, 172, 172, 0);
box-shadow: 0 0 0 10px rgba(172, 172, 172, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0);
box-shadow: 0 0 0 0 rgba(172, 172, 172, 0);
}
}
/* pulseScale */
@-webkit-keyframes pulseScale {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@keyframes pulseScale {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
/*-------------------------------------
#. Topbar Layout
---------------------------------------*/
.header-top-bar {
position: relative;
padding: 10px 0;
z-index: 1;
}
.header-top-bar .tophead-right {
display: inline-flex;
align-items: center;
position: relative;
font-size: 14px;
}
.header-top-bar .social-label {
color: #ffffff;
font-size: 13px;
margin-right: 10px;
text-transform: uppercase;
}
.header-top-bar .tophead-right ul li {
display: inline-block;
margin-right: 9px;
font-size: 14px;
}
.header-top-bar .tophead-right ul li:last-child {
margin-right: 0;
}
.header-top-bar .tophead-left ul li {
display: inline-block;
margin-right: 10px;
font-size: 14px;
}
.header-top-bar .tophead-left ul li:last-child {
margin-right: 0;
}
.header-top-bar .top-bar-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
/*Top bar widget*/
.header-top-bar .widget {
margin-bottom: 0;
}
.header-top-bar .widget ul li {
display: inline-block;
margin-right: 10px;
}
.header-top-bar .widget ul li:last-child {
margin-right: 0;
}
/*Top Bar Style 1*/
.topbar-style-1 .header-top-bar {
background-color: #292929;
color: #e0e0e0;
}
.topbar-style-1 .header-top-bar a {
color: #e0e0e0;
}
.topbar-style-1 .header-top-bar a:hover {
color: #2962ff;
}
.topbar-style-1 .header-top-bar .tophead-left {
display: inline-flex;
align-items: center;
position: relative;
font-size: 14px;
}
.topbar-style-1 .header-top-bar .tophead-left > div {
display: inline-flex;
align-items: center;
}
.topbar-style-1 .tophead-left > div:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.topbar-style-1 .tophead-left > div:last-child:after {
display: none;
}
.topbar-style-1 .header-top-bar i {
color: #ffffff;
margin-right: 7px;
line-height: 1;
}
.topbar-style-1 .tophead-right i {
font-size: 13px;
width: 13px;
}
.topbar-style-1 .tophead-right .topbar-date:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.topbar-style-1 .tophead-social li a i {
color: #bebdbd;
margin-right: 0;
transition: all 0.3s ease-out;
}
.topbar-style-1 .tophead-social li a:hover i {
color: #ffffff;
}
/*Top Bar Style 2*/
.topbar-style-2 .header-top-bar {
background-color: #2962ff;
color: #ffffff;
}
.topbar-style-2 .header-top-bar a {
color: #ffffff;
transition: all 0.3s ease-out;
}
.topbar-style-2 .header-top-bar .tophead-left {
display: inline-flex;
align-items: center;
position: relative;
font-size: 14px;
}
.topbar-style-2 .header-top-bar .tophead-left > div {
display: inline-flex;
align-items: center;
}
.topbar-style-2 .tophead-left i {
color: #ffffff;
font-size: 14px;
padding-right: 10px;
line-height: 1;
}
.topbar-style-2 .tophead-left > div:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.topbar-style-2 .tophead-left > div:last-child:after {
display: none;
}
.topbar-style-2 .tophead-right i {
margin-right: 7px;
width: 12px;
}
.topbar-style-2 .tophead-right > div:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.topbar-style-2 .tophead-right > div:last-child:after {
display: none;
}
/*Top Bar Style 3*/
.topbar-style-3 .header-top-bar {
background-color: #f7f7f7;
color: #818181;
}
.topbar-style-3 .header-top-bar a {
color: #818181;
transition: all 0.3s ease-out;
}
.topbar-style-3 .header-top-bar .tophead-left {
display: inline-flex;
align-items: center;
position: relative;
font-size: 14px;
}
.topbar-style-3 .header-top-bar .tophead-left > div {
display: inline-flex;
align-items: center;
}
.topbar-style-3 .tophead-left i {
color: #818181;
font-size: 14px;
padding-right: 10px;
line-height: 1;
}
.topbar-style-3 .tophead-left > div:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.topbar-style-3 .tophead-left > div:last-child:after {
display: none;
}
.topbar-style-3 .tophead-right i {
margin-right: 7px;
width: 12px;
}
.topbar-style-3 .tophead-right > div:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.topbar-style-3 .tophead-right > div:last-child:after {
display: none;
}
.topbar-style-3 .header-top-bar .social-label {
color: #818181;
}
/*Top Bar Style 4*/
.topbar-style-4 .header-top-bar {
background-color: #292929;
color: #c7c3c3;
}
.topbar-style-4 .header-top-bar a {
color: #c7c3c3;
transition: all 0.3s ease-out;
}
.topbar-style-4 .tophead-right i {
margin-right: 7px;
width: 12px;
}
.topbar-style-4 .tophead-right .topbar-date:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.topbar-style-4 .header-top-bar .social-label {
color: #c7c3c3;
}
.rt-topbar-menu .menu li {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #000;
}
.rt-topbar-menu .menu li:last-child {
margin-right: 0;
padding-right: 0;
border-right: 0;
}
.rt-topbar-menu .menu li a {
color: #c7c3c3;
font-size: 14px;
line-height: 22px;
font-family: 'ProximaNova' !important;
}
.rt-topbar-menu .menu li a:hover {
color: #ffffff;
}
/*topbar responsive*/
@media(max-width: 992px) {
.header-top-bar .top-bar-wrap {
text-align: center;
}
.header-top-bar .top-bar-wrap,
.topbar-style-1 .header-top-bar .tophead-left {
display: inherit;
}
}
@media(max-width: 425px) {
.topbar-style-1 .tophead-left > div:after {
display: none;
}
}
.header-top-bar {
min-height: 34px;
}
/*-------------------------------------
#. Header Icons
---------------------------------------*/
.menu-full-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.header-icon-area .cart-icon-area .cart-icon-num {
top: 21px;
}
}
.header-icon-area {
display: flex;
align-items: center;
height: 100%;
position: relative;
}
.header-icon-area .cart-icon-area {
position: relative;
margin-left: 15px;
padding: 16px 0;
}
.header-icon-area > div {
position: relative;
}
.header-icon-area > div:last-child:before{
content: none;
}
.header-icon-area > div:first-child {
margin-left: 0;
}
.header-icon-area .additional-menu-area {
margin-left: 15px;
}
.header-icon-area .offcanvas-menu-wrap {
display: inline-flex;
margin-left: 25px;
}
.header-icon-area .user-icon-area {
margin-right: 15px;
}
.header-icon-area .search-icon,
.header-icon-area .user-icon-area,
.menu-user .user-icon-area {
font-size: 20px;
}
.header-icon-area .search-icon a,
.header-icon-area .user-icon-area a,
.menu-user .user-icon-area a {
color: #818181;
}
.header-icon-area .search-icon a:hover,
.header-icon-area .user-icon-area a:hover,
.menu-user .user-icon-area a:hover {
color: #2962ff;
}
.menu-user {
display: inline-flex;
align-items: center;
}
.menu-user .user-icon-area {
margin-left: 15px;
position: relative;
bottom: 2px;
}
/*Right offcanvas menu icon*/
.offcanvas-menu-wrap button.offcanvas-btn-dark .menu-btn-icon > span {
background-color: #2962ff;
}
.offcanvas-menu-wrap button.offcanvas-btn-darklight .menu-btn-icon span {
background-color: #cccccc;
}
.offcanvas-menu-wrap button.offcanvas-btn-light .menu-btn-icon span {
background-color: #ffffff;
}
.offcanvas-menu-wrap button.offcanvas-close-btn.menu-status-close .menu-btn-icon span {
background-color: #ffffff;
}
.offcanvas-menu-wrap button.offcanvas-menu-btn {
border: none;
background-color: transparent;
box-shadow: none;
cursor: pointer;
display: inline-flex;
align-items: center;
padding: 0;
width: 40px;
}
.offcanvas-menu-wrap button.offcanvas-menu-btn:focus {
outline: none;
}
.offcanvas-menu-wrap button.offcanvas-menu-btn .menu-btn-icon {
display: block;
width: 35px;
position: relative;
height: 50px;
}
.offcanvas-navigation ul {
padding: 0;
margin: 0;
}
.offcanvas-navigation ul li {
line-height: 1.7;
}
@media(max-width: 767px) {
.offcanvas-navigation ul li {
line-height: 1.2;
}
.offcanvas-navigation ul li a {
font-size: 28px;
}
}
/*Header Search*/
.header-search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f5f6fa;
transform: scaleY(0);
visibility: hidden;
z-index: 150;
transition: all 0.7s ease-in-out;
transform-origin: 0 0 0;
}
.header-search .header-search-form,
.header-search .stylish-input-group,
.header-search .custom-search-input {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.header-search .stylish-input-group input[type=search],
.header-search .header-search-form input[type=search],
.header-search .custom-search-input input[type=text] {
width: 54%;
height: 70px;
color: #000000;
font-size: 24px;
flex: initial;
text-align: left;
border: none;
border-radius: 0;
margin: 0px auto;
padding: 20px 35px 20px 0;
outline: none;
background: transparent;
border-bottom: 1px solid #2962ff;
line-height: 28px;
}
@media (max-width: 425px) {
.header-search .stylish-input-group input[type=search],
.header-search .header-search-form input[type=search],
.header-search .custom-search-input input[type=text] {
width: 70%;
}
}
.header-search .stylish-input-group input::-webkit-input-placeholder,
.header-search .header-search-form input::-webkit-input-placeholder,
.header-search .custom-search-input input::-webkit-input-placeholder {
color: #aaa;
}
.header-search .stylish-input-group input:-ms-input-placeholder,
.header-search .header-search-form input:-ms-input-placeholder,
.header-search .custom-search-input input:-ms-input-placeholder {
color: #aaa;
}
.header-search .stylish-input-group input:-moz-placeholder,
.header-search .header-search-form input:-moz-placeholder,
.header-search .custom-search-input input:-moz-placeholder {
color: #aaa;
}
.header-search .header-search-form .search-btn,
.header-search .stylish-input-group .btn,
.header-search .custom-search-input .btn {
padding: 0;
box-shadow: none;
border: none;
border-radius: 0;
color: #000000;
cursor: pointer;
font-size: 24px;
font-weight: 500;
margin-top: 0px;
margin-left: -32px;
background: transparent;
line-height: 29px;
z-index: 12;
transition: all 300ms;
}
.header-search .header-search-form .search-btn i {
line-height: 28px;
}
.header-search .header-search-form .search-btn:hover,
.header-search .stylish-input-group .btn:hover,
.header-search .custom-search-input .btn:hover {
color: #2962ff;
}
.header-search .stylish-input-group .btn,
.header-search .custom-search-input .btn {
position: absolute;
left: 20%;
}
.header-search .stylish-input-group input:focus,
.header-search .stylish-input-group .search-btn:focus,
.header-search .stylish-input-group .btn:focus,
.header-search .custom-search-input input:focus,
.header-search .header-search-form .search-btn:focus,
.header-search .custom-search-input .btn:focus {
box-shadow: none;
outline: none;
}
.header-search.open {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.header-search .close {
position: fixed;
top: 30px;
right: 15px;
margin: 0 auto;
color: #000000;
border-radius: 4px;
border: none;
opacity: 0.5;
visibility: visible;
padding: 0;
font-size: 70px;
font-weight: 300;
cursor: pointer;
background: transparent;
transition: all 300ms;
z-index: 1;
}
.header-search .close:focus {
box-shadow: none;
border: none;
outline: none;
}
.header-search .close:hover {
transform: scale(1.2);
opacity: 1;
}
.header-area {
background: #ffffff;
position: relative;
z-index: 2;
}
@media(max-width: 991px) {
.header-search .close {
top: 50px;
transform: none;
font-size: 50px;
}
}
/* Sticky Header */
.header-menu {
position: relative;
top: 0;
left: 0;
right: 0;
margin: auto;
transition: all ease 0.31s;
}
.admin-bar .rt-sticky {
top: 32px;
}
.rt-sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 90px 0px rgb(0 0 0 / 10%);
}
/*header social*/
.header-social {
display: flex;
align-items: center;
height: 100%;
margin: 0;
padding: 0;
}
.header-social li {
display: inline-block;
list-style: outside none none;
}
.header-social li:last-child {
padding-right: 0;
}
.header-social li a {
font-size: 15px;
margin-right: 7px;
text-align: center;
color: #000000;
display: block;
}
.header-social li:last-child a {
margin-right: 0;
}
.header-social li i {
width: 38px;
height: 38px;
background: #f7f7f7;
border-radius: 4px;
display: inline-block;
line-height: 36px;
transition: all ease 0.31s;
}
.header-social li a:hover i {
background: #2962ff;
color: #ffffff;
}
/* Header Logo */
.site-header .site-branding a {
display: table-cell;
vertical-align: middle;
color: #2962ff;
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
}
.site-header .site-branding a img {
max-width: 162px;
width: 100%;
}
.site-header .site-branding .light-logo {
display: none;
}
/* Main Navigation fallbackcd*/
.fallbackcd-menu-item .fallbackcd {
display: block;
text-decoration: none;
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000000;
padding: 38px 15px;
text-transform: capitalize;
font-family: 'ProximaNova' !important;
transition: all ease 0.31s;
}
.main-navigation ul li span.new {
background: #2962ff;
font-size: 10px;
color: #fff;
padding: 3px 5px 2px;
border-radius: 5px;
}
.main-navigation ul li span.hot {
background: #ff1f1f;
font-size: 10px;
color: #fff;
padding: 3px 5px 2px;
border-radius: 5px;
}
/*-------------------------------------
#. Main Navigation
---------------------------------------*/
.site-header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.site-header .main-navigation nav ul li {
display: inline-block;
position: relative;
margin-bottom: 0;
}
.site-header .main-navigation nav ul li a {
display: block;
text-decoration: none;
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #000000;
padding: 38px 15px;
text-transform: capitalize;
font-family: 'ProximaNova' !important;
transition: all ease 0.31s;
}
.site-header .main-navigation nav > ul > li > a::before {
position: absolute;
content: "";
height: 3px;
background: #2962ff;
right: 0;
margin: 0 auto;
bottom: 0;
width: 100%;
transition: .5s;
transform: scaleX(0);
transform-origin: top right;
}
.site-header .main-navigation nav > ul > li:hover > a::before {
transform-origin: top right;
transform: scaleX(1)
}
.site-header .main-navigation nav ul li.menu-item-has-children a:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 600;
vertical-align: middle;
transform: rotate(0deg);
display: inline-block;
padding-left: 6px;
font-size: 12px;
}
.site-header .main-navigation nav ul li.menu-item-has-children:hover a:after {
transform: rotate(180deg) translateX(-6px);
transition: all 0.4s ease;
}
.site-header .main-navigation nav ul li a:hover {
color: #2962ff;
}
.site-header .main-navigation nav ul li a.active {
color: #a5a5a5 !important;
}
.site-header .main-navigation ul.menu > li > a:hover {
color: #2962ff;
}
.site-header .main-navigation ul.menu li.current-menu-item > a,
.site-header .main-navigation ul.menu > li.current > a {
color: #2962ff;
}
.site-header .main-navigation ul.menu li.current-menu-ancestor > a {
color: #2962ff;
}
/*-------------------------------------
#. Submenu
---------------------------------------*/
.site-header .main-navigation ul li ul {
text-align: left;
}
.site-header .main-navigation ul li ul.sub-menu li.menu-item-has-children:before {
color: #656567;
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-size: 16px;
font-weight: 600;
position: absolute;
right: 15px;
top: 7px;
transition: all 0.4s ease;
}
.site-header .main-navigation ul li ul li:last-child {
border-bottom: none;
}
.site-header .main-navigation ul li ul li a {
position: relative;
overflow: hidden;
display: block;
color: #656567;
text-transform: inherit;
padding: 7px 20px 7px 25px;
font-weight: 500;
font-size: 13px;
z-index: 2;
transition: all 140ms ease-in-out;
}
.site-header .main-navigation ul > li > ul {
position: absolute;
top: 100%;
left: 0;
width: 225px;
margin: 0;
padding: 10px 0;
background-color: #fff;
box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
text-align: left;
box-shadow: 0 0 90px 0 rgb(0 0 0 / 10%);
padding: 15px 0;
border-radius: 0 0 4px 4px;
visibility: hidden;
transition: all 0.4s cubic-bezier(.3,.02,0,.6);
opacity: 0;
z-index: 100;
transform: scaleY(0);
transform-origin: 0 0 0;
}
.site-header .main-navigation ul > li:hover > ul {
top: 100%;
opacity: 1;
visibility: visible;
transition: all 0.4s ease;
transform: scaleY(1);
}
.site-header .main-navigation ul > li > ul li ul {
left: 225px;
top: 0;
width: 225px;
}
.site-header .main-navigation ul > li:hover > ul li ul {
top: 0;
}
.site-header .main-navigation ul li ul {
background-color: #ffffff;
}
.site-header .main-navigation ul li ul li {
display: block;
border-bottom: none;
border-left: none;
}
.site-header .main-navigation ul li ul li:hover {
background: #ffffff;
}
.site-header .main-navigation ul li ul li:last-child {
border-bottom: none;
}
.site-header .main-navigation ul li ul.sub-menu li > a:before {
position: absolute;
content: "";
width: 3px;
height: 0px;
top: 50%;
left: 15px;
transform: translateY(-50%);
margin: 0;
background: #6c6c6c;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
}
.site-header .main-navigation ul li ul.sub-menu li:hover > a:before {
background: #2962ff;
height: 11px;
opacity: 1;
visibility: visible;
transition: all 0.4s ease;
}
/*Menu hover effect*/
.site-header .main-navigation ul.menu li ul.sub-menu li a:after {
content: "";
}
.site-header .main-navigation ul.menu li ul.sub-menu li a:hover {
color: #2962ff;
}
/*-------------------------------------
#. Mega Menu
---------------------------------------*/
.site-header .main-navigation ul li.mega-menu {
position: static;
}
.site-header .main-navigation ul li.mega-menu:hover ul {
opacity: 1;
visibility: visible;
}
.site-header .main-navigation ul li.mega-menu ul.sub-menu li {
background-color: inherit;
}
.site-header .main-navigation ul li.mega-menu ul.sub-menu li:last-child {
border-bottom: none;
}
.site-header .main-navigation ul li.mega-menu ul.sub-menu li a {
padding-left: 25px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu {
background-color: #ffffff;
width: calc(100% - 24px);
max-width: 1296px;
position: absolute;
left: 0;
right: 0;
margin: auto;
padding: 15px;
display: flex;
justify-content: space-around;
}
.site-header .main-navigation ul li.mega-menu.menu-two-column,
.site-header .main-navigation ul li.mega-menu.menu-three-column {
position: relative;
}
.site-header .main-navigation ul li.mega-menu.menu-two-column > ul.sub-menu {
width: 550px;
}
.site-header .main-navigation ul li.mega-menu.menu-three-column > ul.sub-menu {
width: 750px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li {
display: inline-block;
width: 100%;
border: none;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li ul {
top: 0;
position: relative;
width: inherit;
left: inherit;
box-shadow: none;
border-top: none;
transform: none;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu li:after {
content: '';
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu li:before {
color: #2962ff;
font-size: 14px;
padding-right: 13px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li > a {
font-size: 16px;
}
.site-header .main-navigation ul li.mega-menu > ul.sub-menu > li > a {
font-weight: 700;
}
.site-header .main-navigation ul li.mega-menu.hide-header > ul.sub-menu > li > a {
display: none;
}
.site-header .main-navigation ul.menu li.mega-menu ul.sub-menu li:after,
.site-header .main-navigation ul.menu li.mega-menu ul.sub-menu li.menu-item-has-children:before {
display: none;
}
/*-------------------------------------
#. Header Layout 1
---------------------------------------*/
.header-style-1 .site-header .header-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-style-1 .site-header .header-top .icon-left {
float: left;
margin-right: 10px;
text-align: center;
font-size: 18px;
color: #2962ff;
}
.header-style-1 .site-header .header-top .info {
float: left;
line-height: 1;
font-size: 16px;
text-align: left;
color: #000000;
position: relative;
}
.header-style-1 .site-header .header-top .info-text {
font-size: 15px;
font-weight: 400;
}
.header-style-1 .site-header .header-top .info-text a {
color: #000000;
}
.header-style-1 .site-header .header-top .info-text a:hover {
color: #2962ff;
}
.header-style-1 .site-header .header-top .info-label {
display: block;
color: #76767d;
font-size: 13px;
}
.header-style-1 .site-header .header-top .header-address > div {
display: inline-flex;
align-items: center;
position: relative;
padding-right: 40px;
margin-right: 40px;
border-right: 1px solid #d4d3d3;
}
.header-style-1 .site-header .header-top .header-address > div:last-child {
padding-right: 0;
margin-right: 0;
border-right: none;
}
@media(max-width: 1199px) {
.header-style-1 .site-header .header-top {
display: block;
}
.header-style-1 .site-header .header-top .header-address {
text-align: center;
}
.header-style-1 .site-header .header-social {
margin-top: 20px;
justify-content: center;
}
}
/*-------------------------------------
#. Header Layout 2
---------------------------------------*/
.header-style-2 .site-header .info-wrap {
display: flex;
align-items: center;
}
.header-style-2 .site-header .main-navigation > nav > ul > li > a {
padding-left: 0;
}
/*-------------------------------------
#. Header Layout 3
---------------------------------------*/
.header-style-3 .menu-full-wrap {
min-height: 150px;
transition: all 0.3s ease;
}
.header-style-3 .rt-sticky .menu-full-wrap {
min-height: 100px;
transition: all 0.3s ease;
}
/*-------------------------------------
#. Header Layout 4
---------------------------------------*/
.header-style-4 .header-area .logo-menu-wrap {
padding-top: 30px;
text-align: center;
}
.header-style-4 .header-area .site-branding {
display: inline-block;
text-align: center;
}
.header-style-4 .header-menu {
border-bottom: 1px solid #e5e5e5;
}
/*-------------------------------------
#. Header Layout 5
---------------------------------------*/
.header-style-5 .site-header {
left: 0;
position: absolute;
right: 0;
z-index: 99;
}
.header-style-5 .header-area {
background: transparent;
}
.header-style-5 .header-area .header-menu {
background: rgba(0, 0, 0, 0.625);
box-shadow: 0px 0px 0px rgb(0 0 0 / 80%);
}
.header-style-5 .header-area .header-menu.rt-sticky {
background: rgba(0, 0, 0, 1);
}
.header-style-5 .site-header .main-navigation > nav > ul > li > a {
color: #ffffff;
padding-top: 29px;
padding-bottom: 29px;
}
.header-style-5 .site-header .site-branding > .dark-logo {
display: none;
}
.header-style-5 .site-header .site-branding > .light-logo {
display: table-cell;
}
.header-style-5 .header-offcanvus button.side-menu-trigger {
border: 1px solid rgba(255, 255, 255, 0.625);
width: 41px;
height: 41px;
border-radius: 50%;
}
.header-style-5 .header-offcanvus button.side-menu-trigger .menu-btn-icon {
width: 24px;
}
.header-style-5 .header-offcanvus button.side-menu-trigger .menu-btn-icon .line {
background-color: #ffffff;
}
.header-style-5 .header-offcanvus button.side-menu-trigger .menu-btn-icon .line3 {
width: 20px;
}
.header-style-5 .menu-icon {
position: relative;
display: flex;
align-items: center;
}
.header-style-5 .header-icon-area {
margin-right: 20px;
padding-right: 20px;
}
.header-style-5 .header-icon-area::after {
content: "";
position: absolute;
right: 0;
bottom: -18px;
width: 1px;
height: 81px;
background-color: rgba(255, 255, 255, 0.4);
}
.header-style-5 .header-search-five {
position: relative;
padding-left: 15px;
}
.header-style-5 .header-search-five::after {
content: "";
position: absolute;
left: 0;
bottom: -18px;
width: 1px;
height: 81px;
background-color: rgba(255, 255, 255, 0.4);
}
.header-style-5 .header-search-five .search-form button {
width: inherit;
height: inherit;
background-color: transparent !important;
padding: 0;
}
.header-style-5 .header-search-five .search-form input {
color: #ffffff;
font-weight: 400;
padding-right: 30px;
}
.header-style-5 .search-form input.search-field::-webkit-input-placeholder {
color: #fff;
}
.header-style-5 .search-form input.search-field:-ms-input-placeholder {
color: #fff;
}
.header-style-5 .search-form input.search-field:-moz-placeholder {
color: #fff;
}
.header-style-5 .header-icon-right {
display: flex;
align-items: center;
}
.header-style-5 .cart-area .cart-list-trigger {
padding: 26px 0;
}
.header-style-5 .cart-area .cart-trigger-icon {
color: #fff;
}
.header-style-5 .cart-area .cart-trigger-icon > span {
top: 20px;
right: -10px;
}
/*-------------------------------------
#. Header Layout 6
---------------------------------------*/
.header-search-six {
position: relative;
}
.header-style-6 .logo-ad-wrap {
padding: 25px 0;
border-bottom: 1px solid #e5e5e5;
}
.header-style-6 .header-search-six .search-form button {
width: inherit;
height: inherit;
background-color: transparent !important;
padding: 0;
color: #9b9b9b;
font-size: 20px;
}
.header-style-6 .header-search-six .search-form button:hover {
color: #2962ff;
}
.header-style-6 .header-icon-right {
display: flex;
align-items: center;
}
/*-------------------------------------
#. Header Layout 7
---------------------------------------*/
.header-style-7 .header-area {
background-color: #000;
}
.header-style-7 .menu-full-wrap {
background-color: #292929;
border-radius: 4px 4px 0 0;
padding: 0 30px 0 15px;
}
.header-style-7 .logo-ad-wrap {
padding: 15px 0;
}
.header-style-7 .site-header .main-navigation > nav > ul > li > a {
color: #ffffff;
padding-top: 24px;
padding-bottom: 24px;
}
.header-style-7 .cart-area .cart-list-trigger {
padding: 20px 0;
}
.header-style-7 .cart-area .cart-trigger-icon > span {
top: 15px;
}
.header-style-7 .site-header .site-branding .dark-logo {
display: none;
}
.header-style-7 .site-header .site-branding .light-logo {
display: table-cell;
}
.header-style-7 .header-icon-area .search-icon a,
.header-style-7 .cart-area .cart-trigger-icon {
color: #b8b8b8;
}
.header-style-7 .header-offcanvus button.side-menu-trigger .menu-btn-icon .line,
.header-style-7 .header-offcanvus button.side-menu-trigger .menu-btn-icon::before,
.header-style-7 .header-offcanvus button.side-menu-trigger .menu-btn-icon::after,
.header-style-7 .header-offcanvus button.side-menu-trigger .menu-btn-icon .line3::before {
background-color: #b8b8b8;
}
.header-style-7 .rt-sticky {
background-color: transparent;
box-shadow: none;
}
/*-------------------------------------
#. Header Layout 8
---------------------------------------*/
.header-style-8 .menu-full-wrap {
padding-top: 30px;
}
.header-style-8 .header-area .menu-wrap {
text-align: center;
}
.header-style-8 .header-area .site-branding {
display: inline-block;
text-align: center;
}
.header-style-8 .header-search-six .search-form input {
background-color: #f7f7f7;
border-radius: 30px;
box-shadow: inset 0 0 12px 0 rgb(0 0 0 / 20%);
padding: 5px 50px 5px 20px;
}
.header-style-8 .header-search-six .search-form button {
width: inherit;
height: inherit;
right: 18px;
background-color: transparent !important;
padding: 0;
color: #9b9b9b;
font-size: 20px;
}
.header-style-8 .header-search-six .search-form button:hover {
color: #2962ff;
}
.header-style-8 .header-icon-left {
display: flex;
align-items: center;
width: 220px;
}
.header-style-8 .cart-area .cart-wrapper {
left: 0;
right: auto;
}
/*-------------------------------------
#. Header Layout 9
---------------------------------------*/
.header-style-9 .header-area {
background-color: #000;
}
.header-style-9 .header-menu {
transition: none;
}
.header-style-9 .logo-ad-wrap {
padding: 15px 0;
}
.header-style-9 .site-header .main-navigation > nav > ul > li > a {
color: #ffffff;
padding-top: 50px;
padding-bottom: 50px;
}
.header-style-9 .cart-area .cart-list-trigger {
padding: 20px 0;
}
.header-style-9 .cart-area .cart-trigger-icon > span {
top: 15px;
}
.header-style-9 .site-header .site-branding .dark-logo {
display: none;
}
.header-style-9 .site-header .site-branding .light-logo {
display: table-cell;
}
.header-style-9 .header-icon-area .search-icon a,
.header-style-9 .cart-area .cart-trigger-icon {
color: #b8b8b8;
}
.header-style-9 .header-offcanvus button.side-menu-trigger .menu-btn-icon .line,
.header-style-9 .header-offcanvus button.side-menu-trigger .menu-btn-icon::before,
.header-style-9 .header-offcanvus button.side-menu-trigger .menu-btn-icon::after,
.header-style-9 .header-offcanvus button.side-menu-trigger .menu-btn-icon .line3::before {
background-color: #b8b8b8;
}
.header-style-9 .rt-sticky {
background-color: #000000;
box-shadow: none;
}
.header-style-9 .site-header .rt-sticky .main-navigation > nav > ul > li > a {
padding-top: 38px;
padding-bottom: 38px;
}
/*-------------------------------------
#. Header Layout 10
---------------------------------------*/
.header-style-10 .header-top {
border-bottom: 1px solid #e5e5e5;
padding-top: 15px;
padding-bottom: 15px;
}
.header-style-10 .header-area .menu-wrap {
text-align: center;
}
.header-style-10 .header-area .site-branding {
display: inline-block;
}
.header-style-10 .header-search-six {
width: 55%;
display: flex;
align-items: center;
gap: 30px;
flex: 0 0 55%;
}
.header-style-10 .header-search-six .search-form {
position: relative;
flex-grow: 1;
}
.header-style-10 .header-search-six .search-form input {
border-radius: 4px;
border: 1px solid #e5e5e5;
padding: 5px 50px 5px 20px;
height: 48px;
}
.header-style-10 .header-search-six .search-form button {
width: 28px;
height: inherit;
right: 18px;
top: 50%;
background-color: transparent !important;
padding: 0;
color: #9b9b9b;
font-size: 20px;
}
.header-style-10 .header-search-six .search-form button:hover {
color: #2962ff;
}
.header-style-10 .site-header .main-navigation nav > ul > li > a {
padding-top: 25px;
padding-bottom: 25px;
}
/*-------------------------------------
#. Header Responsive
---------------------------------------*/
@media all and (max-width: 1199px) {
.site-header .main-navigation nav ul li a {
padding-left: 7px;
padding-right: 7px;
}
.site-header .main-navigation ul li a {
padding-left: 7px;
padding-right: 7px;
}
.header-style-1 .site-header .header-top .header-address > div {
margin-bottom: 15px;
}
}
/*Header mobile responsive*/
@media(max-width: 991px) {
.header-style-1 .site-header .site-branding {
display: none;
}
.header-style-1 .header-controll,
.header-style-3 .header-controll {
border-bottom: 1px solid #f8f8f8;
}
.header-style-3 .header-3-middle {
display: none;
}
.header-style-1 .site-header .header-top .header-address {
width: 100%;
text-align: center;
}
.header-style-1 .site-header .header-top .header-address > div:nth-child(2):after {
display: none;
}
}
@media all and (max-width: 767px) {
/* Topbar 1 */
#tophead .tophead-right {
text-align: center;
float: none;
}
/* Header 1 */
.site-header .main-navigation ul {
text-align: center;
}
.site-header .main-navigation ul li a {
padding-bottom: 10px;
padding-top: 10px;
}
.header-icon-area {
display: none;
}
.header-style-1 .site-header .header-top .header-address > div {
margin-right: 20px;
padding-right: 20px;
border: none;
}
.header-style-1 .site-header .header-top .icon-left {
font-size: 16px;
height: 40px;
width: 40px;
line-height: 38px;
}
/* Header 2 */
.header-style-2 .site-header .main-navigation ul {
text-align: center;
}
.header-style-2 .site-header .main-navigation ul li a {
padding: 10px 15px;
}
/* Header 3 */
.header-firstrow {
padding: 15px 0 10px;
}
.site-header .site-branding,
.header-firstrow-right {
display: block;
height: inherit;
}
.site-header .site-branding {
padding: 0 0 10px 0px;
}
.header-firstrow-right-contents {
display: block;
}
.header-firstrow-right-contents ul {
display: block;
padding: 0;
text-align: center;
}
.header-contact li {
display: block;
margin-left: 0;
}
.menu-sep {
margin-bottom: 10px;
}
.site-header .main-navigation ul {
text-align: center;
}
.site-header .main-navigation ul li a {
padding: 10px 15px;
}
/* Header 4 */
.header-firstrow-wrap {
padding-top: 10px;
}
.site-header .site-branding,
.header-firstrow {
display: block;
height: inherit;
text-align: center;
padding-top: 0;
padding-bottom: 10px;
}
.header-firstrow-contents {
display: block;
}
.header-contact li {
display: block;
margin-right: 0;
}
.header-firstrow-contents-right {
text-align: center;
}
.header-firstrow-contents-right .header-icon-area {
display: none;
}
/* Header 5 */
.site-header .site-branding {
float: none;
height: inherit;
}
.site-header .main-navigation {
float: none;
}
.site-header .main-navigation ul.menu > li > a {
padding: 10px 15px;
border-left: none;
}
.header-menu-btn {
display: none;
}
}
/*---------------------------
#. Header Ad
-----------------------------*/
.header-ad {
position: relative;
z-index: -1;
}
.header-before-ad {
margin-left: 30px;
}
.header-ad-item {
text-align: center;
padding: 30px 0 30px;
}
.content-top-ad-item {
padding-bottom: 30px;
}
.content-bottom-item {
padding-top: 50px;
}
.post-template-post-layout-2 .content-top-ad-item {
padding-bottom: 30px;
padding-top: 30px;
}
.content-top-ad-item img,
.content-bottom-ad img,
.header-ad-item img,
.header-before-ad img {
border-radius: 4px;
}
/*---------------------------
#. Header Right Menu
-----------------------------*/
/*offcanvas layout 1*/
.additional-menu-area .sidenav .canvas-content::-webkit-scrollbar {
width: 0;
}
.rt-slide-nav::-webkit-scrollbar {
width: 0;
}
.cart-area .cart-wrapper::-webkit-scrollbar {
width: 0;
}
.additional-menu-area a.side-menu-trigger {
color: #222;
cursor: pointer;
font-size: 21px;
line-height: 0;
}
.additional-menu-area .sidenav {
max-width: 395px;
width: 100%;
position: fixed;
transform: translateX(-100%);
top: 0;
left: 0;
z-index: 9999;
background-color: #ffffff;
transition-duration: 1s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
will-change: transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
box-shadow: 0px 0px 90px 0px rgb(0 0 0 / 10%);
}
.additional-menu-area .sidenav .canvas-content {
height: 100vh;
padding: 50px;
transition: all ease 0.8s;
overflow-y: auto;
-ms-overflow-style: none;
-moz-scrollbar-width: none;
}
.additional-menu-area .sidenav .closebtn {
background: #2962ff;
color: #ffffff;
display: block;
font-size: 20px;
position: absolute;
right: 50px;
top: 55px;
font-weight: 500;
width: 44px;
height: 44px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 4;
}
.additional-menu-area .sidenav .additional-logo a {
color: #2962ff;
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
}
.additional-menu-area .sidenav .additional-logo img {
max-width: 162px;
width: 100%;
}
.additional-menu-area .sidenav .sidenav-search {
border: 1px solid #5f5f5f;
margin: 0 20px 10px 20px;
}
.additional-menu-area .sidenav ul.menu {
padding-top: 35px;
}
.additional-menu-area .sidenav ul li {
font-family: 'ProximaNova' !important;
line-height: 24px;
list-style: none;
border-bottom: 1px solid #e9e9e9;
transition: all ease 0.31s;
}
.additional-menu-area .sidenav ul li:last-child {
border-bottom: none;
}
.additional-menu-area .sidenav ul li a {
position: relative;
display: block;
font-size: 14px;
color: #000000;
border: none;
padding: 10px 0;
font-weight: 500;
transition: all 140ms ease-in-out;
}
.additional-menu-area .sidenav ul li a:hover {
color: #2962ff;
}
.additional-menu-area .sub-menu {
display: none;
}
.additional-menu-area .sidenav .sub-menu {
border-top: 1px solid #e9e9e9;
padding-left: 30px;
}
.additional-menu-area .sidenav ul li ul.sub-menu li > a {
font-size: 13px;
}
.additional-menu-area .sidenav ul li.menu-item-has-children > a::after {
content: "\f067";
display: inline-block;
font-family: "Font Awesome 5 Free";
transition: 0.1s;
right: 0;
position: absolute;
font-size: 12px;
font-weight: 600;
color: #999999;
}
.additional-menu-area .sidenav ul li.menu-item-has-children > a.opened::after {
content: "\f068";
}
/*offcanvas layout 2*/
.additional-menu-area .sidenav-address {
padding-top: 40px;
}
.additional-menu-area .sidenav-address span {
font-size: 15px;
display: block;
margin-bottom: 10px;
}
.additional-menu-area .sidenav-address span i {
color: #2962ff;
margin-right: 15px;
}
.additional-menu-area .sidenav-address span a {
display: inline-block;
color: #444444;
padding: 0;
}
.additional-menu-area .sidenav-address span a:hover {
color: #2962ff;
}
.additional-menu-area .sidenav-address .copyright {
margin-top: 20px;
}
.additional-menu-area .sidenav-social {
margin-top: 20px;
}
.additional-menu-area .sidenav-social span {
color: #646464;
display: inline-block;
padding-right: 5px;
font-size: 16px;
text-align: center;
}
.additional-menu-area .sidenav-social span a i {
margin-right: 0;
color: #fff;
}
.additional-menu-area .sidenav-social span a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #000000;
color: #fff;
font-size: 13px;
transition: all 0.4s ease;
}
.additional-menu-area .sidenav-social span a:hover {
background-color: #2962ff;
}
.additional-menu-area #sb_instagram {
margin-left: -10px;
padding-bottom: 0 !important;
}
body .rt-cover {
z-index: 149;
opacity: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0);
animation: slideInLeft 500ms ease-in-out;
transition: all 0.5s ease-in-out;
}
/*offcanvus button*/
.header-offcanvus button.side-menu-trigger .menu-text {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
margin-left: 10px;
color: #292929;
transition: all 0.3s ease;
position: relative;
top: 1px;
}
.header-offcanvus button.side-menu-trigger {
border: none;
background-color: transparent;
box-shadow: none;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
padding: 0;
border-radius: 4px;
justify-content: center;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon {
position: relative;
display: block;
width: 28px;
height: 16.5px;
top: 1px;
overflow: hidden;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line {
position: absolute;
left: 0;
height: 2px;
width: 100%;
background-color: #818181;
border-radius: 12px;
transition: all 0.3s ease-out;
transition-delay: 0s;
transform: translateX(0);
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon::before,
.header-offcanvus button.side-menu-trigger .menu-btn-icon::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #818181;
transition: all 0.3s ease-out;
transform: translateX(-100%);
transform-origin: left;
transition-delay: 0s;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line3::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #818181;
transition: all 0.3s ease-out;
transform: translateX(-100%);
transform-origin: left;
transition-delay: 0s;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line1 {
top: 0;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line2 {
top: 14px;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon .line3 {
top: 7px;
}
.header-offcanvus button.side-menu-trigger .menu-btn-icon::after {
bottom: 0;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line {
transform: translateX(100%);
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line1 {
transition-delay: 0s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line2 {
transition-delay: 0.15s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line3 {
transition-delay: 0.15s;
transform: translateX(100%);
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::before,
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::after {
transform: translateX(0);
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::before {
transition-delay: 0.3s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon::after {
transition-delay: 0.45s;
}
.header-offcanvus button.side-menu-trigger.side-menu-open:hover .menu-btn-icon .line3::before {
transform: translateX(-100%);
transition-delay: 0.45s;
}
/*offcanvus widget*/
.sidenav-address > .widget {
margin-bottom: 40px;
}
.sidenav-address > .widget h3 {
display: flex;
align-items: center;
position: relative;
font-size: 20px;
margin-bottom: 20px;
line-height: 1.4;
z-index: 2;
}
.additional-menu-area .sidenav-address h4 {
margin-bottom: 15px;
}
.additional-menu-area .sidenav-address h4.social-title {
margin-top: 30px;
}
.sidenav-address > .rt-post-box .post-box-style .post-box-img {
margin-right: 15px;
flex: 0 0 80px;
}
.sidenav-address > .rt-post-box .post-box-style .item-list .post-box-img img {
width: 80px;
height: 80px;
}
.additional-menu-area .sidenav .light-logo {
display: none;
}
/*-------------------
#. Preloader css
--------------------*/
#preloader {
overflow: visible;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999999;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
margin:0 !important;
}
.loader {
height: 100%;
width: 100%;
position: fixed;
overflow: hidden;
background: #ffffff;
}
.loader .cssload-loader {
width: 65px;
height: 65px;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
}
.loader .cssload-inner {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
border-radius: 50%;
}
.loader .cssload-inner.cssload-one {
left: 0%;
top: 0%;
animation: cssload-rotate-one 1.15s linear infinite;
border-bottom: 5px solid #2962ff;
}
.loader .cssload-inner.cssload-two {
right: 0%;
top: 0%;
animation: cssload-rotate-two 1.15s linear infinite;
border-right: 5px solid #2962ff;
}
.loader .cssload-inner.cssload-three {
right: 0%;
bottom: 0%;
animation: cssload-rotate-three 1.15s linear infinite;
border-top: 5px solid #2962ff;
}
@keyframes cssload-rotate-one {
0% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
}
}
@-webkit-keyframes cssload-rotate-one {
0% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
}
}
@keyframes cssload-rotate-two {
0% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
}
}
@-webkit-keyframes cssload-rotate-two {
0% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
}
}
@keyframes cssload-rotate-three {
0% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
}
}
@-webkit-keyframes cssload-rotate-three {
0% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
}
}
/*---------------------------------------------------------
#. Footer - Scroll to top
-----------------------------------------------------------*/
.scroll-wrap {
position: fixed;
right: 24px;
bottom: 24px;
width: 37px;
height: 37px;
cursor: pointer;
display: block;
border-radius: 100%;
box-shadow: inset 0 0 0 0.1rem rgb(128 130 134 / 25%);
z-index: 9;
opacity: 0;
visibility: hidden;
transform: translateY(0.75rem);
transition: all 200ms linear, margin-right 0ms;
}
.scroll-wrap:after {
position: absolute;
content: "\f062";
font-family: "Font Awesome 5 Free";
font-weight: 900;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #2962ff;
left: 0;
top: 0;
height: 37px;
width: 37px;
cursor: pointer;
display: block;
z-index: 1;
transition: all 200ms linear;
}
.scroll-wrap.active-scroll {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.scroll-wrap svg path {
fill: none;
}
.scroll-wrap svg.scroll-circle path {
stroke: #2962ff;
stroke-width: 4;
box-sizing: border-box;
transition: all 200ms linear;
}
/*---------------------------------------------
#. Widgets - Footer Widgets
-----------------------------------------------*/
.site-content {
position: relative;
background-color: #ffffff;
z-index: 1;
transition: all ease 0.31s;
}
@media (min-width: 1400px) {
.footer-sticky {
position: sticky;
bottom: 0;
top: 0;
z-index: 0;
}
}
.footer-bottom-area a,
.footer-bottom-area a:link,
.footer-bottom-area a:visited {
color: #646464;
}
.footer-bottom-area a:hover,
.footer-bottom-area .widget ul li a:hover {
color: #000000;
}
.footer-logo img {
max-width: 175px;
}
.footer-area .widgettitle {
display: inline-block;
position: relative;
color: #ffffff;
font-size: 20px;
margin-bottom: 25px;
}
.footer-content-area {
font-size: 16px;
border-top: none;
padding: 90px 0 30px;
}
@media (max-width: 767px) {
.footer-top-area {
text-align: left;
}
.footer-content-area {
padding-top: 80px;
padding-bottom: 20px;
}
}
.footer-top-area .widget select {
color: #444444;
}
.footer-top-area .widget_archive.widget > select {
margin-top: 0;
}
.footer-top-area .widget {
margin-bottom: 60px;
padding-bottom: 0px;
width: 100%;
position: relative;
z-index: 1;
}
.footer-area caption {
color: inherit;
}
.footer-top-area .widget ul.menu li a {
padding-left: 20px;
display: inline-block;
position: relative;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget ul.menu li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget ul.menu li a:hover::before {
background-color: #2962ff;
}
/*corporate address*/
.footer-top-area .widget_neeon_address p {
margin-bottom: 0;
}
.footer-top-area .corporate-address {
margin-top: 20px;
}
.footer-top-area .corporate-address li {
display: inline-block;
width: 100%;
vertical-align: top;
padding-bottom: 0;
}
.footer-top-area .corporate-address li span {
color: #ffffff;
font-size: 16px;
font-weight: 500;
}
/*widget search*/
.footer-top-area .search-form input:-webkit-autofill,
.footer-top-area .search-form input:-webkit-autofill:hover,
.footer-top-area .search-form input:-webkit-autofill:focus,
.footer-top-area .search-form input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.footer-top-area .search-form .input-group>.custom-select:not(:last-child),
.footer-top-area .search-form .input-group>.form-control:not(:last-child) {
border-bottom: 1px solid #0f1012;
}
.footer-top-area .search-form button:hover {
color: #fff;
}
.footer-top-area .search-form input {
color: #ffffff;
}
.footer-top-area .widget_search .search-form input.form-control::-webkit-input-placeholder {
color: #d0d0d0;
}
.footer-top-area .widget_search .search-form input.form-control:-ms-input-placeholder {
color: #d0d0d0;
}
.footer-top-area .widget_search .search-form input.form-control:-moz-placeholder {
color: #d0d0d0;
}
.footer-top-area .wp-caption-text {
color: #d0d0d0;
}
/*widget archive*/
.footer-top-area .widget_archive ul li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_archive ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_archive ul li a:hover::before {
background-color: #2962ff;
}
/*widget categories*/
.footer-top-area .widget_categories {
overflow: hidden;
}
.footer-top-area .widget_categories ul li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_categories ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_categories ul li a:hover::before {
background-color: #2962ff;
}
/*neeon category*/
.footer-top-area .rt-category-style2 {
display: inline-block;
}
.footer-top-area .rt-category-style2 .rt-item {
margin-bottom: 19px;
width: 50%;
float: left;
}
.footer-top-area .rt-category-style2 .rt-item:last-child {
margin-bottom: 0;
}
.footer-top-area .rt-category-style2 .rt-item img {
display: none;
}
.footer-top-area .rt-category-style2 .rt-item .rt-content {
position: relative;
top: initial;
transform: none;
padding: 0 0 0 20px;
}
.footer-top-area .rt-category .rt-item::after {
display: none;
}
.footer-top-area .rt-category .rt-item .rt-cat-name {
color: inherit;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 1px;
margin-bottom: 0;
transition: all 140ms ease-in-out;
}
.footer-top-area .rt-category-style2 .rt-item .rt-cat-count {
color: #d0d0d0;
font-size: 15px;
background-color: transparent;
display: inherit;
width: inherit;
height: inherit;
border-radius: 50%;
line-height: 1;
}
.footer-top-area .rt-category-style2 .rt-item:hover .rt-cat-count {
background-color: transparent;
}
.footer-top-area .rt-category .rt-item .rt-cat-name::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .rt-category .rt-item a:hover .rt-cat-name::before {
background-color: #2962ff;
}
/*widget pages*/
.footer-top-area .widget_pages ul li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_pages ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_pages ul li a:hover::before {
background-color: #2962ff;
}
/*widget meta*/
.footer-top-area .widget_meta li a {
display: inline-block;
position: relative;
padding-left: 20px;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_meta ul li a::before {
content: "";
position: absolute;
left: 0;
top: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #a5a5a5;
transition: all 0.3s ease;
}
.footer-top-area .widget_meta ul li a:hover::before {
background-color: #2962ff;
}
/*widget recent comments*/
.footer-top-area .widget_recent_comments ul li {
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_recent_comments ul li.recentcomments:last-child {
margin-bottom: 0;
}
.footer-top-area .widget_recent_comments ul li.recentcomments > a:before {
display: none;
}
.footer-top-area .widget_recent_comments ul li.recentcomments > span {
position: relative;
}
.footer-top-area .widget_recent_comments ul li.recentcomments:hover > span:before {
background-color: #2962ff;
}
.footer-top-area .widget_recent_comments ul li.recentcomments span > a:before {
left: -15px;
top: -3px;
}
/*widget recent entries*/
.footer-top-area .widget_recent_entries ul li a {
display: inline-block;
position: relative;
transition: all 140ms ease-in-out;
}
.footer-top-area .widget_recent_entries ul li a:after {
position: absolute;
content: "";
bottom: 3px;
width: 0%;
left: 100%;
background: #fff;
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
}
.footer-top-area .widget_recent_entries ul li a:hover:after {
left: 0;
width: 100%;
opacity: 1;
visibility: visible;
transition: width 0.4s ease;
}
/*widget Social*/
.footer-area .footer-about {
margin-bottom: 28px;
}
@media(min-width: 992px) {
.footer-area .footer-about {
margin-right: 40px;
}
}
.footer-area .social-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
width: 100%;
}
@media(max-width: 425px) {
.footer-area .social-wrap {
gap: 10px;
}
}
@media(max-width: 320px) {
.footer-area .social-wrap {
gap: 0;
}
}
.footer-area .social-wrap .footer-social {
display: flex;
flex-wrap: unset;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.footer-area .social-wrap .wrapper-line {
width: 100%;
height: 1px;
border: 1px solid #404040;
flex-grow: 1;
}
.footer-area .footer-social li {
display: inline-block;
margin-right: 5px;
padding-bottom: 0;
transition: all ease 0.31s;
}
.footer-area .footer-social li a {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
width: 44px;
font-size: 15px;
text-align: center;
background: rgba(255, 255, 255, 0.102);
border-radius: 50%;
transition: all 0.4s ease;
}
.footer-area .footer-social li a:hover {
background: #2962ff;
}
.footer-top-area ul li a i {
transition: all ease 0.31s;
}
.footer-top-area ul li a:hover i {
animation: toBottomFromTop 0.5s forwards;
}
/*widget tag cloud*/
.footer-top-area .widget_tag_cloud .tagcloud {
padding-top: 10px;
}
.footer-top-area .widget_tag_cloud a {
background: transparent;
border-radius: 4px;
border: 1px solid #252525;
color: #d0d0d0 !important;
display: inline-block;
font-size: 15px !important;
margin: 0 2px 4px 0;
padding: 8px 13px;
transition: all 0.3s;
}
@media(max-width:991px) {
.footer-top-area .widget_tag_cloud a {
padding: 8px;
}
}
.footer-top-area .widget_tag_cloud a:hover {
background-color: #2962ff !important;
color: #ffffff !important;
}
.footer-top-area .search-form input.search-submit {
background-color: #fff;
color: #2962ff;
}
/*widget calender*/
.footer-top-area .widget_calendar caption {
caption-side: initial;
text-align: center;
font-weight: 500;
border-radius: 6px 6px 0 0;
background: #2962ff;
color: #ffffff;
padding: 10px 7px;
margin-top: 0px;
}
.footer-top-area .widget_calendar table th,
.footer-top-area .widget_calendar table td {
border: none;
}
.footer-top-area .widget_calendar table td#today {
background: #2962ff;
color: #ffffff;
border-radius: 3px;
}
.footer-top-area .widget_calendar table td#today a {
color: #ffffff;
}
.footer-top-area .widget_calendar table td a {
color: #2962ff;
}
/*widget post box*/
.footer-top-area .post-box-style .rt-news-box-widget {
border-bottom: none;
margin-bottom: 15px;
padding-bottom: 15px;
}
.footer-top-area .post-box-style .post-content .entry-title a {
color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 98%);
}
.footer-top-area .post-box-style .entry-cat a,
.footer-top-area .post-box-style .entry-date {
color: #d0d0d0;
}
.footer-top-area a {
text-decoration: none;
}
.footer-top-area .widget a:hover,
.footer-top-area .widget a:active {
/* color: #000000; */
}
.footer-top-area ul li {
margin-bottom: 8px;
padding-bottom: 8px;
position: relative;
line-height: 1.4;
}
.footer-top-area ul li:last-child,
.footer-top-area ul.menu li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.footer-top-area ul li ul.children,
.footer-top-area ul li ul.sub-menu {
padding-left: 15px;
padding-top: 15px;
}
.footer-top-area ul li ul.children li :last-child,
.footer-top-area ul li ul.sub-menu li :last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
.footer-top-area ul li a {
text-decoration: none;
}
.footer-top-area .widget_tag_cloud a {
text-decoration: none;
}
.footer-top-area .mc4wp-success {
margin-top: 25px;
}
.footer-top-area .widget > form.mc4wp-form {
padding: 0px;
background: transparent;
}
.footer-top-area .rt-news-box .media-body .post-date-dark {
font-size: 14px;
margin-bottom: 12px;
}
.footer-top-area .rt-news-box .media-body .post-date-dark ul li {
color: #aeaeae;
}
.footer-top-area .rt-news-box .media-body h3 {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
}
.footer-top-area .rt-news-box .dark .rt-news-box-widget .media-body a {
color: #c6ceec;
}
.footer-top-area .rt-news-box .dark .rt-news-box-widget .media-body a:hover {
color: #2962ff;
}
.footer-top-area .rt-news-box .media a.post-img-holder {
width: 32% !important;
}
.footer-top-area .gallery .gallery-item {
max-width: 31.5%;
margin: 0 5px 5px 0px;
}
.footer-top-area .gallery .gallery-item img {
max-height: 100px;
}
.footer-area .copyright {
color: #aaaaaa;
text-align: center;
}
@media(max-width: 767px) {
.footer-area .copyright {
text-align: left;
}
}
.footer-area .copyright a {
color: #d0d0d0;
}
.footer-area .copyright a:hover {
color: #ffffff;
}
.footer-bg-opacity {
position: relative;
z-index: 999;
}
.footer-bg-opacity:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
z-index: -1;
}
.footer-area {
position: relative;
overflow: hidden;
background-color: #0f1012;
color: #d0d0d0;
}
.footer-area .footer-top-area {
background-color: #0f1012;
color: #d0d0d0;
}
/**/
.footer-style-1 .footer-area .widget_media_image {
margin-bottom: 25px;
}
.footer-style-1 .footer-copyright-area {
border-top: 1px solid #252525;
font-size: 17px;
text-align: center;
padding: 25px 0;
position: relative;
}
.footer-style-1 .footer-area .widget_text {
margin-bottom: 20px;
}
.footer-style-1 .footer-top-area .widget ul.menu li a {
margin-left: 0;
}
/*Footer 2*/
.footer-style-2 .footer-copyright-area {
position: relative;
z-index: 999;
font-size: 16px;
text-align: center;
padding: 25px 0;
border-top: 1px solid #252525;
}
.footer-style-2 .footer-area .widget_media_image {
margin-bottom: 25px;
}
/*Footer 3*/
.footer-style-3 .footer-area .widgettitle {
color: #ffffff;
}
.footer-style-3 .footer-top-area {
padding-bottom: 80px;
padding-top: 80px;
text-align: center;
}
.footer-style-3 .footer-logo {
margin-bottom: 35px;
}
.footer-style-3 .footer-area .copyright {
color: #d0d0d0;
font-size: 16px;
margin: 0;
padding-top: 25px;
}
.footer-style-3 .footer-top-area .widget ul li {
display: inline-block;
margin-right: 10px;
}
.footer-style-3 .footer-top-area .widget ul li:last-child {
margin-right: 0;
}
.footer-style-3 .footer-top-area .widget ul.menu li:first-child a::before {
display: none;
}
.footer-style-3 .footer-top-area ul.menu li.menu-item-has-children .sub-menu {
display: none;
}
.footer-style-3 .footer-top-area .widget {
margin-bottom: 30px;
}
.footer-style-3 .footer-top-area a,
.footer-style-3 .footer-area .copyright a,
.footer-style-3 .footer-top-area .widget ul.menu li a {
color: #d0d0d0;
}
.footer-style-3 .footer-top-area a:hover,
.footer-style-3 .footer-area .copyright a:hover,
.footer-style-3 .footer-top-area .widget ul.menu li a:hover {
color: #ffffff;
}
.footer-style-3 .footer-area .copyright a:hover {
color: #ffffff;
}
/*Footer 4*/
.footer-style-4 .footer-area .widget_media_image {
margin-bottom: 25px;
}
.footer-style-4 .footer-copyright-area {
border-top: 1px solid #252525;
font-size: 16px;
text-align: center;
padding: 60px 0 60px;
position: relative;
}
.footer-style-4 .footer-area .widget_text {
margin-bottom: 20px;
}
.footer-style-4 .footer-top-area .widget ul.menu li a {
margin-left: 0;
}
.footer-style-4 .shape-holder > span {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
z-index: 0;
}
/*Footer 5*/
.footer-style-5 .footer-area .widgettitle {
color: #000000;
}
.footer-style-5 .footer-area .footer-top-area {
background-color: transparent;
color: inherit;
}
.footer-style-5 .footer-top-area .widget a {
color: #000000;
}
.footer-style-5 .footer-top-area .widget a:hover,
.footer-style-5 .footer-area .copyright a:hover {
color: #2962ff;
}
.footer-style-5 .footer-copyright-area {
border-top: 1px solid #e5e2e2;
font-size: 16px;
text-align: center;
padding: 30px 0 30px;
position: relative;
}
.footer-style-5 .footer-area .widget_text {
margin-bottom: 20px;
}
.footer-style-5 .footer-area .widget_media_image {
margin-bottom: 25px;
}
.footer-style-5 .footer-top-area .post-box-style .post-content .entry-title a,
.footer-style-5 .footer-top-area .post-box-style .post-content .entry-title a:hover {
color: #000;
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
}
.footer-style-5 .footer-top-area .post-box-style .entry-cat a,
.footer-style-5 .footer-top-area .post-box-style .entry-date {
color: #a5a6aa;
}
.footer-style-5 .footer-area .footer-social li a {
background-color: #000000;
color: #fff;
}
.footer-style-5 .footer-area .copyright,
.footer-style-5 .footer-area .copyright a {
color: #a5a6aa;
}
/*---------------------------------------------
#. Widgets - Sidebar
-----------------------------------------------*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.header-search-form input:-webkit-autofill,
.header-search-form input:-webkit-autofill:hover,
.header-search-form input:-webkit-autofill:focus,
.header-search-form input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px transparent inset !important;
}
.widget_categories select,
.widget_archive select,
.widget_text select,
.fluentform select {
appearance: none;
background-size: 12px;
background-image: url(../img/select-arrow.png) !important;
background-repeat: no-repeat;
background-position: 95%;
}
.widget select {
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 12px 13px;
width: 100%;
outline: none;
}
.widget > select {
margin-top: 10px;
}
.widget ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.widget ul li a {
color: #444444;
display: inline;
transition: all ease 0.31s;
}
.widget ul li a:hover {
color: #2962ff;
}
.widget_recent_entries ul li span {
display: block;
}
.sidebar-widget-area .widget {
margin-bottom: 40px;
overflow: hidden;
position: relative;
}
.sidebar-widget-area .widget .widgettitle {
display: flex;
align-items: center;
position: relative;
color: #000000;
font-size: 17px;
margin-bottom: 30px;
line-height: 1.4;
z-index: 2;
text-transform: uppercase;
transition: all ease 0.31s;
}
.sidebar-widget-area .widget .widgettitle .titledot {
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #2962ff;
margin-right: 7px;
margin-left: 15px;
display: inline-block;
transition: all ease 0.31s;
}
.sidebar-widget-area .widget .widgettitle .titleline {
border: 1px solid #e5e5e5;
border-width: 1px 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 4px;
transition: all ease 0.31s;
}
.sidebar-widget-area .widget:last-child {
margin-bottom: 0;
}
.sidebar-widget-area .widget ul li {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 13px;
padding: 0 0 13px;
position: relative;
transition: all 140ms ease-in-out;
}
.sidebar-widget-area .widget ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar-widget-area .widget ul li a {
font-size: 16px;
font-weight: 400;
position: relative;
transition: all 140ms ease-in-out;
}
.sidebar-widget-area .widget ul li a:hover {
color: #2962ff;
}
.sidebar-widget-area .widget ul li ul {
border-top: 1px solid #e2e2e2;
margin-top: 10px;
padding-top: 10px;
}
.sidebar-widget-area .widget_nav_menu ul ul.sub-menu li:last-child,
.sidebar-widget-area .widget_categories ul ul.children li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.sidebar-widget-area .widget ul li.active a {
color: #000000;
}
.sidebar-widget-area .widget ul li ul.children li:last-child,
.sidebar-widget-area .widget ul li ul.sub-menu li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
/*Sidebar block widget*/
.sidebar-widget-area .widget_block h2 {
display: block;
position: relative;
color: #000000;
font-size: 22px;
margin-bottom: 25px;
line-height: 1.4;
z-index: 2;
}
.sidebar-widget-area ol.wp-block-latest-comments {
padding-left: 0;
}
.sidebar-widget-area .wp-block-latest-comments__comment {
line-height: 1.6;
list-style: none;
margin-bottom: 1em;
}
.widget_search .wp-block-search .wp-block-search__label {
display: none;
}
.wp-block-search .wp-block-search__label {
font-size: 20px;
font-weight: 500;
}
.wp-block-search input {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
color: #444444;
font-size: 15px;
outline: none;
}
.wp-block-search .wp-block-search__button {
background-color: #2962ff;
border-radius: 4px;
border: none;
color: #ffffff;
font-size: 16px;
font-family: 'ProximaNova' !important;
font-weight: 500;
}
.sidebar-widget-area ul.wp-block-categories li,
.sidebar-widget-area ul.wp-block-archives li {
width: 100%;
float: left;
background: #ffffff;
line-height: 1.6;
text-align: right;
}
.sidebar-widget-area ul.wp-block-categories li a,
.sidebar-widget-area ul.wp-block-archives li a {
float: left;
}
.wp-block-categories,
.wp-block-archives {
margin: 0;
padding: 0;
list-style-type: none;
}
.wp-block-categories li ul.children,
.wp-block-archives li ul.children {
padding-left: 17px;
float: left;
width: 100%;
border-top: 1px solid #e2e2e2;
margin-top: 10px;
padding-top: 10px;
margin-left: 0;
list-style: none;
}
.wp-block-categories li,
.wp-block-archives li {
width: 100%;
float: left;
background: #ffffff;
line-height: 1.6;
text-align: right;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 13px;
padding: 0 0 13px;
position: relative;
transition: all 140ms ease-in-out;
}
.wp-block-categories li:last-child,
.wp-block-archives li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.wp-block-categories li a,
.wp-block-archives li a {
float: left;
font-size: 16px;
font-weight: 400;
position: relative;
color: #444444;
display: inline;
transition: all 140ms ease-in-out;
}
.wp-block-categories li a:hover,
.wp-block-archives li a:hover {
color: #2962ff;
}
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 10px;
padding: 14px 13px;
width: 100%;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-size: 12px;
background-image: url(../img/select-arrow.png) !important;
background-repeat: no-repeat;
background-position: 98%;
}
/*Recent comment widget*/
.sidebar-widget-area .widget_recent_comments ul li.recentcomments {
line-height: 1.6;
position: relative;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments:last-child {
margin-bottom: 0;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments > a:before {
display: none;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments > span {
position: relative;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments:hover > span:before {
background-color: #2962ff;
}
.sidebar-widget-area .widget_recent_comments ul li.recentcomments span > a:before {
left: -15px;
top: -3px;
}
.sidebar-widget-area .widget_recent_entries ul li .post-date {
color: #535151;
font-size: 14px;
}
/*widget rss*/
.sidebar-widget-area .widget_rss .widgettitle a {
color: #000000;
}
.sidebar-widget-area .widget_rss .rss-widget-icon {
margin-right: 7px;
position: relative;
top: -3px;
}
.sidebar-widget-area .widget_rss ul li {
position: relative;
color: #646464;
background: #ffffff;
line-height: 1.6;
transition: all 0.3s ease-out;
}
.sidebar-widget-area .widget_rss ul li a {
padding-left: 0;
font-weight: 500;
color: #000000;
}
.sidebar-widget-area .widget_rss ul li a:before {
display: none;
}
.sidebar-widget-area .widget_rss ul li:last-child {
margin-bottom: 0px;
padding-bottom: 20px;
}
.sidebar-widget-area .widget_rss cite {
color: #000000;
font-weight: 500;
}
/*---widget text css---*/
.widget_text .textwidget strong {
font-weight: 500;
}
/*---Accesspress tag css---*/
.sidebar-widget-area .widget_tag_cloud a,
.sidebar-widget-area .widget_product_tag_cloud a {
color: #646464;
border: 1px solid #e5e5e5;
background: #ffffff;
border-radius: 4px;
display: inline-block;
font-size: 15px !important;
margin: 0 0px 4px 0;
padding: 6px 12px;
font-weight: 400;
transition: all 140ms ease-in-out;
}
.sidebar-widget-area .widget_tag_cloud a:hover,
.sidebar-widget-area .widget_product_tag_cloud a:hover {
background-color: #2962ff;
border: 1px solid transparent;
color: #ffffff;
}
/*Sidebar search*/
.search-form {
padding-top: 0;
}
.search-form .input-group {
position: relative;
margin-bottom: 0;
padding: 5px;
border-radius: 4px;
border: 1px solid #e5e5e5;
transition: all ease 0.31s;
}
.search-form input {
border: none;
color: #444444;
font-size: 14px;
font-weight: 500;
border-radius: 0;
float: left;
height: 43px;
padding: 5px 52px 5px 10px;
width: 100%;
outline: none;
background-color: transparent;
letter-spacing: 1px;
}
.search-form button {
position: absolute !important;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 43px;
border-radius: 3px !important;
background-color: #2962ff;
color: #fff;
font-size: 16px;
border: none;
transition: all 0.3s ease;
}
.search-form button:focus {
outline: none;
box-shadow: none;
}
.search-form button:hover {
background: #0034c2;
color: #ffffff;
}
.search-form input:focus {
outline: none;
box-shadow: none;
border-color: #2962ff;
background: transparent;
}
.search-form input.search-submit {
width: 100%;
}
.widget_search .search-form input.form-control::-webkit-input-placeholder {
color: #444444;
}
.widget_search .search-form input.form-control:-ms-input-placeholder {
color: #444444;
}
.widget_search .search-form input.form-control:-moz-placeholder {
color: #444444;
}
.mobile-header-search .custom-search-input input {
border: 1px solid #dcdcdc;
border-radius: 0px;
box-shadow: none;
float: left;
height: 40px;
padding: 0 25px 0 12px;
width: 100%;
}
.mobile-header-search .custom-search-input button {
background: transparent;
border: none;
border-radius: 0px;
box-shadow: none;
color: #646464;
font-size: 16px;
position: absolute;
top: 0;
transition: all 0.5s ease;
padding: 8px 18px 8px 17px;
right: 15px;
}
.mobile-header-search .custom-search-input button:hover {
color: #2962ff;
}
.mobile-header-search .custom-search-input .btn {
z-index: 5;
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
z-index: 0;
}
.sidebar-widget-area .widget.rt-news-box .rt-widget-title-holder {
margin-bottom: 0;
}
/*post box*/
.post-box-style .topic-box {
margin-bottom: 12px;
position: relative;
}
.post-box-style .topic-box img {
border-radius: 4px;
transform: scale(1.01);
transition: all 0.5s ease;
}
.post-box-style .topic-box:hover img {
transform: scale3d(1.1,1.1,1);
}
.post-box-style .rt-news-box-widget {
position: relative;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 22px;
padding-bottom: 25px;
display: inline-block;
transition: all ease 0.31s;
}
.post-box-style .rt-news-box-widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.post-box-style .item-list {
display: flex;
align-items: center;
}
.post-box-style .post-box-img {
position: relative;
margin-right: 24px;
border-radius: 50%;
overflow: unset;
flex: 0 0 100px;
}
.post-box-style .item-list .post-box-img img {
width: 100px;
height: 100px;
border-radius: 50%;
transform: scale(1.01);
transition: all 0.5s ease;
}
.post-box-style .item-list:hover .post-box-img img {
transform: scale3d(1.1,1.1,1);
}
.post-box-style .post-box-img .post-img {
display: inherit;
overflow: hidden;
border-radius: 50%;
}
.post-box-style .post-box-img .post-img::after {
position: absolute;
display: inline-flex;
justify-content: center;
align-items: center;
right: 0;
top: 10px;
width: 24px;
height: 24px;
border-radius: 50%;
border: 3px solid #fff;
background-color: #555555;
font-size: 0.75rem;
color: #fff;
counter-increment: post-counter;
content: counter(post-counter);
font-weight: 500;
transition: all ease 0.31s;
}
.post-box-style .item-list:hover .post-box-img .post-img::after {
background-color: #2962ff;
}
.post-box-style .topic-box .rt-wid-post-img {
border-radius: 4px;
margin-bottom: 10px;
display: inline-block;
overflow: hidden;
}
.post-box-style .post-content {
flex-grow: 1;
}
.post-box-style .post-content .entry-title {
font-size: 16px;
margin-bottom: 0px;
line-height: 1.4;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-box-style .post-content .entry-title a {
color: #000000;
}
.post-box-style .entry-cat {
line-height: 1;
margin-bottom: 10px;
}
.post-box-style .entry-cat a {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.post-box-style .entry-cat a:hover {
color: #2962ff;
}
.post-box-style .entry-date {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
line-height: 1;
margin-top: 12px;
}
.post-box-style .entry-date i {
margin-right: 6px;
}
.list-left-spacing .post-box-style .post-content {
padding-left: 20px;
}
@media(max-width: 480px) {
.list-left-spacing .post-box-style .post-content {
padding-left: 0;
}
}
/*Tab post widget*/
.post-tab-layout .position-relative {
border-bottom: none;
margin-bottom: 10px;
padding-bottom: 10px;
}
.post-tab-layout .position-relative:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.post-tab-layout .media {
display: inline-flex;
}
.post-tab-layout .media .media-body {
flex: 1;
}
.post-tab-layout .media .tab-img-holder {
width: 35%;
float: left;
margin-right: 15px;
overflow: hidden;
border-radius: 4px;
}
.post-tab-layout .media .tab-img-holder img {
transform: scale(1.01);
transition: all ease 0.31s;
}
.post-tab-layout .media:hover .tab-img-holder img {
transform: scale3d(1.1,1.1,1);
}
.post-tab-layout ul.btn-tab {
border-bottom: none;
margin-bottom: 40px;
margin-left: 0;
}
.post-tab-layout ul.btn-tab li {
margin-bottom: 0;
padding: 0;
font-size: 14px;
font-weight: 500;
border-bottom: none;
}
.post-tab-layout ul.item-inline2 li {
width: 33.33%;
display: inline-block;
}
.post-tab-layout ul.item-inline2 li:first-child a {
border-radius: 4px 0 0 4px;
}
.post-tab-layout ul.item-inline2 li:last-child a {
border-radius: 0 4px 4px 0;
}
.post-tab-layout ul.btn-tab li a {
background-color: transparent;
border: 1px solid #e5e5e5;
padding: 10px 0px;
display: block;
color: #929292;
transition: all .5s ease-out;
line-height: 20px;
font-size: 14px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
}
.post-tab-layout ul.btn-tab li .active,
.post-tab-layout ul.btn-tab li a:hover {
border: 1px solid transparent;
background-color: #2962ff;
color: #ffffff !important;
box-shadow: 0px 10px 18px 0px rgb(50 112 252 / 27%);
}
.post-tab-layout ul.btn-tab li a:before {
display: none;
}
.post-tab-layout .entry-title {
font-size: 16px;
margin-bottom: 0;
margin-top: 10px;
line-height: 1.4;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-tab-layout .entry-title a {
color: #000000;
}
.post-tab-layout .post-box-date {
line-height: 1;
}
.post-tab-layout .post-tab-cat a {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.post-tab-layout .post-tab-cat a:hover {
color: #2962ff;
}
.post-tab-layout .post-tab-date {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
line-height: 1;
margin-top: 12px;
}
.post-tab-layout .post-tab-date i {
margin-right: 6px;
}
/*Feature post widget*/
.feature-post-layout .rt-feature-widget .entry-title {
font-size: 20px;
margin-bottom: 0;
line-height: 1.4;
}
.feature-post-layout .entry-title a {
color: #000000;
}
.feature-post-layout .post-box-date ul {
list-style: none;
margin: 0 0 5px 0;
padding: 0;
}
.feature-post-layout .post-box-date ul li {
font-size: 14px;
color: #646464;
font-weight: 600;
margin: 0;
padding: 0;
border: none;
display: inline-block;
position: relative;
}
.feature-post-layout .post-box-date ul li:after {
content: ".";
color: #646464;
font-weight: 700;
padding: 0 5px 0 8px;
}
.feature-post-layout .post-box-date ul li:last-child:after {
display: none;
}
.feature-post-layout .post-box-date ul li:last-child {
margin-right: 0;
}
.feature-post-layout .post-box-date ul li a {
color: #646464;
font-size: 14px;
}
.feature-post-layout .post-box-date ul li a:before {
display: none;
}
.feature-post-layout .post-box-date ul li a:hover {
color: #000000;
}
.feature-post-layout .post-box-date ul li.feature-date {
color: #2962ff;
font-weight: 700;
}
.feature-post-layout .media {
margin-bottom: 18px;
overflow: hidden;
}
.feature-post-layout .media-body p {
margin-top: 12px;
}
.feature-post-layout .media .post-img-holder {
overflow: hidden;
border-radius: 4px;
display: block;
}
.feature-post-layout .media .post-img-holder img {
transform: scale(1.01);
transition: all ease 0.31s;
}
.feature-post-layout .media .post-img-holder:hover img {
transform: scale3d(1.1,1.1,1);
}
.feature-post-layout .list-item {
background: #ffffff;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
padding-bottom: 15px;
}
.feature-post-layout .list-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.feature-post-layout .list-item .entry-title {
font-size: 16px;
}
.sidebar-widget-area .widget .corporate-address li {
display: inline-block;
width: 100%;
vertical-align: top;
}
.sidebar-widget-area .widget .corporate-address li i {
color: #2962ff;
font-size: 19px;
padding: 0px 15px 10px 0;
}
.sidebar-widget-area .widget .corporate-address li i.fa-map-marker {
color: #2962ff;
font-size: 19px;
padding: 0px 24px 10px 0;
}
.sidebar-widget-area .widget .corporate-address li a {
color: #000000;
line-height: 34px;
font-size: 15px;
transition: all 0.3s ease-out;
font-weight: 400;
}
.sidebar-widget-area .widget .corporate-address li a:before {
content: "";
margin-right: 0px;
}
/*Categories and Archive widget*/
.sidebar-widget-area .widget_categories ul li,
.sidebar-widget-area .widget_archive ul li {
width: 100%;
float: left;
background: #ffffff;
line-height: 1.6;
text-align: right;
}
.sidebar-widget-area .widget_categories ul li:last-child,
.sidebar-widget-area .widget_archive ul li:last-child {
padding-bottom: 0px;
}
.sidebar-widget-area .widget_categories ul li a,
.sidebar-widget-area .widget_archive ul li a {
float: left;
}
.sidebar-widget-area .widget ul li ul.children,
.sidebar-widget-area .widget ul li ul.sub-menu {
padding-left: 17px;
float: left;
width: 100%;
}
.sidebar-widget-area .widget.widget_pages ul li ul.children,
.sidebar-widget-area .widget.widget_nav_menu ul li ul.sub-menu {
float: inherit;
width: inherit;
}
@media(max-width:1199px) {
.sidebar-widget-area .widget ul li ul.children,
.sidebar-widget-area .widget ul li ul.sub-menu {
padding-left: 5px;
}
}
/*calendar sidebar*/
.sidebar-widget-area .widget_calendar caption {
caption-side: initial;
text-align: center;
font-weight: 500;
border-radius: 6px 6px 0 0;
background: #2962ff;
color: #ffffff;
padding: 10px 7px;
margin-top: 0px;
}
.sidebar-widget-area .widget_calendar table th,
.sidebar-widget-area .widget_calendar table td {
color: #444444;
}
.sidebar-widget-area .widget_calendar table th {
font-weight: 500;
}
.sidebar-widget-area .widget_calendar table td#today {
background: #2962ff;
color: #ffffff;
border-radius: 3px;
}
.sidebar-widget-area .widget_calendar table td#today a {
color: #ffffff;
}
.sidebar-widget-area .widget_calendar a {
color: #444444;
font-weight: 500;
}
.sidebar-widget-area .widget_calendar td a {
color: #2962ff;
}
.sidebar-widget-area .widget_calendar a:hover {
color: #2962ff;
}
/*Image Gallery*/
.gallery .gallery-item {
margin: 0;
text-align: center;
}
.gallery .gallery-item .gallery-icon {
margin: 5px;
}
.gallery .gallery-item .gallery-icon img {
border-radius: 4px;
}
.gallery .gallery-item .gallery-caption {
font-size: 13px;
}
/*Image widget*/
.sidebar-widget-area .widget.widget_media_image {
padding: 0;
}
/*Social widget*/
.sidebar-widget-area .rt-about-widget ul.footer-social {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
.sidebar-widget-area .rt-about-widget ul.footer-social li {
display: inline-block;
margin: 0 5px 5px 0;
padding: 0;
line-height: 1;
}
.sidebar-widget-area .rt-about-widget ul.footer-social li a {
font-size: 16px;
transition: all 0.3s ease-out;
font-weight: 400;
background: #fff;
padding: 14px 15px;
display: flex;
width: 60px;
height: 60px;
text-align: center;
align-items: center;
justify-content: space-around;
}
.sidebar-widget-area .rt-about-widget ul.footer-social li a:before {
display: none;
}
/*About Author*/
.sidebar-widget-area .widget.widget_neeon_about_author {
padding: 0;
}
.widget_neeon_about_author .author-widget {
position: relative;
z-index: 2;
overflow: hidden;
text-align: center;
border-radius: 4px;
padding: 40px 35px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.widget_neeon_about_author .author-widget span {
display: block;
color: #ffffff;
}
.widget_neeon_about_author .author-widget span.phone {
font-size: 18px;
}
.widget_neeon_about_author .author-widget span a {
color: #ffffff;
}
.widget_neeon_about_author .author-widget:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
opacity: 0.9;
z-index: -1;
background-image: linear-gradient(38deg, #512da8 0%, #2962ff 100%);
}
.widget_neeon_about_author .author-widget img {
margin-bottom: 18px;
width: 160px;
}
.widget_neeon_about_author .author-widget h3 {
font-size: 20px;
color: #ffffff;
margin-bottom: 7px;
line-height: 1.2;
}
.widget_neeon_about_author .author-widget h4 {
font-size: 14px;
font-weight: 500;
color: #ffffff;
margin-bottom: 12px;
}
.widget_neeon_about_author .author-widget .about-btn {
border-radius: 4px;
margin-top: 30px;
padding: 13px 20px 11px;
}
/*Social apsc style 1*/
.apsc-theme-1 .apsc-each-profile {
display: inline-block;
float: left;
width: 48%;
margin: 0 5px 5px 0;
text-align: center;
}
.apsc-theme-1 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-1 .apsc-each-profile a {
color: #ffffff;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 3px;
padding: 10px 15px;
}
.apsc-theme-1 .apsc-facebook-icon {
background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);
}
.apsc-theme-1 .apsc-twitter-icon {
background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);
}
.apsc-theme-1 .apsc-instagram-icon {
background-image: linear-gradient(-90deg, #bc2a8d 0%, #8a3ab9 100%);
}
.apsc-theme-1 .apsc-youtube-icon {
background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);
}
.apsc-theme-1 .apsc-soundcloud-icon {
background-image: linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);
}
.apsc-theme-1 .apsc-dribble-icon {
background-image: linear-gradient(-90deg, #f43079 0%, #f7679d 100%);
}
.apsc-theme-1 .social-icon {
display: block;
margin-bottom: 5px;
}
.apsc-theme-1 .social-icon i {
font-size: 14px;
width: 34px;
height: 34px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(255,255,255,0.1);
transition: all ease 0.6s;
}
.apsc-theme-1 .apsc-each-profile a:hover .social-icon i {
background: rgba(255,255,255,1);
color: #000000;
}
.apsc-theme-1 span.media-name {
display: none;
}
.apsc-theme-1 span.apsc-count {
position: relative;
margin-right: 10px;
}
/*Social apsc style 2*/
.apsc-theme-2 .apsc-each-profile {
display: inline-block;
float: left;
width: 48%;
margin: 0 5px 5px 0;
text-align: center;
}
.apsc-theme-2 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-2 .apsc-each-profile a {
color: #111111;
border: 1px solid #e5e5e5;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 4px;
padding: 10px 15px;
}
.apsc-theme-2 .apsc-facebook-icon i {
color: #1559c2;
}
.apsc-theme-2 .apsc-twitter-icon i {
color: #1ea9e9;
}
.apsc-theme-2 .apsc-instagram-icon i {
color: #bc2a8d;
}
.apsc-theme-2 .apsc-youtube-icon i {
color: #ed1d25;
}
.apsc-theme-2 .apsc-soundcloud-icon i {
color: #ff6b10;
}
.apsc-theme-2 .apsc-dribble-icon i {
color: #f65e97;
}
.apsc-theme-2 .social-icon {
display: block;
}
.apsc-theme-2 .social-icon i {
font-size: 24px;
}
.apsc-theme-2 span.media-name {
display: none;
}
.apsc-theme-2 span.apsc-count {
position: relative;
margin-right: 10px;
}
/*Social apsc style 3*/
.apsc-theme-3 .apsc-each-profile {
display: inline-block;
float: left;
width: 100%;
margin: 0 0 5px 0;
}
.apsc-theme-3 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-3 .apsc-each-profile > a {
color: #8a8a8a;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 3px;
height: 62px;
padding: 10px 15px;
display: flex;
align-items: center;
border: 1px solid #e5e5e5;
text-transform: uppercase;
}
.apsc-theme-3 .apsc-inner-block {
width: 100%;
}
.apsc-theme-3 .social-icon {
display: inline-block;
width: 45px;
border-right: 1px solid #e5e5e5;
padding-right: 20px;
margin-right: 20px;
}
.apsc-theme-3 .social-icon i {
font-size: 16px;
transition: all ease 0.6s;
}
.apsc-theme-3 .apsc-inner-block:hover .social-icon i {
transform: rotate(360deg);
}
.apsc-theme-3 .apsc-each-profile a:hover .social-icon i {
color: #000000;
}
.apsc-theme-3 span.media-name {
display: none;
}
.apsc-theme-3 span.apsc-count {
position: relative;
margin-left: 20px;
margin-right: 20px;
padding-left: 20px;
border-left: 1px solid #e5e5e5;
float: right;
}
/*Social apsc style 4*/
.apsc-theme-4 .apsc-each-profile {
display: inline-block;
float: left;
width: 100%;
margin: 0 0 5px 0;
}
@media(min-width: 523px) and (max-width: 1024px) {
.apsc-theme-4 .apsc-each-profile {
width: 49%;
margin-right: 5px;
}
}
.apsc-theme-4 .apsc-each-profile:last-child {
margin-bottom: 0;
}
.apsc-theme-4 .apsc-each-profile a {
color: #ffffff;
font-size: 14px;
font-weight: 500;
display: block;
width: 100%;
border-radius: 3px;
height: 62px;
padding: 10px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.apsc-theme-4 .apsc-facebook-icon {
background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);
}
.apsc-theme-4 .apsc-twitter-icon {
background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);
}
.apsc-theme-4 .apsc-instagram-icon {
background-image: linear-gradient(-90deg, #bc2a8d 0%, #8a3ab9 100%);
}
.apsc-theme-4 .apsc-youtube-icon {
background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);
}
.apsc-theme-4 .apsc-soundcloud-icon {
background-image: linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);
}
.apsc-theme-4 .apsc-dribble-icon {
background-image: linear-gradient(-90deg, #f43079 0%, #f7679d 100%);
}
.apsc-theme-4 .social-icon i {
font-size: 14px;
width: 34px;
height: 34px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(255,255,255,0.1);
transition: all ease 0.6s;
}
.apsc-theme-4 .apsc-each-profile a:hover .social-icon i {
background: rgba(255,255,255,1);
color: #000000;
}
.apsc-theme-4 span.media-name {
display: none;
}
.apsc-theme-4 span.apsc-count {
position: relative;
padding-left: 13px;
margin-left: 15px;
margin-right: 10px;
}
.apsc-theme-4 span.apsc-count::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: #fff;
}
/*Widget gallery*/
.sidebar-widget-area .widget.widget_media_gallery {
background: transparent;
box-shadow: none;
padding: 0;
}
.sidebar-widget-area .widget.widget_media_gallery .gallery-size-thumbnail {
margin-bottom: 0;
}
/*Instagram Feed*/
.sidebar-widget-area .widget.widget_instagram-feed-widget {
background: transparent;
box-shadow: none;
padding: 0;
}
.sidebar-widget-area .widget.widget_instagram-feed-widget .sbi_small {
padding-bottom: 0 !important;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::before,
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
pointer-events: none;
transform: translate(-50%, -50%);
transition: all ease 0.8s;
z-index: 1;
opacity: 0;
visibility: hidden;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::before {
background: rgba(41, 98, 255, 0.7);
height: 0;
width: 0;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap::after {
content: "\f16d";
width: 100%;
height: 100%;
font-family: "Font Awesome 5 Brands";
font-size: 20px;
font-weight: normal;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
#sb_instagram #sbi_images .sbi_item:hover .sbi_photo_wrap::after {
opacity: 1;
visibility: visible;
transition-delay: 0.1s;
}
#sb_instagram #sbi_images .sbi_item:hover .sbi_photo_wrap::before {
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
}
#sb_instagram .sbi_photo_wrap {
position: relative;
border-radius: 4px;
overflow: hidden;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
padding: 5px !important;
}
@media(max-width: 480px) {
#sb_instagram #sbi_images {
padding: 0 !important;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
width: 50%;
}
}
/*-----------------------------------------------------
#. Banner
------------------------------------------------------*/
.entry-banner {
background: #f7f7f7;
position: relative;
z-index: 3;
transition: all ease 0.31s;
}
.entry-banner:after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(247, 247, 247, 1);
z-index: 1;
}
.entry-banner .entry-banner-content {
padding: 30px 0 30px;
position: relative;
z-index: 2;
}
.entry-banner .entry-banner-content h1 {
line-height: 1.4;
margin-bottom: 10px;
color: #ffffff;
font-size: 46px;
}
.entry-banner .entry-banner-content h1 a {
color: #000000;
}
.entry-banner .entry-banner-content h1 a:hover {
color: #646464;
}
.breadcrumb-area .entry-breadcrumb span {
font-size: 14px;
}
.breadcrumb-area .entry-breadcrumb span a {
color: #646464;
}
.breadcrumb-area .entry-breadcrumb span a:hover {
color: #2962ff;
}
.breadcrumb-area .entry-breadcrumb span .fa-home {
margin-right: 4px;
}
.breadcrumb-area .entry-breadcrumb .current-item,
.breadcrumb-area .entry-breadcrumb span.current {
color: #2962ff;
}
.entry-banner .entry-breadcrumb .delimiter {
color: #ffffff;
padding: 0 7px;
font-size: 14px;
}
.entry-banner .entry-breadcrumb .dvdr {
color: #646464;
padding: 0 7px;
}
/*breadcrumb*/
.breadcrumb-trail ul.trail-items {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}
.breadcrumb-trail ul.trail-items li {
display: inline-block;
font-size: 16px;
position: relative;
padding-right: 16px;
margin-right: 12px;
color: #2962ff;
}
.breadcrumb-trail ul.trail-items li:after {
position: absolute;
content: "-";
right: 0;
top: 0;
}
.breadcrumb-trail ul.trail-items li:last-child:after {
display: none;
}
.breadcrumb-trail ul.trail-items li a {
color: #2962ff;
}
.breadcrumb-trail ul.trail-items li a:hover {
color: #646464;
}
.breadcrumb-trail ul.trail-items li > span {
color: #646464;
}
.banner-text {
line-height: 1.4;
}
.site-main .entry-breadcrumb .current {
color: #2962ff;
}
/*-------------------------------------
#. Contents
---------------------------------------*/
form.post-password-form label > input {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 10px 8px;
}
form.post-password-form input[type="submit"] {
border-radius: 4px;
background: #2962ff;
color: #ffffff;
font-weight: 500;
outline: none;
transition: all ease 0.31s;
}
form.post-password-form input[type="submit"]:hover {
background: #000000;
color: #ffffff;
}
/*-------------------------------------
#. Single Content
---------------------------------------*/
/*reading progressbar*/
@media(min-width: 992px) {
.single.admin-bar .neeon-progress-container {
top: 32px;
}
}
.single .neeon-progress-container {
width: 100%;
position: fixed;
top: 0px;
z-index: 999999;
}
.single .neeon-progress-bar {
height: 4px;
background: linear-gradient(90deg, #2962ff 0%, #0034c2 100%);
width: 0%;
}
.single .neeon-progress-container.bottom {
bottom: 0;
top: initial;
}
/*post scroll seperator*/
.single-post .ajax-scroll-post > .type-post {
position: relative;
margin-bottom: 60px;
padding-bottom: 70px;
}
.single-post .ajax-scroll-post > .type-post:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 10px;
width: 100%;
border-radius: 1px;
background: #2962ff;
}
.single-post .ajax-scroll-post > .type-post:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.single-post .ajax-scroll-post > .type-post:last-child:after {
display: none;
}
/*post header title*/
.content-area {
padding-top: 80px;
padding-bottom: 80px;
background-repeat: no-repeat;
}
.content-area .entry-content img {
border-radius: 4px;
}
.entry-header .entry-title {
font-size: 38px;
margin-bottom: 10px;
line-height: 1.4;
transition: all ease 0.31s;
font-weight: 700;
}
.entry-header ul.entry-meta {
padding: 0px;
margin: 0 0 15px;
list-style: none;
display: inline-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.entry-header ul.entry-meta li {
display: inline;
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
margin-right: 16px;
position: relative;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.entry-header ul.entry-meta li:last-child {
margin-right: 0;
}
.entry-header ul.entry-meta li i {
margin-right: 7px;
width: 11px;
}
.entry-header ul.entry-meta li a {
color: #444444;
}
.entry-header ul.entry-meta li a:hover {
color: #2962ff;
}
.entry-header ul.entry-meta li img {
border-radius: 50%;
margin-right: 15px;
}
/*post video*/
.embed-responsive-16by9 {
margin-top: 40px;
}
.embed-responsive-16by9 .embed-responsive-item {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 4px;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-16by9 iframe {
border-radius: 4px;
}
figure.is-type-video {
border-radius: 4px;
overflow: hidden;
}
/*post social style*/
.post-share {
margin-bottom: 40px;
}
.post-share .share-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 40px;
overflow: hidden;
color: #ffffff;
background: #646464;
position: relative;
transition: all ease 0.31s;
border-radius: 4px;
margin-bottom: 5px;
margin-right: 5px;
}
@media(max-width: 425px) {
.post-share .share-links a {
margin-right: 4px;
margin-bottom: 4px;
}
}
.post-share .share-links a:hover {
opacity: 0.8;
color: #fff;
}
.post-share .share-links .social-text {
display: none;
}
.post-share .share-links a.facebook-f-share-button {
background: #1559c2;
}
.post-share .share-links a.twitter-share-button {
background: #1ea9e9;
}
.post-share .share-links a.youtube-share-button {
background: #ed1d25;
}
.post-share .share-links a.linkedin-in-share-button {
background: #238cc8;
}
.post-share .share-links a.pinterest-p-share-button {
background: #e13138;
}
.post-share .share-links a.whatsapp-share-button {
background: #43ce13;
}
.post-share .share-links a.cloud-share-button {
background: #ff6b10;
}
.post-share .share-links a.dribbble-share-button {
background: #f65e97;
}
.post-share .share-links a.tumblr-share-button {
background: #35465c;
}
.post-share .share-links a.reddit-share-button {
background: #45668e;
}
.post-share .share-links a.print-share-button {
background: #87B1E8;
}
.post-share .share-links a.email-share-button {
background: #5A83F7;
}
/*post content*/
.entry-content .single-post-list li {
font-size: 16px;
color: #111111;
font-weight: 500;
position: relative;
margin-bottom: 4px;
}
/*post footer meta*/
.entry-footer .entry-footer-meta {
overflow: hidden;
margin-top: 50px;
display: flex;
justify-content: space-between;
}
@media(max-width: 991px) {
.entry-footer .entry-footer-meta {
display: block;
}
.entry-footer .entry-footer-meta .meta-tags {
margin-bottom: 20px;
}
}
.entry-footer .meta-title {
font-size: 18px;
margin-bottom: 14px;
}
.meta-tags a {
display: inline-block;
font-size: 14px;
color: #646464;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 9px 15px;
background-color: transparent;
transition: all ease 0.31s;
text-transform: lowercase;
margin-right: 6px;
margin-bottom: 6px;
line-height: 1.4;
}
.meta-tags a:hover {
background: #2962ff;
color: #ffffff;
border-color: transparent;
}
/*Post author*/
.about-author {
display: flex;
background: #f7f7f7;
padding: 60px;
margin-bottom: 50px;
margin-top: 15px;
border-radius: 4px;
}
.about-author .pull-left {
padding-right: 25px;
width: 250px;
}
@media(max-width:480px) {
.about-author {
display: inherit;
padding: 30px;
}
.about-author .pull-left {
width: 100px;
padding-right: 0;
margin-bottom: 20px;
}
}
.about-author .pull-left img {
border-radius: 50%;
}
.about-author .author-title {
font-size: 18px;
margin-bottom: 8px;
line-height: 1.4;
text-transform: capitalize;
}
.about-author .author-title a {
color: #000000;
}
.about-author .author-designation {
margin-bottom: 10px;
font-size: 15px;
color: #a5a5a5;
line-height: 1.2;
}
.about-author .author-bio {
color: #646464;
}
.about-author ul.author-box-social {
list-style: none;
margin: 12px 0 0 0;
padding: 0;
text-align: left;
}
.about-author ul.author-box-social li {
display: inline-block;
margin-right: 10px;
margin-bottom: 5px;
}
.about-author ul.author-box-social li a {
font-size: 16px;
color: #000000;
display: block;
text-align: center;
transition: all ease 0.31s;
}
.about-author ul.author-box-social li a:hover {
color: #2962ff;
}
.about-author ul.author-box-social li:last-child {
margin-right: 0px;
}
/*next post & prev post*/
.post-navigation {
margin-top: 50px;
margin-bottom: 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.post-navigation .text-left {
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 30px 40px;
width: 47%;
}
.post-navigation .text-right {
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 30px 40px;
text-align: right;
width: 47%;
}
@media(max-width: 480px) {
.post-navigation {
display: block;
}
.post-navigation .text-left,
.post-navigation .text-right {
padding: 30px 20px;
width: 100%;
}
}
.post-navigation .prev-article,
.post-navigation .next-article {
display: inline-flex;
align-items: center;
font-size: 12px;
font-weight: 500;
color: #a5a6aa;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.post-navigation a {
color: #a5a6aa;
}
.post-navigation a:hover {
color: #2962ff;
}
.post-navigation .prev-article i {
margin-left: 10px;
display: inline-flex;
}
.post-navigation .prev-article:hover {
color: #2962ff
}
.post-navigation .next-article i {
margin-right: 10px;
display: inline-flex;
}
.post-navigation .post-nav-title {
font-size: 16px;
margin-bottom: 0;
line-height: 1.6;
}
.post-navigation .post-nav-title a {
color: #000000;
}
.post-navigation .navigation-archive {
font-size: 20px;
padding: 10px;
}
@media(max-width: 480px) {
.post-navigation .navigation-archive {
text-align: center;
}
}
.page-links {
padding-top: 12px;
font-size: 20px;
font-weight: 500;
color: #000000;
margin-right: 10px;
line-height: 1.3;
}
.page-links .page-number {
text-align: center;
display: inline-block;
font-size: 18px;
color: #646464;
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 0;
height: 45px;
width: 48px;
line-height: 45px;
font-weight: 500;
}
.page-links span.current .page-number,
.page-links a.post-page-numbers:hover .page-number {
background-color: #2962ff;
border-color: transparent;
color: #ffffff;
}
.page-links a .page-number {
transition: all ease 0.31s;
}
/*-------------------------------------
#. Comments
---------------------------------------*/
.comments-area {
background-color: #f3f3f3;
border-radius: 4px;
margin-top: 50px;
padding: 50px;
}
@media(max-width: 480px) {
.comments-area {
padding: 30px;
}
}
.comment-respond > h4 {
display: block;
position: relative;
font-size: 20px;
margin-bottom: 4px;
line-height: 1.4;
}
.comments-area ul {
list-style-type: none;
padding: 0;
}
.comments-area > ul.comment-list {
margin-bottom: 30px;
}
.comments-area h3.comment-num {
color: #000000;
font-size: 18px;
font-weight: 700;
margin-bottom: 35px;
position: relative;
}
.comments-area h3.comment-num:after {
background: #2962ff;
content: "";
display: block;
height: 3px;
left: 0;
margin: 5px 0 0;
top: 0;
width: 80px;
}
.comments-area .comment-form {
margin-top: 0px;
}
.comments-area .main-comments .imgholder {
float: left;
}
.comments-area .main-comments .imgholder img {
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
margin-bottom: 0px;
max-width: 90px;
}
.comments-area .main-comments .comment-meta {
font-size: 15px;
}
@media(max-width: 767px) {
.comments-area .main-comments .comment-meta {
display: flow-root;
}
}
.comments-area .main-comments .comment-meta .comment-author-name {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
margin-bottom: 6px;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.comments-area .main-comments .comment-meta .comment-author-name a,
.comments-area .main-comments .comment-meta .comment-author-name span {
color: #000000;
font-size: 16px;
font-family: 'ProximaNova' !important;
font-weight: 700;
display: block;
text-transform: capitalize;
}
.comments-area .main-comments .replay-area {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.comments-area .main-comments .replay-area a {
color: #000000;
font-size: 14px;
transition: all ease 0.31s;
padding: 0;
border-radius: 0;
font-weight: 500;
}
.comments-area .main-comments .replay-area a:hover {
color: #2962ff;
}
.main-comments .each-comment {
margin-bottom: 40px;
}
.comments-area .main-comments .comments-body {
display: flow-root;
}
@media(max-width: 425px) {
.comments-area .main-comments .imgholder {
float: inherit;
}
}
.comments-area .main-comments .comment-text {
font-size: 15px;
}
.comments-area .main-comments .comments-body p {
margin-bottom: 5px;
}
.comments-area .main-comments .comment-respond {
margin-top: 0px;
margin-bottom: 70px;
}
.comments-area .reply-separator {
margin-top: 40px;
padding-top: 50px;
}
.main-comments ul.children {
margin-left: 50px;
padding: 0;
}
.comments-area .main-comments .comment-text li {
border-top: none;
}
@media(max-width: 1200px) {
.main-comments ul.children {
margin-left: 30px;
}
.comments-area .main-comments .imgholder img {
max-width: 80px;
}
}
@media(max-width: 767px) {
.main-comments ul.children {
margin-left: 10px;
}
.comments-area .main-comments .imgholder img {
max-width: 60px;
margin-right: 10px;
}
}
.avatar-disabled .main-comments ul.children {
margin-left: 50px;
padding: 0;
}
.no-comments {
font-size: 16px;
font-style: italic;
font-weight: bold;
padding-top: 20px;
}
.comment-awaiting-moderation {
font-size: 16px;
font-style: italic;
font-weight: bold;
}
.comment-navigation ul {
margin-top: 30px;
}
.comment-navigation ul li {
margin-right: 5px;
margin-top: 0;
}
.comment-navigation ul li a {
display: inline;
font-size: 12px;
height: 49px;
line-height: inherit;
padding: 10px;
width: inherit;
}
.comment-list pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.comments-area > h4 {
display: block;
position: relative;
font-size: 22px;
margin-bottom: 30px;
line-height: 1.4;
}
#respond .comment-notes {
margin-bottom: 30px;
}
#respond .logged-in-as {
margin-bottom: 30px;
font-size: 15px;
}
#respond .logged-in-as a {
color: #646464;
}
#respond .form-group {
margin-bottom: 25px;
}
#respond .form-group.form-submit {
margin-bottom: 0px;
}
#respond form .form-control {
background: #ffffff;
border-radius: 5px;
color: #000000;
font-size: 15px;
font-weight: 400;
margin-right: 20px;
box-shadow: none;
}
#respond form input.form-control {
height: 50px;
}
#respond form input:focus,
#respond form textarea:focus {
box-shadow: none;
}
#respond form .form-control {
padding: 10px 20px;
}
input.form-control::placeholder,
textarea.form-control::placeholder {
color: #a9a9a9;
}
#respond input.form-control::placeholder,
#respond input.form-control::-webkit-input-placeholder,
#respond input.form-control::-moz-placeholder,
#respond input.form-control:-moz-placeholder,
#respond input.form-control:-ms-input-placeholder {
color: #a9a9a9;
}
#respond textarea.form-control::placeholder,
#respond textarea.form-control::-webkit-input-placeholder,
#respond textarea.form-control::-moz-placeholder,
#respond textarea.form-control:-moz-placeholder,
#respond textarea.form-control:-ms-input-placeholder {
color: #a9a9a9;
}
#respond form .btn-send {
position: relative;
display: inline-block;
border: none;
outline: none;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
background: #2962ff;
color: #ffffff;
padding: 15px 30px;
text-transform: uppercase;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
overflow: hidden;
transition: all ease 0.31s;
}
#respond form .btn-send:hover {
background: #0034c2;
color: #ffffff;
}
#respond #cancel-comment-reply-link {
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
margin-left: 5px;
}
#respond form .comment-form-cookies-consent {
position: relative;
display: inline-flex;
}
#respond form .comment-form-cookies-consent input {
background: transparent;
border: none;
margin-right: 10px;
height: inherit;
box-shadow: none;
position: absolute;
top: 5px;
}
#respond form .comment-form-cookies-consent label {
padding-left: 25px;
line-height: 1.5;
}
.comment-list > li:first-child {
border-top: none;
}
.comment-list .comment-text ul {
padding: 0 15px;
margin-bottom: 20px;
list-style: disc;
}
.comment-list .comment-text ul li {
padding-top: 0px;
}
.comment-list .comment-text ul li .children li {
padding-top: 0px;
}
.comment-list .comment-text ul ul {
margin-bottom: 0px;
}
.comment-list .comment-text ol {
margin-bottom: 20px;
}
.comment-list .comment-text ol li {
padding-top: 0px;
}
.comment-list .comment-text ol li .children li {
padding-top: 0px;
}
.comment-list .comment-text ol ol {
margin-bottom: 0;
}
.item-comments {
margin-top: 50px;
}
.item-comments h2 {
font-size: 24px;
}
.item-comments .item-comments-list {
margin-top: 50px;
}
.item-comments .item-comments-list ul.comments-list {
padding-top: 20px;
}
.item-comments .item-comments-list ul.comments-list li {
margin-bottom: 50px;
overflow: hidden;
}
.item-comments .item-comments-list ul.comments-list li .comment-image {
float: left;
padding-right: 20px;
}
.item-comments .item-comments-list ul.comments-list li .comment-name {
font-size: 16px;
font-weight: 500;
margin-right: 10px;
}
.item-comments .item-comments-list ul.comments-list li .comment-date {
color: #646464;
}
.item-comments .item-comments-list ul.comments-list li .comment-reply {
background: #2962ff;
padding: 2px 10px 3px;
float: right;
font-size: 14px;
}
.item-comments .item-comments-list ul.comments-list li .comment-reply a {
color: #ffffff;
}
.item-comments .item-comments-list ul.comments-list li .comment-reply:hover {
background: #a51c2d;
}
.item-comments .item-comments-list ul.comments-list li p {
padding-top: 20px;
}
.item-comments .item-comments-list ul.comments-list li:last-child {
margin-bottom: 0;
}
.item-comments .item-comments-list ul.comments-list li.odd {
margin-left: 50px;
}
.item-comments .item-comments-form {
border-top: 1px solid #e5e5e5;
margin-top: 50px;
padding-top: 50px;
}
.item-comments .item-comments-form .comments-form {
padding-top: 20px;
}
.item-comments .item-comments-form .comments-form .form-group {
margin-bottom: 20px;
}
.item-comments .item-comments-form .comments-form .form-group .form-control {
background: #000000;
border: none;
border-radius: 0;
box-shadow: none;
}
.item-comments .item-comments-form .comments-form .form-group input {
height: 40px;
}
/*review schema*/
.rtrs-review-wrap .rtrs-sorting-bar,
.rtrs-review-wrap .rtrs-review-form,
.rtrs-review-wrap .rtrs-review-box .rtrs-each-review {
background-color: #f3f3f3 !important;
}
.rtrs-review-box .rtrs-each-review {
border-radius: 4px;
}
.rtrs-review-box .rtrs-review-body .rtrs-review-meta li.rtrs-review-date i:before {
color: #a5a6aa;
}
/*single layout 1*/
.post-detail-style1 .share-box-area .post-share .share-links .email-share-button,
.post-detail-style1 .share-box-area .post-share .share-links .print-share-button {
float: right;
color: #7a7e83;
background-color: transparent;
border: 1px solid #cccccc;
}
.post-detail-style1 .entry-thumbnail-area {
position: relative;
margin-bottom: 40px;
}
.post-detail-style1 .entry-thumbnail-area img {
border-radius: 4px;
}
@media(max-width: 480px) {
.post-detail-style1 .share-box-area .post-share .share-links .email-share-button,
.post-detail-style1 .share-box-area .post-share .share-links .print-share-button {
float: initial;
}
}
/*single layout 2*/
.post-detail-style2 .content-area,
.post-template-post-layout-2 .content-area {
padding-top: 0 !important;
}
.post-detail-style2 .share-box-area {
position: absolute;
margin-left: -90px;
height: calc(100% + 50px);
}
.post-detail-style2 .main-wrap {
position: relative;
width: 60%;
margin: 0px auto 0;
padding: 0 15px;
}
.post-detail-style2 .meta-fixed {
position: relative;
width: 60%;
margin: 0 auto;
}
.post-detail-style2 .share-box-area .post-share {
position: sticky;
top: 125px;
}
.post-detail-style2 .share-box-area .share-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.post-detail-style2 .entry-thumbnail-area {
position: relative;
}
.post-detail-style2 .no-image {
margin-top: 80px;
}
.post-detail-style2 .show-image::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 59%, rgba(0, 0, 0, 0.8) 100%);
z-index: 0;
}
.post-detail-style2 .entry-thumbnail-area img {
width: 100%;
max-height: 600px;
object-fit: cover;
border-radius: 0;
}
@media(max-width: 991px) {
.post-detail-style2 .entry-thumbnail-area img {
min-height: 450px;
}
}
.post-detail-style2 .entry-header {
margin-bottom: 42px;
}
.post-detail-style2 .show-image .meta-fixed {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
}
.post-detail-style2 .show-image .entry-header .entry-title {
color: #ffffff;
}
.post-detail-style2 .show-image .entry-header ul.entry-meta li {
color: #d0d0d0;
}
.post-detail-style2 .show-image .entry-header ul.entry-meta li a {
color: #ffffff;
}
.post-detail-style2 .show-image .entry-header ul.entry-meta li a:hover {
color: #2962ff;
}
.post-detail-style2 .post-share .share-text {
text-align: center;
margin-bottom: 18px;
}
.post-detail-style2 .post-share .share-text i {
color: #a5a6aa;
margin-bottom: 10px;
}
.post-detail-style2 .post-share .share-text span {
font-size: 0.75rem;
color: #000;
font-weight: 500;
display: block;
text-transform: uppercase;
}
.post-detail-style2 .post-share .share-links a {
background-color: transparent;
width: 40px;
height: 40px;
border-radius: 50%;
transition: all 0.5s ease;
border: 1px solid #e5e5e5;
transform: translateY(0);
}
.post-detail-style2 .share-box-area .post-share .share-links a {
margin-bottom: 8px;
}
.post-detail-style2 .post-share .share-links a:hover {
color: #0b2f66;
transform: translateY(-5px);
}
.post-detail-style2 .post-share .share-links a.facebook-f-share-button {
color: #1559c2;
}
.post-detail-style2 .post-share .share-links a.twitter-share-button {
color: #1ea9e9;
}
.post-detail-style2 .post-share .share-links a.youtube-share-button {
color: #ed1d25;
}
.post-detail-style2 .post-share .share-links a.linkedin-in-share-button {
color: #238cc8;
}
.post-detail-style2 .post-share .share-links a.pinterest-p-share-button {
color: #e13138;
}
.post-detail-style2 .post-share .share-links a.whatsapp-share-button {
color: #43ce13;
}
.post-detail-style2 .post-share .share-links a.cloud-share-button {
color: #ff6b10;
}
.post-detail-style2 .post-share .share-links a.dribbble-share-button {
color: #f65e97;
}
.post-detail-style2 .post-share .share-links a.tumblr-share-button {
color: #35465c;
}
.post-detail-style2 .post-share .share-links a.reddit-share-button {
color: #45668e;
}
.post-detail-style2 .post-share .share-links a.print-share-button {
color: #87B1E8 !important;
}
.post-detail-style2 .post-share .share-links a.email-share-button {
color: #5A83F7 !important;
}
.post-detail-style2 .entry-content > p:first-child:first-letter {
font-size: 60px;
line-height: 0.8;
color: #000;
font-weight: 900;
float: left;
margin: 6px 15px 0 0;
padding: 10px 20px;
vertical-align: top;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
.post-detail-style2 .main-wrap > .entry-header {
margin-bottom: 20px;
}
.post-detail-style2 .main-wrap > .entry-thumbnail-area {
margin-bottom: 25px;
}
.post-detail-style2 .main-wrap > .entry-thumbnail-area img {
border-radius: 4px;
}
@media(max-width: 1199px) {
.post-detail-style2 .main-wrap,
.post-detail-style2 .meta-fixed {
width:65%;
}
}
@media(max-width: 1024px) {
.post-detail-style2 .main-wrap,
.post-detail-style2 .meta-fixed {
width:78%;
}
}
@media(max-width: 991px) {
.post-detail-style2 .share-box-area .post-share {
top: 75px;
text-align: center;
}
}
@media(max-width: 767px) {
.post-detail-style2 .main-wrap,
.post-detail-style2 .meta-fixed {
width: 100%;
}
.post-detail-style2 .share-box-area {
position: inherit;
margin-left: 0;
height: inherit;
}
.post-detail-style2 .share-box-area .share-links {
display: inherit;
}
}
/*single layout 3*/
@media(min-width: 992px) {
.post-detail-style3 > .type-post {
max-width: 730px;
margin: 0 auto;
}
}
.post-detail-style3 .entry-thumbnail-area {
position: relative;
margin-bottom: 40px;
border-radius: 4px;
}
.post-detail-style3 .show-image::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 59%, rgba(0, 0, 0, 0.8) 100%);
z-index: 0;
border-radius: 4px;
}
.post-detail-style3 .entry-thumbnail-area img {
border-radius: 4px;
width: 100%;
object-fit: cover;
}
.post-detail-style3 .show-image .entry-header {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
padding: 30px 50px 24px;
}
.post-detail-style3 .show-image .entry-header .entry-title {
color: #ffffff;
}
.post-detail-style3 .show-image .entry-header ul.entry-meta li {
color: #d0d0d0;
}
.post-detail-style3 .show-image .entry-header ul.entry-meta li a {
color: #ffffff;
}
.post-detail-style3 .show-image .entry-header ul.entry-meta li a:hover {
color: #2962ff;
}
.post-detail-style3 .show-image .rt-video .rt-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
@media(max-width: 480px) {
.post-detail-style3 .entry-header {
padding: 30px 30px 5px;
}
.post-detail-style3 .show-image .rt-video .rt-play {
top: 10%;
left: 90%;
transform: translate(-90%, -10%);
}
}
@media(max-width: 991px) {
.post-detail-style3 .entry-thumbnail-area img {
min-height: 500px;
}
.post-detail-style3 .show-image .entry-header {
padding: 30px 30px 15px;
}
}
/*-------------------------------------
#. Admin Author
---------------------------------------*/
.author .content-area {
padding-top: 0 !important;
}
.author .author-banner {
background: #363636;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
z-index: 1;
margin-bottom: 80px;
padding: 110px 0;
}
.author .author-banner::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.admin-author {
display: flex;
align-items: center;
}
.admin-author .author-img {
flex: 0 0 155px;
margin-right: 30px;
}
.admin-author .author-img img {
width: 170px;
border-radius: 50%;
border: 5px solid #fff;
}
@media(max-width: 425px) {
.admin-author .author-img img {
width: 120px;
}
}
.admin-author .author-title {
font-size: 28px;
color: #ffffff;
margin-bottom: 4px;
text-transform: capitalize;
}
.admin-author .author-title a {
color: #ffffff;
}
.admin-author .author-designation {
color: #fff;
display: block;
font-family: "Spartan", sans-serif;
font-weight: 500;
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.admin-author .author-designation::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 45px;
height: 3px;
background: #2962ff;
}
.admin-author .author-bio {
color: #ffffff;
}
.admin-author .author-box-social {
flex-basis: 75%;
margin: 0;
padding: 0;
list-style: none;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.admin-author .author-box-social li {
margin-right: 5px;
}
.admin-author .author-box-social li a {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #ffffff;
color: #000000;
font-size: 16px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 15px;
transition: all ease 0.31s;
overflow: hidden;
position: relative;
}
.admin-author .author-box-social li a:hover {
background: #2962ff;
color: #ffffff;
}
.admin-author .author-box-social li a:hover i {
animation: toBottomFromTop 0.5s forwards;
}
@media(max-width: 991px) {
.admin-author {
display: block;
}
.admin-author .author-img {
margin-right: 0;
margin-bottom: 30px;
}
.admin-author .author-box-social {
justify-content: left;
margin-top: 20px;
}
.author .author-banner {
padding: 80px 0;
}
}
/* ------------------------
#. Default Blog layout
---------------------------*/
@media(max-width:767px) {
body.blog .content-area {
padding-top: 80px;
padding-bottom: 80px;
}
body.single-post .content-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
.blend img {
filter: brightness( 100% ) contrast( 100% ) saturate( 162% ) blur( 0px ) hue-rotate( 162deg );
}
.blog-box * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blog-box {
position: relative;
}
.blog-box .entry-content .entry-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 5px;
}
.blog-box .entry-content .entry-title a {
color: #000000;
}
.blog-box ul.entry-meta {
list-style: none;
margin: 0 0 16px;
padding: 0;
}
.blog-box ul.entry-meta li {
display: inline-block;
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
margin-right: 16px;
position: relative;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.blog-box ul.entry-meta li i {
margin-right: 7px;
width: 11px;
}
.blog-box ul.entry-meta li:last-child {
margin-right: 0;
}
.blog-box ul.entry-meta li a {
color: #444444;
}
.blog-box ul.entry-meta li a:hover {
color: #2962ff;
}
.blog-box ul.entry-meta li.post-comment a {
color: #a5a6aa;
}
.blog-box ul.entry-meta li.post-comment a:hover {
color: #2962ff;
}
.blog-box.show-image .entry-content {
position: relative;
}
.blog-box .blog-img-holder {
position: relative;
overflow: hidden;
border-radius: 4px;
margin-bottom: 25px;
}
.blog-box .blog-img-holder .blog-img img {
border-radius: 4px;
transform: scale(1.01);
transition: all 0.85s ease-out;
height: 100%;
object-fit: cover;
/*width: 415px;*/
/* height: 280px;*/
}
.blog-box:hover .blog-img-holder .blog-img img {
/*transform: scale3d(1.1,1.1,1);*/
}
.entry-categories {
display: inline-block;
margin-bottom: 10px;
}
.entry-categories .category-style {
background-color: #2962ff;
border-radius: 2px;
font-size: 12px;
color: #ffffff;
font-weight: 500;
padding: 6px 9px 5px;
line-height: 1;
letter-spacing: 0.8px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0px;
}
/*blog layout 1*/
.blog-layout-1 .blog-box .blog-img-holder {
margin-bottom: 0;
}
.blog-layout-1 .blog-box ul.entry-meta {
margin: 0;
}
.blog-layout-1 .blog-box .entry-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
transition: all ease 0.4s;
transform: translateY(0);
padding: 25px;
}
.blog-layout-1 .blog-box .blog-img-holder .blog-img > a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 59%, rgba(0, 0, 0, 0.8) 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.blog-layout-1 .blog-box .entry-content .entry-title a {
color: #ffffff;
}
.blog-layout-1 .blog-box ul.entry-meta li {
color: #d0d0d0;
}
.blog-layout-1 .blog-box ul.entry-meta li a {
color: #ffffff;
}
.blog-layout-1 .blog-box ul.entry-meta li a:hover {
color: #2962ff;
}
.blog-layout-1 .blog-box ul.entry-meta li.post-comment a {
color: #d0d0d0;
}
.blog-layout-1 .blog-box .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.blog-layout-1 .no-image.no-preview .blog-img .rt-play {
position: relative;
top: 0;
left: 25px;
transform: inherit;
border: 1px solid #e5e5e5;
}
.blog-layout-1 .no-image.no-preview .blog-img-holder .blog-img > a::after {
display: none;
}
@media(max-width: 991px) {
.blog-layout-1 .blog-box .blog-img .rt-play {
top: 10%;
left: 90%;
transform: translate(-90%, -10%);
}
}
.blog-layout-1 .blog-box.no-image.no-preview .entry-content {
position: relative;
}
.blog-layout-1 .blog-box.no-image.no-preview .entry-content .entry-title a {
color: #000000;
}
.blog-layout-1 .blog-box.no-image.no-preview ul.entry-meta li {
color: #a5a6aa;
}
.blog-layout-1 .blog-box.no-image.no-preview ul.entry-meta li a {
color: #000000;
}
.blog-layout-1 .blog-box.no-image.no-preview ul.entry-meta li a:hover {
color: #2962ff;
}
.blog-layout-1 .blog-box.no-image.no-preview ul.entry-meta li.post-comment a {
color: #a5a6aa;
}
.blog-layout-1 .blog-box.no-image.no-preview ul.entry-meta li.post-comment a:hover {
color: #2962ff;
}
/*blog layout 2*/
.blog-layout-2 .blog-box .entry-content .entry-title {
font-size: 28px;
}
.blog-layout-2 .blog-box.show-image .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.blog-layout-2 .no-image.show-preview .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.blog-layout-2 .no-image.no-preview .blog-img .rt-play {
border: 1px solid #e5e5e5;
}
.blog-layout-2 .blog-box {
margin-bottom: 50px;
}
/*blog layout 3*/
.blog-layout-3 .blog-box {
margin-bottom: 12px;
}
.blog-layout-3 .blog-box .entry-content .entry-categories a {
background: transparent;
color: #a5a6aa;
padding: 0;
margin-bottom: 13px;
height: inherit;
line-height: 1;
}
.blog-layout-3 .blog-box ul.entry-meta {
margin-bottom: 0;
}
.blog-layout-3 .blog-box.show-image .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.blog-layout-3 .no-image.show-preview .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.blog-layout-3 .no-image.no-preview .blog-img .rt-play {
border: 1px solid #e5e5e5;
}
/*blog layout 4*/
.blog-layout-4 .blog-box {
display: flex;
flex-direction: row-reverse;
margin-bottom: 40px;
}
.blog-layout-4 .blog-box .blog-img-holder {
flex: auto;
max-width: 350px;
width: 100%;
margin-bottom: 0;
margin-left: 25px;
}
.blog-layout-4 .blog-box .entry-content {
flex-grow: 1;
}
.blog-layout-4 .blog-box .entry-content .entry-title {
font-size: 24px;
margin-bottom: 8px;
}
.blog-layout-4 .blog-box .entry-content .entry-text p {
margin-bottom: 10px;
}
.blog-layout-4 .blog-box .blog-img-holder .blog-img {
height: 100%;
}
.blog-layout-4 .blog-box .blog-img-holder .blog-img img {
height: 100%;
object-fit: cover;
}
.blog-layout-4 .blog-box .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.blog-layout-4 .no-image.no-preview .blog-img .rt-play {
border: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
.blog-layout-4 .blog-box {
flex-direction: column;
}
.blog-layout-4 .blog-box .blog-img-holder {
flex: auto;
max-width: 100%;
margin-bottom: 25px;
margin-left: 0;
}
}
/*blog layout 5*/
.blog-layout-5 .blog-box {
display: flex;
margin-bottom: 0;
}
.blog-layout-5:first-child .blog-box.no-image {
margin-top: 0;
}
.blog-layout-5 .blog-box .blog-img-holder .blog-img {
height: 100%;
}
.blog-layout-5 .blog-box .blog-img-holder .blog-img img {
height: 100%;
object-fit: cover;
}
.blog-layout-5 .blog-box .blog-img-holder .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
@media (min-width: 992px){
.blog-layout-5 .blog-box .blog-img-holder {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 0;
}
.blog-layout-5 .blog-box .entry-content {
padding: 30px 20px;
text-align: center;
}
.blog-layout-5:nth-of-type(even) .blog-box {
flex-direction: row-reverse;
}
}
@media (max-width: 991px) {
.blog-layout-5 .blog-box {
flex-direction: column;
margin-bottom: 30px;
}
.blog-layout-5 .blog-box .entry-content {
text-align: left;
}
}
/*blog layout 4*/
.blog-layout-6 .blog-box {
display: flex;
margin-bottom: 40px;
}
.blog-layout-6 .blog-box .blog-img-holder {
flex: auto;
max-width: 350px;
width: 100%;
margin-bottom: 0;
margin-right: 25px;
}
.blog-layout-6 .blog-box .entry-content {
flex-grow: 1;
}
.blog-layout-6 .blog-box .entry-content .entry-title {
font-size: 24px;
margin-bottom: 8px;
}
.blog-layout-6 .blog-box .entry-content .entry-text p {
margin-bottom: 10px;
}
.blog-layout-6 .blog-box .blog-img-holder .blog-img {
height: 100%;
}
.blog-layout-6 .blog-box .blog-img-holder .blog-img img {
height: 100%;
object-fit: cover;
}
.blog-layout-6 .blog-box .blog-img .rt-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
@media (max-width: 991px) {
.blog-layout-6 .blog-box {
flex-direction: column;
}
.blog-layout-6 .blog-box .blog-img-holder {
max-width: 100%;
margin-bottom: 25px;
margin-right: 0;
}
}
/*sidebar spacing*/
.left-sidebar .rt-sidebar-sapcer {
margin-left: 20px;
}
.right-sidebar .rt-sidebar-sapcer {
margin-right: 20px;
}
@media(max-width:1199px) {
.right-sidebar .rt-sidebar-sapcer {
margin-right: 0;
display: inherit;
}
}
@media(max-width: 1199px) {
.right-sidebar .sidebar-widget-area {
margin-top: 80px;
display: inherit;
}
.left-sidebar .sidebar-widget-area {
margin-bottom: 80px;
display: inherit;
}
}
/*blog sticky*/
.sticky .blog-box {
background-color: #f5faff;
border-radius: 4px;
}
.sticky .blog-box .blog-img-holder {
margin-bottom: 0;
}
.sticky .blog-box .entry-content {
padding: 30px;
}
.sticky.blog-layout-5 .blog-box {
margin-bottom: 30px;
}
.sticky.blog-layout-1 .blog-box.no-image ul.entry-meta {
margin: 0;
}
.sticky.blog-layout-5 .blog-box.no-image .entry-content {
padding: 30px;
}
/*-------------------------------------
#. Swiper Slider
---------------------------------------*/
.rt-swiper-slider,
.rt-swiper-side-slider,
.rt-swiper-cat-slider {
position: relative;
overflow: hidden;
}
.rt-swiper-slider .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
box-sizing: content-box;
}
.rt-swiper-slider .swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
margin-bottom: 0;
}
/* Related Post title */
.section-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.section-title .related-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
margin-right: 15px;
flex-grow: 1!important;
transition: all ease 0.31s;
}
.section-title .related-title .titledot {
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #2962ff;
margin-right: 7px;
margin-left: 15px;
display: inline-block;
transition: all ease 0.31s;
}
.section-title .related-title .titleline {
border: 1px solid #e5e5e5;
border-width: 1px 0;
flex-grow: 1;
height: 4px;
transition: all ease 0.31s;
}
.section-title .swiper-button {
display: inline-flex;
margin-bottom: 20px;
}
.section-title .swiper-button > div {
position: relative;
top: 0;
left: auto;
right: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-image: none;
border: 1px solid #e5e5e5;
height: 36px;
width: 36px;
outline: none;
color: #000000;
font-size: 15px;
margin-top: 0;
background-color: #ffffff;
border-radius: 4px;
transition: all ease 0.31s;
}
.section-title .swiper-button > div:hover {
background: #2962ff;
border: 1px solid transparent;
color: #ffffff;
}
.section-title .swiper-button-prev {
margin-right: 2px;
}
/*-------------------------------------
#. Related Post
---------------------------------------*/
.rt-related-post {
margin-top: 50px;
}
.rt-related-post .entry-content .entry-title {
font-size: 16px;
}
.rt-related-post .entry-content .entry-categories a {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.rt-related-post .entry-content .entry-categories a:hover {
color: #2962ff;
}
.rt-related-post .entry-content .entry-date {
color: #a5a6aa;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
text-transform: uppercase;
line-height: 1;
margin-top: 12px;
}
.rt-related-post .entry-content .entry-date i {
font-size: 14px;
margin-right: 6px;
}
/*-------------------------------------
#. Pagination
---------------------------------------*/
.pagination-area ul {
text-align: center;
margin-top: 50px;
margin-bottom: 0;
padding-left: 0;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.pagination-area ul li {
display: inline-flex;
border: none;
margin-right: 6px;
position: relative;
}
.pagination-area ul li:last-child {
margin-right: 0;
}
.pagination-area ul li a {
text-align: center;
display: inline-block;
font-size: 18px;
color: #646464;
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 0;
height: 45px;
width: 48px;
line-height: 45px;
font-weight: 500;
}
.pagination-area ul li span {
text-align: center;
display: inline-block;
font-size: 18px;
color: #000000;
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 0;
height: 45px;
width: 48px;
line-height: 45px;
font-weight: 500;
}
.pagination-area ul li a:hover {
background-color: #2962ff;
border-color: transparent;
color: #ffffff;
}
.pagination-area ul li span.current {
background-color: #2962ff;
border-color: transparent;
color: #ffffff;
}
.pagination-area ul li.active a {
background-color: #2962ff;
border-color: transparent;
color: #ffffff;
}
@media(max-width: 767px) {
.pagination-area ul li {
margin-top: 8px;
margin-right: 8px;
}
.pagination-area ul li span,
.pagination-area ul li a {
height: 40px;
width: 40px;
line-height: 38px;
}
}
/*loadmore*/
a.loadMore {
display: table;
margin: auto;
text-align: center;
position: relative;
margin-top: 50px;
padding-right: 40px;
color: #000000;
font-size: 20px;
font-weight: 700;
font-family: 'ProximaNova' !important;
}
a.loadMore:before {
left: 100%;
margin-left: -15px;
content: "";
height: 1px;
width: 50px;
background-color: #6b6b6b;
position: absolute;
z-index: 1;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: all ease 0.31s;
}
a.loadMore:hover:before {
background-color: #000;
width: 30px;
right: 20px;
}
.loading-lazy {
position: relative;
display: block;
}
.loading-lazy::before {
display: none;
}
.loading-lazy::after {
position: absolute;
content: '';
top: 0;
left: auto;
right: 10px;
bottom: 0;
z-index: 8;
}
.loading-lazy::after {
width: 20px;
height: 20px;
margin: auto;
border-top-color: #000;
border: 2px dashed #000;
border-radius: 50%;
animation: fa-spin 2s infinite linear;
}
/*list addon load more*/
a.loadlistMore {
display: table;
margin: auto;
margin-top: 50px;
font-size: 15px;
}
a.loadlistMore i {
margin-left: 10px;
}
.loading-lazy-list i {
z-index: 8;
animation: fa-spin 0.7s infinite linear;
}
/*-------------------------------------
#. Error 404
---------------------------------------*/
.error-page-area {
position: relative;
background-position: center;
}
.error-page-content {
position: relative;
text-align: center;
}
.error-page-content .error-title {
font-size: 30px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 20px;
}
.error-page-content p {
font-size: 16px;
margin: 8px auto 20px;
color: #5b6674;
line-height: 1.6;
width: 50%;
}
.error-page-area .error-page-content .go-home {
margin-top: 30px;
}
.error-page-area .item-img {
margin-bottom: 60px;
position: relative;
display: inline-flex;
justify-content: center;
}
@media(max-width: 1199px) {
.error-page-content p {
width: 70%;
}
}
@media(max-width: 991px) {
.error-page-content p {
width: 90%;
}
}
/*-------------------------------------
#. Fluent form
---------------------------------------*/
/*Contact Form*/
.fluentform .contact-form.ff-el-group,
.fluentform .contact-form .ff-el-group {
margin-bottom: 10px;
}
.fluentform .contact-form.ff_submit_btn_wrapper {
margin-top: 30px;
margin-bottom: 0;
}
.fluentform .contact-form .ff-el-form-control {
background-color: #ffffff;
box-shadow: none;
color: #000000;
border: 1px solid #f0f0f0;
border-radius: 4px;
font-size: 15px;
padding: 13px 20px 13px 20px;
}
.fluentform .contact-form .ff-el-form-control:focus {
border-color: #2962ff;
}
.fluentform .contact-form .ff_btn_style {
position: relative;
background-color: #2962ff;
color: #ffffff;
font-size: 14px;
height: 50px;
opacity: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.6px;
border: none;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 20px;
line-height: 1.4;
overflow: hidden;
transform: perspective(1px) translateZ(0);
transition: all 0.31s;
z-index: 1;
}
.fluentform .contact-form .ff_btn_style:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 4px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.31s;
transition-timing-function: ease-out;
z-index: -1;
}
.fluentform .contact-form .ff_btn_style:hover {
background-color: #2962ff;
color: #ffffff;
opacity: 1;
}
.fluentform .contact-form .ff_btn_style:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
background-color: #0034c2;
}
.fluentform .contact-form .ff-el-form-control::-webkit-input-placeholder {
color: #7a7a7a;
}
.fluentform .contact-form .ff-el-form-control:-ms-input-placeholder {
color: #7a7a7a;
}
.fluentform .contact-form .ff-el-form-control:-moz-placeholder {
color: #7a7a7a;
}
.fluentform .contact-form .text-danger {
color: #2962ff !important;
font-size: 13px;
}
.fluentform .contact-form .ff-el-is-error .ff-el-form-control,
.fluentform .contact-form.ff-el-is-error .ff-el-form-control {
border-color: #2962ff;
}
.elementor-widget-wp-widget-fluentform_widget h5 {
font-size: 22.63px;
line-height: 33px;
}
/*subscribe form*/
.sidebar-widget-area .fluentform .frm-fluent-form {
position: relative;
padding: 40px 35px;
border-radius: 4px;
}
.sidebar-widget-area .fluentform .frm-fluent-form:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../element/element_5.png);
}
.fluentform .subscribe-form {
position: relative;
text-align: center;
margin-bottom: 12px;
}
.fluentform .subscribe-form h4 {
position: relative;
padding-bottom: 20px;
}
.fluentform .subscribe-form h4::after,
.fluentform .subscribe-form h4::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background-color: #2962ff;
height: 1px;
}
.fluentform .subscribe-form h4::after {
width: 44px;
}
.fluentform .subscribe-form h4::before {
width: 74px;
bottom: 8px;
}
.fluentform .subscribe-form .ff_submit_btn_wrapper {
margin-bottom: 0;
}
.fluentform .subscribe-form .ff-t-cell {
display: inline-block;
padding: 0;
}
.fluentform .subscribe-form p {
font-size: 14px;
color: #646464;
line-height: 1.5;
}
.fluentform .subscribe-form .ff-el-form-control {
font-size: 14px;
color: #6c6f72;
height: 53px;
border: 1px solid #e5e5e5;
border-radius: 4px;
background-color: #fff;
text-align: center;
width: 100%;
}
.fluentform .subscribe-form .ff_btn_style {
position: relative;
background-color: #2962ff;
color: #ffffff;
font-size: 14px;
height: 50px;
opacity: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.6px;
border: none;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 20px;
line-height: 1.4;
overflow: hidden;
transform: perspective(1px) translateZ(0);
transition: all 0.31s;
z-index: 1;
}
.fluentform .subscribe-form .ff_btn_style:hover {
background-color: #2962ff;
color: #ffffff;
opacity: 1;
}
.fluentform .subscribe-form .ff_btn_style:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 4px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.31s;
transition-timing-function: ease-out;
z-index: -1;
}
.fluentform .subscribe-form .ff_btn_style:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
background-color: #0034c2;
}
.fluentform .subscribe-form .ff-el-form-control:focus {
border-color: #2962ff;
}
/*subscribe form 2*/
.fluentform .frm-fluent-form .subscribe-form-2 {
display: block;
margin-bottom: 0;
}
.fluentform .frm-fluent-form .subscribe-form-2 .ff-t-cell {
padding: 0;
width: 100%;
}
.fluentform .frm-fluent-form .subscribe-form-2 .ff-el-group {
margin-bottom: 0;
}
.fluentform .subscribe-form-2 .ff-el-form-control {
font-size: 14px;
color: #6c6f72;
height: 50px;
border: none;
border-radius: 4px 0 0 4px;
background-color: #fff;
padding: 0 20px;
width: 100%;
box-shadow: 0px 14px 16px 0px rgb(0 0 0 / 3%);
}
.fluentform .subscribe-form-2 .ff_btn_style {
position: relative;
background-color: #2962ff;
color: #ffffff;
font-size: 14px;
height: 50px;
opacity: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.6px;
border: none;
border-radius: 0 4px 4px 0;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 20px;
line-height: 1.4;
overflow: hidden;
transform: perspective(1px) translateZ(0);
transition: all 0.31s;
z-index: 1;
}
.fluentform .subscribe-form-2 .ff_btn_style:hover {
background-color: #2962ff;
color: #ffffff;
opacity: 1;
}
.fluentform .subscribe-form-2 .ff_btn_style:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 0 4px 4px 0;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.31s;
transition-timing-function: ease-out;
z-index: -1;
}
.fluentform .subscribe-form-2 .ff_btn_style:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
background-color: #0034c2;
}
.fluentform .subscribe-form-2 .ff-el-form-control:focus {
border-color: #2962ff;
}
@media(max-width: 991px) {
.fluentform .subscribe-form-2 .title br {
display: none;
}
}
@media(max-width: 767px) {
.fluentform .frm-fluent-form .subscribe-form-2 {
display: inherit;
}
.fluentform .subscribe-form-2 .ff-el-form-control,
.fluentform .subscribe-form-2 .ff_btn_style {
border-radius: 4px;
}
.fluentform .frm-fluent-form .subscribe-form-2 .ff-el-group {
margin-bottom: 10px;
}
}
/*end form*/
@media only screen and (max-width: 479px) {
.entry-content .pricetable-btn {
height: 40px;
width: 130px;
font-size: 14px;
padding: 8px 0;
}
}
@media only screen and (max-width: 991px) {
.btn-send-message {
padding: 11px 0;
}
}
@media only screen and (max-width: 1199px) {
.btn-send-message {
padding: 9px 0;
}
}
@media (max-width: 767px) {
.comments-area .main-comments .replay-area {
display: block;
float: inherit;
width: 100%;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
}
}
@media (max-width: 426px) {
.comments-area .main-comments .replay-area {
margin-top: 15px;
}
}
/*review schema*/
.rtrs-review-wrap.rtrs-affiliate-wrap {
background-color: #f7f7f7;
border-radius: 4px;
padding: 30px !important;
}
.rtrs-title-area .rtrs-price-area .rtrs-offer-price {
font-size: 36px;
font-weight: 600;
color: #000;
}
.rtrs-affiliate .rtrs-buy-btn {
border: none;
border-radius: 4px;
background: #2962ff;
color: #ffffff !important;
font-size: 16px;
padding: 16px 36px;
}
.rtrs-affiliate .rtrs-buy-btn:hover {
background-color: #0034c2;
}
/*User Frontend */
.wpuf-login-form p > label,
.wpuf-registration-form .wpuf-label {
color: #000;
font-size: 16px;
font-weight: 600 !important;
}
.wpuf-login-form input.input,
.wpuf-registration-form .wpuf-fields .input {
background-color: #ffffff;
box-shadow: none;
color: #000000;
border: 1px solid #e5e5e5;
outline: none;
border-radius: 4px;
font-size: 15px;
padding: 9px 20px;
}
.wpuf-registration-form .wpuf-fields .input:focus,
.wpuf-theme-style .wpuf-fields > input:focus,
.wpuf-theme-style .wpuf-fields > textarea:focus {
outline: none;
}
.wpuf-login-form .submit > input,
.wpuf-submit > input,
.wpuf-submit > button {
position: relative;
display: inline-block;
border: none;
outline: none;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
background: #2962ff;
color: #ffffff;
padding: 12px 30px;
text-transform: uppercase;
z-index: 1;
line-height: 1.6;
letter-spacing: 1px;
overflow: hidden;
transition: all ease 0.31s;
}
.wpuf-login-form .submit > input:hover,
.wpuf-submit > input:hover,
.wpuf-submit > button:hover {
background: #0034c2;
color: #ffffff;
}
.wpuf-user-loggedin .wpuf-user-avatar {
display: inline-block;
margin-bottom: 20px;
}
.wpuf-user-loggedin h3 {
margin-bottom: 5px;
}
.wpuf-label label,
.wpuf-el .wpuf-label {
color: #000;
font-size: 16px;
font-weight: 600 !important;
}
.wpuf-fields > input,
.wpuf-fields > textarea {
background-color: #ffffff;
box-shadow: none;
color: #000000;
border: 1px solid #e5e5e5;
border-radius: 4px;
font-size: 15px;
padding: 9px 15px;
}
.wpuf-theme-style .wpuf-fields .wp-editor-container {
border-right: 1px solid #e5e5e5;
}
.wpuf-fields select {
outline: none;
padding: 8px 8px;
border-radius: 4px;
}
body .wpuf-dashboard-container .wpuf-dashboard-content {
align-items: normal !important;
}
body .wpuf-dashboard-container .wpuf-pagination .page-numbers.current,
body .wpuf-dashboard-container .wpuf-pagination .page-numbers:hover {
background-color: #2962ff;
border-color: transparent;
color: #ffffff;
padding: 0;
}
body .wpuf-dashboard-container .wpuf-pagination .page-numbers {
text-align: center;
display: inline-block;
font-size: 18px;
color: #646464;
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 0;
height: 45px;
width: 48px;
line-height: 45px;
font-weight: 500;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li.wpuf-menu-item {
margin-right: 25px;
padding-bottom: 6px;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation .wpuf-menu-item a {
color: #000000;
font-size: 16px;
font-weight: 600;
border-radius: 4px;
background: #f3f3f3;
display: block;
padding: 8px 15px;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation .wpuf-menu-item.active a,
body .wpuf-dashboard-container .wpuf-dashboard-navigation .wpuf-menu-item:hover a {
color: #ffffff !important;
background-color: #2962ff;
}
body .wpuf-dashboard-container form.wpuf-update-profile-form ul.wpuf-form {
margin: 0 !important;
}
/*-------------------------------------
#. Gutenberg Support
---------------------------------------*/
.align-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 900px) {
.align-wrap {
width: auto;
margin-left: calc(50% / .62 - 50vw);
}
}
.align-wrap .alignfull {
width: 100%;
margin: 0 0 0 auto;
}
@media( max-width:480px ) {
img.alignleft {
float: none;
margin-bottom: 13px;
margin-right: 0px;
padding-top: 5px;
display: block;
}
img.alignright {
float: none;
margin-left: 0px;
margin-bottom: 15px;
padding-top: 15px;
}
}
/*gutenberg with sidebar*/
.has-sidebar .wp-block-cover.alignwide,
.has-sidebar .wp-block-cover.alignfull,
.has-sidebar .wp-block-image.alignfull,
.has-sidebar .wp-block-columns.alignfull,
.has-sidebar .wp-block-media-text.alignfull,
.has-sidebar .wp-block-gallery.alignfull,
.has-sidebar .wp-block-gallery.alignwide,
.has-sidebar .wp-block-columns.alignwide,
.has-sidebar .wp-block-image.alignwide,
.has-sidebar .wp-block-media-text.alignwide,
.has-sidebar .is-type-video.alignfull,
.has-sidebar .wp-block-embed-vimeo.alignwide.wp-block-embed,
.has-sidebar .alignwide.wp-block-embed {
margin-left: 0;
margin-right: 0;
}
.has-strong-magenta-background-color {
background-color: #a156b4;
}
.has-strong-magenta-color {
color: #a156b4;
}
.has-light-grayish-magenta-background-color {
background-color: #d0a5db;
}
.has-light-grayish-magenta-color {
color: #d0a5db;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
.has-very-dark-gray-color {
color: #444;
}
.has-small-font-size {
font-size: 12px;
}
.has-large-font-size {
font-size: 36px;
line-height: 1.2;
}
.has-huge-font-size {
font-size: 48px;
line-height: 1.2;
}
.has-regular-font-size {
font-size: 16px;
}
.wp-block-image.alignleft.is-resized {
margin-left: 0;
margin-right: 30px;
}
.wp-block-image.alignright.is-resized {
margin-left: 30px;
margin-right: 0;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid #cccccc;
margin: 50px 0;
text-align: left;
background: transparent;
}
/*blockquote*/
blockquote {
background: #f7f7f7;
border-radius: 4px;
border: none;
font-size: 18px;
font-weight: 500;
font-style: italic;
text-align: left;
padding: 35px 50px 35px 50px;
margin: 40px 0px 40px;
color: #444444;
}
@media(max-width: 480px) {
blockquote {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
blockquote p {
position: relative;
margin-top: 45px;
margin-bottom: 0;
z-index: 1;
line-height: 1.6;
}
blockquote p:before {
position: absolute;
content: "\f11b";
font-family: flaticon !important;
font-size: 38px;
color: #e4e4e4;
top: -48px;
line-height: 1;
}
blockquote cite {
display: block;
font-size: 14px;
color: #646464;
font-weight: 500;
font-style: normal;
margin-top: 12px;
padding-left: 50px;
position: relative;
letter-spacing: 2px;
z-index: 1;
}
blockquote cite::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 31px;
height: 2px;
background-color: #c1c1c1;
}
blockquote.wp-block-quote cite {
display: block;
font-size: 14px;
color: #646464;
font-weight: 500;
font-style: normal;
margin-top: 12px;
padding-left: 50px;
letter-spacing: 2px;
z-index: 1;
}
blockquote.wp-block-quote[style="text-align:right"] cite:after {
left: inherit;
right: 0;
}
blockquote.wp-block-quote[style="text-align:right"] cite {
padding-right: 34px;
}
.wp-block-pullquote {
border-top: 2px solid #2962ff;
border-bottom: 2px solid #2962ff;
margin-bottom: 20px;
padding: 0;
text-align: left;
}
blockquote.wp-block-pullquote {
background: #f9f9f9;
border-radius: 6px;
border-left: none;
font-size: 18px;
font-weight: 500;
font-style: italic;
padding: 35px 50px 35px 50px;
margin: 40px 0px 40px;
color: #444444;
}
.wp-block-pullquote p {
font-size: 22px;
}
.wp-block-pullquote cite {
font-size: 14px;
font-weight: 700;
padding-left: 50px;
z-index: 1;
}
.wp-block-quote {
border-left: none;
margin: 40px 0px 40px;
padding-left: 50px;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
border: none;
padding: 35px 50px 35px 50px;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
text-align: left;
font-size: 14px;
}
.wp-block-quote.is-style-large cite em {
font-style: normal;
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: none;
text-align: right;
padding: 35px 50px 35px 50px;
}
.wp-block-quote.has-text-align-right cite {
text-align: right;
padding-right: 50px;
padding-left: 0;
}
.wp-block-quote.has-text-align-right cite::after {
left: inherit;
right: 0;
}
.wp-block-quote.has-text-align-left {
text-align: left;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 26px;
line-height: 1.3;
}
.wp-block-quote.is-style-large cite br {
display: none;
}
:root .has-cyan-bluish-gray-background-color {
background-color: transparent;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
background: #acb9c3;
padding-top: 35px;
padding-bottom: 35px;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 45px;
font-size: 32px;
}
.has-neeon-primary-background-color.is-style-solid-color blockquote {
background: #2962ff;
}
.has-neeon-secondary-background-color.is-style-solid-color blockquote {
background: #0034c2;
}
.has-neeon-button-dark-gray-background-color.is-style-solid-color blockquote {
background: #333333;
}
.has-neeon-button-light-gray-background-color.is-style-solid-color blockquote {
background: #a5a6aa;
}
.has-neeon-button-white-background-color.is-style-solid-color blockquote {
background: #ffffff;
}
/* Main column width */
.wp-block {
max-width: 720px;
}
/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
max-width: 1080px;
}
/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
max-width: none;
}
.wp-caption-text {
color: #555;
font-size: 13px;
}
pre {
background: #fff;
color: #5b6674;
}
code,
a code {
color: #2962ff;
}
pre code {
font-size: 15px;
color: #5b6674;
word-break: normal;
line-height: 30px;
}
pre cite {
font-weight: 400;
}
kbd {
color: #5b6674;
padding: 3px 5px 2px 5px;
margin: 0 1px;
background: #eaeaea;
background: rgba(0,0,0,.07);
}
code, kbd, pre, samp, tt, var {
font-family: Menlo,Consolas,monaco,monospace;
}
.wp-block-code {
font-family: Menlo,Consolas,monaco,monospace;
font-size: 15px;
color: #5b6674;
padding: 30px;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
p:last-child img.size-thumbnail.alignright {
clear: both;
padding-top: 0;
}
/************** Button ***************/
.wp-block-button {
margin-bottom: 25px;
}
.wp-block-button.aligncenter {
text-align: center;
}
.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]) {
/* color: #2962ff; */
}
.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]):hover {
/* color: #000000; */
}
.wp-block-button .wp-block-button__link {
position: relative;
background-color: #2962ff;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1.6px;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 16px 20px 14px;
line-height: 1.4;
overflow: hidden;
transform: perspective(1px) translateZ(0);
z-index: 1;
}
.wp-block-button .wp-block-button__link:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 4px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.31s;
transition-timing-function: ease-out;
z-index: -1;
}
.wp-block-button .wp-block-button__link:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
background-color: #0034c2;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
border: 2px solid #2962ff;
color: #2962ff;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
border-color: #0034c2;
color: #0034c2;
}
.wp-block-button.is-style-outline .wp-block-button__link:before {
display: none;
}
.wp-block-button .wp-block-button__link.no-border-radius,
.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-squared .wp-block-button__link:before {
border-radius: 0;
}
.wp-block-button .wp-block-button__link.no-border-radius:before {
border-radius: 0;
}
.has-neeon-primary-color { color: #2962ff;}
.has-neeon-secondary-color { color: #0034c2;}
.has-neeon-button-dark-gray-color { color: #333333;}
.has-neeon-button-light-gray-color { color: #a5a6aa;}
.has-neeon-button-white-color { color: #ffffff;}
.has-neeon-primary-background-color { background-color: #2962ff;}
.has-neeon-secondary-background-color { background-color: #0034c2;}
.has-neeon-button-dark-gray-background-color { background-color: #333333;}
.has-neeon-button-light-gray-background-color { background-color: #a5a6aa;}
.has-neeon-button-white-background-color { background-color: #ffffff;}
.wp-block-button a.has-neeon-primary-color { color: #2962ff;}
.wp-block-button a.has-neeon-secondary-color { color: #0034c2;}
.wp-block-button a.has-neeon-button-dark-gray-color { color: #333333;}
.wp-block-button a.has-neeon-button-light-gray-color { color: #a5a6aa;}
.wp-block-button a.has-neeon-button-white-color { color: #ffffff;}
.wp-block-button .has-neeon-primary-background-color { background-color: #2962ff;}
.wp-block-button .has-neeon-secondary-background-color { background-color: #0034c2;}
.wp-block-button .has-neeon-button-dark-gray-background-color { background-color: #333333;}
.wp-block-button .has-neeon-button-light-gray-background-color { background-color: #a5a6aa;}
.wp-block-button .has-neeon-button-white-background-color { background-color: #ffffff;}
/*button end*/
.wp-block-table td,
.wp-block-table th {
border: 1px solid #e5e5e5;
padding: 5px;
}
.wp-block-image .alignleft.is-resized {
margin-top: 0;
}
.wp-block-latest-posts.is-grid {
margin-left: 20px;
}
.wp-block-latest-posts.is-grid li {
margin: 0 0 10px 0;
}
.wp-block-columns {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-columns .wp-block-column {
margin-bottom: 15px;
margin-top: 15px;
}
.wp-block-columns.has-2-columns .wp-block-column {
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.wp-block-columns .wp-block-column {
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.wp-block-columns .wp-block-column {
width: 100%;
flex-basis: 100% !important;
margin-left: 0;
}
}
.wp-block-columns.alignwide .wp-block-column:last-child .wp-block-quote {
margin-top: 0 !important;
padding-left: 50px;
padding-right: 50px;
}
.wp-block-columns.alignwide .wp-block-column:last-child .wp-block-quote cite {
padding-left: 50px;
}
.wp-block-image .alignleft {
margin-top: 8px;
margin-bottom: 8px;
margin-right: 25px;
}
.wp-block-image .alignright {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 25px;
}
/*wp block cover*/
.wp-block-cover {
margin-top: 20px;
margin-bottom: 20px;
}
.wp-block-cover a,
.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .has-text-color a,
.wp-block-cover .has-text-align-center a {
color: #ffffff;
}
.wp-block-cover a:hover,
.wp-block-cover .wp-block-cover-text a:hover,
.wp-block-cover .has-text-color a:hover,
.wp-block-cover .has-text-align-center a:hover {
text-decoration: underline;
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
[data-align=left]>.wp-block-cover,
[data-align=right]>.wp-block-cover {
max-width: 340px;
width: 100%;
}
.entry-content .wp-block-cover {
background-color: #000;
margin-top: 0px;
padding: 15px 45px;
}
.wp-block-cover p:not(.has-text-color) {
color: #ffffff;
}
.wp-block-cover.alignleft {
margin-top: 0;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
font-size: 36px;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 100%;
padding: .44em;
text-align: center;
}
:root .has-pale-pink-background-color {
background-color: #000;
}
.wp-block-gallery {
margin-top: 25px;
margin-bottom: 10px;
}
.wp-block-gallery.alignleft {
display: flex;
margin-top: 10px;
}
.wp-block-gallery .blocks-gallery-item {
border-radius: 4px;
overflow: hidden;
}
.wp-block-gallery .blocks-gallery-item img {
border-radius: 4px;
}
.wp-block-gallery.alignleft .blocks-gallery-item {
display: inline-block;
}
.wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper {
margin: 23px 0;
}
.wp-block-coblocks-social .wp-block-button__link {
border: none;
}
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 420px;
width: 100%;
}
p:last-child img.size-full.alignright {
clear: both;
padding-top: 0;
}
.wp-block-spacer {
clear: both;
}
.gallery .gallery-item {
text-align: center;
}
.site-content nav.comment-navigation {
padding-top: 0;
}
.site-content nav.comment-navigation ul {
margin-top: 0;
margin-bottom: 40px;
}
.site-content nav.comment-navigation ul li {
margin-right: 0;
}
.site-content nav.comment-navigation ul li a {
border-radius: 30px;
height: inherit;
width: inherit;
padding: 12px 27px;
line-height: 1.6;
}
figure.wp-caption.alignnone {
margin: 15px auto 15px;
}
.wp-block-file .wp-block-file__button {
background: #32373c;
padding: 10px 20px;
}
.has-media-on-the-right.is-stacked-on-mobile {
margin-bottom: 20px;
}
.blocks-gallery-item figcaption {
line-height: 1.4;
}
ul.wp-block-rss li.wp-block-rss__item .wp-block-rss__item-title {
display: inline-block;
}
.wp-block-group.has-background {
margin-bottom: 20px;
}
@media(max-width:475px){
.site-header .mobile-menu {
display: none!important;
}
}
/*Mobile menu*/
.mean-container.mobile-sticky .mobile-mene-bar {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0;
right: 0;
background-color: #ffffff;
box-shadow: 0px 7px 65px 0px rgb(0 0 0 / 5%);
transition: background 0.2s ease, padding 0.8s linear;
}
.mean-container .mean-bar {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
border-bottom: 1px solid rgba(181, 181, 181, 0.3);
float: none;
position: relative;
padding: 10px 15px;
top: 0;
left: 0;
width: 100%;
transition: all 0.31s linear;
}
.mean-container .mean-bar .search-icon a {
font-size: 18px;
font-weight: 500;
color: #000000;
}
.mn-top .mean-container .mean-bar {
position: fixed;
}
.mean-container .mean-bar .mobile-logo {
color: #2962ff;
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
}
.mean-container .mean-bar > img {
max-width: 110px;
}
.mean-container .mean-bar .minicart {
list-style: none;
}
.mean-container .mean-bar .info {
display: flex;
align-items: center;
}
.mean-container .cart-area .cart-list-trigger {
padding: 0;
}
.mean-container .cart-area .cart-trigger-icon > span {
top: -5px;
}
.mean-container .cart-area .cart-trigger-icon {
color: #000000;
}
@media(min-width: 783px) and (max-width: 992px) {
.admin-bar .mean-container.mobile-sticky .mobile-mene-bar {
top: 32px;
}
}
@media(min-width: 601px) and (max-width: 782px) {
.admin-bar .mean-container.mobile-sticky .mobile-mene-bar {
top: 46px;
}
}
.rt-slide-nav .offscreen-navigation .sub-menu {
display: none;
}
.rt-slide-nav .offscreen-navigation ul li {
border-bottom: 1px solid #e9e9e9;
}
.rt-slide-nav .offscreen-navigation ul li:last-child {
border-bottom: none;
}
.rt-slide-nav .offscreen-navigation nav > ul > li ul.sub-menu {
border-top: 1px solid #e9e9e9;
}
.rt-slide-nav .offscreen-navigation li > a {
display: block;
position: relative;
color: #000000;
font-size: 15px;
font-weight: 500;
background: #ffffff;
padding-bottom: 7px;
padding-top: 7px;
font-family: 'ProximaNova' !important;
}
.rt-slide-nav .offscreen-navigation ul > li > a {
padding-left: 25px;
}
.rt-slide-nav .offscreen-navigation ul ul > li > a {
padding-left: 40px;
}
.rt-slide-nav .offscreen-navigation ul ul ul > li > a {
padding-left: 55px;
}
.rt-slide-nav .offscreen-navigation .sub-menu li > a {
font-size: 13px;
padding-bottom: 7px;
}
.rt-slide-nav .offscreen-navigation li.current-menu-item > a,
.rt-slide-nav .offscreen-navigation li.current-menu-parent > a {
color: #2962ff;
}
.rt-slide-nav .offscreen-navigation li.menu-item-has-children > a:after {
content: '\f067';
display: inline-block;
font-family: "Font Awesome 5 Free";
transition: .1s;
right: 15px;
font-weight: 700;
position: absolute;
font-size: 13px;
}
.rt-slide-nav .offscreen-navigation li.menu-item-has-children > a.opened:after {
content: '\f068';
}
.rt-slide-nav .offscreen-navigation ul li > a:before {
position: absolute;
content: "";
width: 3px;
height: 0px;
top: 50%;
left: 15px;
transform: translateY(-50%);
margin: 0;
background: #6c6c6c;
opacity: 0;
visibility: hidden;
transition: all ease 0.31s;
}
.rt-slide-nav .offscreen-navigation ul li > a:hover:before {
background: #2962ff;
height: 11px;
opacity: 1;
visibility: visible;
transition: all ease 0.31s;
}
.rt-slide-nav .offscreen-navigation ul ul li > a::before {
left: 30px;
}
.rt-slide-nav .offscreen-navigation ul ul ul li > a::before {
left: 45px;
}
.mean-bar .header-btn-new.mobile-btn {
position: absolute;
right: 12%;
top: 8px;
}
.mean-bar .sidebarBtn{
font-size: 20px;
cursor: pointer;
color: #000000;
}
body .sidebarBtn {
display: block;
cursor: pointer;
transition: all ease 0.31s;
}
body .sidebarBtn .bar {
background: #000000;
height: 2px;
width: 25px;
display: block;
margin-bottom: 4px;
transition: all ease 0.31s;
}
body .sidebarBtn .bar:nth-child(2),
body .sidebarBtn .bar:nth-child(3) {
width: 20px;
}
body .sidebarBtn .bar:last-child {
margin-bottom: 0;
}
body.slidemenuon .sidebarBtn .bar:nth-child(2),
body.slidemenuon .sidebarBtn .bar:nth-child(3) {
opacity: 0;
}
body.slidemenuon .sidebarBtn .bar:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
body.slidemenuon .sidebarBtn .bar:nth-child(4) {
transform: rotate(-45deg) translate(8px, -8px);
}
.rt-slide-nav{
position: absolute;
background: white;
width: 100%;
left: 0;
z-index: 3;
display: none;
max-height: calc(100vh - 100px);
overflow-y: auto;
box-shadow: 0px 10px 10px 0px #0000001c;
}
.rt-slide-nav ul{
list-style-type: none;
margin: 0px;
padding: 0;
}
@media only screen and (min-width: 992px){
#meanmenu {
display: none;
}
}
@media only screen and (max-width: 991px){
.header-area {
display: none;
}
}
.rt-slide-nav nav,
.rt-slide-nav .menu-main-menu-container {
display: block;
}
.rt-slide-nav nav > ul > li.mega-menu,
.rt-slide-nav nav > ul > li ul.sub-menu li ul,
.rt-slide-nav nav > ul > li > ul.sub-menu {
position: relative;
width: 100%;
transition: inherit;
transform: inherit;
background: none;
box-shadow: none;
transform-origin: inherit;
opacity: 1;
visibility: visible;
left: 0;
}
/*carticon and search*/
.info-menu-bar {
display: inline-flex;
position: absolute;
right: 73px;
}
@media(max-width: 425px) {
.info-menu-bar {
right: 55px;
}
}
.info-menu-bar a {
color: #111111;
font-weight: 500;
}
.info-menu-bar a:hover {
color: #111111;
}
.info-menu-bar .header-search-box {
width: 25px;
margin-left: 14px;
}
/*mobile header topbar*/
.mobile-top-bar {
border-bottom: 1px solid #e5e5e5;
}
.mobile-top-bar .header-top {
padding: 10px 12px 7px;
text-align: center;
}
.mobile-top-bar .header-social {
display: block;
text-align: center;
margin-bottom: 12px;
}
.mobile-top-bar .header-top > div {
display: inline-flex;
align-items: center;
position: relative;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 5px;
border: none;
line-height: 1;
}
.mobile-top-bar .header-top .icon-left {
float: left;
margin-right: 10px;
text-align: center;
border-radius: 50%;
font-size: 14px;
color: #2962ff;
}
.mobile-top-bar .header-top .info {
float: left;
line-height: 1.5;
font-size: 14px;
text-align: left;
color: #646464;
transition: all ease 0.31s;
}
.mobile-top-bar .header-top .info-text a {
color: #646464;
}
.mobile-top-bar .header-top .info-text a:hover {
color: #2962ff;
}
.mobile-top-bar .header-right-wrap {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.mobile-top-bar .header-button .button-btn {
padding: 8px 18px;
}
@media (max-width: 767px) {
.wow {
visibility: visible !important;
-webkit-animation: none !important;
animation: none !important;
}
}
/*-------------------------------------
#. Ticker Styling
---------------------------------------*/
.ticker {
width: 90%;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.ticker-title {
text-transform: capitalize;
z-index: 2;
display: inline-block;
position: relative;
color: #e0e0e0;
font-size: 13px;
font-weight: 400;
}
.ticker-title:after {
content: "|";
color: #bbbbbb;
padding: 0 10px;
}
.ticker-content {
font-size: 13px;
margin: 0px;
position: absolute;
overflow: hidden;
white-space: nowrap;
line-height: 1.2;
}
.ticker-content a {
text-decoration: none;
color: #e0e0e0;
}
.ticker-content a:hover {
text-decoration: underline;
color: #ffffff;
}
.ticker-swipe {
padding-top: 9px;
position: absolute;
top: 0px;
background-color: #ffffff;
display: block;
width: 100%;
height: 36px;
}
.ticker-swipe span {
margin-left: 3px;
margin-top: 5px;
border-bottom: 1px solid #ffffff;
height: 12px;
width: 7px;
display: block;
}
.js-hidden {
display: none;
}
.no-js-news {
padding: 10px 0px 0px 45px;
color: #F8F0DB;
}
.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
float: left;
}
.right .ticker-controls,
.right .ticker-content,
.right .ticker-title,
.right .ticker {
float: right;
}
.right .ticker-controls {
padding-right: 6px;
}
.rt-news-ticker-holder {
width: 60%;
}
.rt-news-ticker-holder i {
font-size: 0.75rem;
background-image: linear-gradient(45deg, #0034c2, #2962ff);
color: #fff;
width: 28px;
height: 28px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 6px;
float: left;
text-align: center;
padding: 0 !important;
}
.ticker-wrapper .ticker-swipe {
background: #292929;
}
.ticker-wrapper .ticker-content,
.ticker-wrapper .ticker,
.ticker-wrapper .ticker-swipe span {
background-color: transparent;
}
/*---------------------------------------------------------
#. Woocommerce
-----------------------------------------------------------*/
.shop-page-top {
width: 100%;
margin-bottom: 40px;
display: inline-block;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 20px 20px 0;
transition: all ease 0.31s;
}
.woocommerce .woocommerce-result-count {
font-size: 18px;
font-weight: 700;
font-family: "Spartan", sans-serif;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0;
}
.woocommerce .rt-product-block {
text-align: center;
}
.woocommerce .rt-product-block ins {
background-color: transparent;
}
.woocommerce .rt-product-block .rt-thumb-wrapper {
border-radius: 4px;
overflow: hidden;
position: relative;
padding: 30px;
background-color: #f7f7f7;
transition: all ease 0.31s;
}
.woocommerce .rt-product-block .rt-thumb img {
transform: scale(1.01);
transition: all ease 0.5s;
}
.woocommerce .rt-product-block:hover .rt-thumb img {
transform: scale3d(1.1,1.1,1);
opacity: 0.5;
}
.woocommerce .rt-product-block .rt-buttons-area .btn-title .added_to_cart {
margin-left: 4px;
}
.woocommerce .rt-product-block .rt-buttons-area .btn-icons {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce .rt-product-block .rt-buttons-area .btn-icons > a {
opacity: 0;
visibility: hidden;
margin-right: 5px;
transform: translateY(30px);
transition: all ease 0.31s;
}
.woocommerce .rt-product-block:hover .rt-buttons-area .btn-icons > a {
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.woocommerce .rt-product-block:hover .rt-buttons-area .btn-icons a:nth-child(1n){
transition-delay: 0s;
}
.woocommerce .rt-product-block:hover .rt-buttons-area .btn-icons a:nth-child(2n) {
transition-delay: 0.2s;
}
.woocommerce .rt-product-block:hover .rt-buttons-area .btn-icons a:nth-child(3n) {
transition-delay: 0.4s;
}
.woocommerce .rt-product-block:hover .rt-buttons-area .btn-icons a:nth-child(4n) {
transition-delay: 0.6s;
}
.woocommerce .rt-product-block .rt-buttons-area .btn-icons a {
height: 44px;
padding: 0 15px;
border-radius: 4px;
color: #ffffff;
background: #000000;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
}
.woocommerce .rt-product-block .rt-buttons-area .btn-icons a:hover {
color: #ffffff;
background: #0554f2;
}
.woocommerce .rt-product-block .rt-buttons-area .btn-icons a > span {
display: none;
}
.woocommerce .rt-product-block .price-title-box {
margin-top: 22px;
text-align: left;
}
.woocommerce .rt-product-block .price-title-box .rt-title {
font-size: 15px;
margin-bottom: 5px;
line-height: 1.5;
}
.woocommerce .rt-product-block .price-title-box .rt-title a {
color: #6c6f72;
}
.woocommerce .rt-product-block .price-title-box .rt-title a:hover {
color: #0554f2;
}
.woocommerce .rt-product-block .price-title-box .rt-price {
color: #000000;
font-size: 18px;
font-weight: 700;
font-family: "Spartan", sans-serif;
}
.woocommerce .rt-product-block .price-title-box .rt-price del {
color: #a6a6a6;
font-size: 16px;
}
.product-not-cart .add_to_cart_button.added {
display: none;
}
.product-in-cart .added_to_cart.wc-forward {
display: block;
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: 0;
border-radius: 0;
min-height: 15px;
line-height: 30px;
padding: 0 15px;
}
.woocommerce ul.products li.product a img.ajax-loading {
margin: 0;
width: 15px;
height: auto;
display: none;
}
.woocommerce ul.products li.product .rdtheme-wishlist-icon {
line-height: 13px;
display: inline-block;
}
a.rdtheme-wishlist-icon img.ajax-loading {
display: none;
width: 20px;
}
a.added_to_cart.wc-forward {
padding: 0;
background: transparent;
color: #666;
}
.roofix-products-page .pagination {
margin-top: 20px;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: left;
width: 100%;
}
@media only screen and (max-width: 376px) {
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}
}
/*------------------- Product Details -------------------*/
.woocommerce .product-details-page {
width: 100%;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 991px) {
.woocommerce .product-details-page {
display: block;
}
}
.woocommerce .product-details-page .rt-left {
width: 45%;
float: left;
padding-right: 50px;
}
@media only screen and (max-width: 991px) {
.woocommerce .product-details-page .rt-left {
width: 100%;
padding-right: 0;
}
}
.woocommerce .product-details-page .single-product-top {
display: inline-block;
}
.woocommerce .product-details-page .rt-left span.onsale {
display: none;
}
.woocommerce .product-details-page .rt-right {
overflow: hidden;
padding-left: 15px;
-ms-flex: 1;
flex: 1;
}
@media(max-width: 991px) {
.woocommerce .product-details-page .rt-right {
overflow: inherit;
padding-left: 0;
}
}
.woocommerce .product-details-page .rt-right .woocommerce-product-rating {
margin-bottom: 15px;
}
.woocommerce .product-details-page .rt-right .woocommerce-product-rating .star-rating {
font-size: 14px;
margin: 0;
}
.woocommerce .product-details-page .rt-right .woocommerce-product-rating .woocommerce-review-link {
color: #8d8d8d;
}
.woocommerce .product-details-page .rt-right .entry-title {
margin-bottom: 7px;
transition: all ease 0.31s;
}
.woocommerce .product-details-page .rt-right span.price,
.woocommerce .product-details-page .rt-right p.price {
color: #000000;
font-size: 22px;
font-weight: 700;
margin-bottom: 3px;
line-height: 1.4;
font-family: "Spartan", sans-serif;
transition: all ease 0.31s;
}
.woocommerce .product-details-page .rt-right span.price del,
.woocommerce .product-details-page .rt-right p.price del {
opacity: 1;
color: #a6a6a6;
font-size: 16px;
}
.woocommerce .product-details-page .rt-right form.cart {
margin-top: 35px;
}
.woocommerce .product-details-page table.group_table td > label > a {
color: #6c6f72;
font-size: 15px;
font-weight: 700;
font-family: 'ProximaNova' !important;
}
.woocommerce .product-details-page table.group_table td > label > a:hover {
color: #2962ff;
}
.woocommerce .product-details-page table.group_table td span.amount {
color: #000000;
font-size: 18px;
font-weight: 700;
font-family: "Spartan", sans-serif;
}
.woocommerce .product-details-page .rt-right .quantity {
margin-right: 10px;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rt-right .quantity {
margin-bottom: 5px !important;
}
}
.woocommerce .product-details-page .rt-right .quantity input.input-text {
margin: 0 5px;
}
.woocommerce .product-details-page .rt-right .quantity .quantity-btn {
line-height: 1;
}
.woocommerce .product-details-page .rt-right .button.alt {
margin-left: 3px;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rt-right .button.alt {
margin-left: 0;
margin-bottom: 5px;
}
}
.woocommerce .product-details-page .rt-right .variations_form {
margin-bottom: 20px;
}
.woocommerce .product-details-page .rt-right .variations_form .variations {
width: 80%;
margin-top: 0;
margin-bottom: 5px;
}
.woocommerce .product-details-page .rt-right .variations_form .variations tbody td {
text-align: left;
}
.woocommerce .product-details-page .rt-right .variations_form .variations tbody td.label {
width: 80px;
}
.woocommerce .product-details-page .rt-right .variations_form .variations tbody select {
padding: 5px;
padding-left: 15px;
}
.woocommerce .product-details-page .rt-right .variations_form .variations tbody select {
background-position: calc(81%) calc(20px), calc(88%) calc(20px), calc(68%) 8px;
}
.woocommerce .product-details-page .rt-right .variations_form .variations tbody select:focus {
background-position: calc(87%) 18px, calc(80%) 18px, calc(68%) 8px;
}
.woocommerce .product-details-page .rt-right .variations_form .variations tbody select:-webkit-focusring,
.woocommerce .product-details-page .rt-right .variations_form .variations tbody select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.woocommerce .product-details-page .rt-right .variations_form .single_variation_wrap {
width: 100%;
margin-top: 10px;
display: inline-block;
}
.woocommerce .product-details-page .rt-right .variations_form .single_variation_wrap span.price {
margin-bottom: 10px;
display: inline-block;
}
.woocommerce .product-details-page .rt-right .wistlist-compare-box {
width: 100%;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rt-right .wistlist-compare-box {
display: block;
}
}
.woocommerce .product-details-page .rt-right .wistlist-compare-box a {
color: #646464;
margin-right: 30px;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rt-right .wistlist-compare-box a {
width: 100%;
}
}
.woocommerce .product-details-page .rt-right .wistlist-compare-box a i {
margin-right: 8px;
}
.woocommerce .product-details-page .rt-right .wistlist-compare-box a:hover {
color: #0554f2;
}
.woocommerce .product-details-page .rt-right .post-share-btn {
width: 100%;
margin-bottom: 15px;
display: -ms-inline-flexbox;
display: inline-flex;
}
.woocommerce .product-details-page .rt-right .post-share-btn .item-label {
font-size: 16px;
width: 70px;
float: left;
padding-top: 5px;
margin-bottom: 0;
transition: all ease 0.31s;
}
.woocommerce .product-details-page .rt-right .post-share-btn .post-social-sharing {
overflow: hidden;
}
.woocommerce .product-details-page .rt-right .post-share-btn .post-social-sharing ul.item-social {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce .woocommerce-product-details__short-description {
margin-top: 18px;
}
.woocommerce .woocommerce-product-details__short-description ul {
margin: 0;
padding: 0;
}
.woocommerce .product-details-page .post-social-sharing ul.item-social li {
float: left;
}
.woocommerce .product-details-page .post-social-sharing ul.item-social li a {
color: #8d8d8d;
padding: 5px 7px;
display: inline-block;
font-size: 14px;
}
.woocommerce .product-details-page .post-social-sharing ul.item-social li a:hover {
color: #2962ff;
}
.woocommerce .product-details-page .slick-slider .slick-slide {
margin-left: 0;
}
.woocommerce .product-details-page .yith-wcwl-wishlistexistsbrowse,
.woocommerce .product-details-page .yith-wcwl-add-button,
.woocommerce .product-details-page a.compare.button {
display: none;
}
.woocommerce .product-details-page a.compare.added {
padding-left: 20px;
position: relative !important;
}
.woocommerce .product-details-page a.compare.added:before {
top: 0;
left: 0;
content: "\f00c";
position: absolute;
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
/*single product meta*/
.woocommerce .product-details-page .product_meta > span {
color: #010101;
font-weight: 700;
font-size: 15px;
margin-bottom: 8px;
display: block;
line-height: 1.4;
transition: all ease 0.31s;
}
.woocommerce .product-details-page .product_meta > span a,
.woocommerce .product-details-page .product_meta > span span {
color: #6c6f72;
display: inline-block;
margin-left: 5px;
font-weight: 400;
}
.woocommerce .product-details-page .product_meta > span a:hover {
color: #2962ff;
}
.woocommerce div.product div.images .flex-viewport {
background-color: #f7f7f7;
text-align: center;
border-radius: 4px;
transition: all ease 0.31s;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
background-color: #f7f7f7;
text-align: center;
border-radius: 4px;
transition: all ease 0.31s;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
width: inherit;
display: inline-block;
padding: 60px 45px;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin-top: 10px;
transition: all ease 0.31s;
}
.woocommerce div.product div.images .flex-control-thumbs li {
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
text-align: center;
border-radius: 4px;
margin-right: 9px;
width: 23.5%;
transition: all ease 0.31s;
}
.woocommerce div.product div.images .flex-control-thumbs li:last-child {
margin-right: 0;
}
@media (max-width: 1199px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 7px;
}
}
@media (max-width: 991px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 13px;
}
}
@media (max-width: 767px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 7px;
}
}
@media (max-width: 425px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 6px;
}
}
@media (max-width: 375px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 5px;
}
}
.woocommerce li.product .woocommerce-product-rating {
margin-bottom: 0;
}
.quantity {
margin: 0 auto;
max-width: 160px;
position: relative;
}
.quantity input.input-text,
.quantity .input-group-btn {
width: 44px;
height: 48px;
border: 1px solid #e5e5e5;
border-radius: 4px;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
}
.quantity .input-group-btn {
position: absolute;
}
.quantity .input-group-btn span.quantity-btn i {
font-size: 12px;
}
.quantity .input-group-btn.minus {
left: 0;
}
.quantity .input-group-btn.plus {
right: 0;
}
.quantity input.input-text {
height: 48px;
font-weight: 600;
}
.quantity input.input-text:focus {
outline: none;
}
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
display: none;
}
.woocommerce .quantity .qty {
width: 60px;
text-align: center;
margin-left: 50px !important;
margin-right: 50px !important;
}
/*product bottom*/
section.related.products {
margin-top: 50px;
}
section.related.products h2 {
font-size: 30px;
font-weight: 600;
margin-bottom: 40px;
}
section.related.products ul.products li.product {
margin-bottom: 0;
}
@media(max-width: 768px) {
section.related.products ul.products li.product {
margin-bottom: 45px;
}
}
/*product button*/
.woocommerce #respond input#submit.alt,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce input.button,
.woocommerce a.button,
.cart-btn a.button {
background: #2962ff;
border-radius: 4px;
font-size: 16px;
color: #ffffff;
font-weight: 500;
padding: 15px 20px 16px 20px;
transition: all 0.4s ease;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
letter-spacing: 0.16px;
line-height: 1;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover,
.cart-btn a.button:hover {
color: #fff;
background-color: #0034c2;
}
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce button.button:focus,
.woocommerce a.button.alt:focus,
.woocommerce input.button:focus,
.woocommerce a.button:focus {
outline: none;
border-radius: 4px;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
color: #fff;
opacity: 1;
padding: 15px 20px 16px 20px;
}
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover {
color: #fff;
background-color: #0034c2;
}
@media only screen and (max-width: 575px) {
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
width: 100%;
padding-top: 0;
text-align: center;
}
}
@media only screen and (max-width: 575px) {
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
width: 100%;
text-align: center;
}
}
.woocommerce .woocommerce-ordering select {
padding: 0;
border: none;
background-color: transparent;
width: initial;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
margin: 0;
padding: 0;
font-size: 20px;
}
.woocommerce .star-rating span::before {
color: #ffba0a;
}
.woocommerce div.product .woocommerce-tabs {
margin-top: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: left;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 40px;
padding: 0;
transition: all ease 0.31s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background-color: transparent;
margin: 0 25px 0 0;
padding: 0;
font-family: "Spartan", sans-serif;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
position: relative;
font-size: 18px;
font-weight: 700;
color: #85878a;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #000000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 4px;
width: 0;
background-color: #0554f2;
transition: all 240ms ease-in-out;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #000000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container {
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 12px 25px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border-radius: 0;
margin: 0;
padding: 0;
border: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
font-size: 16px;
color: #000000;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 80px;
border: none;
margin-right: 25px;
padding: 0;
position: inherit;
}
.woocommerce p.stars a {
color: #ffba0a;
}
.woocommerce #review_form #respond .comment-form-author label,
.woocommerce #review_form #respond .comment-form-email label {
margin-right: 10px;
width: 65px;
}
.woocommerce #review_form #respond .comment-form-author input,
.woocommerce #review_form #respond .comment-form-email input {
border-color: #e4e1e3;
border-radius: 4px;
margin-bottom: 10px;
padding: 8px 20px;
width: 100%;
}
.woocommerce #review_form #respond p textarea {
height: 150px;
padding: 20px;
border-color: #e4e1e3;
border-radius: 4px;
}
.woocommerce #review_form #respond p input:focus,
.woocommerce #review_form #respond p textarea:focus {
outline: none;
}
/*review*/
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: 22px;
}
.woocommerce-Reviews .comment-reply-title {
font-size: 18px;
font-family: 'ProximaNova' !important;
font-weight: 700;
color: #000000;
}
.woocommerce-Reviews .comment-form label {
font-size: 14px;
color: #000000;
font-weight: 500;
display: block;
}
@media (min-width: 850px) {
.woocommerce-Reviews .comment-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-Reviews .comment-form>div,
.woocommerce-Reviews .comment-form>p {
padding: 0 15px;
width: 100%;
}
.woocommerce-Reviews .comment-form p.comment-form-author,
.woocommerce-Reviews .comment-form p.comment-form-email,
.woocommerce-Reviews .comment-form p.comment-form-url {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.woocommerce span.onsale {
padding: 0;
text-align: center;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
background-color: #000;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
height: 48px;
width: 110px !important;
line-height: 40px;
border-radius: 4px;
}
.cart-collaterals {
margin-top: 50px;
}
.cart-collaterals h2 {
font-size: 30px;
}
.woocommerce-cart table.woocommerce-cart-form__contents {
border-top: 0;
border-left: 0;
}
.woocommerce-cart table.woocommerce-cart-form__contents tr th {
color: #000000;
font-weight: 600;
}
.woocommerce-cart table.woocommerce-cart-form__contents tr td,
.woocommerce-cart table.woocommerce-cart-form__contents tr th {
border: 0;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
border-top: none;
}
.woocommerce-cart table.woocommerce-cart-form__contents .product-name {
text-align: left;
}
.woocommerce-cart table.woocommerce-cart-form__contents .product-name a {
color: #000000;
font-weight: 500;
}
.woocommerce-cart table.woocommerce-cart-form__contents .product-name a:hover {
color: #0554f2;
}
.woocommerce-cart table.woocommerce-cart-form__contents .quantity .quantity-btn {
line-height: 1;
}
.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single {
border: 1px solid #e5e5e5;
}
.woocommerce .woocommerce-checkout .form-row {
margin: 0 0 20px;
}
.woocommerce .woocommerce-checkout #payment div.place-order {
padding: 20px 24px;
}
.woocommerce .woocommerce-checkout .form-row label {
color: #393738;
font-weight: 500;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: 18px;
}
p.return-to-shop {
margin-bottom: 70px;
}
.woocommerce form.checkout_coupon {
border: 1px solid #e5e5e5;
border-radius: 4px;
}
.woocommerce form.checkout_coupon input.input-text {
padding: 13px 10px;
border-radius: 4px;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 49%;
}
.woocommerce form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last {
padding: 0;
}
.woocommerce-billing-fields span.woocommerce-input-wrapper {
width: 100%;
height: 40px;
}
.woocommerce-billing-fields span.woocommerce-input-wrapper:focus {
outline: none;
}
.woocommerce-billing-fields span.woocommerce-input-wrapper input {
height: 48px;
padding: 10px 18px;
border-radius: 4px;
transition: all ease 0.31s;
}
.woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-billing-fields .select2-container .select2-selection--single {
height: 48px;
border-radius: 4px;
line-height: 48px;
padding-left: 9px;
padding-right: 9px;
color: #6c6f72;
transition: all ease 0.31s;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 18px;
appearance: none;
background-size: 12px;
background-image: url(../img/select-arrow.png) !important;
background-repeat: no-repeat;
background-position: 95%;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow b{
display: none;
}
.woocommerce-additional-fields span.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-additional-fields span.woocommerce-input-wrapper textarea {
padding: 10px;
border-radius: 4px;
transition: all ease 0.31s;
}
.wc-order-review-wrapper {
margin-top: 50px;
}
.woocommerce-order-received .section.content-area {
padding-top: 110px;
padding-bottom: 85px;
}
.woocommerce-order-received .section.content-area .woocommerce-order h2 {
font-size: 30px;
}
.woocommerce .woocommerce-customer-details address {
padding: 20px 30px;
}
.yith-wcqv-main {
padding: 30px;
}
.yith-wcqv-main h1.product_title.entry-title {
font-size: 30px;
margin-bottom: 7px;
}
.yith-wcqv-main .rt-right .product_meta {
margin-bottom: 20px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #000;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
font-size: 16px;
}
.woocommerce table.shop_table th {
color: #000000;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot th {
color: #000000;
font-weight: 600;
}
.woocommerce table.shop_table tbody td {
font-weight: 500;
padding: 12px 15px;
}
.woocommerce .wishlist-title {
margin-bottom: 30px;
}
.woocommerce .hidden-title-form {
display: none;
}
.woocommerce .wishlist-title h2 {
padding: 0;
margin-right: 15px;
}
.woocommerce .wishlist-title h2:hover {
background-color: transparent;
}
.wishlist-title a.show-title-form i {
display: none;
}
.yith-wcwl-share {
display: none;
}
.wishlist_table .product-add-to-cart a.button {
padding: 0;
}
.wishlist_table .product-add-to-cart a.button {
padding: 10px 30px !important;
}
.wishlist_table td a {
font-size: 16px;
margin-right: 10px;
color: #444444;
}
.wishlist_table td a:hover {
color: #0554f2;
}
.wishlist_table td.product-name a.button.yith-wcqv-button {
font-size: 14px;
}
.wishlist_table td.product-price {
font-size: 18px;
}
.wishlist_table td.product-price del {
color: #a6a6a6;
font-size: 14px;
}
.wishlist_table td.product-price ins {
background-color: transparent;
}
.woocommerce-message {
border-top-color: #2962ff;
padding: 20px 30px 20px 50px;
line-height: 45px;
border-radius: 0 0 4px 4px;
transition: all ease 0.31s;
}
.woocommerce-info {
border-top-color: #2962ff;
padding: 17px 30px 18px 50px;
transition: all ease 0.31s;
}
.woocommerce-message::before {
top: 21px;
}
.woocommerce-message::before,
.woocommerce-info::before {
color: #000;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #f8f8f8;
border-radius: 4px;
}
/*star rating for products*/
.rating-custom .woocommerce-product-rating::after,
.rating-custom .woocommerce-product-rating::before {
content: ' ';
display: table;
}
.rating-custom .star-rating {
margin-top: 5px;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 14px;
width: 5.4em;
font-family: star;
}
.rating-custom .star-rating:before {
content: '\73\73\73\73\73';
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.rating-custom .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.rating-custom .star-rating span:before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
color: #fcb302;
}
.shop-layout-style1 .rating-custom .woocommerce-product-rating {
display: inline-block;
}
/*header cart*/
.cart-area .cart-list-trigger {
position: relative;
margin-left: 15px;
margin-right: 10px;
padding: 34px 0;
transition: all ease 0.31s;
}
.cart-area .cart-trigger-icon {
color: #818181;
font-size: 18px;
display: inline-block;
text-align: center;
}
.cart-area .cart-trigger-icon:hover {
color: #2962ff;
}
.cart-area .cart-trigger-icon > span {
display: inline-block;
font-size: 12px;
position: absolute;
top: 26px;
right: -13px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #0554f2;
line-height: 20px;
color: #fff;
}
.cart-area .cart-wrapper {
font-size: 14px;
line-height: 22px;
background-color: #ffffff;
border-radius: 0 0 4px 4px;
position: absolute;
right: 0;
top: 100%;
width: 340px;
max-height: 70vh;
overflow-y: auto;
z-index: 99999;
opacity: 0;
visibility: hidden;
text-align: left;
box-shadow: 0px 0px 90px 0px rgb(0 0 0 / 10%);
padding: 30px 20px;
border-radius: 0 0 4px 4px;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
opacity: 0;
z-index: 100;
transform: scaleY(0);
transform-origin: 0 0 0;
}
.cart-area .cart-list-trigger:hover .cart-wrapper {
top: 100%;
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.cart-area .cart-wrapper ul.minicart>li {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
padding-bottom: 10px;
}
.cart-area .cart-wrapper ul.minicart .cart-btn {
margin-top: 20px;
}
.cart-area .cart-wrapper ul.minicart>li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.cart-wrapper h5.no-cart-items {
width: 100%;
margin-bottom: 0;
}
.cart-single-product {
width: 100%;
}
.cart-single-product > .media {
display: flex;
position: relative;
align-items: center;
}
.cart-wrapper .remove-item-overlay {
left: 0;
right: 0;
width: 100%;
height: 100%;
display: none;
position: absolute;
background-color: #0000008a;
}
.cart-wrapper .remove-item-overlay>img {
top: 50%;
width: 25px;
max-width: 100%;
position: absolute;
transform: translateY(-50%);
}
.cart-wrapper .cart-product-img {
width: 38px;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-right: 13px;
}
.cart-area .cart-wrapper ul.minicart>li .media .cart-content ul {
display: flex;
padding-left: 0;
list-style: none;
align-items: center;
justify-content: space-between;
color: #6c6f72;
}
.cart-area .cart-wrapper ul.minicart>li.cart-total {
color: #6c6f72;
font-weight: 500;
}
.cart-area .cart-content {
flex: 1;
}
.cart-area .minicart-title a {
color: #6c6f72;
font-size: 15px;
font-weight: 500;
}
.cart-area .minicart-remove a {
color: #6c6f72;
}
.cart-area .minicart-title a:hover,
.cart-area .minicart-remove a:hover {
color: #2962ff;
}
/*end cart*/
.woocommerce ul.product_list_widget li img {
margin-left: 4px;
width: 38px;
background: #fff;
border-radius: 4px;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
margin-bottom: 6px;
}
.woocommerce-MyAccount-navigation ul li a {
color: #000000;
font-size: 20px;
font-weight: 600;
}
.woocommerce-MyAccount-navigation ul li a:hover {
color: #0554f2;
}
.woocommerce .woocommerce-product-rating {
line-height: 1;
}
.woocommerce li.product .star-rating {
display: inline-block;
margin: 0 0 5px;
float: none;
}
.woocommerce .loader::before {
display: none;
}
@media(max-width: 767px) {
.woocommerce-page .content-area {
padding-top: 80px;
padding-bottom: 80px;
}
}
/*related product slider*/
.woo-related-product .swiper-slide li {
list-style: none;
}
/*quick view*/
#yith-quick-view-content .single-product-top .rt-left {
float: left;
width: 40%;
}
#yith-quick-view-content .single-product-top .rt-right {
float: left;
width: 60%;
}
#yith-quick-view-content .single-product-top div.images {
width: 90%;
text-align: center;
background: #f7f7f7;
border-radius: 4px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#yith-quick-view-content .rt-right p.price {
color: #000000;
font-size: 24px;
font-weight: 700;
margin-bottom: 25px;
}
#yith-quick-view-content .single-product-top .product_meta > span {
color: #010101;
font-weight: 700;
font-size: 15px;
margin-bottom: 8px;
display: block;
line-height: 1.4;
}
#yith-quick-view-content .single-product-top .product_meta > span a,
#yith-quick-view-content .single-product-top .product_meta > span span {
color: #6c6f72;
display: inline-block;
margin-left: 5px;
font-weight: 400;
}
#yith-quick-view-content .woocommerce-product-details__short-description {
margin-bottom: 30px;
}
#yith-quick-view-content div.product .product_title {
margin-bottom: 5px;
}
#yith-quick-view-content div.product .woocommerce-product-rating {
margin-bottom: 12px;
}
#yith-quick-view-content .star-rating {
font-size: 14px;
}
#yith-quick-view-close {
border: none;
border-radius: 4px;
background: #2962ff;
color: #fff;
width: 26px;
height: 26px;
top: 10px;
right: 10px;
line-height: 26px;
z-index: 2;
opacity: 1;
}
#yith-quick-view-close:hover {
background: #0034c2;
color: #fff;
}
#yith-quick-view-modal .yith-wcqv-main {
border-radius: 4px;
box-shadow: none;
}
#yith-quick-view-modal #yith-quick-view-content {
overflow-y: scroll;
}
#yith-quick-view-content .single-product-top {
display: flex;
}
#yith-quick-view-modal #yith-quick-view-content::-webkit-scrollbar,
#yith-quick-view-modal.open .yith-wcqv-main::-webkit-scrollbar {
width: 0;
}
@media(max-width: 767px) {
#yith-quick-view-content .single-product-top {
display: block;
}
#yith-quick-view-content .single-product-top .rt-left {
width: 100%;
margin-bottom: 30px;
}
#yith-quick-view-content .single-product-top div.images,
#yith-quick-view-content .single-product-top .rt-right {
width: 100%;
}
}
/*-------------------------------------
#. Dark mode
---------------------------------------*/
.header__switch {
position: fixed;
top: 320px;
background: #2962ff;
right: 12px;
z-index: 3;
padding: 8px 15px;
border-radius: 30px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.header__switch__label {
width: 16px;
height: 44px;
display: inline-block;
position: relative;
transition: all 0.4s ease;
}
.header__switch__main {
position: absolute;
background: #0034c2;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
transition: all 0.4s ease;
}
.header__switch__main.round {
border-radius: 15px;
}
.header__switch__main::before {
position: absolute;
content: "";
width: 13px;
height: 13px;
background-color: #fff;
border-radius: 100%;
left: 2px;
transition: 1s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.header__switch__input {
display: none;
}
.header__switch__input:checked + .header__switch__main::before {
transform: translateY(30px);
transition: 0.5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.header__switch__settings {
color: #fff;
margin-bottom: 5px;
line-height: 1.2;
transition: all 0.4s ease;
}
.header__switch__dark {
color: #fff;
margin-top: 5px;
line-height: 1.2;
transition: all 0.4s ease;
}
@media(max-width: 480px) {
.header__switch {
padding: 12px 8px;
}
.header__switch__settings,
.header__switch__dark {
display: none;
}
}
[data-theme="dark-mode"] .header__switch__settings,
[data-theme="dark-mode"] .header__switch__dark {
color: #000;
}
[data-theme="dark-mode"] .header__switch,
[data-theme="dark-mode"] .additional-menu-area .sidenav .closebtn {
background-color: #ffffff;
}
[data-theme="dark-mode"] .header__switch__main {
background-color: #000;
}
.entry-banner:after,
.elementor-widget-wrap,
.elementor-section-wrap .elementor-section,
.elementor-column-wrap.elementor-element-populated {
transition: all ease 0.31s !important;
}
[data-theme="dark-mode"] h1,
[data-theme="dark-mode"] h2,
[data-theme="dark-mode"] h3,
[data-theme="dark-mode"] h4,
[data-theme="dark-mode"] h5,
[data-theme="dark-mode"] h6 {
color: #ffffff;
}
/*dark header css*/
[data-theme="dark-mode"] .mobile-top-bar .header-top .info,
[data-theme="dark-mode"] .mobile-top-bar .header-top .info-text a,
[data-theme="dark-mode"] .additional-menu-area .sidenav ul li a,
[data-theme="dark-mode"] .site-header .main-navigation > nav > ul > li > a,
[data-theme="dark-mode"] .cart-area .cart-trigger-icon,
[data-theme="dark-mode"] .header-icon-area .search-icon a,
[data-theme="dark-mode"] .header-icon-area .user-icon-area a,
[data-theme="dark-mode"] .menu-user .user-icon-area a,
[data-theme="dark-mode"] .header-offcanvus button.side-menu-trigger .menu-text {
color: #ffffff;
}
[data-theme="dark-mode"] .header-offcanvus button.side-menu-trigger .menu-btn-icon .line,
[data-theme="dark-mode"] .header-offcanvus button.side-menu-trigger .menu-btn-icon::before,
[data-theme="dark-mode"] .header-offcanvus button.side-menu-trigger .menu-btn-icon::after,
[data-theme="dark-mode"] .header-offcanvus button.side-menu-trigger .menu-btn-icon .line3::before {
background-color: #ffffff;
}
[data-theme="dark-mode"] .site-header .site-branding a.dark-logo {
display: none;
}
[data-theme="dark-mode"] .site-header .site-branding a.light-logo {
display: table-cell;
}
[data-theme="dark-mode"] body,
[data-theme="dark-mode"] .header-area,
[data-theme="dark-mode"] .header-menu,
[data-theme="dark-mode"] .site-content,
[data-theme="dark-mode"] .error-page-area,
[data-theme="dark-mode"] #page .content-area {
background-color: #101213 !important;
transition: all ease 0.31s;
}
[data-theme="dark-mode"] .entry-banner:after,
[data-theme="dark-mode"] .elementor-widget-wrap,
[data-theme="dark-mode"] .elementor-section,
[data-theme="dark-mode"] .elementor-column-wrap.elementor-element-populated {
background-color: transparent !important;
background-image: none !important;
transition: all ease 0.31s !important;
}
[data-theme="dark-mode"] .entry-banner,
[data-theme="dark-mode"] .dark-section2,
[data-theme="dark-mode"] .elementor-background-overlay,
[data-theme="dark-mode"] .topbar-style-1 .header-top-bar,
[data-theme="dark-mode"] .additional-menu-area .sidenav,
[data-theme="dark-mode"] .dark-section2 .fluentform-widget-wrapper,
[data-theme="dark-mode"] .dark-fluentform .elementor-widget-container,
[data-theme="dark-mode"] .dark-section3 .elementor-widget-wrap,
[data-theme="dark-mode"] .dark-section .elementor-widget-container,
[data-theme="dark-mode"] .dark-site-subscribe .elementor-widget-container,
[data-theme="dark-mode"] .sidebar-widget-area .fluentform .frm-fluent-form {
background-color: #171818 !important;
background-image: none !important;
transition: all ease 0.31s !important;
}
[data-theme="dark-mode"] .elementor-background-overlay {
opacity: 1 !important;
}
.elementor-element .elementor-widget-container {
transition: all ease 0.31s !important;
}
[data-theme="dark-mode"] .dark-section1.elementor-section,
[data-theme="dark-mode"] .rt-post-tab-style5 .rt-item-box .entry-content,
[data-theme="dark-mode"] .rt-thumb-slider-horizontal-4 .rt-thumnail-area,
[data-theme="dark-mode"] .topbar-style-3 .header-top-bar,
[data-theme="dark-mode"] .topbar-style-4 .header-top-bar,
[data-theme="dark-mode"] .rt-news-ticker .ticker-wrapper .ticker-content,
[data-theme="dark-mode"] .rt-news-ticker .ticker-wrapper .ticker,
[data-theme="dark-mode"] .rt-news-ticker .ticker-wrapper .ticker-swipe,
[data-theme="dark-mode"] .rt-post-slider-style5 .rt-item .rt-image + .entry-content {
background-color: #171818 !important;
}
[data-theme="dark-mode"] .button-style-1,
[data-theme="dark-mode"] .rt-post-tab .post-cat-tab a {
color: #ffffff;
}
[data-theme="dark-mode"] .btn-common path.rt-button-cap {
stroke: #ffffff;
}
[data-theme="dark-mode"] .title-animation-black-bold a,
[data-theme="dark-mode"] .title-animation-black-normal a {
color: #fff;
background-image: linear-gradient(to bottom, #fff 0%, #fff 98%);
}
[data-theme="dark-mode"] .rt-post-grid-default .rt-item .entry-title a,
[data-theme="dark-mode"] .rt-post-overlay-style6 .rt-item-list .entry-title a,
[data-theme="dark-mode"] .rt-post-overlay-style7 .rt-item-list .entry-title a,
[data-theme="dark-mode"] .rt-post-list-default .rt-item .entry-title a,
[data-theme="dark-mode"] .rt-post-slider-default .rt-item .entry-title a,
[data-theme="dark-mode"] .sidebar-widget-area .widget .widgettitle,
[data-theme="dark-mode"] .elementor-category .rt-category-style2 .rt-item a {
color: #ffffff;
}
[data-theme="dark-mode"] .rt-post-grid-default .rt-item .post-author a,
[data-theme="dark-mode"] .rt-post-list-default .rt-item .post-author a,
[data-theme="dark-mode"] .rt-post-tab-default .rt-item-list ul.entry-meta .post-author a,
[data-theme="dark-mode"] .rt-post-overlay-default .rt-item-list ul.entry-meta li a,
[data-theme="dark-mode"] .rt-post-slider-default .rt-item .post-author a,
[data-theme="dark-mode"] .rt-post-tab-default .rt-item-box ul.entry-meta li.post-author a,
[data-theme="dark-mode"] .rt-news-ticker .ticker-content a {
color: #ffffff !important;
}
[data-theme="dark-mode"] body,
[data-theme="dark-mode"] .breadcrumb-area .entry-breadcrumb span a,
[data-theme="dark-mode"] .rt-post-grid-default .rt-item .post_excerpt,
[data-theme="dark-mode"] .rt-post-list-default .rt-item .post_excerpt,
[data-theme="dark-mode"] .rt-section-title.style2 .entry-text,
[data-theme="dark-mode"] .rt-title-text-button .entry-content,
[data-theme="dark-mode"] .rt-contact-info .entry-text,
[data-theme="dark-mode"] .rt-contact-info .entry-text a,
[data-theme="dark-mode"] .fluentform .subscribe-form p,
[data-theme="dark-mode"] .additional-menu-area .sidenav-address span a,
[data-theme="dark-mode"] .rtrs-review-box .rtrs-review-body .rtrs-review-meta .rtrs-review-date {
color: #d7d7d7;
}
[data-theme="dark-mode"] blockquote,
[data-theme="dark-mode"] .rt-post-slider-default.rt-post-slider-style4 .rt-item .entry-content {
background: #171818;
}
[data-theme="dark-mode"] .dark-border,
[data-theme="dark-mode"] .dark-border .elementor-element-populated,
[data-theme="dark-mode"] .dark-border .elementor-divider-separator,
[data-theme="dark-mode"] .rt-section-title.style1 .entry-title .titleline,
[data-theme="dark-mode"] .rt-section-title.style4 .entry-title .titleline,
[data-theme="dark-mode"] .header-style-4 .header-menu,
[data-theme="dark-mode"] .header-style-10 .header-top,
[data-theme="dark-mode"] .header-style-10 .header-search-six .search-form input,
[data-theme="dark-mode"] .post-tab-layout ul.btn-tab li a,
[data-theme="dark-mode"] .rt-post-tab .post-cat-tab a,
[data-theme="dark-mode"] .rt-post-slider-default.rt-post-slider-style4 ul.entry-meta,
[data-theme="dark-mode"] .dark-fluentform .elementor-widget-container,
[data-theme="dark-mode"] .dark-section2 .fluentform-widget-wrapper,
[data-theme="dark-mode"] .rt-post-slider-style4 .swiper-slide,
[data-theme="dark-mode"] .rt-post-box-style1 .rt-item-list .list-content,
[data-theme="dark-mode"] .rt-post-box-style1 .rt-item-wrap .entry-content,
[data-theme="dark-mode"] .apsc-theme-2 .apsc-each-profile a,
[data-theme="dark-mode"] .apsc-theme-3 .apsc-each-profile > a,
[data-theme="dark-mode"] .apsc-theme-3 .social-icon,
[data-theme="dark-mode"] .apsc-theme-3 span.apsc-count {
border-color: #222121 !important;
}
/*other site css*/
[data-theme="dark-mode"] .rt-progress-bar .entry-name,
[data-theme="dark-mode"] .rt-progress-bar .progress .progress-bar > span,
[data-theme="dark-mode"] .team-default .team-content .team-title a,
[data-theme="dark-mode"] .post-box-style .post-content .entry-title a,
[data-theme="dark-mode"] .apsc-theme-2 .apsc-each-profile a,
[data-theme="dark-mode"] .error-page-content .error-title,
[data-theme="dark-mode"] .rtrs-review-box .rtrs-review-body .rtrs-review-meta .rtrs-author-link a,
[data-theme="dark-mode"] .rt-post-box-default .rt-item-list ul.entry-meta .post-author a,
[data-theme="dark-mode"] .rt-post-box-default .rt-item .post-author a {
color: #fff;
}
[data-theme="dark-mode"] .rt-section-title .sub-title,
[data-theme="dark-mode"] .rt-title-text-button .entry-subtitle,
[data-theme="dark-mode"] .team-single .team-heading .designation,
[data-theme="dark-mode"] .team-multi-layout-1 .team-content .team-designation,
[data-theme="dark-mode"] .team-multi-layout-2 .team-content .team-title span {
color: #afafaf;
}
[data-theme="dark-mode"] .rt-shape-layout1 .shape img {
opacity: 0.2;
}
[data-theme="dark-mode"] .additional-menu-area .sidenav .sub-menu,
[data-theme="dark-mode"] .additional-menu-area .sidenav ul li,
[data-theme="dark-mode"] .rt-post-list-style4,
[data-theme="dark-mode"] .rt-post-list-default .rt-item,
[data-theme="dark-mode"] .post-box-style .rt-news-box-widget,
[data-theme="dark-mode"] .sidebar-widget-area .widget .widgettitle .titleline,
[data-theme="dark-mode"] .section-title .related-title .titleline,
[data-theme="dark-mode"] .meta-tags a,
[data-theme="dark-mode"] .search-form .input-group,
[data-theme="dark-mode"] .post-navigation .text-left,
[data-theme="dark-mode"] .post-navigation .text-right,
[data-theme="dark-mode"] .post-detail-style1 .share-box-area .post-share .share-links .email-share-button,
[data-theme="dark-mode"] .post-detail-style1 .share-box-area .post-share .share-links .print-share-button,
[data-theme="dark-mode"] .header-style-6 .logo-ad-wrap,
[data-theme="dark-mode"] .rt-thumb-slider-horizontal-4 .rt-thumnail-area .swiper-pagination,
[data-theme="dark-mode"] .elementor-category .rt-category-style2 .rt-item {
border-color: #222121 !important;
}
[data-theme="dark-mode"] .sidebar-widget-area .fluentform .frm-fluent-form:before {
background-image: none;
}
/*blog dark css*/
[data-theme="dark-mode"] .about-author,
[data-theme="dark-mode"] .comments-area {
background: #171818;
}
[data-theme="dark-mode"] .additional-menu-area .sidenav .closebtn {
color: #171818;
}
[data-theme="dark-mode"] .meta-tags a,
[data-theme="dark-mode"] .entry-content p,
[data-theme="dark-mode"] #respond .logged-in-as a,
[data-theme="dark-mode"] .about-author .author-bio,
[data-theme="dark-mode"] .comments-area .main-comments .comment-text,
[data-theme="dark-mode"] .rt-skills .rt-skill-each .rt-name,
[data-theme="dark-mode"] .rt-skills .rt-skill-each .progress .progress-bar > span,
[data-theme="dark-mode"] .team-single .team-info ul li,
[data-theme="dark-mode"] .team-single .team-info ul li a,
[data-theme="dark-mode"] .error-page-area p,
[data-theme="dark-mode"] blockquote.wp-block-quote cite,
[data-theme="dark-mode"] a.loadMore {
color: #d7d7d7;
}
[data-theme="dark-mode"] .search-form input,
[data-theme="dark-mode"] .entry-header ul.entry-meta li a,
[data-theme="dark-mode"] .about-author .author-title a,
[data-theme="dark-mode"] .about-author ul.author-box-social li a,
[data-theme="dark-mode"] .post-navigation .post-nav-title a,
[data-theme="dark-mode"] .entry-content .single-post-list li,
[data-theme="dark-mode"] .blog-box ul.entry-meta li.post-author a,
[data-theme="dark-mode"] .blog-box .entry-content .entry-title a,
[data-theme="dark-mode"] .post-detail-style2 .post-share .share-text span,
[data-theme="dark-mode"] .comments-area .main-comments .comment-meta .comment-author-name a,
[data-theme="dark-mode"] .comments-area .main-comments .comment-meta .comment-author-name span,
[data-theme="dark-mode"] .comments-area .main-comments .replay-area a,
[data-theme="dark-mode"] .post-detail-style2 .entry-content > p:first-child:first-letter,
[data-theme="dark-mode"] .page-content p,
[data-theme="dark-mode"] .team-single .team-single-content h4,
[data-theme="dark-mode"] .team-single .team-info ul li span,
[data-theme="dark-mode"] .apsc-theme-3 .apsc-each-profile a:hover .social-icon i,
[data-theme="dark-mode"] .rt-category-style5.rt-category .rt-item:hover .rt-cat-name a,
[data-theme="dark-mode"] .rt-category-style5.rt-category .rt-item .rt-cat-count {
color: #fff;
}
[data-theme="dark-mode"] input::-webkit-input-placeholder,
[data-theme="dark-mode"] .widget_search .search-form input.form-control::-webkit-input-placeholder {
color: #aaa;
}
[data-theme="dark-mode"] input:-ms-input-placeholder,
[data-theme="dark-mode"] .widget_search .search-form input.form-control:-ms-input-placeholder {
color: #aaa;
}
[data-theme="dark-mode"] input:-moz-placeholder,
[data-theme="dark-mode"] .widget_search .search-form input.form-control:-moz-placeholder {
color: #aaa;
}
[data-theme="dark-mode"] .search-form input:-webkit-autofill,
[data-theme="dark-mode"] .search-form input:-webkit-autofill:hover,
[data-theme="dark-mode"] .search-form input:-webkit-autofill:focus,
[data-theme="dark-mode"] .search-form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
[data-theme="dark-mode"] .woocommerce-billing-fields span.woocommerce-input-wrapper input:-webkit-autofill,
[data-theme="dark-mode"] .woocommerce-billing-fields span.woocommerce-input-wrapper input:-webkit-autofill:hover,
[data-theme="dark-mode"] .woocommerce-billing-fields span.woocommerce-input-wrapper input:-webkit-autofill:focus,
[data-theme="dark-mode"] .woocommerce-billing-fields span.woocommerce-input-wrapper input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
[data-theme="dark-mode"] input,
[data-theme="dark-mode"] input:focus {
color: #aaa;
}
[data-theme="dark-mode"] .team-single .team-info,
[data-theme="dark-mode"] .team-single .rt-skill-wrap,
[data-theme="dark-mode"] .team-single .team-single-content .team-content {
box-shadow: 0px 7px 30px 0px rgb(222 222 222 / 3%);
}
/*dark wooCommerce css*/
[data-theme="dark-mode"] .woocommerce .rt-product-block .price-title-box .rt-title a,
[data-theme="dark-mode"] .woocommerce .product-details-page .product_meta > span a,
[data-theme="dark-mode"] .woocommerce .product-details-page .product_meta > span span {
color: #d7d7d7;
}
[data-theme="dark-mode"] .woocommerce table.shop_table tbody th,
[data-theme="dark-mode"] .woocommerce table.shop_table tfoot th,
[data-theme="dark-mode"] .woocommerce .rt-product-block .price-title-box .rt-price,
[data-theme="dark-mode"] .woocommerce-cart table.woocommerce-cart-form__contents tr th,
[data-theme="dark-mode"] .woocommerce-cart table.woocommerce-cart-form__contents .product-name a,
[data-theme="dark-mode"] .woocommerce table.shop_table th,
[data-theme="dark-mode"] .woocommerce-info,
[data-theme="dark-mode"] .woocommerce-info::before,
[data-theme="dark-mode"] .woocommerce .woocommerce-checkout .form-row label,
[data-theme="dark-mode"] .woocommerce-MyAccount-navigation ul li a,
[data-theme="dark-mode"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
[data-theme="dark-mode"] .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
[data-theme="dark-mode"] .woocommerce .product-details-page .product_meta > span,
[data-theme="dark-mode"] .woocommerce .product-details-page .rt-right p.price {
color: #fff;
}
[data-theme="dark-mode"] .woocommerce-info,
[data-theme="dark-mode"] .woocommerce-checkout #payment,
[data-theme="dark-mode"] .woocommerce form .form-row input.input-text,
[data-theme="dark-mode"] .woocommerce form .form-row textarea,
[data-theme="dark-mode"] .woocommerce .rt-product-block .rt-thumb-wrapper,
[data-theme="dark-mode"] .woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered,
[data-theme="dark-mode"] .woocommerce-billing-fields .select2-container .select2-selection--single,
[data-theme="dark-mode"] .woocommerce form .form-row .input-text,
[data-theme="dark-mode"] .woocommerce-page form .form-row .input-text,
[data-theme="dark-mode"] .woocommerce div.product div.images .flex-viewport,
[data-theme="dark-mode"] .woocommerce div.product div.images .flex-control-thumbs li,
[data-theme="dark-mode"] .rt-post-box-style2 .rt-item-wrap .entry-content,
[data-theme="dark-mode"] .rt-post-box-style2 .rt-item-list .list-content {
background: #171818;
border-color: #222121;
}
[data-theme="dark-mode"] table th,
[data-theme="dark-mode"] table td,
[data-theme="dark-mode"] .shop-page-top,
[data-theme="dark-mode"] .woocommerce-cart table.woocommerce-cart-form__contents tr td,
[data-theme="dark-mode"] .woocommerce-cart table.woocommerce-cart-form__contents tr th,
[data-theme="dark-mode"] .woocommerce div.product .woocommerce-tabs ul.tabs,
[data-theme="dark-mode"] .woocommerce #reviews #comments ol.commentlist li .comment_container {
border-color: #222121;
}
[data-theme="dark-mode"] .woocommerce-cart table.woocommerce-cart-form__contents {
border-right: 1px solid #222121;
border-bottom: 1px solid #222121;
}
[data-theme="dark-mode"] .rt-ajax-tab-content .preloader {
background: rgba(111,111,111,0.3);
}
/*review schema*/
[data-theme="dark-mode"] .rtrs-review-wrap {
background-color: transparent;
}
[data-theme="dark-mode"] .rtrs-review-wrap.rtrs-affiliate-wrap,
[data-theme="dark-mode"] .rtrs-review-wrap .rtrs-review-form,
[data-theme="dark-mode"] .rtrs-review-wrap .rtrs-review-box .rtrs-each-review {
background-color: #171818 !important;
}
[data-theme="dark-mode"] .rtrs-review-form .rtrs-form-title,
[data-theme="dark-mode"] .rtrs-summary .rtrs-rating-box .rtrs-rating,
[data-theme="dark-mode"] .rtrs-summary .rtrs-progress-wrap .rtrs-progress label,
[data-theme="dark-mode"] .rtrs-summary .rtrs-progress-wrap .progress-percent,
[data-theme="dark-mode"] .rtrs-review-form .rtrs-rating-category .rtrs-category-text,
[data-theme="dark-mode"] .rtrs-affiliate .rtrs-feedback-text .rtrs-feedback-ttile,
[data-theme="dark-mode"] .rtrs-feedback-summary .rtrs-feedback-box .rtrs-feedback-title .item-text,
[data-theme="dark-mode"] .rtrs-affiliate .rtrs-circle-content .rating-percent,
[data-theme="dark-mode"] .rtrs-feedback-summary .rtrs-feedback-box .rtrs-feedback-list li:before,
[data-theme="dark-mode"] .rtrs-title-area .rtrs-price-area .rtrs-offer-price {
color: #fff;
}
[data-theme="dark-mode"] .rtrs-review-box .rtrs-review-body p,
[data-theme="dark-mode"] .rtrs-affiliate .rtrs-rating-category li label,
[data-theme="dark-mode"] .rtrs-affiliate .rtrs-feedback-text p,
[data-theme="dark-mode"] .rtrs-feedback-summary .rtrs-feedback-box .rtrs-feedback-list li {
color: #d7d7d7;
}
[data-theme="dark-mode"] a.loadMore:hover:before {
background-color: #ffffff;
}
[data-theme="dark-mode"] .loading-lazy::after {
border-color: #ffffff;
}
[data-theme="dark-mode"] .additional-menu-area .sidenav .light-logo {
display: block;
}
[data-theme="dark-mode"] .additional-menu-area .sidenav .dark-logo {
display: none;
}
[data-theme="dark-mode"] .wpuf-login-form p > label,
[data-theme="dark-mode"] .wpuf-registration-form .wpuf-label {
color: #d7d7d7;
}
[data-theme="dark-mode"] .wpuf-label label,
[data-theme="dark-mode"] .wpuf-el .wpuf-label,
[data-theme="dark-mode"] body .wpuf-dashboard-container table.items-table,
[data-theme="dark-mode"] body .wpuf-dashboard-container table.items-table a {
color: #d7d7d7 !important;
}
//vinoth
#menu-item-2019 {
background: #CC1212;
border: 0.753333px solid #CC1212;
border-radius: 37.6667px;
position: relative;
margin-left: 20px;
overflow: hidden;
}
#menu-item-2019 a {
color: #fff !important;
padding: 10px 12px 10px 50px !important;
position: relative;
}
#menu-item-2019 a::before {
content: '';
position: absolute;
width: 35px;
border-radius: 37px 0px 0px 37px;
background: #fff;
height: 100%;
top: 0;
left: 0;
}
#menu-item-2019 a::before {
content: '';
position: absolute;
width: 35px;
border-radius: 37px 0px 0px 37px;
background: #fff;
height: 94%;
top: 1px;
left: 1px;
}
#menu-item-2019 a::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background: #cc1212;
left: 12px;
top: 12px;
}
#menu-item-2019::before {
content: '';
width: 0;
height: 100%;
left: 0;
top: 0;
background: #ff1717;
position: absolute;
border-radius: 37.6667px;
transition: all 0.4s ease-in-out;
}
#menu-item-2019:hover::before {
width: 100%;
}
#menu-item-2019::before {
content: '';
width: 94%;
height: 94%;
left: 4%;
top: 3%;
background: #cc1212;
position: absolute;
border-radius: 37.6667px;
transition: all 0.4s ease-in-out;
z-index: 9;
}
#menu-item-2019:hover::before {
width: 94%;
height: 94%;
left: 4%;
top: 2%;
}
#menu-item-2019::after {
content: '';
position: absolute;
left: -50%;
top: -25%;
width: 200%;
height: 150%;
background: conic-gradient(from 90deg, rgb(0 0 0 / 0%)70%, rgb(11 78 230 / 9%) 80%, rgb(228 255 0) 100%);
animation: rotates 2s linear infinite;
z-index: 0;
}
#menu-item-2019 a {
z-index: 9;
}
.contain-width{
max-width: 1240px;
margin: 0 auto;
}
nav.navbar.navbar-expand-sm.bg-dark.navbar-dark {
float: right;
background: transparent !important;
}
li.nav-item a.nav-link {
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #030303 !important;
padding: 10px 15px !important;
display: inline-block;
}
ul.navbar-nav i.fa-solid.fa-sort-down {
position: relative;
top: -4px;
right: -6px;
font-size: 13px;
}
#menu-item-2019 {
background: #CC1212;
border: 0.753333px solid #CC1212;
border-radius: 37.6667px;
position: relative;
margin-left: 20px;
overflow: hidden;
}
#menu-item-2019 a {
color: #fff !important;
padding: 10px 12px 10px 50px !important;
position: relative;
}
#menu-item-2019 a::before {
content: '';
position: absolute;
width: 35px;
border-radius: 37px 0px 0px 37px;
background: #fff;
height: 100%;
top: 0;
left: 0;
}
#menu-item-2019 a::before {
content: '';
position: absolute;
width: 35px;
border-radius: 37px 0px 0px 37px;
background: #fff;
height: 94%;
top: 1px;
left: 1px;
}
#menu-item-2019 a::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background: #cc1212;
left: 12px;
top: 12px;
}
#menu-item-2019::before {
content: '';
width: 0;
height: 100%;
left: 0;
top: 0;
background: #ff1717;
position: absolute;
border-radius: 37.6667px;
transition: all 0.4s ease-in-out;
}
#menu-item-2019:hover::before {
width: 100%;
}
#menu-item-2019::before {
content: '';
width: 94%;
height: 94%;
left: 4%;
top: 3%;
background: #cc1212;
position: absolute;
border-radius: 37.6667px;
transition: all 0.4s ease-in-out;
z-index: 9;
}
#menu-item-2019:hover::before {
width: 94%;
height: 94%;
left: 4%;
top: 2%;
}
#menu-item-2019::after {
content: '';
position: absolute;
left: -50%;
top: -25%;
width: 200%;
height: 150%;
background: conic-gradient(from 90deg, rgb(0 0 0 / 0%)70%, rgb(11 78 230 / 9%) 80%, rgb(228 255 0) 100%);
animation: rotates 2s linear infinite;
z-index: 0;
}
a {
z-index: 9;
}
@keyframes rotates
{
100%{transform: rotate(360deg)}
}
a.nav-link.transition-effect {
position: relative;
}
a.nav-link.transition-effect::before {
content: "";
position: absolute;
width: calc(100% + 4px);
height: calc(100% + 4px);
top: calc(2px/ -1);
left: calc(2px/ -1);
background: linear-gradient(to right, red 0%, red 100%), linear-gradient(to top, red 50%, transparent 50%), linear-gradient(to top, red 50%, transparent 50%), linear-gradient(to right, orange 0%, red 100%), linear-gradient(to left, orange 0%, orange 100%);
background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
background-repeat: no-repeat, no-repeat;
transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
transform: scaleX(0) rotate(0deg);
transition-delay: 0.1s, 0.1s, 0s;
}
a.nav-link.transition-effect:hover::before {
background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
transform: scaleX(1) rotate(0deg);
transition-delay: 0s, 0.1s, 0.1s;
}
ul.drop-down-list-exch, ul.drop-down-list-clone {
list-style: none;
padding-left: 0px;
position: absolute;
background: #fff;
z-index: -99999 !important;
transition: all 0.2s ease-in-out;
transform: translateY(0);
margin-top: 5px;
opacity: 0;
visibility: hidden;
border: 1px solid #ebebeb;
border-radius: 5px;
box-shadow: 1px 2px 5px #ccc;
}
ul.drop-down-list-exch li a, ul.drop-down-list-clone li a {
padding: 10px 15px;
text-decoration: none;
color: #000;
font-weight: 400;
display: block;
border-bottom: 1px solid #ebebeb;
}
li.nav-item.drop-down-menu-exch:hover ul.drop-down-list-exch, li.nav-item.drop-down-menu-clone:hover ul.drop-down-list-clone {
transform: translateY(0);
z-index: 999 !important;
opacity: 1 !important;
visibility: visible !important;
/*border-left: 3px solid #ff1717;*/
}
ul.drop-down-list-exch li a:hover, ul.drop-down-list-clone li a:hover {
background: #cc1212;
color: #fff;
}
section.footer-part .contain-width {
padding: 50px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
ul.foot-list {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
ul.foot-list li a {
text-decoration: none;
color: #000;
}
ul.reach-us {
padding-left: 0px;
list-style: none;
}
ul.reach-us li {
display: inline-block;
margin: 10px 5px;
}
ul.reach-us li a {
font-size: 30px;
color: #000;
}
section.footer-part h4 {
font-weight: 800;
}
.copy-rigt-part {
padding: 20px 0;
/*margin-bottom: 75px;*/
}
.inteligence-img img {
width: 70% !important;
}
/*.copy-rigt-part.margin-bot-0{margin-bottom: 0px !important;}*/
.ppts-right ul {
padding-left: 0px;
list-style: none;
margin-bottom: 0px;
}
.ppts-right ul li {
display: inline-block;
margin: 0 5px;
}
.ppts-right ul li a {
color: #000;
text-decoration: none;
}
.ppts-right {
text-align: right;
}
ul.reach-us img{width: 30px;}
.page-nf-inner-img img {
width: 100%;
}
section.page-not-found {
padding-bottom: 150px;
}
ul.social-contact-list {
padding-left: 0px;
list-style: none;
}
ul.social-contact-list li img {
width: 55px;
padding: 10px;
animation: leaves 5s ease-in-out infinite alternate;
}
@keyframes leaves {
0% {
transform: scale(0.8);
}
100% {
transform: scale(1.1);
}
}
ul.social-contact-list li a{ position: relative;}
ul.social-contact-list li a::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: #fff;
border-radius: 50%;
border: 4px solid #f9f8fb;
background-size: cover;
box-sizing: border-box;
animation: rotateworldpulsesocial 4s linear infinite;
box-shadow: 0px 0px 15px #ccc;
}
@keyframes rotateworldpulsesocial
{
0%{width: 50px; height: 50px; opacity: 1;}
50%{opacity: 0.9;}
100%{width: 60px; height: 60px; opacity: 0.8;}
}
@keyframes rotateworldpulse
{
0%{width: 50px; height: 50px; opacity: 1;}
50%{opacity: 0.5;}
100%{width: 70px; height: 70px; opacity: 0;}
}
ul.social-contact-list {
display: flex;
}
ul.social-contact-list li {
display: inline-block;
width: 75px;
border-radius: 50%;
/* border: 1px solid #ccc; */
margin-bottom: 15px;
text-align: center;
}
.social-icons-contact-fixed {
position:relative;
}
ul.social-contact-list li a {
display: block;
}
ul.social-contact-list {
display: flex;
}
ul.social-contact-list li {
display: inline-block;
width: 75px;
border-radius: 50%;
text-align: center;
}
.social-contact-list li {
margin: 10px 0;
}
ul.social-contact-list li a {
position: relative;
display: block;
}
ul.social-contact-list li a:first-child::before {
border: 2px solid #0084c6 !important;
}
ul.social-contact-list li a::before {
position: absolute;
content: "";
height: calc(73% + 16px) !important;
width: calc(87% + -8px) !important;
top: 0px;
left: 9px;
border-radius: 50%;
border: 3px solid rgba(132, 132, 164, 0.35);
animation: 1.5s linear 0s normal none infinite focuse;
clip-path: circle(50% at 50% 50%);
background: #ffff;
}
ul.social-contact-list li img {
animation: none;
position: relative;
width: 55px;
height: 55px;
}
.social-contact-list{
display: block !important;
}
@keyframes focuse {
0% {
transform: scale(0.8);
opacity: 1;
}
75% {
transform: scale(1.2);
opacity: 0;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
form#form-help h4 {
color: #000 !important;
margin-bottom: 20px;
font-size: 22px !important;
}
.bca-clone-text {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
section.banner-part h1 {
font-weight: 800;
letter-spacing: 1px;
line-height: 70px;
margin-bottom: 30px;
}
section.banner-part.index-form-sectn {
padding-bottom: 100px;
padding-top: 50px !important;
}
.form-control:focus {
box-shadow: 0 0 0 0.06rem rgb(13 110 253 / 25%);
border-bottom:0px !important;
}
textarea#usermessage {
padding: 15px 10px !important;
}
/*.banner-right {*/
/* height: 100%;*/
/* display: flex;*/
/* align-items: center;*/
/*}*/
.bca-clone-text p, .bca-clone-text ul li {
font-size: 16px !important;
}
.bca-clone-text ul {
list-style: none;
padding-left: 0px;
margin-top: 0px !important;
}
ul.form-list li span {
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
border: 3px solid #CC1B1C;
border-radius: 50%;
position: relative;
top: 5px;
margin-right: 10px;
}
section.banner-part.index-form-sectn ul li {
margin-bottom: 5px !important;
margin-top: 5px;
}
.form-img {
display: flex;
justify-content: space-between;
}
.form-img-inner {
margin: 20px 0;
padding: 0 20px;
}
section.footer-part {
background: #FCE5E5;
}
section.footer-part .contain-width {
padding: 50px 0;
border-top: none !important;
border-bottom: none !important;
}
section.footer-part h4 {
font-weight: 800;
}
section.footer-part ul li {
margin: 5px 0;
}
.foot-right {
padding-left: 10%;
}
section.footer-part ul {
list-style: none;
padding-left: 0px;
}
ul.follow-icon-list {
display: flex;
justify-content: space-between;
margin-top: 20px;
align-items: center;
}
section.footer-part ul li a {
text-decoration: none;
color: #000;
}
.foot-image img {
width: 100%;
}
.copy-rigt-part {
padding: 20px 0;
margin-bottom: 0;
}
section.footer-part .contain-width {
padding: 50px 0;
border-top: none !important;
border-bottom: none !important;
}
.copy-rigt-part .contain-width {
padding-bottom: 50px !important;
}
/*section.footer-part ul {*/
/* list-style: none;*/
/* padding-left: 0px;*/
/*}*/
ul.foot-links {
margin-bottom: 0px;
display: flex;
/* justify-content: space-between; */
align-items: center;
}
form#form-help {
padding: 20px;
background: #fff;
border-radius: 9.062px;
background: #F8FCFF;
box-shadow: 8px 8px 16px rgb(255 149 149 / 20%);
border: 20px solid #DC2626;
}
.banner-right {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
section.banner-part.index-form-sectn .banner-right {
justify-content: flex-end;
}
section.banner-part.index-form-sectn .intelignce-btn {
margin-top: 30px !important;
}
#menu-item-2019 button {
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #030303 !important;
display: inline-block;
color: #fff !important;
padding: 10px 12px 10px 50px !important;
position: relative;
background: transparent;
border: none;
}
#menu-item-2019 button::before {
content: '';
position: absolute;
width: 35px;
border-radius: 37px 0px 0px 37px;
background: #fff;
height: 100%;
top: 0;
left: 0;
}
#menu-item-2019 button::before {
content: '';
position: absolute;
width: 35px;
border-radius: 37px 0px 0px 37px;
background: #fff;
height: 94%;
top: 1px;
left: 1px;
}
#menu-item-2019 button::after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background: #cc1212;
left: 12px;
top: 12px;
}
button {
z-index: 9;
}
@media (min-width:601px) and (max-width:767.98px){
section.footer-part .row {
display: flex;
flex-direction: row !important;
}
section.footer-part .row .col-xl-3.col-lg-3.col-md-3.col-sm-12 {
width: 50%;
margin-bottom: 40px;
}
.copy-rigt-part .col-xl-6.col-lg-6.col-md-6.col-sm-12.copy-left {
width: 50%;
}
.copy-rigt-part .col-xl-6.col-lg-6.col-md-6.col-sm-12.ppts-right {
width: 50%;
}
}
@media (min-width:1200px) and (max-width:1375.98px){
.contain-width {
padding: 0 25px !important;
}
section{overflow:hidden;}
}
@media (max-width:767.98px){
/* button.tawk-custom-color.tawk-custom-border-color.tawk-button.tawk-button-circle.tawk-button-large {*/
/* bottom: 0px;*/
/* left: 17px;*/
/* position: absolute;*/
/* z-index: 1000;*/
/* border: 0px;*/
/*}*/
/*svg.tawk-min-chat-icon {*/
/* width: 45px;*/
/* height: 25px;*/
/*}*/
/*.tawk-icon-right img {*/
/* width: 100px !important;*/
/* height: 135px !important;*/
/* margin-left: -5px !important;*/
/* left: 17px !important;*/
/*}*/
/*ul.social-contact-list {*/
/* display: flex;*/
/* flex-direction: row;*/
/* z-index: 999;*/
/* margin-bottom: 5px;*/
/*}*/
section.banner-part.index-form-sectn {
padding-bottom: 40px;
padding-top: 40px;
}
.form-img-inner img {
width: 100%;
}
ul.foot-links {
flex-direction: column;
align-items: center !important;
margin-bottom: 40px !important;
}
ul.follow-icon-list li {
width: 25%;
}
ul.follow-icon-list {
flex-wrap: wrap;
margin-top:20px !important;
}
.foot-right {
padding-left: 15px !important;
}
ul.follow-icon-list li img {
height: 22px;
padding: 2px;
}
ul.follow-icon-list li {
width: auto !important;
}
}
@media (min-width:768px) and (max-width:991.98px){
section.banner-part.index-form-sectn {
padding-bottom: 50px;
padding-top: 40px;
}
}
.banner-part::before{display:none !important;}
ul.social-contact-list li img {
animation: none;
position: relative;
}
body section.banner-part{padding-top:50px !important;}
.banner-right img{animation:none !important;}
input.contact-field:focus-visible {
outline: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}