:root {
--color-white: #ffffff;
--color-black: #000000;
--color-red: #DE3960;
--color-primary: #FF8257;
}
:root {
--font-Archivo: 'Archivo', sans-serif;
}
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200&display=swap");
#vw-header {
position: absolute;
width: 100%;
z-index: 999;
}
.topbar-left{margin-right: 50px;}
.topbar-left a{
color:#fff;font-size: 14px;line-height: 45px;
}
.topbar-left a:hover{color:inherit;}
.topbar-album{
color:#fff;font-size: 16px;line-height: 45px;text-align: center;
}
.topbar-col-c .topbar-icon-box{margin-top: 5px;}
.topbar-col-c .topbar-icon-box a{color:inherit;}
.topbar-col-c .topbar-icon-box a i{
padding: 4px 4px;
width: 25px;
height: 25px;
margin: 5px;
border-radius: 50px;
transition: all .4s ease-in-out;
}
.topbar-col-c .topbar-icon-box a i.fa-facebook-f{padding: 4px 5px;}
.topbar-col-c .topbar-icon-box a i:hover{
transform: rotate(360deg)scale(1.2);
background: var(--color-primary);
color: #fff;
border: 2px solid #FF8257;
box-shadow: 0 0 0 4px #FF8257;
}
#vw-header-menu .mainmenu{
background: #494848;
border-bottom: 1px solid #9e8e8e;
}
#site-sticky-menu .row #vw-main-menu{border-right:1px solid #9e8e8e;border-left:1px solid #9e8e8e; }
.topheader{background-color: #000;color:#fff;}
amp-sidebar#sidebar1 {
display: none;
}
[class*="amphtml-sidebar-mask"] {
background: none;
z-index: 99;
}
.i-amphtml-sidebar-mask {
position: static !important;
}
ul.list_nav {
margin: 0 auto;
display: block;
text-align: right;
}
.header-wrap #mySidenav {
display: unset;
}
.toggle-nav {
display: none;
}
.stickynavbar {
background-color: #000;
box-shadow: 0px 0px 6px 0px #fff;
}
.stickynavbar .main-navigation a,.stickynavbar .main-navigation ul li.current-menu-item a {
color: #fff;
}
.stickynavbar #site-sticky-menu1 {
background: unset !important;
}
img.image-two,.stickynavbar img.image-one {
display: none;
}
.stickynavbar img.image-two{
display: block;
}
.sticky {
position: fixed;
top: 0px;
max-width: 100% !important;
left: 0;
z-index: 9999;
}
#sticky-onoff {
display: none;
}
.stickynavbar .menu{
padding-bottom: 0rem!important;
}
.main-navigation li {
display: inline-block;
}
.main-navigation ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.main-navigation li {
padding: 0 19px;
position: relative;
}
.main-navigation .menu-primary-menu .current-menu-item a{
color: var(--color-white);
}
.main-navigation a {
font-weight: 600;
font-size: 18px;
line-height: 45px;
font-family: 'Archivo_Expanded_light';
color: var(--color-white) !important;
}
.main-navigation ul li.current-menu-item a {
color: var(--color-primary) !important;
}
#site-navigation li > a:after {
content: "\f107";
margin-top: 5%;
position: static;
margin-left: 5px;
font-family: "font awesome 5 free";
font-weight: 900;
}
#site-navigation li > a:only-child:after { content: '' ; }
.main-navigation ul ul li a{
border-top: none !important;
color: #fff !important;
font-size: 14px;
} .main-navigation ul ul {
display: inline-block;
width: 242px;
background: #000;
margin-top: 18%;
padding: 1rem 0;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 25px;
animation-name: fadeOutUp;
transform: scale(0) !important;
transform-origin: top left;
transition: all 0.3s ease-out;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.main-navigation ul ul ul {
left: 31% !important;
top: 100% !important;
}
.main-navigation ul ul a {
text-transform: none;
padding: 10px 0px;
}
.main-navigation ul ul li {
float: none;
text-align: left;
padding: 12px 12px;
margin: 0;
}
.main-navigation ul ul li a:hover{
background: unset;
color: #000 !important;
}
.main-navigation ul ul li a:after{
content: '' !important;
background: #DE3960 !important;
padding: 12px 12px;
height: 85%;
width: 92%;
border-radius: 0 50% 50% 50%;
transform: scale(0);
transform-origin: top left;
position: absolute !important;
top: -6px;
left: 0;
z-index: -1;
transition: all 0.3s ease;
}
.main-navigation ul ul li a:hover{
color: #fff !important;
}
.main-navigation ul ul li a:hover:after{
border-radius: 0;
transform: scale(1);
}
.main-navigation ul ul li,.menubar.scrolled .main-navigation ul ul li {
float: none;
display: block;
text-align: left;
border-left: none;
border-right: none;
}
.main-navigation ul ul li:last-child {
border-bottom: 0;
border-right: none;
}
.main-navigation ul li:hover>ul {
visibility: visible;
transform: scale(1) !important;
opacity: 1;
z-index: 11111;
}
.main-navigation .menu>ul>li.highlight:hover {
background: transparent;
}
.btn.start-now {
background-color: var(--color-red);
padding: 13px 30px;
border-color: var(--color-red);
border-radius: 30px;
color:var(--color-white);
font-size: 18px;line-height: 26px;
text-transform: uppercase;
font-weight: 600;
font-family: 'Archivo_Expanded_light';
}
.btn.start-now:hover{
background-color: var(--color-red);
padding: 13px 30px;
border-color: var(--color-red);
border-radius: 30px;
color:var(--color-white);
}
#vw-footer #vw-footer_box aside h3{
font-weight:600 ;
font-size: 23px;
line-height: 25px;
color: var(--color-white);
letter-spacing: 0px;
font-family:"Archivo_Expanded_light";
}
#vw-footer_box .footer2 ul{
padding-left: 0 !important;
}
#vw-footer_box .footer2 ul li{
list-style: none;
}
#vw-footer_box .footer2 ul li a,#vw-footer_box .footer1 p,#vw-footer_box .footer2 ul li a:hover,#vw-footer_box .footer3 ul li a,#vw-footer_box .footer3 ul li a:hover,#vw-footer_box .wp-block-latest-posts li a,#vw-footer_box .wp-block-latest-posts li a:hover{
font: normal 15px/38px var(--font-Archivo);
color: var(--color-white);
}
#vw-footer_box .wp-block-latest-posts li a,#vw-footer_box .wp-block-latest-posts li a:hover{
line-height: 20px;
}
#vw-footer_box .wp-block-latest-posts li{
display: inline-flex;
margin-top: 4%;
}
#vw-footer_box .footer1 p{
margin-top: 9%;
line-height: 20px;
letter-spacing: 0;
width: 80%;
font: normal 15px/28px var(--font-Archivo);
color: #fff;
}
#vw-footer_box .footer3 a{
font: 400 14px/20px var(--font-open-sans);
color: var(--color-white);
}
#vw-footer .wp-block-latest-posts__post-date{
color: var(--color-red) !important;
}
#vw-footer .copyright-text p,#vw-footer .credit_link a,.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date,#vw-footer .copyright-text p a,#vw-footer .copyright-text p a:hover{
font: 400 14px/25px var(--font-Archivo);
color: var(--color-white) !important;
}
#vw-footer .custom-social-icons i{
font-size: 14px;
border: 2px solid #fff;
border-radius: 50px;
height: 35px;
width: 35px;
margin-right: 15px;
color: #fff;
padding: 9px 10px;
transition: all .4s ease-in-out;
}
#vw-footer .custom-social-icons i:hover{
transform: rotate(360deg)scale(1.2);
background: var(--color-red);
color: #fff;
border: 2px solid #de39609e;
box-shadow: 0 0 0 4px #de39609e;
}
#vw-footer p.location-title,#vw-footer p.phone-title {
font: normal 17px/26px var(--font-Archivo);
color: #fff;
margin-bottom: 6px;
}
.location span, .phone.phone-text span{
font: 300 12px/20px var(--font-Archivo);
color: #fff;
}
p.phone.phone-text {
margin-bottom: 0;
}
.location-icons {
padding-top: 5px;
color: #fff;
}
#vw-footer .custom-social-icons {
margin-top: 20px;
}
#vw-footer .social_widget {
padding-bottom: 30px;
}
#vw-footer input[type="email"] {
background: #fff;
border: 1px solid #fff;
padding: 7px 10px;
border-radius: 10px;
width: 100%;
}
#vw-footer input[type="submit"]{
font-family: "Font Awesome 6 Free";
font-weight: 900;
background: #DE3960;
border: 1px solid #DE3960;
border-radius: 10px;
padding: 7px 8px;
color: #fff;
font-size: 18px;
position: absolute;
right: 0px;
top: 0px;
}
.footer-box form.wpcf7-form.init {
margin-top: 20px;
}
.vw-footer-cols {
border-bottom: 2px solid #C2C2C2;
} #cart {
background: white;
width: 330px;
right: 0px;
top: 40px;
margin: 0px auto;
text-align: left;
padding: 20px;
position: absolute;
z-index: 6;
display:none;
webkit-animation: bounceIn .8s ease-in-out;
animation: fadeInRight 0.8s ease-in-out;
box-shadow: 4px 2px 12px 1px #ccc;
}
.cart-btn-box{
cursor: pointer;
}
.cart-btn-box:hover #cart {
display: block;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.cart-btn-box:hover #cart {
display: block;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.cart-btn-box>div{
font: normal 11px/6px var(--font-Archivo);
letter-spacing: 0.52px;
color: var(--color-black);
}
.footer-box p{
position: relative;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
padding: 8px 0;
}