@charset "UTF-8";
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}.navbar-nav.sm-collapsible .sub-arrow {
position: absolute;
top: 50%;
right: 0;
margin: -0.7em 0.5em 0 0;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: .25rem;
padding: 0;
width: 2em;
height: 1.4em;
font-size: 1.25rem;
line-height: 1.2em;
text-align: center;
}
.navbar-nav.sm-collapsible .sub-arrow::before {
content: '+';
}
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
content: '-';
}
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
border-color: rgba(255, 255, 255, .1);
} .navbar-nav.sm-collapsible .has-submenu {
padding-right: 3em;
} .navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
position: relative;
} .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
} .fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
border-top: 0;
border-bottom: .3em solid;
} .navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
margin-top: -.3em;
margin-right: 1em;
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
border-left: .3em solid;
} .navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
padding-right: 2em;
} .navbar-nav .scroll-up,
.navbar-nav .scroll-down {
position: absolute;
display: none;
visibility: hidden;
height: 20px;
overflow: hidden;
text-align: center;
}
.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-top: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid;
border-left: 7px solid transparent;
}
.navbar-nav .scroll-down-arrow {
top: 6px;
border-top: 7px solid;
border-right: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid transparent;
} .navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
margin: .5em;
} .navbar-nav:not([data-sm-skip]) .dropdown-item {
white-space: normal;
}
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item {
white-space: nowrap;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
display:none;
} 
.navbar-toggler>.close {
display:inline;
}
@media (max-width: 991.98px) {
.navbar-wp .navbar-nav > li > a.nav-link,.navbar-wp .dropdown-menu > li > a {
padding: 13px 8px;
display: block;
border-bottom: 1px solid rgba(225,225,225,0.4);
}
.dropdown-menu {
border: inherit;
}
}
.navbar-toggler {
padding: 0;
font-size: 20px;
line-height: 1;
background-color: none !important;
border: none;
border-radius: none;
}
span.close {
padding: 0;
margin: 0;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
outline: 2px dotted;
box-shadow: unset;
color: unset;
background: unset !important;
} .navbar-toggler.x {
border: none;
}
.navbar-toggler.x:focus {
outline: none;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
transform-origin: 10% 10%;
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
opacity: 0;
filter: alpha(opacity=0);
}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 10% 90%;
-ms-transform-origin: 10% 90%;
transform-origin: 10% 90%;
}
.navbar-toggler.x .icon-bar {
width: 22px;
display: block;
height: 2px;
background-color: var(--head-color);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.navbar-toggler.x .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggler.x .icon-bar:nth-of-type(1) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.navbar-toggler.x .icon-bar:nth-of-type(2) {
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-toggler.x .icon-bar:nth-of-type(3) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}li.customize-control-section-title {
background-color: #e2e2e2;
padding: 0 10px;
margin-top: 15px;
}
li.customize-control-section-title h3{
color: #707070;
}
.wp-customizer .select2-container--default .selection .select2-selection--multiple {
border: none;
background: #fcfcff;
border-radius: 0;
height: auto;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-customizer .select2-container--default .select2-selection--multiple .select2-selection__rendered {
width: 95%;
}
.wp-customizer .select2-container--default .select2-selection--multiple .select2-selection__clear {
position: absolute;
right: 0;
}
.wp-customizer .select2-container .select2-dropdown {
z-index: 900000;
}
.customize-control select:active,
.customize-control select:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type="text"],
input[type="number"],
input[type="url"],
input[type="email"],
input[type="date"] {
background: #fcfcff;
position: relative;
border-radius: 0;
border: 1px solid #eee;
height: 27px;
line-height: 27px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type="text"]:active,
input[type="text"]:focus,
input[type="number"]:active,
input[type="number"]:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.simple-notice-custom-control .customize-control-description {
line-height: 1.6
}
.simple-notice-custom-control code {
font-size: 90%;
padding: 2px 4px;
}
.tinymce-control textarea {
width: 100%;
padding: 10px;
}
.text_radio_button_control:after {
content: " ";
display: block;
clear: both;
}
.text_radio_button_control .radio-buttons {
display: inline-block;
border: 1px solid #f9f9fe;
}
.text_radio_button_control .radio-button-label {
cursor: pointer;
float: left;
}
.text_radio_button_control .radio-button-label > input {
display: none;
}
.text_radio_button_control .radio-button-label span {
cursor: pointer;
font-weight: 500;
border: 2px solid #f9f9fe;
margin: 0;
background-color: #eee;
padding: 5px 15px;
display: inline-block;
}
.text_radio_button_control .radio-button-label span:hover {
background-color: rgba(255, 255, 255, .2);
color: #2885bb;
}
.text_radio_button_control .radio-button-label > input:checked + span {
background-color: #2084bd;
color: #fff;
}
.text_radio_button_control .radio-button-label > input:checked + span:hover {
color: #fff;
}
.image_radio_button_control .radio-button-label > input {
display: none;
}
.image_radio_button_control .radio-button-label > img {
cursor: pointer;
border: 3px solid #ddd;
}
.image_radio_button_control .radio-button-label > input:checked + img {
border: 3px solid #2885bb;
}
.image_checkbox_control .checkbox-label > input {
display: none;
}
.image_checkbox_control .checkbox-label > img {
cursor: pointer;
border: 3px solid #ddd;
}
.image_checkbox_control .checkbox-label > input:checked + img {
border: 3px solid #2885bb;
} .toggle-switch-control .customize-control-title {
display: inline-block;
}
.toggle-switch {
position: relative;
width: 64px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
float: right;
}
.toggle-switch .toggle-switch-checkbox {
display: none;
}
.toggle-switch .toggle-switch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #ddd;
border-radius: 20px;
padding: 0;
margin: 0;
}
.toggle-switch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.toggle-switch-inner:before,
.toggle-switch-inner:after {
display: block;
float: left;
width: 50%;
height: 22px;
padding: 0;
line-height: 22px;
font-size: 14px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
box-sizing: border-box;
}
.toggle-switch-inner:before {
content: "ON";
padding-left: 8px;
background-color: #2885bb;
color: #FFFFFF;
}
.toggle-switch-inner:after {
content: "OFF";
padding-right: 8px;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.toggle-switch-switch {
display: block;
width: 16px;
margin: 3px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 38px;
border: 2px solid #ddd;
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
margin-left: 0;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
right: 0px;
}
#customize-control-newsair_content_layout img, #customize-control-newsair_single_page_layout img , #customize-control-newsair_page_layout img{
position: relative;
display: inline-block;
width: 27%;
margin-right: 2%;
}
#customize-control-newsair_content_layout input, #customize-control-newsair_single_page_layout input, 
#customize-control-newsair_theme_color input, #customize-control-newsair_default_bg_image input{display:none;}
#customize-control-newsair_default_bg_image img{  width: 50px; }
input#_customize-input-newsair_date_time_show_type-radio-newsair_default, 
input#_customize-input-newsair_date_time_show_type-radio-wordpress_date_setting, 
input#_customize-input-post_image_type-radio-newsair_post_img_hei, 
input#_customize-input-post_image_type-radio-newsair_post_img_acc  {
display: inline-block;
}
li.customize-control-section-title {
background: #f9f9f9 !important;
margin-top: 15px;
border-bottom: 1px solid #ddd;
border-left: 4px solid #00a0d2;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.wp-core-ui select {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0px 8px;
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} .upgrade-to-pro-box {
background-color: aliceblue;
padding: 10px;
text-align: center;
margin: 10px;
border-radius: 2px;
border: 2px solid #eee;
}
.upgrade-to-pro-box .title {
display: block;
}
.upgrade-to-pro-box a.btn {
background-color: #005aff;
color: #fff;
padding: 8px 12px;
font-size: 12px;
border-radius: 2px;
text-decoration: none;
}
.row[title="Shift-click to edit this element."] span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-newsair_content_layout,
.row[title="Shift-click to edit this element."] span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-newsair_single_page_layout,
.row[title="Shift-click to edit this element."] span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-newsair_page_layout {
width: 1px !important;
}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
.rpwwt-widget ul li img { width: 75px; height: 75px; }:root {
--bxsh: 0 1px 3px rgb(0 0 0 / 15%);
--bxshover: 0 4px 60px 0 rgba(0, 0, 0, 0.2);
--bstras: 0 4px 60px 0 rgba(0, 0, 0, 0.2);
--headFont: 'Inter Tight';
--bodyFont: 'DM Sans', sans-serif;
} body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 0;
font-family: var(--bodyFont);
font-size: 16px;
font-weight: 400;
line-height: 1.78;
color: var(--text-color);
text-decoration: none;
}
.boxed {
width: 1170px;
margin: 0 auto;
position: relative;
box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
} ::-webkit-scrollbar {
width: 8px;
} ::-webkit-scrollbar-track {
background: #f1f1f1;
} ::-webkit-scrollbar-thumb {
background: #888;
} ::-webkit-scrollbar-thumb:hover {
background: var(--pri-color);
}
a {
text-decoration: inherit;
transition: all .3s ease-out;
}
a:hover {
text-decoration: none;
}
a:focus {
outline: 1px solid;
text-decoration: underline;
}
.end-10 {
right: 10px;
}
.start-10 {
left: 10px;
}
.center-0 {
right: 0;
left: 0;
margin: auto;
}
.me-auto {
justify-content: flex-start;
}
.mx-auto {
justify-content: center;
}
.ms-auto {
justify-content: flex-end;
}
.w-50 {
width: 50%;
}
.back-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mt-40 {
margin-top: 40px;
}
input[type="radio"],
input[type="checkbox"] {
display: inline;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
color: var(--text-color);
box-shadow: 0 0 0 0.063rem rgba(84, 84, 84, .25) !important;
}
select {
background-clip: padding-box;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 0;
color: #444;
display: block;
font-weight: 400;
overflow: hidden;
padding: 6px 12px;
position: relative;
text-decoration: none;
white-space: nowrap;
}
.no-gutter>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
color: var(--text-color);
background: var(--box-color);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 2px solid var(--bor-color);
border-radius: 0;
display: block;
padding: 13px 16px;
width: 100%;
outline: 0;
height: 54px;
}
textarea {
height: unset;
}
.input-group .form-control {
height: 40px;
}
.form-group input[type="text"],
.form-group input[type="email"] {
height: 40px;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
padding: 10px 35px;
line-height: 30px;
font-weight: bold;
font-size: 14px;
border-width: 2px;
border-style: solid;
transition: all 0.4s ease-in-out 0s;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus {
transition: all 0.3s ease 0s;
outline: none;
box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.5);
}
.form-control {
border-radius: 0;
margin-bottom: 20px;
box-shadow: inherit;
padding: 6px 12px;
line-height: 40px;
border-width: 2px;
border-style: solid;
height: 40px;
}
.form-control:focus {
box-shadow: inherit;
}
address {
margin: 0 0 1.6rem;
line-height: 2;
}
pre {
margin-bottom: 32px;
max-width: 100%;
overflow: auto;
padding: 16px;
}
mark,
ins,
.mark {
padding: 2px 5px;
border-radius: 3px;
}
hr {
background-color: #e9e9e9;
border: 0;
height: 1px;
}
code,
kbd,
tt,
var {
font-size: 16px;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
abbr,
acronym {
border-bottom: 1px dotted #e9e9e9;
cursor: help;
}
iframe {
border: 0;
}
big {
font-size: 125%;
}
s,
strike,
del {
text-decoration: line-through;
}
em,
cite,
q {
font-style: italic;
}
ins,
mark {
text-decoration: none;
padding: 0 3px;
}
code {
color: #444444;
}
legend {
color: #000;
padding: 5px 10px;
font-weight: 600;
display: table;
max-width: 100%;
border-bottom: none;
width: auto;
padding: 0;
white-space: normal;
}
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
word-wrap: break-word;
}
th {
padding: 0.5rem 0.7rem;
text-align: left;
}
table,
th,
td {
border: 1px solid var(--bor-color);
}
td {
padding: 0.5rem 0.7rem;
}
.woocommerce table.shop_attributes td p {
padding: 8px;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
.gallery .gallery-icon img {
height: auto;
max-width: 100%;
padding: 0;
border: 5px solid #fff;
-moz-box-shadow: 0 0 5px 2px rgba(45, 20, 20, .3);
-webkit-box-shadow: 0 0 5px 2px rgba(45, 20, 20, .3);
box-shadow: 0 0 5px 2px rgba(45, 20, 20, .3);
}
fieldset {
margin-bottom: 1rem;
border: 1px solid #e9e9e9;
margin: 0 2px;
padding: 0.35rem 0.950rem 0.75rem;
}
fieldset p {
margin: 0px 0 20px;
}
.post-edit-link i {
margin-left: 0px;
}
.post-edit-link {
margin-left: 5px;
}
::-webkit-input-placeholder {
color: #463838;
}
:-moz-placeholder {
color: #463838;
}
::-moz-placeholder {
color: #463838;
}
:-ms-input-placeholder {
color: #463838;
} .responsive-video {
height: 0;
padding-top: 1px;
position: relative;
padding-bottom: 56.25%; }
.responsive-video iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
border: none;
border-radius: 0;
}
.bs-card-box {
color: var(--text-color);
box-shadow: var(--bxsh); }
.wrapper {
overflow: hidden;
}
.wd-back {
padding: 20px;
box-shadow: var(--bxsh);
margin-bottom: 30px;
}
.modal .btn-close {
line-height: 1;
opacity: 1;
}
.modal .form-control {
height: 55px;
}
.navbar-brand img {
width: 300px;
height: auto;
}
.bs-footer-bottom-area .custom-logo {
width: 210px; 
height: 70px;
} h1,
.h1 {
font-size: 34px;
line-height: 1.3;
}
h2,
.h2 {
font-size: 32px;
line-height: 1.3;
}
h3,
.h3 {
font-size: 28px;
line-height: 1.3;
}
h4,
.h4 {
font-size: 24px;
line-height: 1.3;
}
h5,
.h5 {
font-size: 20px;
line-height: 1.3;
}
h6,
.h6 {
font-size: 16px;
line-height: 1.3;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: var(--headFont);
font-weight: 800;
color: var(--head-color);
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
letter-spacing: 0;
text-size-adjust: 100%;
text-rendering: optimizeSpeed;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
.aligncenter {
text-align: center;
}
blockquote {
position: relative;
width: 100%;
border-width: 0 0 0 5px;
border-style: solid;
padding-left: 8px;
padding: 30px;
border-radius: 10px;
}
blockquote::before {
content: "\f10d";
display: table;
float: left;
font-family: 'Font Awesome 5 Free';
font-size: 28px;
margin-top: 6px;
font-weight: 900;
width: 6%;
}
blockquote p {
font-style: italic;
width: 94%;
display: table;
margin-bottom: 0;
}
.bshre {
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
transition: all 0.3s linear;
}
.bshre:hover {
transform: translateY(-8px);
}
.mb-n3 {
margin-bottom: -30px;
}
.mb-n4 {
margin-bottom: -40px;
} .btn,
.more-link {
font-size: 14px;
padding: 0px 8px;
line-height: 30px;
overflow: hidden;
position: relative;
border-radius: 0;
font-weight: bold;
display: inline-block;
transition: all 0.2s ease 0s;
border-width: 2px;
border-style: solid;
border-radius: 0;
}
.btn-theme:hover,
.btn-theme:focus {
transition: all 0.3s ease 0s;
outline: none;
box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.5);
} .pagination>li:first-child>a,
.pagination>li:first-child>span {
border-radius: 0;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-radius: 0;
}
.pagination>li>a,
.pagination>li>span {
margin: 0 6px 10px;
border-radius: 0;
border: none;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
transition: all 0.3s ease 0s;
}
.navigation.pagination .nav-links {
display: flex;
}
.navigation.pagination .nav-links .page-numbers,
.navigation.pagination .nav-links a {
cursor: pointer;
font-size: 18px;
line-height: 40px;
margin: 0 6px 10px 0;
padding: 0px 6px;
vertical-align: baseline;
white-space: nowrap;
width: auto;
min-width: 40px;
height: 40px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease 0s;
text-decoration: none;
position: relative;
float: left;
}
.navigation.pagination>li:first-child>a,
.navigation.pagination>li:first-child>span {
border-radius: 30px;
}
.single-nav-links {
text-align: center;
margin-top: 30px;
}
.single-related-post .col-md-4:nth-child(3) .bs-blog-post {
margin-bottom: 0;
}
.nav-links {
display: flex;
justify-content: space-between;
width: 100%;
}
.nav-links a,
.single-nav-links a {
font-size: 16px;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.2;
width: 100%;
}
.single-nav-links a,
.single-nav-links span {
display: inline-block;
margin: 0 6px 10px;
border-radius: 0px;
height: 40px;
min-width: 40px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease 0s;
padding: 0;
line-height: 40px;
width: auto;
}
button.mfp-close:hover,
button.mfp-close:focus {
background: inherit;
}
.bs-blog-post .single .nav-links {
padding: 1rem;
border-radius: 0px;
display: inline-block;
border-top-width: 1px;
border-top-style: solid;
}
.post-navigation .nav-previous {
width: 48%;
text-align: start;
float: left;
}
.post-navigation .nav-next {
width: 48%;
text-align: end;
float: right;
}
.post-navigation .nav-next a, .post-navigation .nav-previous a {
display: flex;
align-items: center;
gap: 10px;
} .bs-social {
padding: 0px;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.bs-social li {
display: inline-flex;
margin-bottom: 5px;
border-bottom: none;
}
.bs-social li a {
margin: 2px 2.5px;
}
.bs-social li a i {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1.3;
text-align: center;
padding: 0;
margin: 0 5px;
position: relative;
z-index: 1;
overflow: hidden;
transition: all 0.8s;
}
.bs-social li a i::after {
content: '';
display: block;
position: absolute;
bottom: 0%;
left: 0;
width: 100%;
height: 0%;
z-index: -1;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.bs-section {
padding: 50px 0;
}
.bs-default [role=button] {
cursor: pointer;
padding: 15px 0;
}
.padding-20 {
padding: 20px;
} .bs:hover .swiper-button-prev {
left: 2%;
opacity: 1;
}
.bs:hover .swiper-button-next {
right: 2%;
opacity: 1;
}
.bs .swiper-button-prev,
.bs .swiper-button-next {
width: 35px;
height: 35px;
transition: all .3s ease;
opacity: 0;
background: #f3eeee;
color: var(--pri-color);
border-radius: 5px;
}
.bs .swiper-button-prev:after,
.bs .swiper-button-next:after {
font-size: 18px;
}
.bs .swiper-pagination-bullet {
width: 12px;
height: 8px;
border-radius: 5px;
opacity: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding: unset;
background: #f3eeee;
}
.bs .swiper-pagination-bullet-active {
width: 18px;
height: 8px;
background: var(--pri-color);
}
.mg-latest-news {
width: 100%;
min-height: 40px;
height: 100%;
position: relative;
margin: 0;
display: flex;
align-items: center;
}
.mg-latest-news .bn_title .title {
display: inline-block;
margin: 0;
padding: 2px 10px;
line-height: inherit;
font-size: 18px;
font-weight: 600;
box-sizing: border-box;
}
.mg-latest-news .bn_title i+span {
margin-left: 5px;
}
.mg-latest-news .bn_title {
width: auto;
display: inline-block;
position: relative;
z-index: 1;
}
.mg-latest-news .mg-latest-news-slider a {
text-decoration: none;
font-weight: normal;
padding-left: 20px;
display: block;
line-height: 40px;
}
.mg-latest-news .mg-latest-news-slider a .img,
.mg-latest-news .mg-latest-news-slider a img {
width: 40px;
height: 35px;
border-radius: 10px;
margin-right: 8px;
object-fit: cover;
}
.mg-latest-news .mg-latest-news-slider {
padding: 0;
list-style: none;
font-size: 16px;
line-height: 35px;
width: 100%;
margin: 0 auto;
white-space: nowrap;
box-sizing: border-box;
z-index: 0;
height: 40px;
overflow: hidden;
flex: 1;
}
.mg-latest-news .mg-latest-news-slider a:hover,
.mg-latest-news .mg-latest-news-slider a:focus {
opacity: 0.7;
}
.mg-latest-news .navbar-nav {
flex-direction: row;
}
.mg-latest-news .navbar-nav .nav-link {
margin-right: 20px;
}
.mg-latest-news .navbar-nav .nav-link+ul {
display: none;
}
.mg-latest-news .navbar-nav.sm-collapsible .sub-arrow {
display: none;
}
.mg-latest-news .navbar-nav.sm-collapsible .has-submenu {
padding-right: 0;
}
.mg-latest-news .navbar-nav .nav-link:hover {
opacity: 0.7;
}  .switch {
position: relative;
display: inline-block;
width: 40px;
height: 24px;
margin-left: 15px;
border-radius: 20px;
}
.switch input {
display: none;
}
.switch .slider {
position: absolute;
cursor: pointer;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 5px;
transition: 0.4s ease-in-out;
}
.switch .slider::before {
content: '';
position: absolute;
width: 18px;
height: 18px;
left: 0;
bottom: 0;
transition: 0.4s ease-in-out;
content: "\f185";
font-family: "Font Awesome 5 Free";
font-size: 14px;
font-weight: 900;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 3px;
}
.switch .dark+.slider::before {
content: "\f186";
transform: translateX(100%) rotate(230deg);
} .bs-trhead {
position: absolute;
right: 0;
left: 0;
z-index: 999;
}
.bs-default .bs-header-main {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: scroll;
}
.bs-default .bs-header-main .inner {
display: flex;
padding: 15px 0;
margin: 0;
height: 130px;
align-items: center;
text-align: center;
}
.bs-default .info-right {
display: flex;
justify-content: flex-end;
}
.bs-default .info-right div {
margin-left: 4px;
margin-right: 4px;
}
.bs-default .navbar-brand {
margin-right: unset;
}
.bs-default .navbar-wp {
margin: 0;
z-index: 999;
border-radius: 0;
min-height: 55px;
height: auto;
}
.bs-default .bs-menu-full {
z-index: 999;
}
.is-sticky .sticky-header {
animation: slide-down 1.07s;
box-shadow: var(--bxsh);
}
@keyframes slide-down {
0% {
opacity: 1;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.bs-menu-full {
position: relative;
}
.navbar-wp {
margin: 0;
padding: 0;
height: 50px;
border-radius: 0;
z-index: 1000;
}
.navbar-toggler.x,
.right-nav a {
outline: none;
border: 1px solid transparent;
padding: 5px;
}
.navbar-toggler.x:focus,
.right-nav a:focus {
border: 1px solid;
}
.navbar-wp .navbar-nav>li {
position: relative;
}
.navbar-wp .navbar-nav>li:after {
content: "";
width: 0;
position: absolute;
height: 2px;
background: #fff;
left: 10px;
bottom: 2px;
transition: width ease-in 0.3s;
}
.navbar-wp .navbar-nav>li:hover:after {
width: calc(100% - 20px);
}
.navbar-wp .navbar-nav>li.active:after {
width: calc(100% - 20px);
}
.bs-default .navbar-wp .navbar-nav>li>a {
padding: 10px 15px;
}
.right-nav a {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
position: relative;
z-index: 1;
overflow: hidden;
margin-left: 15px;
}
.homebtn a {
padding: 5px 15px;
font-size: 20px;
}
.right-nav a:hover,
.right-nav a:focus {
outline: none;
text-decoration: none;
}
.right-nav a.subscribe-btn {
display: inline-flex;
padding: 8px 10px;
font-weight: 500;
width: unset;
}
.subscribe-btn span {
border-left: 1px solid;
margin-left: 10px;
padding-left: 8px;
}
.bs-standard .navbar-wp {
height: 110px;
}
.menu-link-description {
font-size: 10px;
padding: 2px 4px;
margin: 0 3px;
line-height: 10px;
background: #fff;
color: #000;
position: absolute;
border-radius: 1px;
line-height: normal;
top: 0;
margin: 0 3px;
font-weight: 700;
display: inline-table;
word-break: keep-all;
overflow-wrap: unset;
width: max-content;
z-index: 9;
}
.menu-link-description:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
left: 3px;
bottom: -4px;
} .navbar-wp.header.sticky {
position: fixed;
min-height: 55px;
height: auto;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 0 10px 0 #00000010;
} .bs-head-detail {
padding: 4px 0;
position: relative;
z-index: 1;
box-shadow: var(--bxsh);
}
.bs-head-detail ul {
display: flex;
margin: 0;
padding: 0;
}
.bs-head-detail .info-left {
justify-content: flex-start;
}
.bs-head-detail .info-left li {
display: inline-block;
margin-right: 15px;
padding: 0;
}
.bs-head-detail .info-left li a {
font-size: 13px;
}
.bs-head-detail .info-left i {
font-size: 14px;
padding-right: 10px;
}
.bs-head-detail .btn-theme.quote {
margin: -5px 0 -5px 0;
border-radius: 0;
float: right;
}
.bs-head-detail .top-date {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0 10px;
border-radius: 5px;
}
.top-date .day {
font-size: 14px;
margin-right: 6px;
line-height: 0.8;
font-weight: 700;
letter-spacing: 0.2px;
}
.bs-head-detail .top-date .deta {
font-size: 13px;
font-weight: 400;
line-height: 1.2;
word-break: break-word;
}
.bs-head-detail .top-date .time {
padding: 0 4px;
height: 20px;
line-height: 1;
display: flex;
align-items: center;
margin-top: 3px;
}
.btn.btn-subscribe {
padding: 0 8px;
}
.bs-head-detail .info-right {
justify-content: flex-end;
}
.info-right li {
display: inline-block;
margin-right: 15px;
padding: 0;
}
.info-right li:last-child {
margin-right: unset;
}
.bs-head-detail .info-right li a {
font-size: 13px;
}
.bs-head-detail .info-right i {
font-size: 14px;
padding-right: 10px;
}
.bs-head-detail .bs-social {
padding: 0;
flex-wrap: wrap;
justify-content: flex-end;
}
.bs-head-detail .bs-social li {
margin: 0;
padding: 0;
display: inline-flex;
}
.bs-head-detail .bs-social li a i {
font-size: 16px;
padding-right: unset;
}
.bs-social li a:hover i {
opacity: 0.7;
}
.right-nav a.bs-cart {
position: relative;
padding: 10px 0;
}
.bs-cart-count {
width: 17px;
height: 17px;
font-size: 13px;
color: #fff;
line-height: 17px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
transform: translate(0, -5px);
}
.bs-cart-total {
margin-right: 8px;
}
.navbar-brand {
font-size: 26px;
height: auto;
line-height: 25px;
margin-right: 50px;
padding: 15px 0;
text-shadow: 2px 2px 1px rgba(150, 150, 183, 0.18);
}
.navbar-brand .site-title {
font-size: 26px;
line-height: 1.2;
}
.navbar-brand .site-description {
font-size: 13px;
line-height: 0;
margin-bottom: 0;
}
.navbar-wp .navbar-nav>li>a {
padding: 0 12px;
margin-right: 0;
line-height: 2.2;
font-size: 16px;
letter-spacing: 0.5px;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
transition: all .25s ease-out;
margin-bottom: 0px;
font-weight: 600;
display: block;
}
.navbar-nav { }
.navbar-wp .navbar-nav>.active>a,
.navbar-wp .navbar-nav>.active>a:hover,
.navbar-wp .navbar-nav>.active>a:focus {
background: none;
}
.navbar-wp .navbar-nav>li>ul>li>a i {
padding-right: 10px;
}
.navbar-wp .navbar-nav>.disabled>a,
.navbar-wp .navbar-nav>.disabled>a:hover,
.navbar-wp .navbar-nav>.disabled>a:focus {
background-color: transparent;
}
.navbar-wp .navbar-nav>.open>a,
.navbar-wp .navbar-nav>.open>a:hover,
.navbar-wp .navbar-nav>.open>a:focus {
background: transparent;
}
.navbar-base .navbar-nav>.open>a,
.navbar-base .navbar-nav>.open>a:hover,
.navbar-base .navbar-nav>.open>a:focus {
background: transparent;
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
align-items: center;
}
.navbar-wp [data-bs-toggle=offcanvas] {
cursor: pointer;
padding: 0;
margin-left: 15px;
}
[role=button] {
cursor: pointer;
padding: 15px;
}
.navbar-toggle {
border-radius: 0;
margin: 10px auto;
position: absolute;
right: 5%;
border: none;
box-shadow: none;
}
.navbar-wp .dropdown-menu {
min-width: 200px;
padding: 0;
border: none;
border-radius: 0;
z-index: 10;
right: auto;
left: 0;
}
.dropdown-menu {
animation: growDown 300ms ease-in-out forwards;
transform-origin: top center;
}
@-moz-keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
@-webkit-keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
@-o-keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
@keyframes growDown {
0% {
transform: scaleY(0);
}
80% {
transform: scaleY(1.1);
}
100% {
transform: scaleY(1);
}
}
.navbar-wp .dropdown-menu>li,
.navbar-wp .dropdown-menu>li:last-child {
border: 0
}
.navbar-wp .dropdown-menu>li>a {
padding: 8px 15px;
display: block;
transition: .3s;
font-weight: bold;
position: relative;
}
.navbar-wp .dropdown-menu>.dropdown-menu {
right: 0;
left: auto;
}
.navbar-nav>li:last-child>.dropdown-menu {
right: 0;
left: auto;
}
.dropdown-submenu {
position: relative
}
.dropdown-submenu>.dropdown-menu {
top: -1px;
left: 100%;
margin-top: 0;
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
padding: 0
}
.dropdown-submenu.pull-left {
float: none
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px
}
.navbar-wp .navbar-brand {
font-size: 22px;
line-height: 20px;
padding: 15px 0;
transition: all 0.25s ease-out 0s;
}
.navbar-wp .dropdown-menu.searchinner {
left: inherit !important;
right: 0 !important;
padding: 10px;
min-width: 200px;
box-shadow: var(--bxsh);
border: 1px solid #c9c9c9;
}
.navbar-wp .dropdown-menu.searchinner .form-control {
margin-bottom: 0;
}
.navbar-wp .dropdown-menu.searchinner .btn {
border: medium none;
border-radius: 0 4px 4px 0;
height: 40px;
line-height: 25px;
padding: 5px 15px;
}
.m-header {
display: none;
}
.desk-header {
display: flex;
padding: 5px 0px 5px 15px;
}
.desk-header .btn-theme {
padding: 6px 22px;
line-height: 20px;
margin-left: 10px;
}
.desk-header .msearch:focus {
outline: none;
}
.desk-header .msearch { }
.bs-default .desk-header .msearch { }
.desk-header .msearch.dropdown-toggle::after {
content: inherit;
}
form.search-form {
display: flex;
}
form.search-form label {
width: 100%;
}
.top-cart {
margin-left: 10px;
margin-right: 10px;
position: relative;
} .mg-tpt-tag-area {
padding: 10px 0px; font-size: 14px;
}
.mg-tpt-txnlst .mg-tpt-txnlst-title {
margin-right: 10px;
padding: 2px 8px;
margin-bottom: 0;
font-weight: 600;
display: inline;
font-size: 14px;
}
.mg-tpt-txnlst ul {
display: inline-block;
margin: 0;
padding: 0;
}
.mg-tpt-txnlst ul li {
display: inline-block;
margin-right: 0;
}
.mg-tpt-txnlst ul li a:before {
content: '\f292';
font-family: 'Font Awesome 5 Free';
font-size: 10px;
padding: 0 2px;
font-weight: 900;
}
.mg-tpt-txnlst ul li a {
padding: 2px 4px;
border-radius: 2px;
font-size: 12px;
font-weight: bold;
} html {
font-size: 100%;
} @media only screen and (max-width: 1200px) {
html {
font-size: 95%;
}
} @media screen and (max-width: 991px) {
html {
font-size: 90%;
}
} @media screen and (max-width: 767px) {
html {
font-size: 85%;
}
} @media screen and (max-width: 575px) {
html {
font-size: 80%;
}
}
.site-branding-text {
word-break: break-word;
}
.site-branding-text .site-title a {
font-weight: 700;
font-size: 40px;
line-height: 1.2;
font-family: var(--headFont);
}
.site-branding-text p {
margin-bottom: 0;
}
.site-branding-text .site-description {
font-size: 16px;
line-height: 1.3;
}
.col-grid-1 {
display: grid;
grid-gap: 1.5rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.col-grid-2 {
display: grid;
grid-gap: 1.5rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.col-grid-3 {
display: grid;
grid-gap: 1.5rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.col-grid-4 {
display: grid;
grid-gap: 1.5rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bs-slide .inner .title {
font-size: 28px;
}
.postcrousel .bs-blog-post .title {
font-size: 24px;
} .search-results-count {
margin-bottom: 0;
font-size: 17px;
margin-top: 5px;
} .offcanvas {
z-index: 99999;
}
.offcanvas .offcanvas-header {
justify-content: center;
box-shadow: 0px 10px 10px 0 #0000001f;
box-shadow: var(--bxsh);
}
.offcanvas .offcanvas-header .btn_close {
font-size: 18px;
line-height: 1;
cursor: pointer;
transition: all 0.5s;
}
.sidenav a.nav-link {
font-family: var(--bodyFont);
font-size: 16px;
font-weight: 600;
}
.sidenav a.nav-link:focus {
outline: none;
}
.sidenav .nav-item .dropdown-menu {
padding: 0;
}
.sidenav .nav-item .dropdown-item {
border-radius: 4px;
font-weight: 600;
font-size: 14px;
}
.offcanvas .offcanvas-header .btn_close:hover {
transform: rotate(90deg);
} .missed {
padding-top: 0;
padding-bottom: 10px;
}
.swiper-navigation .swiper-button-prev,
.swiper-navigation .swiper-button-next {
width: 30px;
height: 30px;
transition: all .3s ease;
opacity: 1;
background: #f3eeee;
color: var(--pri-color);
border-radius: 5px;
top: 20px;
margin: 0;
left: auto;
}
.swiper-navigation .swiper-button-prev:after,
.swiper-navigation .swiper-button-next:after {
font-size: 16px;
}
.swiper-navigation .swiper-button-prev,
.swiper-container-rtl+.swiper-navigation .swiper-button-next {
right: 60px;
}
.swiper-navigation .swiper-button-next,
.swiper-container-rtl+.swiper-navigation .swiper-button-prev {
right: 20px;
}
.missed .swiper-pagination {
top: 20px;
right: 20px;
}
.missed .swiper-pagination-bullet,
.crousel-widget .swiper-pagination-bullet {
margin: 0 4px;
width: 8px;
height: 4px;
border-radius: 0;
padding: 0;
}
.missed .swiper-pagination-bullet-active,
.crousel-widget .swiper-pagination-bullet-active {
width: 18px;
}
.crousel-swiper-pagination {
position: absolute;
top: 20px;
right: 20px;
} .bs-widget-title {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 20px;
padding: 0;
position: relative;
border-style: solid;
border-width: 0 0 2px 0;
}
.bs-widget-title .title {
margin-bottom: 0;
padding: 5px 0;
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
padding: 8px 20px;
}
.bs-widget-title.two .title:before {
position: absolute;
content: "";
height: 3px;
width: 50%;
bottom: 0;
left: 0;
}
.bs-widget-title.three .title {
padding-left: 20px;
}
.bs-widget-title.three .title:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
bottom: 0;
left: 0;
top: 0;
margin: auto;
border-radius: 50%;
}
.recentarea {
border-radius: 5px;
padding: 20px 20px 10px 20px;
} .bs-widget {
margin-bottom: 30px;
box-shadow: var(--bxsh);
}
.wp-block-tag-cloud a {
cursor: pointer;
display: inline-block;
font-size: 12px !important;
font-weight: bold;
line-height: 20px;
margin: 0 5px 9px 0;
padding: 6px 12px;
transition: all 0.4s ease-in-out 0s;
border-radius: 0;
text-transform: capitalize;
border-width: 1px;
border-style: solid;
}
.bs-widget .bs-widget-tags a,
.bs-sidebar .bs-widget .tagcloud a {
cursor: pointer;
display: inline-block;
font-size: 12px !important;
font-weight: bold;
line-height: 20px;
margin: 0 5px 9px 0;
padding: 6px 12px;
transition: all 0.4s ease-in-out 0s;
border-radius: 0;
text-transform: capitalize;
border-width: 1px;
border-style: solid;
} .custom-cate-list .fea-cate {
height: 100px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
padding: 20px;
color: #fff;
font-weight: 600;
margin-bottom: 20px;
}
.custom-cate-list .fea-cate span {
color: #fff;
position: relative;
}
.custom-cate-list .fea-cate span.badge {
background: #fff;
color: #000;
width: 40px;
height: 40px;
line-height: 35px;
}
.custom-cate-list .fea-cate::before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
content: "";
background: rgba(0, 0, 0, 0.3);
} .featured-widget {
padding-bottom: 0;
}
.featured-widget .bs-blog-post.three.lg {
height: 530px;
}
.bs-sidebar .featured-widget .featured-widget-content {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.featured-widget .featured-widget-content {
grid-gap: 1rem;
}
.bs-sidebar .featured-widget .bs-blog-post.three.lg {
height: 350px;
} .tabarea-area .nav-tabs .nav-link {
border-radius: 0;
} .featured-tab-widget .bs-widget-title {
justify-content: space-between;
display: flex;
align-items: center;
}
.featured-tab-widget .nav-link {
cursor: pointer;
font-size: 14px;
padding: 0.5rem 0rem 0.5rem 1rem;
font-weight: 600;
} .express-widget {
padding-bottom: 0;
}
.express-post-1 {
display: none;
}
.express-widget .bs-blog-post.three.lg {
height: 400px;
} .latest-post-widget {
padding-bottom: 1px;
} .multi-post-widget .bs-blog-post.three.sm {
height: 233px;
}
.multi-post-widget .bs-blog-post.three.sm .title {
font-size: 22px;
}
.multi-post-widget .bs-blog-post.three.lg {
height: 520px;
}
.multi-post-widget .inner_columns {
display: grid;
grid-template-columns: auto auto;
grid-gap: 1.5rem;
padding: 0;
}
.multi-post-widget .inner_columns.one .post-1 {
grid-area: 1 / 1 / span 2 / span 2;
}
.multi-post-widget .inner_columns.two .post-3 {
grid-area: 2 / 1 / span 1 / span 2;
}
.multi-post-widget .inner_columns.three {
grid-template-columns: auto auto auto;
} .tabs-widget .nav-tabs {
border: none;
}
.tabs-widget .nav-tabs .nav-link {
border-radius: 5px;
}
.tabs-widget .nav-link {
padding: 8px 25px;
}
.tabs-widget .small-post .img-small-post {
width: 37%;
height: 95px;
margin-right: 15px;
}
.bs-sidebar .tabs-widget ul li.nav-item {
border: none;
padding: unset;
margin-bottom: unset;
} .video-tab-widget {
padding-bottom: 15px;
background: #000;
}
.video-tab-widget .bs-blog-post.three.lg {
height: 530px;
}
.video-tab-widget .vertcol {
overflow-y: scroll;
height: 530px;
} .video-tab-widget ::-webkit-scrollbar {
width: 3px;
border-radius: 3px;
} .custom-cate-list .list-unstyled li {
border: none;
padding: 10px 0;
margin: 0;
} .tabarea-area .nav-tabs .nav-item {
padding: 0;
margin: 0;
} .bs-social span.icon-soci {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 58px;
line-height: 1.2;
font-size: 25px;
height: 58px;
z-index: 1;
box-shadow: 0 4px 10px 0 #0000006b;
}
.bs-social .icon-soci-content span {
display: block;
font-weight: 600;
padding: 0px 10px 0px 40px;
margin-left: -25px;
}
.social-contact-widget .bs-social li {
margin-bottom: 20px;
align-items: center;
overflow: visible;
line-height: initial;
}
.bs-social .icon-soci-content .bs-count {
border-top-right-radius: 10px;
font-size: 16px;
}
.bs-social .icon-soci-content .bs-follow {
border-bottom-right-radius: 10px;
font-size: 15px;
padding-bottom: 2px;
padding-top: 2px;
}
.bs-sidebar .social-contact-widget .col-grid-3 {
grid-template-columns: repeat(1, minmax(0, 1fr));
} #content {
padding-top: 40px;
padding-bottom: 40px;
}
.bs-widget.widget_text h2 {
font-size: 22px;
margin-bottom: 15px;
position: relative;
padding-bottom: 15px;
font-weight: 600;
}
.img-shadow {
box-shadow: -30px 30px 1px 0 var(--pri-color);
} .bs-ads-area img {
max-width: 100%;
} .bs-blog-post {
margin-bottom: 30px;
box-shadow: var(--bxsh);
overflow: hidden;
}
.bs-blog-post.lg {
position: relative;
height: 475px;
overflow: hidden;
margin-left: 0;
margin-right: 1px;
margin-bottom: 1px;
background-color: #000;
}
.bs-blog-post.three.lg.md {
width: 100%;
height: 200px;
}
.bs-blog-post.text-start .bs-blog-category {
justify-content: flex-start;
}
.bs-blog-post.text-center .bs-blog-category {
justify-content: center;
}
.bs-blog-post.text-end .bs-blog-category {
justify-content: flex-end;
}
.bs-blog-post:hover {
box-shadow: var(--bxshover);
}
.bs-blog-thumb {
position: relative;
min-height: 20px;
overflow: hidden;
max-width: 100%;
} .featured-image-caption {
display: block;
text-align: center;
}
.bs-blog-post .title {
word-break: break-word;
}
.link-div {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.missed .link-div, .single-related-post .link-div, .featured-news-section .link-div{
z-index: 1;
}
.back-img {
background-color: #333;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.bs-blog-thumb.lg {
height: 400px;
}
.bs-blog-thumb.md {
height: 220px;
}
.newsair-dynamic-column-posts .bs-blog-post.bshre {
margin-bottom: 0px;
} .list-blog.bs-blog-post {
display: flex;
align-items: center;
text-align: left;
padding: 15px;
}
.list-blog .bs-blog-thumb {
width: 48.333333%;
max-width: 48.333333%;
min-width: 48.333333%;
height: 260px;
min-height: 260px;
}
.list-blog.bs-blog-post .small {
padding: 0 0 0 20px;
}
.list-blog.bs-blog-post:not(:has(.bs-blog-thumb)) .small {
padding-left: 0;
}
.list-blog.bs-blog-post .title,
.list-blog.bs-blog-post .bs-blog-meta,
.list-blog.bs-blog-post .bs-blog-category {
margin-bottom: 10px;
}
.list-blog .bs-blog-category {
justify-content: flex-start;
}
.list-blog.bs-blog-post p {
word-break: break-word;
}
.list-blog.bs-blog-post .small:not(:has(.more-link)) p {
margin-bottom: 0;
} .grid-card .bs-blog-thumb.lg {
height: 300px;
}
.grid-card .bs-blog-category {
margin-bottom: 10px;
margin-top: 0;
}
.bs-blog-post.grid-card .title {
margin-bottom: 10px;
}
.bs-blog-post.grid-card .bs-blog-meta {
margin-bottom: 10px;
}
.bs-blog-post.grid-card p {
margin-bottom: 10px;
word-break: break-word;
} .bs-blog-post.three {
position: relative;
}
.bs-blog-post.three.lg {
height: 500px;
}
.bs-blog-post.three.md {
height: 350px;
}
.bs-blog-post.three.sm {
height: 185px;
z-index: unset;
}
.bs-blog-post.three .bs-blog-category {
position: absolute;
top: 20px;
z-index: 5;
}
.bs-blog-post.three .title {
z-index: 5;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 8px;
}
.bs-blog-post.three.sm .title {
font-size: 20px;
margin-bottom: 0;
}
.bs-blog-post.three .bs-blog-meta {
margin-bottom: 0;
z-index: 5;
}
.bs-blog-post.three .inner {
position: absolute;
bottom: 0;
padding: 25px;
z-index: 5;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
.bs-blog-post.three .inner:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .4) 60%, #000000d9 100%);
} .double-category-posts .colinn {
padding: 20px;
padding-bottom: 0;
margin-bottom: 30px;
background: var(--box-color);
}
.small-post.bs-post-1 {
padding: 0;
position: relative;
margin-bottom: 15px;
flex-direction: column;
}
.small-post.bs-post-1 .img-small-post {
height: 350px;
width: 100%;
margin-right: auto;
margin-bottom: 10px;
}
.small-post.bs-post-1 .small-post-content {
width: 100%;
}
.small-post.bs-post-1 .small-post-content .bs-blog-category {
position: absolute;
top: 0;
left: 10px;
}
.small-post.bs-post-1 .small-post-content.no-img .bs-blog-category {
position: unset;
}
.small-post.bs-post-1 .small-post-content .title {
font-size: 22px;
margin-bottom: 10px;
}
.double-category-posts .small-post-content p {
font-size: 17px;
}
.double-category-posts .small-post-content .bs-blog-meta {
margin-bottom: 10px;
}
.bs-sidebar .double-category-posts {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.bs-sidebar .double-category-posts .colinn {
padding: 0;
margin-bottom: 0;
} .small-post-list-widget {
padding-bottom: 0;
}
.small-post-list-widget .small-post .img-small-post {
width: 35%;
height: 110px;
}
.small-post-list-widget .small-post-list-inner .small-post:nth-last-child(2) {
border-bottom-style: none;
}
.small-post-list-widget .small-post-list-inner {
grid-row-gap: 0;
}
.bs-sidebar .small-post-list-widget .small-post-list-inner {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.bs-sidebar .small-post-list-widget .small-post-list-inner .small-post:nth-last-child(2) {
border-bottom-style: solid;
}
.bs-sidebar .small-post-list-widget .small-post-list-inner .small-post:nth-last-child(1) {
margin-bottom: 0;
padding-bottom: 0;
}
footer .small-post-list-widget .small-post-list-inner {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
footer .small-post-list-widget .small-post {
display: none;
}
footer .small-post-list-widget .small-post:nth-child(1),
footer .small-post-list-widget .small-post:nth-child(2) {
display: flex;
}
footer .small-post-list-widget .small-post:nth-child(3) {
display: flex;
border-bottom: 0;
} .bs-recent-blog-post {
margin-bottom: 30px;
}
.bs-recent-blog-post .small-post { }
.bs-recent-blog-post .small-post .img-small-post {
width: 70px;
height: 70px;
}
.bs-recent-blog-post .small-post .img-small-post.full {
height: auto;
}
.bs-recent-blog-post .small-post .img-small-post img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bs-recent-blog-post .small-post .img-small-post.full img {
max-width: 100%;
height: auto;
}
.bs-recent-blog-post .small-post .img-small-post.right {
margin-left: 15px;
margin-right: 0;
}
.bs-recent-blog-post .small-post .title {
margin-bottom: 0;
}
.bs-recent-blog-post .bs-blog-meta span {
font-size: 12px;
} .small-post {
position: relative;
overflow: hidden;
margin-bottom: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0;
padding-bottom: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
gap: 20px;
}
.small-post:last-child {
border-bottom: none;
}
.small-post .img-small-post {
width: 35%;
height: 110px;
overflow: hidden;
position: relative;
transition: all .3s ease-out;
box-shadow: var(--bxsh);
}
.small-post-content {
-ms-flex: 1;
flex: 1;
}
.small-post .title {
font-size: 16px;
font-weight: 700;
line-height: 1.2;
}
.small-post .title {
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bs-widget .small-post-content .title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-align: left;
}
.small-post .small-post-content .bs-blog-category {
margin-bottom: 8px;
} .mainfeatured {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
margin-top: 40px;
}
.mainfeatured .featinner {
z-index: 1;
}
.mainfeatured.over {
margin-bottom: 40px;
}
.mainfeatured.over .featinner {
padding-bottom: 30px;
padding-top: 30px;
background-color: rgba(18, 16, 38, 0.6);
}
.bs-slide.bs-blog-post.three.lg {
height: 470px;
}
.mainfeatured .bs-widget {
margin-bottom: 0px;
box-shadow: none;
background-color: transparent;
} .bs-blog-category {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
column-gap: 8px;
row-gap: 6px;
}
.bs-blog-category a {
font-size: 14px;
padding: 5px 10px;
line-height: 1;
font-weight: 700;
cursor: pointer;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
display: inline-flex;
align-items: center; }
.bs-blog-post .title {
font-size: 22px;
margin-bottom: 20px;
text-decoration: none;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bs-blog-post .title.sm {
font-size: 22px;
line-height: 1.2;
}
.bs-blog-post .small {
padding: 20px 20px;
font-size: 17px;
} .post-share-icons {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 30px 0;
justify-content: center;
}
.post-share-icons a {
width: 36px;
height: 36px;
margin-right: 0.538rem;
margin-top: 10px;
text-align: center;
line-height: 36px;
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
overflow: hidden;
transition: all 0.2s;
}
.post-share-icons a:hover { } .bs-blog-post .bs-blog-meta {
margin-bottom: 20px;
}
.bs-post-meta a {
display: inline-block;
}
.bs-blog-meta span {
padding-right: 10px;
font-size: 15px;
font-weight: 500;
}
.bs-blog-meta .bs-author img {
border-radius: 50%;
width: 20px;
height: 20px;
margin-right: 8px;
margin-left: 1px;
display: unset;
box-shadow: 0px 2px 8px 1px rgba(33, 33, 33, 0.3);
}
.bs-blog-date:before,
.comments-link:before,
.cat-links:before,
.tag-links:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: relative;
display: inline-block;
padding-right: 5px;
padding-left: 1px;
text-decoration: inherit;
vertical-align: baseline;
opacity: 0.8;
}
.bs-blog-date:before {
content: "\f017";
}
.comments-link:before {
content: "\f086";
}
.cat-links:before {
content: "\f07c";
}
.tag-links:before {
content: "\f02c";
}
.bs-author-pic img {
width: 80px;
height: 80px;
}
.wigethomemain .bs-blog-post .title {
font-size: 28px;
} .bs-blog-post.single {
text-align: start;
}
.bs-blog-post.single .bs-header .title {
font-size: 38px;
display: inherit;
overflow: inherit;
word-break: break-word;
}
.bs-blog-post .bs-header {
padding: 20px;
}
.bs-blog-post .bs-header h4 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}
.bs-blog-post .bs-header .bs-info-author-block {
box-shadow: inherit;
margin: 0;
padding: 0;
border: none;
}
.bs-blog-post .bs-header .bs-author-pic img {
width: 40px;
height: 40px;
}
.bs-info-author-block {
display: flex;
border-width: 2px 0 2px 0;
border-style: solid;
border-color: #e5e5e5;
}
.bs-info-author-block .title + p:empty{
margin-bottom: 0;
}
.bs-info-author-block .bs-author-pic img {
margin: 0 15px 0 0;
border-radius: 50%;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
width: 80px;
height: 80px;
max-width: unset !important;
border-width: 3px;
border-style: solid;
}
.bs-info-author-block.py-4.px-3.mb-4 .bs-author-pic img {
margin: 0;
}
.bs-info-author-block.py-4.px-3.mb-4 {
border-radius: 5px;
}
.bs-info-author-block .bs-author-desc {
margin-bottom: 0;
}
.bs-info-author-block .title:not(:has(+ p)) {
margin-bottom: 0;
} .bs-blog-post img {
max-width: 100%;
height: auto;
}
.comment-list {
list-style: none;
padding: 0;
margin: 0;
}
.comments-area .comment-body {
position: relative;
padding: 25px 25px 25px 70px;
min-height: 120px;
overflow-wrap: break-word;
word-wrap: break-word;
border-radius: 3px;
z-index: 0;
margin-bottom: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.comment-list .children {
position: relative;
padding: 0;
margin: 0;
margin-left: 2.5rem;
z-index: 0;
list-style: none;
}
.comment-body .reply {
text-align: right;
}
#comments img {
max-width: 100%;
}
.reply a {
font-size: 14px;
padding: 5px 17px;
font-weight: bold;
transition: 0.3s ease-in-out 0s;
border-radius: 0;
display: inline-block;
border-width: 1px;
border-style: solid;
}
.comments-area .comment-meta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: flex-start;
align-items: flex-start;
-ms-flex-direction: row;
flex-direction: row;
}
.comment-meta .comment-metadata {
display: flex;
width: 100%;
justify-content: space-between;
}
.comment-metadata .edit-link:before {
content: "\f044";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
margin-right: 5px;
}
.comment-content {
position: relative;
z-index: 0;
padding: 16px 40px 16px 0;
}
.comments-area img.avatar {
border-radius: 60%;
position: absolute;
z-index: 0;
left: 0;
top: 28px;
width: 60px;
height: 60px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
border-width: 3px;
border-style: solid;
}
.comments-title {
word-break: break-word;
} .bs-masonry-columns {
columns: 3;
column-gap: 1.5rem;
}
.bs-masonry-columns .bs-blog-post {
margin: 0 1rem 1rem 0;
display: inline-block;
width: 100%;
} .bs-contact .overlay {
padding: 40px 0;
margin: 0;
}
.widget_newsair_custom_widget h5,
.newsair_contact_widget h6 {
font-size: 16px;
font-weight: bold;
margin-bottom: 40px;
position: relative;
padding-bottom: 15px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bs-widget-address {
padding: 0px;
}
.bs-contact .bs-widget-address>li:first-child {
padding-top: 0;
}
.bs-widget-address>li {
list-style: none;
padding: 8px 0;
}
.bs-widget-address>li:last-child {
border-bottom: none;
}
.bs-widget-address li span.icon-addr {
float: left;
height: 30px;
line-height: 38px;
margin-right: 18px;
text-align: center;
width: 30px;
border-radius: 10px;
}
.bs-widget-address li span.icon-addr i {
font-size: 24px;
}
.bs-widget-address strong {
padding-right: 5px;
} .bs-gmap-wrapper {
padding: 0;
margin: 0;
}
.bs-gmap-wrapper #map {
padding: 0;
width: 100%;
height: auto;
border: 0;
margin-bottom: -10px;
}
.bs-gmap-wrapper {
padding: 0;
margin: 0;
} .bs-breadcrumb-section {
margin-top: -20px;
margin-bottom: 20px;
}
.bs-breadcrumb-section .overlay {
padding: 10px 10px;
position: relative;
box-shadow: var(--bxsh);
}
.bs-breadcrumb-section .breadcrumb span {
word-break: break-word;
}
.bs-breadcrumb-section .breadcrumb {
margin-bottom: 0;
}
.bs-breadcrumb-section .breadcrumb,
.bs-breadcrumb-section .breadcrumb a {
font-size: 13px;
}
.bs-breadcrumb-title {
padding: 0;
}
.bs-breadcrumb-title h1 {
font-size: 40px;
font-weight: 700;
margin: 0;
line-height: 48px;
padding-bottom: 0px;
}
.bs-page-breadcrumb {
list-style: none outside none;
margin-bottom: 0;
padding: 0;
font-size: 15px;
line-height: 30px;
}
.bs-page-breadcrumb>li {
display: inline-block;
}
.bs-page-breadcrumb>li+li:before {
content: "\f178";
font-family: 'Font Awesome 5 Free';
padding: 0 5px;
}
.bs-breadcrumb-section .bs-blog-category {
position: relative;
left: 0;
}
.bs-breadcrumb-inner {
display: flex;
width: 100%;
}
.single-class .bs-breadcrumb-section .container {
padding-left: 10px;
padding-right: 10px;
} .page-entry-title .bs-breadcrumb-section {
margin: 0;
}
.page-entry-title .bs-breadcrumb-section .overlay {
box-shadow: none;
padding: 0;
}
.page-entry-title {
display: flex;
align-items: center;
padding: 10px;
justify-content: space-between;
margin-bottom: 20px;
}
.page-entry-title:has(.entry-title.title) {
padding: 20px;
} .bs-sidebar a {
transition: all 0.3s ease 0s;
}
.bs-sidebar .bs-widget .btn {
padding: 2px 12px;
border: none;
border-radius: 0;
height: 40px;
}
.bs-sidebar .bs-widget {
margin-bottom: 30px;
padding: 15px 15px 5px 15px;
box-shadow: var(--bxsh);
overflow: hidden;
word-break: break-word;
}
.bs-sidebar .bs-widget .wd-back {
padding: 0;
box-shadow: none;
margin-bottom: 10px;
}
.bs-widget ul {
padding: 0;
margin: 0;
list-style: none;
}
.bs-widget ul li:last-child {
border: none;
margin-bottom: 0;
}
.bs-widget ul li {
display: block;
letter-spacing: 0.2px;
line-height: 22px;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
border-width: 0 0 1px 0;
border-style: solid;
}
.bs-sidebar .bs-widget h2 form {
padding: 0 10px;
}
.bs-sidebar .bs-widget ul li {
padding: 10px 0;
position: relative;
transition: all 0.4s ease-in-out 0s;
}
.bs-sidebar .bs-widget ul li a:hover {
transition: all 0.4s ease-in-out 0s;
}
.bs-sidebar .bs-widget ul.menu li .sub-menu {
margin-left: 15px;
}
.bs-sidebar .bs-widget ul.menu li .sub-menu li {
border-bottom: none;
padding: 10px 0 0;
}
.bs-sidebar .bs-widget.widget_search .btn {
border: medium none;
border-radius: 0;
height: 40px;
line-height: 25px;
padding: 5px 15px;
transition: all 0.3s ease 0s;
}
.bs-sidebar .bs-widget .bs-widget-tags,
.bs-sidebar .bs-widget .tagcloud {
margin: 0 0 10px;
overflow: hidden;
padding: 0;
}
.bs-sidebar .bs-widget .bs-widget-tags a,
.bs-sidebar .bs-widget .tagcloud a,
footer .bs-widget .tagcloud a {
cursor: pointer;
display: inline-block;
font-size: 12px !important;
font-weight: bold;
line-height: 20px;
margin: 0 5px 9px 0;
padding: 6px 12px;
transition: all 0.4s ease-in-out 0s;
text-transform: capitalize;
border-width: 1px;
border-style: solid;
}
.bs-sidebar .bs-widget-tags a:hover,
.bs-sidebar .bs-widget .tagcloud a:hover {
transition: all 0.4s ease-in-out 0s;
}
.bs-sidebar .bs-widget ul.bs-social {
padding: 10px 0px;
margin: 0;
}
.bs-sidebar .bs-widget ul.bs-social li {
display: inline-flex;
border: inherit;
padding: 0;
}
.bs-sidebar .bs-widget ul.bs-social li a i {
margin: 0px;
text-align: center;
padding: 0;
}
form.wp-block-search {
overflow: hidden;
}
.wp-block-latest-comments li {
border-width: 0 0 1px 0;
border-style: solid;
padding-bottom: 10px;
margin-bottom: 10px;
}
.wp-block-latest-comments li:last-child {
border-style: none;
margin-bottom: 0px;
}  .recentarea-slider {
height: 467px;
counter-reset: tr_post;
position: relative;
}
.recentarea-slider .swiper-button-prev,
.recentarea-slider .swiper-button-next {
position: absolute;
top: 20px;
transform: rotate(90deg);
}
.recentarea-slider .small-post {
counter-increment: tr_post;
border-width: 0 0 1px 0;
border-style: solid;
padding-bottom: 15px;
}
.recentarea-slider .img-small-post:before {
content: counter(tr_post);
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 14px;
font-weight: 700;
background: var(--pri-color);
color: #fff;
border: 2px solid #fff;
position: absolute;
left: 0;
top: 0;
}
.recentarea-slider .small-post .img-small-post {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: unset;
box-shadow: 0px 2px 0 0px var(--pri-color);
} .custom-cate-list ul li a {
min-height: 100px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
padding: 20px;
color: #fff;
font-weight: 600;
}
.custom-cate-list ul li a span {
color: #fff;
position: relative;
}
.custom-cate-list ul li a span.badge {
background: #fff;
color: #000;
width: 40px;
height: 40px;
line-height: 35px;
}
.custom-cate-list ul li a::before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
content: "";
background: rgba(0, 0, 0, 0.3);
}  .bs-widget .bs-author {
margin-top: 25px;
}
.bs-widget .bs-author img.rounded-circle {
width: 130px;
height: 130px;
}
.bs-author img.rounded-circle {
padding: 2px;
margin-bottom: 20px;
width: 180px;
height: 180px;
object-fit: cover;
box-shadow: 0px 2px 0 1px var(--pri-color);
}
.bs-author .bs-social {
padding: 0;
margin: 0;
}  .bs-widget .calendar_wrap table {
width: 100%;
font-size: 15px;
}
.bs-widget .calendar_wrap table caption {
font-size: 16px;
font-weight: 500;
line-height: 35px;
margin-bottom: 0;
padding: 5px 12px;
text-align: center;
border-width: 1px;
border-style: solid;
}
.bs-widget .calendar_wrap table thead th {
border-width: 1px;
border-style: solid;
}
.bs-widget .calendar_wrap table tbody td:hover,
.bs-widget .calendar_wrap table tbody #today:hover {
transition: all 0.3s ease 0s;
}
.bs-widget .calendar_wrap table tfoot {
border-width: 1px;
border-style: solid;
}
.bs-widget .calendar_wrap table thead th {
text-align: center;
padding: 6px 0;
}
.bs-widget .calendar_wrap table tbody td {
line-height: 1.7;
transition: background 0.15s ease 0s;
text-align: center;
border-width: 1px;
border-style: solid;
padding: 3px 5px;
}
.bs-widget .calendar_wrap table tfoot {
font-size: 11px;
}
.bs-widget .calendar_wrap table tfoot tr td#prev {
padding: 5px;
text-transform: uppercase;
}
.bs-widget .calendar_wrap table tfoot tr td#next {
padding: 5px;
text-align: right;
text-transform: uppercase;
}
.bs-widget .calendar_wrap .wp-calendar-nav {
display: flex;
justify-content: space-between;
padding: 5px 5px 0px 5px;
} .bs-sidebar .bs-widget .textwidget select,
.bs-sidebar .bs-widget .textwidget img {
width: 100%;
}
.bs-sidebar .bs-widget .textwidget img.size-large {
height: auto;
} .bs-sidebar .bs-widget.widget_product_search .btn {
padding: 2px 12px;
height: 40px;
border-radius: 0;
margin-left: -1px;
} .bs-sidebar .bs-left-menu-widget ul li {
border-radius: 0;
margin: 0;
padding: 10px 20px;
}
.bs-sidebar .bs-left-menu-widget ul li:hover,
.bs-sidebar .bs-left-menu-widget ul li.active {
border-radius: 0 30px 30px 0;
} .bs-sidebar .wp-block-social-links .wp-social-link {
padding: 0;
}
.bs-sidebar .wp-block-social-links .wp-social-link:last-child {
margin-bottom: 10px;
}
.bs-sidebar .wp-block-social-links .wp-social-link .wp-block-social-link-anchor:hover {
padding: 0.25em;
} .wp-block-latest-posts__list .wp-block-latest-posts__featured-image img.size-large {
margin-bottom: 16px;
}
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image+.wp-block-latest-posts__post-title {
font-weight: 700;
font-family: var(--headFont);
} .bs-error-404 {
padding: 20px;
}
.bs-error-404 h1 {
font-size: 100px;
line-height: 80px;
}
.bs-error-404 h1 i {
padding: 5px;
text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.17);
}
.bs-error-404 h4 {
line-height: 40px;
}
.bs-error-404 p {
line-height: 30px;
}
.bs-error-404 .btn {
overflow: visible;
} footer .bs-footer-widget-area {
padding-top: 40px;
}
footer .site-title {
margin-bottom: 1rem;
}
footer .site-branding-text .site-title-footer a {
font-weight: 700;
font-size: 40px;
line-height: 1.2;
}
footer .bs-widget ul li {
padding: 10px 0;
position: relative;
transition: all 0.4s ease-in-out 0s;
}
footer .bs-recent-blog-post .small-post {
background: unset;
}
footer .divide-line {
margin-bottom: 20px;
height: 2px;
width: 100%;
background: #1a182e;
}
footer .bs-footer-bottom-area {
padding-bottom: 20px;
}
footer .bs-widget {
background: unset;
overflow: hidden;
}
.footer-logo {
border-radius: 0%;
overflow: hidden;
display: flex;
align-items: center;
display: block;
}
.footer-logo a.navbar-brand {
margin-right: 0;
display: block;
}
.footer-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.bs-footer-copyright .copyright-overlay {
padding: 15px 0;
}
footer .bs-footer-copyright,
footer .bs-footer-copyright p,
footer .bs-footer-copyright a {
margin-bottom: 0;
}
.bs-footer-copyright .info-right li {
margin-right: 0;
}
.bs-footer-copyright .info-right {
margin: 0;
}
footer .bs-footer-copyright .text-xs {
margin: auto 0;
}
footer .bs-footer-copyright li a {
padding: 0.5rem 0;
}
footer .wd-back {
background: unset;
}
footer .wp-block-heading {
margin-bottom: 20px;
position: relative;
padding: 8px 20px;
display: inline-flex;
}
footer .wp-block-heading::before {
position: absolute;
content: "";
height: 2px;
width: 110vh;
bottom: -1px;
left: 0;
}
footer ul.menu li.menu-item:before {
content: '\';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 10px;
}
footer .bs-widget .sub-menu {
padding-left: 20px;
}
footer .bs-widget .sub-menu li:first-child {
margin-top: 10px;
}
footer .bs-footer-copyright .info-right {
display: flex;
flex-wrap: wrap;
column-gap: 1.25rem;
row-gap: 0.75rem;
} .bs_upscr {
width: 40px;
height: 40px;
text-align: center;
z-index: 9999;
border-width: 2px;
border-style: solid;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
position: fixed;
bottom: 20px;
right: 20px;
opacity: 0;
transform: translateY(100px);
transition: all 0.5s ease;
}
.showBtn {
opacity: 1;
transform: translateY(0);
}
.bs_upscr:hover {
opacity: 1;
}
.bs_upscr i {
font-size: 16px;
line-height: 40px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.bs_upscr i.default::before {
content: "\f106";
}
.bs_upscr i.two::before {
content: "\f102";
}
.bs_upscr i.three::before {
content: "\f062";
}
.bs_upscr i.four::before {
content: "\f30c";
}
.bs_upscr:hover,
.bs_upscr:focus {
border-width: 2px;
border-style: solid;
transition: all 0.3s ease 0s;
}
.container.mobi-menu {
display: none;
}
.bs_upscr i:hover::after {
height: 100%;
}  *:focus {
outline: 0;
}
.woocommerce h2 {
font-size: 22px;
}
.woocommerce h3 {
font-size: 20px;
} .woocommerce .products span.onsale,
.woocommerce span.onsale {
border-radius: 0;
display: block;
font-size: 13px;
font-weight: normal;
line-height: 25px;
margin: 4px !important;
min-height: 10px;
padding: 0 12px;
z-index: 999;
}
.woocommerce span.onsale {
margin: 10px !important;
}
.woocommerce ul.products li.product {
text-align: center;
padding-bottom: 20px;
transition: all 0.4s ease 0s;
border-radius: 0;
border-width: 1px;
border-style: solid;
}
.woocommerce ul.products li.product .price {
font-size: 16px;
font-weight: 500;
}
.woocommerce ul.products li.product .price ins,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price ins,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price ins {
font-weight: 500;
}
.woocommerce ul.products li.product .woocommerce-loop-product__categories a {
font-size: 0.9375rem;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0.5em;
font-size: 1.5rem;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a {
transition: all 0.3s;
}
.woocommerce-page ul.products li :is(.add_to_cart_button, .product_type_variable) {
padding: 16px 35px;
font-size: 0.9rem;
}
.woocommerce ul.products li.product:hover {}
.woocommerce ul.products li.product a img:hover {
opacity: 0.6;
}
.woocommerce-page .woocommerce-ordering select {
padding: 12px 15px 12px 10px;
color: #A0A0A0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.woocommerce-page .products .product>a:first-child {
position: relative;
text-align: center;
display: block;
}
.woocommerce-page .products a.button {
display: inline-block;
text-align: center;
border-radius: 0;
margin: 10px;
border: none;
font-weight: bold;
margin: 0 auto !important;
}
.woocommerce-page .products a.button:hover {
box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.5);
}
.woocommerce-page .products h3 {
position: relative;
display: inline-block;
margin-bottom: 30px;
font-weight: bold;
font-size: 12px;
line-height: 25px;
float: none;
width: auto;
margin: 0;
}
.woocommerce-page .products .star-rating {
position: relative;
margin: 0 auto;
}
.woocommerce-page .products a .price {
line-height: 20px;
width: 100%;
float: left;
height: auto;
min-height: 40px;
text-align: center;
padding: 10px 0;
}
.woocommerce-page .products a .price del {
display: inline-block !important;
line-height: 20px;
}
.woocommerce-page .products a .price ins {
display: inline-block;
font-weight: bold;
background: none;
line-height: 20px;
margin-left: 10px;
}
.woocommerce-page .products .added_to_cart {
display: inline-block;
text-align: center;
padding: 10px 20px 10px 20px;
border-radius: 0;
border: none;
font-size: 12px;
margin: 0;
}
.woocommerce-page .woocommerce-result-count {
float: left;
font-size: 14px;
line-height: 46px;
margin-top: 20px;
}
.woocommerce-page .woocommerce-ordering {
float: right;
margin-top: 20px;
}
.woocommerce-page .product-type-simple {
position: relative;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-size: inherit;
}
footer .newsair-widget .woocommerce ul.cart_list li img,
footer .newsair-widget .woocommerce ul.product_list_widget li img {
margin-top: 7px;
} .tabs.wc-tabs {
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-width: 0 0 2px 0;
border-style: solid;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius: 0;
background: transparent;
border: none;
}
.woocommerce div.product .product_meta>span {
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus{
outline: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus-visible{
outline-offset: none;
}
.woocommerce table.shop_attributes th{
text-align: center;
}
.woocommerce table.shop_attributes td p{
padding: 8px 12px;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
font-size: 2rem;
margin-bottom: 1.5rem;
line-height: 1.3;
}
.related.products {
text-align: center;
}
.related.products h2 {
font-size: 26px;
line-height: 40px;
} .woocommerce form .form-row label {
width: 100%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
height: 40px;
margin-bottom: 20px;
border: 2px solid #ebebeb;
color: #ccc;
border-radius: 0px;
padding: 6px 12px;
}
.select2-container .select2-choice {
height: 40px;
padding: 6px 12px;
} .woocommerce table.shop_table {
border-radius: 0;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
float: none;
line-height: 30px;
padding: 5px 35px;
border-radius: 0;
}
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.5);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
line-height: 30px;
padding: 5px 35px;
border-radius: 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
border-radius: 0;
height: 40px;
border-width: 1px;
border-style: solid;
min-width: 110px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18), 0 3px 6px rgba(0, 0, 0, 0.16);
} .woocommerce-page .woocommerce-message {
margin: 0px 0 40px;
border-radius: 3px;
list-style: none;
}
.woocommerce-page .woocommerce-message a {
padding: 6px 14px;
font-size: 12px;
}
.woocommerce-page .woocommerce-error {
list-style: none;
padding: 10px 0 10px 50px;
margin: 0px 0 40px;
border-radius: 3px;
border: none;
float: left;
width: 100%;
}
.woocommerce-page .woocommerce-error a {
padding: 6px 14px;
font-size: 12px;
}
.woocommerce-page .woocommerce-info {
list-style: none;
padding: 0;
margin: 0px 0 40px;
border-radius: 3px;
border: none;
float: left;
width: 100%;
margin-top: 25px !important;
}
.woocommerce-page .woocommerce-info a {
padding: 6px 14px;
font-size: 12px;
}
.woocommerce-page .woocommerce-info {
float: left;
text-align: left;
padding-top: 30px;
}
.woocommerce-page .woocommerce .woocommerce-info {
border-radius: 3px;
border: none;
padding: 15px 0 15px 50px;
margin-bottom: 40px;
}
.woocommerce-page .woocommerce .woocommerce-info a {
opacity: 0.9;
} .woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
cursor: pointer;
display: inline-block;
font-size: 18px;
line-height: 40px;
margin: 0 6px 10px 0;
padding: 0px 6px;
vertical-align: baseline;
white-space: nowrap;
width: auto;
min-width: 40px;
height: 40px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease 0s;
text-decoration: none;
font-weight: 700;
} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #1a2128;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
max-width: 100%;
padding-left: 0;
padding-right: 0;
} .woocommerce div.product form.cart .variations th {
background-color: transparent;
padding: 0;
line-height: 3;
}
.woocommerce div.product form.cart .variations td {
padding-top: .3rem;
padding-bottom: .3rem;
}
.woocommerce div.product form.cart .variations select {
min-width: auto;
width: 100%;
max-width: 22rem;
line-height: 1.3;
} .woocommerce-product-gallery .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-product-gallery .flex-direction-nav a {
text-indent: 0;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
text-decoration: none;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
opacity: 0;
transition: all 0.3s ease;
}
.woocommerce-product-gallery:hover .flex-direction-nav a {
opacity: 1;
}
.woocommerce-product-gallery .flex-direction-nav .flex-prev {
left: 0px;
}
.woocommerce-product-gallery .flex-direction-nav .flex-next {
right: 0px;
}
.woocommerce-product-gallery:hover .flex-direction-nav .flex-prev {
left: 10px;
}
.woocommerce-product-gallery:hover .flex-direction-nav .flex-next {
right: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
opacity: 1;
padding: 2px;
border: 2px solid rgba(0, 0, 0, 0);
display: block;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin-top: 4px;
margin-left: -2px;
margin-right: -2px;
} .site-description {
margin-bottom: 0;
} .entry-content img {
margin: 0 0 1.5em 0;
}
.entry-content p {
word-wrap: break-word;
}
.alignleft,
img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.alignright,
img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.alignnone,
img.alignnone { }
.wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.mg-card-box img {
max-width: 100%;
height: auto;
display: block;
}
.wp-caption p.wp-caption-text {
line-height: 1.5;
font-size: 10px;
margin: 0;
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
}
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.attachment-full.size-full {
width: 100%;
height: auto;
}
.size-large {}
.size-medium {}
.size-thumbnail {} .wpcf7-form {
margin-bottom: 50px;
}
.wpcf7-form label {
display: block;
}
.wpcf7-textarea {
height: 200px;
}
.commentlist .bypostauthor {}
.commentlist li ul.children li.bypostauthor {}
.sticky {}
.navigation.pagination>li:first-child>a,
.navigation.pagination>li:first-child>span {
border-radius: 0;
}
.bs-card-box.page-entry-title+.row .page-title {
display: none;
} .gallery {
margin-left: -0.5em;
margin-right: -0.5em;
}
.gallery:after {
display: table;
content: "";
clear: both;
}
.gallery-item {
margin: 0;
float: left;
padding: 0.5em;
}
.gallery-item img {
width: 100%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
float: none;
}
.gallery-columns-2 .gallery-item {
width: 50%
}
.gallery-columns-3 .gallery-item {
width: 33.3333%
}
.gallery-columns-4 .gallery-item {
width: 25%
}
.gallery-columns-5 .gallery-item {
width: 20%
}
.gallery-columns-6 .gallery-item {
width: 16.6667%
}
.gallery-columns-7 .gallery-item {
width: 14.2857%
}
.gallery-columns-8 .gallery-item {
width: 12.5%
}
.gallery-columns-9 .gallery-item {
width: 11.1111%
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
} .screen-reader-text {
clip: unset;
}
.no-js .some-element .screen-reader-text {
position: static;
-webkit-clip-path: none;
clip-path: none;
width: auto;
height: auto;
margin: 0;
} form .wp-block-search__inside-wrapper {
border: 0;
margin-bottom: 8px;
}
.wp-block-search__inside-wrapper {
display: flex;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
flex: 1;
}
.bs-widget .wp-block-search__label {
font-weight: 700;
margin-bottom: 20px;
padding: 8px 20px;
position: relative;
letter-spacing: 1.1px;
border-style: solid;
z-index: 1;
font-size: 20px;
line-height: 1.2;
display: inline-flex;
width: auto;
font-family: var(--headFont);
}
.widget_block h2 {
margin-bottom: 20px;
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
padding: 8px 20px;
display: inline-flex;
}
.widget_block .wp-block-heading:before {
position: absolute;
content: "";
height: 2px;
width: 110vh;
bottom: -1px;
left: 0;
}
ol.wp-block-latest-comments {
padding: 0;
margin-bottom: 0;
}
.widget_block .wp-block-group {
overflow: hidden;
}
.wp-block-search__label {
font-size: 20px;
font-weight: 700;
line-height: 1;
position: relative;
padding: 5px 0;
position: relative;
border-style: solid;
border-width: 0 0 1px 0;
margin-bottom: 15px;
}
.wp-block-search__label:before {
position: absolute;
content: "";
height: 2px;
width: 300vh;
bottom: -1px;
left: 0;
}
.widget_block .wp-block-search__button {
padding: 10px 15px;
}
form.wp-block-search__button-inside.wp-block-search__text-button.wp-block-search {
overflow: hidden;
}
.nav.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
display: none;
}
.nav.navbar-nav:not(.sm-collapsible) .menu-item-has-children .nav-link:after,
.nav-link.has-submenu:after {
content: '';
font-family: 'Font Awesome 6 Free';
margin-left: .255em;
font-size: 10px;
vertical-align: .255em;
font-weight: 900;
}
.wp-block-button__link {
border: 2px solid #32373c;
}
.small.single a,
p a,
.small.single .nav-links a:hover,
.bs-info-author-block .title a:hover,
.bs-sidebar .bs-widget ul li a:hover,
.wp-block-latest-comments .wp-block-latest-comments__comment-link:hover,
.bs-blog-meta a:hover,
.small.single .wp-block-latest-posts li a:hover,
.small.single .wp-block-categories-list li a:hover,
.small.single .wp-block-categories__list li a:hover,
.small.single .wp-block-archives-list li a:hover,
.bs-footer-copyright p a:hover,
.page-class .bs-card-box a {
text-decoration: underline;
}
.small.single a:hover,
p a:hover,
.small.single .wp-block-button__link,
.site-title a,
.small.single .nav-links a,
.small.single .single-nav-links a,
a,
.site-title-footer a,
.small.single .wp-block-latest-posts li a,
.small.single .wp-block-categories-list li a,
.small.single .wp-block-categories__list li a,
.small.single .wp-block-archives-list li a,
.bs-footer-copyright p a,
.page-class .bs-card-box a:hover,
.small.single .post-share-icons a {
text-decoration: none;
} footer .bs-widget-title .title {
margin-bottom: 0;
}
footer .bs-widget-title .title:before {
display: none;
}
.bs-widget .wp-block-archives li,
.bs-widget .wp-block-categories li {
display: flex;
justify-content: space-between;
}
.bs-widget .wp-block-archives li:has([aria-current="page"]),
.bs-widget .wp-block-categories li:has([aria-current="page"]) {
font-weight: 700;
}
.bs-widget.widget_archive li,
.bs-widget.widget_categories li {
display: flex;
justify-content: space-between;
}
.bs-widget.widget_archive li:has([aria-current="page"]),
.bs-widget.widget_categories li:has([aria-current="page"]) {
font-weight: 700;
}  @media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (max-width: 991.98px) {
.bs-masonry-columns {
columns: 1;
}
#menu-primary li.active.home {
display: none;
}
.bs-default .site-branding-text .site-title { }
.m-header {
width: 100%;
display: flex;
justify-content: space-between;
padding: 5px 10px;
}
.m-header .navbar-header {
text-align: center;
}
.bs-default .navbar-wp {
height: auto;
}
.bs-default .navbar-brand {
height: auto;
}
.m-header .navbar-brand img {
width: 120px;
height: auto;
}
.desk-header {
display: none;
}
.navbar>.container {
justify-content: center;
}
.collapse.navbar-collapse {
position: relative;
}
.navbar-collapse.collapse.show {
left: 0%;
height: auto;
}
.bs-headfour {
position: relative;
}
.missed .bs-blog-post.three.md {
height: 300px;
}
.bs-headtwo .navbar-wp {
padding: 15px 0;
}
.bs-default .is-sticky .navbar-wp {
min-height: 70px;
}
.mg-tpt-tag-area {
margin-top: 0;
}
.bs-header-main .inner.responsive {
min-height: 0;
height: 0;
}
.bs-sidebar {
margin-top: 20px;
margin-bottom: 20px;
}
.bs-headthree .navbar-wp {
min-height: 100px;
}
.bs-default .bs-menu-full {
min-height: 100px;
height: auto;
display: flex;
align-items: center;
}
.missedslider {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
body.dark .bs-default .is-sticky .bs-menu-full {
box-shadow: var(--bxshover);
}
.nav.navbar-nav:not(.sm-collapsible) .menu-item-has-children .nav-link:after,
.nav-link.has-submenu:after {
content: '';
}
}
@media (max-width: 767.98px) {
html {
font-size: 13px;
}
.bs-headtwo .navbar-wp { }
.bs-headthree .bs-header-main .inner { }
.bs-headfour .navbar-wp { }
.bs-head-detail .info-right {
justify-content: center;
}
.bs-head-detail ul.info-left {
align-items: center;
flex-direction: column;
}
.navbar-brand img {
max-width: 100%;
}
.bs-blog-thumb .bs-blog-inner {
width: 90%;
}
.bs-blog-thumb .bs-blog-inner .title {
font-size: 30px;
}
.list-blog.bs-blog-post {
flex-direction: column;
}
.list-blog .bs-blog-thumb {
width: 100% !important;
max-width: 100% !important;
margin-right: unset;
margin-bottom: 15px;
}
.bs-slide.bs-blog-post.three.lg {
height: 400px;
}
.bs-slide .title {
font-size: 18px;
}
.col-grid-2 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.text-xs {
text-align: center;
}
.text-center-xs {
text-align: center;
}
footer .footer-logo .navbar-brand {
margin: 0;
}
.navigation.pagination .nav-links {
justify-content: center;
}
.social-contact-widget .col-grid-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.newsair-dynamic-column-posts .bs-blog-post.bshre:last-child {
margin-bottom: 24px;
}
.missedslider {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.list-blog.bs-blog-post .small {
width: 100%;
padding: 0;
}
}
@media screen and (min-width: 240px) and (max-width: 1179px) {
.boxed {
width: auto;
}
}
@media (max-width: 575.98px) {
.social-contact-widget .col-grid-3 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.bs-blog-post.single .bs-header .title {
font-size: 32px;
}
.page-entry-title {
flex-direction: column;
}
.comments-area .comment-body {
padding: 100px 25px 25px 0px;
}
.comment-list .children {
margin-left: 1rem;
}
.small-post.bs-post-1 .img-small-post {
height: 300px;
}
.featured-widget .bs-blog-post.three.lg {
height: 350px;
}
.wigethomemain .bs-blog-post.three.lg {
height: 350px;
}
.search-results-count {
text-align: center;
font-size: 16px;
}
}p a {
text-decoration: underline;
}
a:focus {
outline: 1px solid;
}
.navbar-toggler.x:focus {
outline: 1px solid #000;
padding: 5px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: "Roboto", sans-serif;
}
body{
font-family: "Inter Tight", sans-serif;
}
.bs-widget .wp-block-search__label{
font-family: 'Roboto';
}
.bs-blog-post{
box-shadow: none;
}
.bs-sidebar .bs-widget{
box-shadow: none;
}
.small-post:last-child {
border-bottom: 1px solid var(--bor-color);
} .bs-headtwo .navbar-wp {
margin: 0;
z-index: 999;
transition: all 1s ease-out;
border-radius: 0;
min-height: 110px;
height: auto;
}
.bs-headtwo .navbar-brand {
margin-right: unset;
}
.bs-headtwo .navbar-header img {
width: 100%;
height: 100%;
}
.bs-headtwo .desk-header {
padding: 0px;
}
.bs-headtwo .navbar-wp .navbar-nav > li> a {
padding: 0.5rem;
}
.bs-headtwo [role=button] {
cursor: pointer;
padding: 15px 0;
}
.bs-blog-post.three.sm .title {
font-size: 14px;
margin-bottom: 0;
}
.modal-backdrop { 
z-index: 9999;
}
.modal{
z-index: 99991;
}
.wd-back { 
box-shadow: unset; 
}
.bs-recent-blog-post .small-post .img-small-post {
width: 100px;
height: 100px;
}
.bs-headtwo .mg-latest-news .mg-latest-news-slider a:focus{
outline-offset: -3px;
}
.bs-recent-blog-post .small-post { }
.col-md-12.text-center.d-md-flex.justify-content-between {
padding: 0 15px;
}
.mainfeatured .wd-back {
background: UNSET;
box-shadow: unset;
padding: unset;
}
.list-blog .bs-blog-thumb {
width: 37%;
max-width: 37%;
min-width: 0;
height: 220px;
min-height: 220px;
}
.col-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
[class*=col-grid-] {
display: grid;
grid-gap: 1.5rem;
}
.is-sticky .sticky-header{
z-index: 9999;
}
.bs-breadcrumb-section .overlay{
box-shadow: none;
}
.newsair-grid-column-posts .bs-blog-post.bshre {
box-shadow: unset;
margin-bottom: 0px;
}
.multi-post-widget .bs-blog-post.three.sm .title {
font-size: 16px;
}
.multi-post-widget .bs-blog-post.three.sm {
height: 220px;
}
.bs-default .desk-header .msearch{
display: none;
}
.bs-no-list-area {
display: grid;
grid-template-columns: repeat( 4,1fr );
grid-column-gap: 10px;
}
.bs-no-list-area .orderd-img {
width: 80px;
height: 80px;
overflow: hidden;
box-shadow: 2px 2px 0 0px #09BC8A;
position: relative;
margin-right: 10px;
border-radius: 50%;
margin-bottom: 2px;
}
.bs-no-list-area .orderd-img img { 
display: block;
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in-out 0s;
}
.bs-no-list-area .orderd-body{
flex: 1;
}
.bs-no-list-area .orderd-body h5 {
display: block;
font-size: 14px;
font-weight: 600;
line-height: 22px;
margin-top: -5px;
word-wrap: break-word;
z-index: 5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 8px;
}
.bs-recent-blog-post .small-post .img-small-post.right{
margin: 0;
}
.bs-no-list-area .count {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 30px;
height: 30px;
line-height: 25px;
z-index: 1;
text-align: center;
border: 3px solid;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.bs-no-list-area .orderd-body .bs-blog-date a {
display: inline;
font-weight: 500;
font-size: 12px;
padding: 0;
line-height: 16px;
letter-spacing: 1px;
}
.navbar-toggler.x {
background: transparent;
}
.bs-breadcrumb-section .overlay .container{
padding: 0;
}
footer .bs-footer-copyright .navbar-brand{
margin-right: 0;
display: block;
}
footer .bs-footer-copyright .navbar-brand img{
object-fit: contain;
} @media (max-width: 991.98px) {
.bs-no-list-area .bs-no-list-items{
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.bs-no-list-area {
grid-template-columns: repeat( 2,1fr );
}
.multi-post-widget{
display: grid;
grid-template-columns: repeat( 2,1fr);
grid-column-gap:5px ;
}
.bs-header-main .inner.responsive {
min-height: 0;
height: 20px;
}
.bs-headtwo .navbar-wp {
padding: 15px 0;
}
}
@media (max-width: 767.98px) {
.bs-no-list-area {
grid-template-columns: repeat( 1,1fr );
}
}
@media (max-width: 575.98px) {
.multi-post-widget {
grid-template-columns: repeat( 1,1fr );
}
}:root {
--secondary-color: #0F1012;
--head-color: #212121;
--stext-color: #000;
--text-color: #718096;
--wtext-color: #fff;
--bg-color: #fff;
--box-color: #fff;
--wrap-color: #fff;
--bor-color: #e2e8f0;
}
::selection {
color: white;
background: #09BC8A;
}
.wd-back { 
background: var(--box-color);
}  
.bs-default .site-title a, .bs-default .site-description {
color: #fff;
}
.site-title a, .site-description {
color: var(--stext-color);
}
.navbar-toggler:hover, .navbar-toggler::focus {
background-color: #09BC8A;
}
.bs-default .bs-menu-full{
background: var(--secondary-color);
}
p{
color: var(--text-color);
} ::-webkit-scrollbar-thumb:hover {
background: #09BC8A; 
} .bs-head-detail {
background: var(--secondary-color);
}
.switch input:checked + .slider{ }
.mg-latest-news .bn_title { }
.mg-latest-news .bn_title .title {
background-color: #09BC8A;
color: #fff;
}
.bs-head-detail .top-date { color:  #09BC8A;
color: #e8e8e8;
}
.bs-head-detail .top-date .time {
background: #09BC8A;
color: #fff;
}
.mg-latest-news .mg-latest-news-slider a {
color: #e8e8e8;
}
.mg-latest-news .navbar-nav .nav-link {
color: #e8e8e8;
} .bs-default .bs-header-main .inner {
background-color: #000000d9;
}
.bs-default .navbar-wp .navbar-nav > li > a {
color: #fff;
}
.bs-default .navbar-wp .navbar-nav > li > a:hover, .bs-default .navbar-wp .navbar-nav > li > a:focus {
color: #fff;
} 
.bs-default .navbar-wp
.navbar-wp .dropdown-menu {
background: var(--bg-color);
}
.navbar-wp .dropdown-menu > li > a {
background: #222;
color: #fff;
}
.navbar-wp .dropdown-menu > li > a:hover,
.navbar-wp .dropdown-menu > li > a:focus  {
color: #09BC8A;
}
.navbar-wp .dropdown-menu.searchinner [type=submit] {
background: #09BC8A;
color: #fff;
}
.navbar-wp .dropdown-menu.searchinner .btn:hover {
background-color: var(--secondary-color);
color: #fff;
}
.bs-default .right-nav a {
color: #e8e8e8;
}
.bs-default .right-nav a:hover { 
opacity: 0.7;
}
.bs-default .switch .slider::before {
color: #0a0a0a; 
}
.bs-default .right-nav .subscribe-btn {
color: #212121;
}
.bs-cart-count {
background: var(--secondary-color);
}
.bs-default .offcbtn {
color: #e8e8e8; 
}
.homebtn {
background: #fff;
}
.menu-link-description { 
background: #09BC8A; 
color: #fff;
}
.menu-link-description:after{
border-top-color: #09BC8A ;
} .bs-headtwo .bs-head-detail {
background: var(--secondary-color);
}
.bs-headtwo .mg-latest-news .mg-latest-news-slider a {
color: #fff;
}
.bs-headtwo .navbar-wp {
background: #151515;
} .bs-headtwo .navbar-wp .navbar-nav > li > a {
color: #fff;
}
.bs-headtwo .right-nav a {
color: #fff;
}
.bs-headtwo .navbar-wp .navbar-nav > li:after { 
background: #fff;
} .right-nav a::after {
background: var(--secondary-color);
}
.bs-headtwo .switch{
background: var(--head-color);
}
.bs-headtwo .switch .slider::before{
color: var(--box-color);
}
.bs-headtwo .switch input:checked + .slider::before{
color: #212121;
}
.bs-headtwo .right-nav .subscribe-btn {
background: #09BC8A;
color: #fff;
}
.bs-headtwo .right-nav .subscribe-btn:focus{
outline: 1px solid #000;
}
.right-nav a { 
color: #fff;
}
.switch {
background: #ffffff;
}
.switch .slider::before{
color: var(--head-color);
}
.right-nav .subscribe-btn {
background: #fff;
color: #121212;
} .right-nav .subscribe-btn span {
border-color: #BDBDBD;
}
.bs-no-list-area .count {
color: #fff;
background: #09BC8A;
}
.bs-no-list-area .orderd-body h5 a, .bs-no-list-area .orderd-body .bs-blog-date::before {
color: var(--head-color);
}
.bs-no-list-area .orderd-body .bs-blog-date a {
color: var(--text-color);
}
.bs-no-list-area .bs-no-list-items{
border-bottom-color: var(--bor-color);
}
.navbar-wp .navbar-nav > li:after { 
background: #09BC8A; 
}
.mainfeatured .back-img{
background-color: #333;
} body {
color: #5b5b5b;
}
input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea {
color: #9b9ea8;
border-color: #eef3fb;
}
.form-control:hover, textarea:hover, input:not([type]):hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover, input:not([type]):focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus {
border-color: #09BC8A;
}
a.btn, button.btn, .btn-theme, .more-link {
background-color: #09BC8A;
color: #fff;
border-color: #09BC8A;
}
.btn-theme:hover, .btn-theme:focus, .more-link:hover, .more-link:focus, a.btn:hover, button.btn:hover {
background: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.modal-header .btn-close {
background: #09BC8A;
color: #fff;
border-color: #09BC8A;
}
.modal-header .btn-close:hover {
color: #fff;
}
input[type="submit"], button {
background: #09BC8A;
border-color: #09BC8A;
color: #fff;
}
input[type="submit"]:hover, button:hover,input[type="submit"]:focus, button:focus {
background: var(--secondary-color);
border-color: var(--secondary-color);
color: #fff;
}
a {
color: #09BC8A;
}
a:hover, a:focus {
color: var(--head-color);
}
.wp-block-calendar tbody td{
color: var(--text-color);
}
.bs-error-404 h1 i {
color: #09BC8A;
}
.grey-bg {
background: #f4f7fc;
}
.bs .swiper-button-prev, 
.bs .swiper-button-next {
background: var(--secondary-color);
color: #fff;
}
.bs .swiper-button-prev:hover,
.bs .swiper-button-next:hover  {
background: #09BC8A;
color: #fff;
}
.swiper-navigation .swiper-button-prev:hover,
.swiper-navigation .swiper-button-next:hover  {
background: #09BC8A;
color: #fff;
}
.navigation p a:hover {
color: var(--head-color);
}
.swiper-pagination .swiper-pagination-bullet{
background: var(--head-color);
}
.swiper-pagination .swiper-pagination-bullet-active{
background: #09BC8A;
}
.facebook, .facebook + .icon-soci-content .bs-count {
background: #135CB6;
}
.twitter, .twitter + .icon-soci-content .bs-count  {
background: #00ACED;
}
.linkedin, .linkedin + .icon-soci-content .bs-count  {
background: #0078ca;
}
.telegram, .telegram + .icon-soci-content .bs-count  {
background: #0088cc;
}
.instagram, .instagram + .icon-soci-content .bs-count  {
background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%),linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);
}
.youtube , .youtube + .icon-soci-content .bs-count  {
background: #cd201f;
}
.pinterest, .pinterest + .icon-soci-content .bs-count  {
background: #bd081c;
}
.dribbble, .dribbble + .icon-soci-content .bs-count  {
background: #ea4c89;
}
.whatsapp, .whatsapp + .icon-soci-content .bs-count  {
background: #1FB381;
}
.reddit, .reddit + .icon-soci-content .bs-count {
background: #ff4500;
}
.discord, .discord + .icon-soci-content .bs-count {
background: #404eed;
}
.tumblr, .tumblr + .icon-soci-content .bs-count {
background: #001833;
}
.vimeo, .vimeo + .icon-soci-content .bs-count {
background: #86C9EF;
}
.skype, .skype + .icon-soci-content .bs-count {
background: #00AFF0;
}
.envelope, .envelope + .icon-soci-content .bs-count  {
background: #09BC8A;
}
.entry-content .post-share a {
color: #fff; 
}
.print-r { 
background: #000;
}
.bs-social .icon-soci-content .bs-count{
color:#fff;
}
.bs-social .icon-soci-content .bs-follow{
background: var(--bor-color);
color: var(--head-color);
}
.bs-social li a:focus{
outline: 1px solid #fff;
}
.bs-social li i { color:#09BC8A;
color: #e8e8e8;
}
.bs-social li i::after {
background: var(--secondary-color);
}
.bs-widget .bs-widget-tags a{
color: #09BC8A;
background: #f3eeee;
border-color: #f3eeee;
}
.bs-widget .bs-widget-tags a:hover, .bs-widget .bs-widget-tags a:focus{
color: #fff;
background: #09BC8A;
border-color: #09BC8A;
}
.tabarea-area .nav-tabs .nav-link {
background: var(--bg-color);
color: var(--text-color);
border-color: #eee;
}
.tabarea-area .nav-tabs .nav-link:hover,.tabarea-area .nav-tabs .nav-link:focus, 
.tabarea-area .nav-tabs .nav-link.active {
background: #09BC8A;
color: #fff;
border-color: #09BC8A;
}
.bs-widget.promo {
background-color: #eee;
}
.bs-widget.promo:hover .text::before{
border-top-color: #09BC8A;
border-right-color: #09BC8A;
}
.bs-widget.promo:hover .text::after{
border-bottom-color: #09BC8A;
border-left-color: #09BC8A;
}
.bs-widget.promo .inner-content {
background: rgba(0, 0, 0, 0.1);
}
.bs-widget.promo:hover .inner-content {
background: rgba(0, 0, 0, 0.8);
}
.bs-widget.promo h5 a { 
color: var(--text-color);
background: var(--bg-color);
}
.bs-widget.promo:hover h5 a, .bs-widget.promo h5 a:focus { 
background: #09BC8A;
color: #fff;
}
.bs_model .modal-content {
background-color: var(--box-color);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
color: #fff;
background-color: #09BC8A; 
border-color: #09BC8A;
}
.nav-tabs .nav-link {
color: #121212;
} .mg-tpt-txnlst .mg-tpt-txnlst-title{
background: #09BC8A;
color: #fff;
}
.mg-tpt-txnlst ul li a {
color: var(--head-color);
}
.mg-tpt-txnlst ul li a:hover {
color: #09BC8A;
} .bs-widget {
background: var(--box-color);
}
.bs-widget-title { 
border-color: #09BC8A;
}
.bs-widget-title .title {
background: #09BC8A;
color: #fff;
}
.bs-widget-title .title:before {
background: #09BC8A;
} 
.bs-widget-title.three .title:after {
background: #f00;
}
.bs-widget-title.two .title {
background: #09BC8A;
color: #fff;
} .featured-tab-widget .nav-link.active, .featured-tab-widget .nav-link:hover, .featured-tab-widget .nav-link:focus {
color: #09BC8A;
}
.featured-tab-widget .nav-link {
color: var(--secondary-color);
} .small-post  {
background: var(--bg-color);
border-bottom-color: var(--bor-color);
}
.small-post .title a {
color: var(--head-color);
}
.small-post .title a:hover, .small-post .title a:focus {
color: #09BC8A;
}
.bs-recent-blog-post .small-post{
background: transparent;
} .bs-blog-post {
background: var(--box-color);
}
.bs-blog-post .small {
color: var(--text-color);
}
.bs-blog-post .bs-header .btitle, .bs-blog-post .bs-header .btitle a {
color: var(--head-color);
}
.bs-blog-post .bs-header .bs-read{
color: #f56565;
}
.bs-blog-post .single .nav-links{
border-top-color: var(--bor-color);
}
.bs-blog-post .single .nav-links a, .bs-blog-post .single .single-nav-links a {
color: var(--head-color);
}
.bs-blog-post .single .nav-links a:hover, .bs-blog-post .single .single-nav-links a:hover {
color: #09BC8A;
}
.bs-blog-post.two .small {
background: var(--box-color);
color: var(--text-color);
}
.bs-blog-post.three .title a {
color: #fff;
}
.bs-blog-post.three .bs-blog-meta a, .bs-blog-post.three .bs-blog-meta span,
.bs-blog-post.three .bs-blog-meta span:before {
color: #fff;
} 
.bs-blog-post.three.md{
background-color: #333;
}
.bs-blog-post.four .small{
background-color: var(--box-color);
}
.bs-blog-post .bs-header .bs-blog-date {
color: var(--text-color);
}
.bs-blog-post .bs-header .tag-links, .tag-links a {
color: var(--text-color);
}
.recentarea-slider .small-post  {
border-color: #d7d7d7;
}
.bs-widget .bs-author h4{
color: var(--head-color);
}
.bs-widget .bs-author {
color: var(--text-color);
}
.bs-blog-thumb .bs-blog-inner.two::after {
background-color: transparent; 
}
.bs-blog-thumb .bs-blog-inner .title, .bs-blog-thumb .bs-blog-inner .title a{
color: var(--head-color);
}
.bs-blog-thumb .bs-blog-inner .title:hover, .bs-blog-thumb .bs-blog-inner .title a:hover, .bs-blog-thumb .bs-blog-inner .title a:focus{
color: #09BC8A;
}
.bs-blog-thumb .bs-blog-inner.two .title, .bs-blog-thumb .bs-blog-inner.two .title a {
color: var(--bg-color);
}
.bs-blog-inner.two .bs-blog-category a {
color: var(--wrap-color);
}
.bs-blog-category:before {
background: #09BC8A;
}
.bs-blog-category a {
background: #09BC8A;
color: #fff;
}
.bs-blog-category a:hover, .bs-blog-category a:focus { 
color: #fff;
background: #09BC8A;
}
.bs-blog-post .title, .bs-blog-post .title a,.bs-blog-post .title, .bs-blog-post .title a {
color: var(--head-color);
}
.bs-blog-post .title a:hover, .bs-blog-post .title a:focus, .bs-blog-post .title a:hover, .bs-blog-post .title a:focus {
color: #09BC8A;
}
.bs-blog-meta, .bs-blog-meta a{
color: var(--text-color);
}
.bs-blog-meta a:hover, .bs-blog-meta a:focus{
color: #09BC8A;
}
.bs-info-author-block {
background: var(--box-color);
}
.bs-info-author-block .title a {
color: var(--head-color);
}
.bs-info-author-block .title a:hover, .bs-info-author-block .title a:focus {
color: #09BC8A;
}
.bs-info-author-block.py-4.px-3.mb-4{
border-color: var(--bor-color);
}
.comments-area a {
color: var(--head-color); 
}
.comments-area a {
color: var(--head-color); 
}
.comments-area .reply a {
color: #fff;
background: #09BC8A;
border-color: #09BC8A;
}
.comments-area .reply a:hover, .comments-area .reply a:focus {
color: #fff;
background: var(--secondary-color);
border-color: var(--secondary-color);
}
blockquote {
background: var(--bor-color);
border-left: 5px solid #09BC8A;
}
blockquote::before {
color: #09BC8A;
}
blockquote p {
color: var(--text-color);
}
.bs-widget .bs-author img.rounded-circle {
border-bottom-color: #09BC8A;
border-left-color: #09BC8A;
border-top-color: #e5e5e5;
border-right-color: #e5e5e5;  
box-shadow: 0px 2px 0 1px #09BC8A; 
}
.widget_block h2 {
color: var(--head-color);
border-color: #d7d7d7;
}
.wp-block-tag-cloud a {
color: var(--text-color);
background: var(--box-color);
border-color: #d7d7d7;
}
.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus {
color: #fff;
background: #09BC8A;
border-color: #09BC8A;
}
.wp-block-search__button {
background: #09BC8A !important;
border-color: #09BC8A !important;
color: #fff  !important;
}
.wp-block-search__button:hover, .wp-block-search__button:focus  {
background: var(--secondary-color) !important;
border-color: var(--secondary-color) !important;
color: #fff !important;
}
.entry-content a {
color: #09BC8A;
}
.entry-content a {
box-shadow: none;
} .bs-sidebar .bs-widget {
background: var(--box-color);
border-color: #d7d7d7;
}
.bs-sidebar .bs-widget ul li {
border-color: var(--bor-color);
}
.bs-sidebar .bs-widget ul li a {
color: var(--text-color);
}
.bs-sidebar .bs-widget ul li a:hover, .bs-sidebar .bs-widget ul li a:focus {
color: #09BC8A;
}
.bs-sidebar .bs-widget ul.bs-social li a {
color: #fff;
}
.bs-sidebar .bs-widget .bs-widget-tags a, .bs-sidebar .bs-widget .tagcloud a, footer .bs-widget .tagcloud a  {
color: #09BC8A;
background: #f3eeee;
border-color: #f3eeee;
}
.bs-sidebar .bs-widget .bs-widget-tags a:hover, .bs-sidebar .bs-widget .tagcloud a:hover, .bs-sidebar .bs-widget .bs-widget-tags a:focus, .bs-sidebar .bs-widget .tagcloud a:focus {
color: #fff;
background: #09BC8A;
border-color: #09BC8A;
}
.bs-sidebar .bs-widget.widget_search .btn {
background: #09BC8A;
color: #fff; 
border-color: #e5e7eb;
}
.bs-sidebar .bs-widget.widget_search .btn:hover, .bs-sidebar .bs-widget.widget_search .btn:focus  {
color: #fff;
background: var(--secondary-color);
border-color: var(--secondary-color);
}
.bs-widget .calendar_wrap table thead th, .bs-widget .calendar_wrap  table, .bs-widget .calendar_wrap td {
border-color: rgba(51, 51, 51, 0.1);
color: var(--text-color);
}
.bs-widget .calendar_wrap table caption {
background: #09BC8A;
border-color: #09BC8A;
color: #fff;
}
.widget_block .wp-block-search__input:focus, .widget_block .wp-block-search__input:hover{
border-color: #09BC8A;
}
.widget_block .wp-block-search__input{
background-color: var(--bg-color) ;
}
.widget_block h2 {
background: #09BC8A;
color: #fff;
}
.widget_block h2:before {
background: #09BC8A;
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
color: var(--head-color);
}
.btn, .btn-theme, .more-link { 
background-color: #09BC8A;
color: #fff;
border-color: #09BC8A;
}
.btn-theme:hover, .btn-theme:focus, .more-link:hover, .more-link:focus {
background: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.btn-blog:hover, .btn-blog:focus {
background: #09BC8A;
color: #fff;
border-color: #09BC8A;
}
button, [type=button], [type=reset], [type=submit] {
background-color: #09BC8A;
color: #fff;
border-color: #09BC8A;
}
button:hover, [type=button]:hover, [type=reset]:hover, [type=submit]:hover
,button:focus, [type=button]:focus, [type=reset]:focus, [type=submit]:focus {
background: var(--secondary-color);
color: #fff;
border-color: var(--secondary-color);
}
.sidenav.offcanvas{
background: var(--bg-color);
} .pagination > li > a, .pagination > li > span {
background: #fff;
color: #999;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
border-color: #09BC8A;
background: #09BC8A;
color: #fff;
}
.page-item.active .page-link {
border-color: #09BC8A;
background: #09BC8A;
color: #fff;
}
.pagination .page-numbers{
background: var(--box-color);
color: var(--head-color);
}
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a:hover, a.error-btn, .post-page-numbers.current,  .bs-blog-post .single .single-nav-links .post-page-numbers:hover { 
background-color: #09BC8A; 
color:#fff; 
} .navbar-base .navbar-nav > .open > a, .navbar-base .navbar-nav > .open > a:hover, .navbar-base .navbar-nav > .open > a:focus {
color: #fff;
}
.navigation.pagination > .active > a, .navigation.pagination > .active > a:hover, .navigation.pagination > li > a:hover, .navigation.pagination > li > a:focus, .navigation.pagination > .active > a, .navigation.pagination > .active > span, .navigation.pagination > .active > a:hover, .navigation.pagination > .active > span:hover, .navigation.pagination > .active > a:focus, .navigation.pagination > .active > span:focus {
border-color: #09BC8A;
background: #09BC8A;
color: #fff;
} .bs-breadcrumb-section .overlay {
background: var(--box-color);
}
.bs-breadcrumb-section .breadcrumb a  {
color: var(--head-color);
}
.bs-breadcrumb-section .breadcrumb a:hover,
.bs-breadcrumb-section .breadcrumb a:focus,
.bs-breadcrumb-section .breadcrumb .active a {
color: #09BC8A;
}
.bs-breadcrumb-title h1 {
color: var(--head-color);
}
.bs-page-breadcrumb > li a {
color: var(--head-color);
}
.bs-page-breadcrumb > li a:hover, .bs-page-breadcrumb > li a:focus {
color: #09BC8A;
}
.bs-page-breadcrumb > li + li:before {
color: var(--head-color);
}
.bs-contact .bs-widget-address {
background: #fff;
}
.bs-contact .bs-widget-address li span.icon-addr i {
color: #09BC8A;
} footer .overlay {
background: #0C1120;
}
footer .widget_block h2 {
color: #fff;
}
footer .site-title a , footer .site-description {
color: #fff;
}
footer .bs-widget .title, footer .consultup_contact_widget .bs-widget .title {
color: #000;
}
footer .bs-widget ul li {
color: #bbb;
}
footer .text-input button.sub-link  a{
color: var(--bg-color);
}
footer .bs-widget ul li a {
color: #bbb;
}
footer .bs-recent-blog-post .small-post .title a {
color: #fff;
}
footer .bs-recent-blog-post .small-post .title a:hover, footer .bs-recent-blog-post .small-post .title a:focus {
color: #09BC8A;
}
footer .bs-recent-blog-post .bs-blog-meta span:before, footer .bs-recent-blog-post .bs-blog-meta a{
color: #fff;
}
footer .checkbox a {
color: var(--secondary-color);
}
footer .bs-widget ul li a:hover, footer .bs-widget ul li a:focus {
color: #09BC8A;
}
footer .bs-widget .calendar_wrap table thead th, footer .bs-widget .calendar_wrap table tbody td,footer .bs-widget #calendar_wrap td, footer .bs-widget #calendar_wrap th, footer .bs-widget .calendar_wrap table caption {
color: #f2f7fd;
border-color: #eee;
}
footer .bs-footer-copyright {
background: #060A16;
}
footer .bs-footer-copyright, footer .bs-footer-copyright p, footer .bs-footer-copyright a {
color: #bbb;
}
footer .bs-footer-copyright a:hover, footer .bs-footer-copyright a:focus {
color: #09BC8A;
}
footer .bs-widget p {
color: #bbb;
}
footer .bs-widget.widget_search .btn {
color: #fff;
background: #09BC8A;
border-color: #09BC8A;
}
footer .bs-widget.widget_search .btn:hover, footer .bs-widget.widget_search .btn:focus {
background: var(--secondary-color);
border-color: var(--secondary-color);
}
.site-title-footer a, .site-description-footer, p.site-title-footer a, p.site-description-footer {
color: #fff;
}
footer .bs-recent-blog-post .small-post .title a {
color: #fff;
}
footer .small-post-list-widget .small-post {
background: #060A16;
}
footer .small-post-list-widget .small-post .title a {
color: #fff;
}
footer .small-post {
background: transparent; 
}
footer .small-post .title a {
color: #fff;
}
footer .tabarea-area .nav-tabs .nav-link {
background: transparent;
color: #fff; 
}
footer .tabarea-area .nav-tabs .nav-link:hover, footer .tabarea-area .nav-tabs .nav-link:focus, footer .tabarea-area .nav-tabs .nav-link.active{
border-color: #fff;
}
footer .double-category-posts .colinn {
padding: 20px;
padding-bottom: 0;
margin-bottom: 30px;
background: #060A16;
} .bs_upscr {
background: #09BC8A;
border-color: #09BC8A;
color: #fff !important;
}
.bs_upscr:hover, .bs_upscr:focus {
color: #fff;
background: var(--secondary-color);
} footer .bs-widget-title .title {
color: #fff;
}
.form-control {
border-color: #eef3fb;
}
.form-control:focus {
border-color: #09BC8A;
}
.form-group label::before {
background-color: #dddddd;
}
.form-group label::after {
background-color: #09BC8A;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: var(--secondary-color);
}
.woocommerce-page .products h3 {
color: #333;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
color: #333;
}
.related.products h2 {
color: #333;
}
.woocommerce nav.woocommerce-pagination ul li a {
color: #333;
}
.woocommerce nav .woocommerce-pagination ul li span {
color: #333;
}
.woocommerce nav.woocommerce-pagination ul li a {
border-color: #ddd;
}
.woocommerce nav .woocommerce-pagination ul li span {
border-color: #ddd;
} .woocommerce-cart table.cart td.actions .coupon .input-text {
border-color: #ebebeb;
} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce #respond input#submit, .woocommerce input.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce-page .products a.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover {
background: #09BC8A;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #09BC8A !important; 
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
background: #ebe9eb;
color: #999;
} .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page .products .added_to_cart, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: #09BC8A;
} .woocommerce-cart table.cart td.actions .coupon .input-text:hover, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce nav .woocommerce-pagination ul li a:focus, .woocommerce nav .woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
border-color: #09BC8A;
} .woocommerce #review_form #respond .form-submit input:hover, .woocommerce-page .products a.button:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus {
background: var(--secondary-color);
color: #fff;
} .woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #161c28;
} .woocommerce-page .woocommerce .woocommerce-info a, .woocommerce-page .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-message a, .woocommerce-page .woocommerce-message a:hover, .woocommerce-page .woocommerce-message a:focus, .woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-error a, .woocommerce-page .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-info a, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce .woocommerce-info, .woocommerce-cart .wc-proceed-to-checkout a .checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce nav .woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page .products a.button, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus {
color: #fff;
}
.woocommerce .products span.onsale, .woocommerce span.onsale {
background: #09BC8A;
}
.woocommerce-page .products a .price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
color: #000;
}
.woocommerce-page .products a .price ins {
color: #e96656;
}
.woocommerce-page .products .star-rating, .woocommerce-page .star-rating span, .woocommerce-page .stars span a {
color: #ffc107;
} .woocommerce-page .woocommerce-message {
background: #2ac56c;
}
.woocommerce-page .woocommerce-message a {
background-color: #09BC8A;
}
.woocommerce-page .woocommerce-message a:hover, .woocommerce-page .woocommerce-message a:focus {
background-color: #388e3c;
}
.woocommerce-page .woocommerce-error {
background: #ff5252;
}
.woocommerce-page .woocommerce-error a {
background-color: #F47565;
}
.woocommerce-page .woocommerce-info {
background: #4593e3;
}
.woocommerce-page .woocommerce-info a {
background-color: #5fb8dd;
}
.woocommerce-page .woocommerce .woocommerce-info {
background: rgb(58, 176, 226);
} .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background: #09BC8A;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background: #09BC8A;
}
.woocommerce-page .woocommerce-ordering select {
color: #A0A0A0;
} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #1a2128;
} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border-color: #ccc;
color: #999;
}
.woocommerce form .form-row label { 
color: #222;
}
.widget_block .wp-block-search__label {
color: #fff;
background-color: #09BC8A;
}
.wp-block-search__label:before {
background: #09BC8A;
}
.sidenav a.nav-link:hover, .sidenav a.nav-link:focus {
color: #09BC8A;
}
.modal-body .search-form input:focus {
border-color: #09BC8A;
}
pre{
background-color: var(--bor-color);
}
.navbar-toggler.x .icon-bar{
background-color: #fff;
}
.site-branding-text .site-title a{
color:#fff;
}
@media (max-width: 991.98px) {
.navbar-wp .navbar-nav {
background: #09BC8A;
}
.bs-headtwo .navbar-wp .navbar-nav > li > a, 
.navbar-wp .navbar-nav > li > a{
color: #fff;
}
.bs-default .navbar-wp{
background-color: #fff0;
}
.bs-default .is-sticky .navbar-wp, .bs-default .is-sticky .bs-menu-full{
background-color: #fff;
}
.bs-default .right-nav a {
color: #212121;
}
.bs-headtwo .navbar-wp .navbar-nav > li:after{
background: #fff;
}
.menu-link-description {
background: #212121;
color: #fff;
}
.menu-link-description:after {
border-top-color: #212121;
}
}