.vw-designer-logo img {
    width: 92%;
}
.vw-responsive-menu-title,
.mobile-menu {
  display: none;
}
#site-navigation {
  margin: 0 auto;
}
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: #fff !important;

}
.sticky {
  position: fixed;
  top: 0px;
  max-width: 100% !important;
  left: 0;
  z-index: 9999;
}
#sticky-onoff {
  display: none;
}
.stickynavbar #phone-number a p,.stickynavbar #email-address a p{
  font: 600 15px/39px var(--font-open-sans);
  text-align: center;
}
.stickynavbar .menu{
  padding-bottom: 0rem!important;
}
.main-navigation li {
  display: inline-block;
}
.main-navigation ul {
  list-style: none;
  padding-left: 2em;
  margin: 0;
}
.main-navigation li:hover,#phone-number a,#email-address a{
  color: var(--color-gray);
}
.main-navigation li {
      position: relative;
    padding: 0;
    margin: 0px 17px 11px 17px;
}
.main-navigation .menu-primary-menu .current-menu-item a{
  color: var(--color-white);
}
.main-navigation a {
    text-decoration: none;
    text-transform: none;
    padding: 0px 0px;
    line-height: 2.4rem;
    letter-spacing: 0;
    text-align: center;
    font: normal normal 600 13px/35px Spartan;
    color: #222222 !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;
}
.main-navigation ul ul li.current-menu-item a{
  color: #000 !important;
}
.main-navigation ul ul {
  display: inline-block;
  width: 242px;
  background: #fff;
  margin-top: 18%;
  padding: 1rem 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  animation-name: fadeOutUp;
  transform: scale(0) !important;
  transform-origin: top left;
  transition: all 0.3s ease-out;
  box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 20%);
    -ms-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0px 5px 6px 1px rgb(229 229 229);
    border-top: 4px solid var(--blue);
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.sub-menu li
{
  padding: 12px 27px !important;
}
.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 -2px 0 8px;
}
.main-navigation ul ul li:hover{
  background: unset;
  color: #000 !important;
}
.main-navigation ul ul li:after{
  content: '' !important;
  background: var(--blue); !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: 2px;
  left: 5px;
  z-index: -1;
  transition: all 0.3s ease;
}
.main-navigation ul ul li:hover a{
  color: #fff !important;
}
.main-navigation ul ul li: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;
}
.read-more-header {
    border-radius: 0px 25px 0px 0px;
    background: var(--blue);
    font: normal normal 600 12px/17px Spartan;
    color: white;
    padding: 14px 19px 11px 17px;
    text-decoration: none;
}
.read-more-header:hover
{
  color: white;
}
#masthead {
    position: absolute;
    width: 100%;
    z-index: 99;
}
#vw-header {
    padding: 10px 0 20px 0;
}
.sticky .vw-designer-logo img {
    width: 74%;
}

/*--------------------------- footer section---------------------*/
#vw-footer {
    background: var(--purple);
}
.footer-details {
    margin-top: 135px !important;
}
.footer-details img {
    width: 44%;
}
.textwidget p {
    font: normal normal normal 12px/25px Spartan;
    letter-spacing: 0px;
    color: #FFFFFF;
    max-width: 272px;
    padding-top: 13px;
}
.footer-details h3 {
    font: normal normal 600 16px/26px Spartan;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.footer-details ul li a {
    font: normal normal 500 13px/14px Spartan;
    letter-spacing: 0px;
    color: #e1b9ef;
    text-decoration: none;
}
.footer-details ul {
    padding: 0;
}
::marker {
  color: var(--purple);
}
.footer-details ul li {
    padding-bottom: 13px;
}
.footer1 {
    padding-top: 19px;
}
.footer-details .custom-social-icons i {
    color: white;
    border: 2px solid #e1baef;
    border-radius: 50%;
    font-size: 13px;
    width: 30px;
    height: 30px;
    padding: 7px 8px;
    margin-right: 15px;
}
.footer-details .custom-social-icons {
    padding-bottom: 30px;
}
.footer-details input[type="email"] {
    width: 82%;
    padding: 6px 13px 4px 13px;
    border-radius: 10px;
    border: unset;
    font: normal normal 400 13px/25px Spartan;
    letter-spacing: 0px;
    color: #C2C2C2;
    position: relative;
}
.footer-details form {
    position: relative;
    top: -8px;
}
.footer-details [type=submit] {
    background: var(--yellow);
    border: unset;
    color: white;
    font-size: 16px;
    padding: 5px 11px;
    border-radius: 10px;
    position: absolute;
    right: 18%;
}
.footer-details [type=submit] i{
     position: relative;
    top: 2px;
}
.copyright-text p,.credit_link a {
    font: normal normal 13px/17px Spartan;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 23px 0 0px 0;
    text-decoration: none;
}
.copyright-text {
    border-top: 2px solid #b485c4;
    margin-top: -31px;
}
.credit_link a:hover
{
  color: white;
}
.footer-details .wpcf7-form.invalid [type=submit]
{
      width: 81%;
}
.footer-details .wpcf7 form.invalid .wpcf7-response-output,.footer-details .wpcf7-not-valid-tip
{
  font: normal normal 600 13px/26px Spartan;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#nav_menu-1{
    position: relative;
    left: 50px;
}
#nav_menu-4,#nav_menu-2 {
    position: relative;
    left: 115px;
}
.footer3 {
    position: relative;
    left: 106px;
}
.footer4
{
  position: relative;
  left: 57px;
}
.footer2 {
 display: flex;
}
.credit_link a {
    color: var(--yellow);
    font-weight: 700;
}
.read-more-header:hover{
    background-size: 100% 100%;
    color: #fff !important;
    box-shadow: 4px 2px 12px 1px #ccc;
}
.read-more-header{
    background-image: linear-gradient(-225deg, #000000 0%, #ff4f6e 0%, #ffaf00 67%, #ffaf00 100% );
    background-size: 0 0;
    transition: .8s;
    background-repeat: no-repeat;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

#vw-footer_box ::marker {
    color: transparent;
}
.buy-now-header a {
    border-radius: 0 25px 0 0;
    background: var(--blue);
    font: normal normal 600 12px/17px Spartan;
    color: #fff !important;
    padding: 14px 16px 11px 16px;
}
.buy-now {
    border-radius: 0 25px 0 0;
    background: var(--yellow);
    font: normal normal 600 12px/17px Spartan;
    color: #fff !important;
    padding: 14px 22px 13px 20px;
}