:root {
  --color-white: #ffffff;
  --color-secondary: #4989FC;
  --color-gray: #777777;
  --color-gray1: #9b9b9b;
  --color-blue: #51acfb;
  --color-blue1: #4989FC;
  --color-blue2: #181e5e;
  --color-blue3: #5049c1;
  --color-black: #2b2525;
  --color-black1: #3e3e3e;
  --color-black2: #a29a9a;
  --color-black3: #1b1d1e;
}
.bwt-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 !important;
}
.toggle-nav {
  display: none;
}
.stickynavbar {
  background-color: #4989FC;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99;
}
.sticky .nav {
  display: block;
}
#sticky-onoff {
  display: none;
}
.sticky .main-navigation ul {
  text-align: center;
}
#bwt-sticky-menu.sticky {
  margin-top: 0;
}
.main-navigation li {
  display: inline-block;
}
.main-navigation ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.main-navigation li:hover{
  color: var(--color-white);
}
.main-navigation li {
  position: relative;
  padding: 0;
  margin: 0 5px 0 0px;
}
/* .main-navigation ul li{
  height: 40px;
} */
.main-navigation li:hover{
  color: var(--color-white);
}
.main-navigation a {
  text-decoration: none;
  text-transform: none;
  padding: 12px 18px;
  font-size: 18px;
  letter-spacing: 0px;
  font-family: 'Sen';
  font-weight: 500;
  text-align: center;
  color: #FFFFFF !important;
  line-height: 25px;
}
.main-navigation a:hover{
  color: var(--color-blue);
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item.active > a{
  color: #FD751B !important;
}
.main-navigation ul ul {
  position: absolute;
  left: 0;
  top: 35px;
  background: var(--color-secondary);
  min-width: 215px;
  z-index: 9999;
  transition: all 1s;
  transform: scaleX(0);
  animation: rotateY 0.4s ease-in-out forwards;
   transform-origin: left center;
}
@keyframes rotateY {
     0% {
        transform: scaleX(0);
    }
    100% {
        transform: scale(1);
    }
}
.main-navigation ul ul ul {
  left: 31% !important;
  top: 100% !important;
}
.main-navigation ul ul li:hover {
  background: unset !important;
}
.main-navigation ul ul li {
  float: none;
  text-align: left;
  padding: 12px 12px;
  margin: 0;
}
.main-navigation ul ul li,.menubar.scrolled .main-navigation ul ul li {
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  border-left: none;
  border-right: none;
}
.main-navigation ul li:hover ul,.main-navigation ul li ul li:hover ul{
    opacity: 1;
    height: auto;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    transform: translate(0px,0px);
    overflow: visible;
}
.main-navigation ul li ul {
    list-style: none;
    background: 0 0;
    position: absolute;
    padding: 0px;
    display: none;
    margin: 0px;
    border: 0px;
    box-shadow: 0px 5px 40px rgba(0,0,0,.15);
    opacity: 0;
    overflow: hidden;
    transition: all 1s;
    transform: translate(0px,-15px);
    background: linear-gradient(288deg, #4ba2ed, #4989FC);
}
.main-navigation ul ul li:last-child {
  border-bottom: 0;
  border-right: none;
}
.main-navigation ul li:hover>ul {
  display: block;
}
.main-navigation .menu>ul>li.highlight:hover {
  background: transparent;
}
.menubar.scrolled .menu>ul>li:hover>a:after,.menubar.scrolled .menu>ul>li.current_page_item>a:after,.menubar.scrolled .menu>ul>li.current-menu-item>a:after {
  height: 2px;
}
.main-navigation ul ul li a {
  text-transform: none;
  font: 600 14px 'Sen';
  padding: 8px 9px;
  line-height: 1.5;
  position: relative;
  transition: all 0.3s;
}
.main-navigation ul ul li a:hover:after{
    transform: scaleY(1);
}
.main-navigation ul ul li a:after{
    content: '' !important;
    background-color: var(--color-secondary);
    height: 80%;
    width: 3px;
    transform: scaleY(0);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
}
#bwt-header-menu {
  z-index: 99;
  position: absolute;
  width: 100%;
  margin-bottom: 0% !important;
}
.page-template-home-page #bwt-menu-section{
  background: rgb(255, 255, 255, 0.1) !important;
  position: relative;
  padding: 15px 0;
}
.page-template-home-page #bwt-menu-section::after{
  content: '';
  position: absolute;
  top: 0;
  /* left: 0; */
  right: -5px;
  bottom: 0;
  height: 100%;
  width: 5px;
  background: rgb(255, 255, 255, 0.1) !important;
}
.stickynavbar #bwt-menu-section,.stickynavbar  #bwt-menu-section::after {
  background: unset !important;
}
/* .bwt-handy-man-logo img,.logo-inner img{
  width: 75%;
} */
.bwt-handy-man-logo img{
  position: absolute;
  left: 1px;
  width: 100%;
  max-width: 8%;
z-index: 9;
}


.woocommerce-shop .shop-page {
  margin-top: 10px;
}
.bwt-menubar .theme_button{
  border-radius: 0px;
  color: var(--color-white);
  font: 500 14px 'Sen';
  text-align: center;
  padding: 11px 7%;
  filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
}
.bwt-menubar .theme_button:hover{
    color: var(--color-white);
}
.bwt-menubar .theme_button i{
  color: var(--color-white);
  margin-left: 5px;
}
.header-icon .bwt-handy-man-logo img{
  width: auto !important;
}
.bwt-menubar .theme_button{
    color: #fff;
    background-color: var(--color-secondary);
    transition: all 0.5s ease 0s;
}
.bwt-menubar .theme_button:hover{
    color: #fff;
    background-color: #4989FC;
    box-shadow: 3px 3px #fff,4px 4px #4989FC,7px 7px #fff,8px 8px #4989FC,11px 11px #fff,12px 12px #4989FC,15px 15px #fff,16px 16px #4989FC;
}
#social-media-box{
   background-color: #4989FC;
   display: flex;
align-items: center;
justify-content: center;
}
#social-media-box>div{
  align-items: center;
flex-direction: column;
justify-content: end;
gap: 80px;
    margin-top: -80px;
}
#social-media-box>div i{
  font-size: 30px;
}
#social-media-box>div i:hover{
  color: #FD751B;
}
.header-icon i{
  color: var(--color-secondary);
  font-size: 28px;
  padding: 10px 0 38px 0;
  cursor: pointer;
  margin-top: 6%;
}
#social-media-box .twitter{
  margin-top: 8rem;
}
#social-media-box p{
 transform: rotate(270deg);
 padding: 50% 0;
 font: 500 12px 'Sen';
}
#social-media-box .instagram:before{
    content: '';
    width: 10px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -20px;
    margin-top: 5px;
}
#social-media-box .instagram:after{
    content: '';
    width: 10px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: -23px;
    margin-top: 5px;
}
#site-navigation li > a:after { content:  '+' ; }
#site-navigation li > a:only-child:after { content: '' ; }
.dineuron-menu{
  width: 30%;
  height: 100%;
  opacity: 0;
  transition: all 0.8s;
  animation: slideright 0.5s forwards;
  animation-delay: 2s;
  visibility: hidden;
}
@keyframes slide {
    100% { left: 0; }
}
@keyframes slideright {
    100% { right: 0; }
}
.nav-open .dineuron-menu {
  visibility: visible;
  opacity: 1;
  background: linear-gradient(288deg, #4ba2ed, #4989FC);
  transition: all 1s;
  animation: slide 4s forwards;
}
.sticky.stickynavbar .nav-button{
      left: -6px;
}
.nav-button{
  position:relative;
  z-index:1111;
  height:42px;
  display:block;
  left: 15px;
      top: 25px;
  /* width:50px; */
  /* padding:30px 30px; */
}
.nav-button #nav-icon3{
  width:24px;
  height:22px;
  display:inline-block;
  position:relative;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  transition: all 0.8s;
  animation: slideright 0.5s forwards;
  animation-delay: 2s;
  cursor:pointer;
}
.nav-button #nav-icon3 span{
  display:block;
  position:absolute;
  height:3px;
  width:100%;
  background:var(--color-secondary);
  border-radius:9px;
  opacity:1;
  left:0;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  transition: all 0.8s;
  animation: slideright 0.5s forwards;
  animation-delay: 2s;
}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){
      width: 60%;
  top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px;     width: 80%;}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); width: 100%;}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width: 100%;}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}
.flex-center{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;height:100%
}
.side-text a{
  font:600 20px 'Sen';
}
.side-text a i{
  margin-right: 5px;
  color: var(--color-secondary);
}
#bwt-footer .footer-menu ul li{
  display: inline-block;
  padding: 0 2px;
}
#bwt-footer .footer-menu ul li#menu-item-96 a:after {
  display: none;
}

.archive #bwt-footer .footer-menu ul li a:after{
     top: 9.7%;
}
/* #bwt-footer .footer-menu ul li a:after{
    content: '';
    display: block;
    width: 1px;
    position: absolute;
    height: 11px;
    top: 10.7%;
    margin-left: -0.3%;
    background-color: var(--color-white);
} */
#bwt-footer .footer-menu ul li a{
  color: var(--color-white);
  font: 600 19px 'Sen';
        padding-left: 5px;
      position: relative;
}
#menu-footer-menu li:nth-child(2) a:after,#menu-footer-menu li:nth-child(3) a:after{
  content: '';
  display: block;
  width: 1px;
  position: absolute;
  height: 12px;
  top: 3px;
  left: -1px;
  background-color: var(--color-white);
}
#footer-bottom-border{
  border-bottom: 1px solid #e2e2e291;
}
.footer-logo img{
  width: 142px;
  height: 142px;
  object-fit: cover;
}
.footer-top-section .footer-social-box ul,.dineuron-menu ul{
  display: inline-flex !important;
}
.footer-top-section .footer-social-box ul li,.dineuron-menu ul li{
  list-style: none;
}
.footer-top-section .footer-social-box ul li a,.dineuron-menu ul li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  margin: 0 5px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 2px solid #fff;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-top-section .footer-social-box ul li a .icon,.dineuron-menu ul li a .icon{
  position: relative;
  color: #262626;
  transition: .5s;
  z-index: 3;
}
.footer-top-section .footer-social-box ul li a:hover .icon,.dineuron-menu ul li a:hover .icon {
  color: #fff;
  transform: rotateY(360deg);
}
.footer-top-section .footer-social-box ul li a:before,.dineuron-menu ul li a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FD751B;
  transition: .5s;
  z-index: 2;

}
.footer-top-section .footer-social-box ul li a:hover:before,.dineuron-menu ul li a:hover:before {
  top: 0;
}
#bwt-footer_box .footer1 p,#bwt-footer_box .footer1 a,#bwt-footer_box ul li a,#bwt-footer_box .about_me p{
  font: 600 16px/25px 'Sen';
}
#bwt-footer_box .about_me p{
  line-height: 14px;
}


#bwt-footer_box .footer1 a,#bwt-footer_box .footer1 a:hover,#bwt-footer_box .about_me i{
  color: var(--color-white) !important;
}
#bwt-footer_box .about_me i{
  font-size: 15px;
  margin-right: 5px;
}
#bwt-footer_box .footer1 a{
  cursor: pointer;
}
#bwt-footer_box .footer1 a i{
  font-size: 8px ;
  border: 2px solid var(--color-secondary);
  padding: 1px;
}
#bwt-footer_box h3{
  color: var(--color-white);
  font: 600 20px/25px 'Sen';
  letter-spacing: 1px;
  padding-bottom: 8%;
}
#bwt-footer_box ul li {
    list-style: none;
    margin: 0 0 10px;
    text-align: left;
    position: relative;
    color: var(--color-white);
}
.footer2 aside {
    padding-left: 25%;
}
#bwt-footer_box .footer2 ul li:before {
      content: '\f101';
      font-family: 'font awesome 5 free';
      font-weight: 900;
      padding-right: 10px;
      color: var(--color-white);
}
#bwt-footer_box .footer3 img{
    width: 100px;
    height: 70px;
}
#bwt-footer_box .footer3 a{
  font: 600 16px/12px 'Sen';
  color: var(--color-white);
}
#bwt-footer_box .footer3 p{
  font: 600 14px/18px 'Sen';
  color: var(--color-white);

}