/*
Theme Name:     boxie24underscore Child
Author:         netty
Template:       boxie24underscore
Text Domain:	boxie24underscore-child
Description:    new mulit nav
Version:      1.0.0
--bgblue: #0277fd;
 */
 #page.nav25 .crumbs{
    margin-top:-10px;
 }
  .quotetopnew .crumbs{
margin-top:0px !important;
 }
  #page.nav25.mob25 .quotetopnew .crumbs{
  margin-top:0px;
  }
 .nav25 #taglinenew{
 text-align:left;
     background-color: var(--bgblue);
  max-width: 100vw;
  margin: 0px;
  color: #ffffff !important;
  font-weight: 500;
  font-size: 13px;
  padding-left: calc((100vw - 1260px) / 2);
  padding-right: calc((100vw - 1260px) / 2);
 }
 #masthead.nav25.mob, body.vh100{
    max-height:100vh;
 }
  #masthead.nav25.mob{
    overflow:hidden;
  }
 body.vh100{
    overflow: hidden;
 }
   #masthead.nav25 .main-navigation ul.sub-menu{
    top:64px;
     margin-left: calc((100vw - 1260px) / -2);
  margin-right: calc((100vw - 1260px) / -2);
  padding-bottom: 80px;
  z-index: 99900;
  border:0px;
  background-color:#eff6fc;
 }

 #masthead.nav25 .main-navigation ul.sub-menu li a:not(.provkid){
    color: var(--bgblue) !important;
 }
 #masthead.nav25 .main-navigation ul.sub-menu li a:hover{
    background:transparent !important;
 }
  .nav25 #taglinenew #googletop{
    display:inline-block;
    margin-top: -10px;
  }
   .nav25 #taglinenew #googletop p::before{
    content:'';
    display:inline-block;
    width: 20px;
    height: 15px;
    margin-bottom:-2px;
    background-image:url( https://www.boxie24.com/wp-content/uploads/2024/09/Google-icon-white-BG.png);
    background-size: contain;
    background-repeat:no-repeat;
   }
   .nav25 #taglinenew #googletop p{
    margin:0px;
     display:inline-block;
     font-weight: 400;
   }
   .nav25 #googletop p b:last-of-type{
       color: var(--bannerorange);
       color:#fed206;
   }
 .nav25 #taglinenew a b, .nav25 #taglinenew a,  .nav25 #taglinenew span b{
      color: #ffffff !important;
      font-weight: 500;
 }
  .nav25 #taglinenew .carouseln-container{
  display:inline-block;
  float:right;
    width: max-content;
    padding-top: 0px;
  }
   .nav25 #taglinenew .container{
     background-color: var(--bgblue);
     
   }
  .nav25 #taglinenew .navbar{
    width: max-content;
    display:inline-block;
    padding-left: 20px;
  }
  .navbar.tagpop{
    cursor:pointer;
  }
  .nav25 #taglinenew .navbar .vink::before{
    margin-right:0px;
  }
 #masthead.nav25{
    background-color: #fff;
    color:var(--titlegrey);
    padding-top: 0px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 }
  .nav25 #googletop .img2, #masthead.nav25 .custom-logo-link,  #masthead.nav25 .site-branding, .nav25  ul.sub-menu .nav-calcbar{
 display:none;
 }
 #masthead.nav25.mob .site-branding, #masthead.nav25.mob .custom-logo-link{
    display:block;
    background-color:#ffffff;
 }
 #masthead.nav25.mob .site-branding{
    padding: 0px 15px !important;
    width: 100vw;
    margin:0px;
    max-width:100vw !important;
 }

 .nav25 #site-navigation{
     background-color:#ffffff;
     position: relative;
       padding-left: calc((100vw - 1260px) / 2);
  padding-right: calc((100vw - 1260px) / 2);
 }
  #masthead.nav25 .main-navigation .nav-menu{
    position: absolute;
     background-color:#ffffff;
 }
.nav25.mob #site-navigation{
    height:unset;
}
  #masthead.nav25 .main-navigation ul{
    font-weight:500;
  }
 #masthead.nav25 #navhome{
    display:block !important;
    background-color:transparent;
    margin-left:0px;
 }
 #masthead.nav25 .main-navigation ul.nav-menu > li{
    padding-right:20px;
 }
  #masthead.nav25 .main-navigation ul.nav-menu.active > li:not(.togg){
    display:none !important;
 }
  #masthead.nav25 .main-navigation ul.nav-menu > li::after{
    content:unset;
  }
  .nav25 .menu-item-has-children > a::after, .nav25 .has-kiddies > a::after{
    content:unset;
  }
   #masthead.nav25 .main-navigation ul li > a, .nav25 #switch > *{
     color:var(--titlegrey) !important;
     font-size:14px;
     font-weight: 500 !important;
   }
   .nav25 #switch{
     padding:0px;
   }
   .nav25 #switch .arrowdown{
    width:20px;
   }
    .mob25.nav25 #switch{
   width: 40px;
    right: 25px;
    }
    .tablet25.mob25.nav25 #switch{
         right: -10px;
    }
    .nav25 #login{
        margin-right:0px;
    }
   .nav25 #login .lgtxt{
      font-weight: 500 !important;
       font-size: 14px;
      color:var(--titlegrey);
   }
   .nav25  #login .fa-user{
    display:none;
   }
   #masthead.nav25.mob #site-navigation li.menu-item #calcmob{
        padding-left:50px !important;
   }
   #calcmob::before{
        content:'';
        width:20px;
        height:20px;
        background-image: url(https://www.boxie24.com/wp-content/uploads/2023/03/Icon_Calculator.svg);
         background-size: 80%;
         background-repeat:no-repeat;
         display: inherit;
         margin-bottom: -6px;
         position: absolute;
  left: 20px;
   }
   #masthead.nav25.mob  #login .fa-user{
    display:unset;
   }
   .nav25 #switch .arrowdown::after{
    background-image: url('infeez/arrow_blue_down.svg');
    background-size: 70%;
  height: 12px;
   }
  #masthead.nav25 .main-navigation > div > ul > li > a:hover,  #masthead.nav25 .is-hover > a{
    background-color:#ffffff !important;
    font-weight: 500 !important;
    color:var(--bgblue) !important;
 }
 .nav25 .provcol .coll4, .nav25 .coll4 > *{
 border-left: 0px;
  column-rule-style: solid;
  column-rule-width: 0px;
 }
  .nav25 .provcol .coll4 span{
   /* max-width:150px;*/
  }
  .nav25 .provcol .nav-calcbar{

  }
.nav-calcbar.cbar0, .nav-calcbar.cbar1 {
     display:none !important;
  }
 .nav25 .main-navigation ul.sub-menu li{
    padding-left:0px;
 }
 .nav25 #hphonecontainer {
    position: absolute;
  top: 0px;
  padding-right: calc((100vw - 1260px) / 2);
    
 }
.nav25 #hphonecontainer > *{
    display:inline-block;
    margin-left:10px;
    margin-top: -6px;
    font-size: 14px;
    margin-right:10px;
}
#hphonecontainer div b{
    font-size:14px;
     font-weight: 500;
}
.nav25 #switch{
    position:relative;
}
.nav25 #langpick, .nav25 #popcall{
     background-color:#ffffff !important;
     border-radius:6px;
     border: 0px;
     -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2); 
box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.2);
     top:40px !important;
     z-index: 99901;
     width:max-content;
     margin-left: unset;
  right: 0px;
  padding:10px 0px;
}
.nav25 #popcall{
    right: 280px;
  position: absolute;
  top: -3px !important;
   padding:20px !important;
   max-width: 330px;
  }
  .mob25.nav25 #popcall, .mob25.nav25 #popcall.lesspad{
    right: 0px;
    max-width: 400px;
    width: 100vw;
    top: 40px !important;

     padding:15px 10px !important;
  }
  .nav25 #popcall.lesspad{
        padding:20px !important;
  }

  .nav25 #popcall .button{
    border-radius:3px;
    width:100%;
    display:block;
    margin:0px !important;
    text-align: center;
  }
  .nav25 #popcall .button.booking{
        color:var(--titlegrey) !important;
        border-color:var(--boxiegreen) !important;
        background-color:#ffffff !important;   
  }
   .nav25 #popcall .button.booking::before{
        background-image:url(https://www.boxie24.com/wp-content/uploads/2025/11/calendar-ico-green.svg);
        background-size: contain;
        color: unset;
    
   }
  .mob25.nav25 #popcall .button{
  max-width:100%;
  }
   .nav25 #popcall .button:hover{
        color:var(--titlegrey) !important;
        border-color:var(--boxiegreen) !important;
         background-color:#ffffff !important;
   }
    .nav25 #popcall .button.booking:hover{
        color:#ffffff !important;
        background-color:var(--boxiegreen) !important;
        border-color:var(--boxiegreen) !important;
   }
    .nav25 #popcall .button.booking:hover::before{
        background-image:url(https://www.boxie24.com/wp-content/uploads/2025/11/calendar-ico-white.svg);
    }
  .nav25 #popcall .button.phone{
    margin-bottom:10px !important;
  }
.nav25 #langpick li, #telnavbut{
    padding-left:0px;
    padding-right: 30px;
}
.nav25 #langpick li a{
    color:var(--titlegrey) !important;
     font-size:14px;
     font-weight: 500 !important;
     padding: 18px 20px;
}
.nav25 #hphonecontainer .phone::before {
    font-size: 20px;
}
.nav25 #hphone, .nav25 .pricenavv{
    padding:8px 16px;
}
.nav25 .pricenavv.en-au{
    display:none !important;
}
.mob25.nav25 #hphone, .mob25.nav25 .pricenavv{
    border:1px;
    height:40px;
    line-height:24px !important;
}
.nav25 #hphonecontainer .button.tel.focus{
    border: 1px solid var(--bgblue) !important;
    color:var(--bgblue) !important;
    background-color:#ffffff !important;
    
}
.nav25 #hphonecontainer .button.tel.focus  b, .nav25 #hphonecontainer .button.tel.focus::before{
     color:var(--bgblue) !important;
}
li#telnavbut{
    background-color:var(--boxiegreen) !important;
    padding:18px 20px 18px 50px !important;
    border-radius:3px !important;
    color:#ffffff  !important;
    text-align: center;
    margin-bottom: 100px;
    margin-top:10px;
}
li#telnavbut.phone::before{
    margin-left: -30px;
}
 .dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--boxiegreen);
  color: var(--boxiegreen);
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
  float: right;
  margin-top: -50px;
  margin-right: 50px;
}

.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--boxiegreen);
  color: var(--boxiegreen);
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}
.dot-pulse.boxes{

  margin:50px auto 50vh auto;
  float: unset;

  }
@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}

 #cbFrame{
    height: 600px;
    width: 400px;
    border: 0px;
 }
 #googletop p{
    margin-right: 50px;
 }
  #googletop p.de{
  margin-right: 30px;
  }
 #switch > #langpick{
    top: 60px;
    text-align: left;
 }
 .arrowdown{
    background-color: unset;
 }
 .arrowdown:after{
    background-image: url('infeez/arrow_white_down.svg');
 }
 #lgbutnew .fa-user {
  background-image: url(/wp-content/uploads/2022/11/Acount_login_800x800px.png);
}
.lgtxt{
    color: #ffffff;
}
.login-icon{
    display: inline-block;
}

.fa-user {
  width: 26px;
  height: 26px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 10px;
  background-image: url(/wp-content/uploads/2022/11/Acount_login_800x800px.png);
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: bottom;
  }
  .domobarrow .mobsub-arrow{
    display: none;
  }
 #site-navigation{
    height: 64px;

 }
 #hphonecontainer {
  max-height: 70px;
  vertical-align: bottom;
  position: absolute;
  right: 0px;
  bottom: 14px;
  display: inline-block;
  }
.main-navigation .nav-menu{
    float:left !important;
}
.main-navigation > div {
    max-width: 1260px;
    padding-left: 0px;
    padding-right: 0px;
    position: unset;
}
.site-branding{
    position: relative;
    
}
#navhome{
    background-color: var(--darkblue);
    display:none;
    max-height: 64px;
    width: 150px;
    padding: 10px 0px;
    margin-right: 10px;
    transition: 1s;
    margin-left: -20px;
    float:left;
}
#navhome img{

    width: 110px;
}
.mob25 #navhome.nav25 img{
    width:unset;
    max-width:100px;
}
.main-navigation ul > li{
    padding-bottom: 10px;
    position: unset;
    padding-top:20px;
}
.main-navigation ul > li > a {
    padding: 0px 0px 12px 0px;
     border-bottom: 0px solid var(--lightblue); 
    
}
.main-navigation ul > li a{
padding-right: 0px;

}
 .main-navigation ul li > a:hover , .is-hover > a{
    background-color: var(--lightblue) !important;
    color: var(--bgblue) !important;
}
.main-navigation ul.nav-menu > li:after {
  content: '';
  display: block;
  height: 2px;
  width: 0px;
  background: transparent;
  /*transition: width .4s ease, background-color .4s ease;*/
  transition: width .5s cubic-bezier(0.77,0,0.175,1);
  /*-webkit-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out;
  transition-delay: 0s;*/
}
#site-navigation .searchdropdown{
    min-width: 300px;
    margin-bottom: 0px;
    margin-top: -12px;
}
#searchmob{
    display: none;
}
#searchmob:after{
    content: unset;
}
a.nohover{
    cursor: default !important;
}
a.nohover.blind{

}
.main-navigation ul.nav-menu > li:hover:after {
  width: 100%;
}
.main-navigation ul > li.menu-item:hover:after {
 /* width: calc(100% - f0px);*/
}
.main-navigation ul ul li > a{
    position: relative;
    padding-right: 0px;
}
.main-navigation ul ul li > a:not(.nohover):before {
  content: '';
  display: block;
  height: 2px;
  width: 0px;
  margin-top: 24px;
  position: absolute;
  bottom: 0px;
  background: transparent;
  /*transition: width .4s ease, background-color .4s ease;*/
  transition: width .5s cubic-bezier(0.77,0,0.175,1);
  /*-webkit-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out;
  transition-delay: 0s;*/
}
.main-navigation ul ul li:hover > a:before {
    width: calc(100% - 10px);
     background: var(--bgblue);
}

/*   
  border-bottom: 0px solid var(--darkblue) !important; 

}
 .main-navigation li:hover > a{
  border-bottom: 0px solid var(--darkblue); 
 
 }*/
.menu-item-has-children:hover > a::after, .has-kiddies:hover > a::after{
    background-image: url('infeez/arrow_blue_down.svg');
}
ul.sub-menu .nav-calcbar{
    background-color: var(--darkblue);
    min-height: 40px;
   margin-left: calc(((100vw - 1280px) / 2) * -1);
    padding-left: calc((100vw - 1280px) / 2);
    vertical-align: middle;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
    width: 100vw;
    display: block;
     flex-shrink: 0;
}
.nav25 ul.sub-menu .nav-calcbar{
        display:block;
        position:absolute;
        padding:20px;
        color:var(--titlegrey);
        top:0px;
        right: calc(((100vw - 1280px) / 2) * 1);
        float:right;
        background-color:#ffffff;
        width:300px;
        border-radius:6px;
        border:1px solid var(--bgblue);
        font-size: 14px;
  line-height: 22px;
  padding-bottom: 10px;
}
.nav-calcbar .button.calcbut{
    max-height: 50px !important;
    padding: 10px 20px 10px 40px !important;
    display: inline-block;
    margin-left: 40px;
    color: #ffffff;
    border-bottom-width: 2px !important;
}
.nav25 .nav-calcbar .button.calcbut{
    border-radius:6px;
    margin: 20px 0px;
    display:block;
    width:100%;
}

.nav-calcbar .button.calcbut:hover, .nav-calcbar .button.calcbut:hover a{
    color: var(--darkblue) !important;
    outline: none;
}

.main-navigation  ul.sub-menu{
    width: 100vw;
    position: absolute;
    padding-left: calc((100vw - 1280px) / 2);
     padding-right: calc((100vw - 1280px) / 2);
    background-color: var(--lightblue);
    border-top: 0.5px solid var(--bgblue);
    padding-top: 40px;  
    top: 170px;
    
}
.main-navigation ul.tcol{
    display: unset;
}

/*.liact ul.sub-menu,*/
.nav-menu>li:hover ul.sub-menu, .liact > ul, .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul{
    left: 0px !important; 
   float:none;
}

.nav-menu>li:hover > ul.sub-menu{
    display:unset;
}
.nav-menu>li:hover ul.sub-menu.currenthide{
 display:none;
}
.main-navigation  ul.sub-menu li{
    padding-left: 20px;
    
}

.main-navigation  ul.sub-menu li a{
    padding: 5px;
    color: var(--darkblue);
    font-weight: 700;
    width: max-content;
}
.main-navigation  ul.sub-menu li a.nohover:hover{
    color: var(--darkblue) !important;
}
.main-navigation .sub-menu .sub-menu {
    margin-left: 20px;
    position: absolute;
    padding: unset;
    text-align: unset;
    top: 30px;
}
ul.sub-sub{
    padding: 0px;
    margin-left: 200px;
    max-width: 220px;
    position: absolute;
    top: 0px;
    display: none;
}
ul.sub-menu li.is-hover ul{
    display: block;
}
.main-navigation ul.sub-menu li a.provkid, .main-navigation ul.sub-menu.sub-sub li a{
    color: var(--bgblue);
     font-weight: 500;
}
.main-navigation ul ul a{
    width: unset;
    max-width: 100%;
}
.main-navigation .sub-menu{
        margin-right: 25%;   
}
.main-navigationn .sub-menu >div::after{
     content: '';
    width: calc(1260px / 5);
    height: calc(1260px / 8);
   /* background-image: url(/wp-content/uploads/2022/01/bronx-gfba830eb2_640-e1685611809789.jpg);*/
    float: right;
    position: absolute;
    right: calc((100vw - 1260px) / 2);
    top: 40px;

    border-radius: 30px;
}
.main-navigation .sub-menu > div:first-of-type{
    /*display: grid;
    grid-auto-columns: calc(1260px / 4);*/
    /*border-left: 0.5px solid var(--bgblue);*/
}
.main-navigation .sub-menu span{
display:inline-block;
    padding-bottom: 0px;
    /*display: block;*/
    page-break-inside: avoid;
  break-inside: avoid;
}
.coll4 span.breakspan{
  /*  -webkit-column-break-after: always;
    -moz-break-before: column;
    break-after: column;*/
    display: block;
    min-width: 300px;
}
.nocity .coll4 span.breakspan{
     min-width: 220px;
}
.nocity .coll4.cols26 span.breakspan{
    min-width: fit-content;
}
.nav25 .nocity .coll4.nocoll, .nav25 .nocity .coll4.cols26.nocoll{
display:block;
column-width: 300px !important;
}
#masthead:not(.mob) .nocity .coll4.cols26 span.breakspan.borderl{
border-left:1px solid var(--bgblue) !important;
padding-left: 60px;
  margin-left: -10px;
}
#masthead.mob li.nomob{
    display:none;
}
.nav25.mob .nocity .coll4.nocoll{
display:block;
column-width: unset;
}
span.breakspan.nokiddies{

}
.coll4.nocoll span.breakspan{
    display:inline-block;
    vertical-align: top;
}
.mob .coll4.nocoll span.breakspan{
        display:block;
}
.main-navigation .sub-menu span li{
    position: relative;
    min-width: 300px;
    min-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px !important;
}
li.mag{
    margin-top: 30px;
}
.coll4 {

    display: inline-flex;
    flex-shrink:1;
}
.provcol .coll4{
display: block;
    margin-right: 25%;
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  min-width: calc(1260px / 5);
  column-fill: balance;
  page-break-inside: avoid;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
      border-left: 0.5px solid var(--bgblue);
    column-rule-style: solid;
    column-rule-width: 0.5px;
    column-rule-color: var(--bgblue);
}
/*.provcol .coll4{
margin-right: 25%;
display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}  */
.coll4 > *{
    border-left: 0.5px solid var(--bgblue);
}
.provcol .coll4 > *{
    border-left: 0px;
}
.coll4::after{
   /* content: '';
    width: calc(1260px / 5);
    height: calc(1260px / 8);
   background-image: url(/wp-content/uploads/2022/01/bronx-gfba830eb2_640-e1685611809789.jpg);
    float: right;
    position: absolute;
    right: calc((100vw - 1260px) / 2);
    top: 40px;

    border-radius: 30px;
    */
}
#site-navigation > div > ul > li, #site-navigation li{
    border: 0px;
}
/* fixed header */
.fix{
    margin-top: 188px;
}
.navfix, #masthead.nav25.navfix {
    position:fixed !important;
    top: 0px;
    z-index:99999;
    width:100vw;
}

#hphonefixed{
    float:right;
    display: none;
    margin: 10px 0px;
    margin-right: 10px;
    text-align: left !important;
}
.main-navigation.fixnav.nav25 ul > li{
    padding-right:20px !important;
}   
#site-navigation.fixnav:not(.nav25) > div{
    text-align: center;
}
#site-navigation.fixnav #hphonefixed, #site-navigation.fixnav #navhome{
    display: block;
}
#site-navigation.fixnav ul.sub-menu{
    background-color: var(--lightblue);
    
}

 #site-navigation.fixnav ul.nav-menu > .menu-item-has-children > a::after{
    background-image: url('infeez/arrow_white_down.svg');
 }
#site-navigation.fixnav ul.nav-menu > li > a:hover , #site-navigation.fixnav ul.nav-menu >  .is-hover > a{
  /*  background-color: var(--darkblue) !important;
    color: #ffffff !important;*/
}
#site-navigation.fixnav ul.nav-menu > li:after, #site-navigation.fixnav ul.nav-menu > li > a:not(.nohover):before {

  background: white !important;

}

#secondary.fixed{
    z-index: 900;
}

#masthead.nav25.mob .main-navigation  ul.sub-menu{
    margin:0px;
    top:10px;
    left: 0px;
    padding-bottom:1px;
}
#masthead.nav25.mob li.hidetop ul.sub-menu{
    top:0px;
}
.nav25 .mobbut {
    height: 18px;
    width: 24px;
    border-radius: 0px;
    margin-right: -10px;
    margin-top: -4px;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    border: 1px solid #ffffff;
    vertical-align: middle;
}
 #masthead.nav25.mob .main-navigation ul span.breakspan.togg li.togg{
    margin-bottom: 10px !important;
  
}
#masthead.nav25.mob li.hidetop .breakspan:not(.togg), #masthead.nav25.mob li.hidetop .breakspan.togg > li.mag, #masthead.nav25.mob li.hidetop .breakspan.togg li.spacer{
    display:none !important;
}

   #masthead.nav25.mob li.menu-item a{
    color: var(--titlegrey);
   }
 .nav25.pricebut .site-branding > .mobile-nav-toggle{
    right:0px;
    left:unset;
    margin-left:0px;
    max-width: 55px !important;
 }
 .nav25 .toggle-inner{
     background-color:#eff6fc;
     padding:5.5px 6px;
     border-radius:4px;
     position:absolute;
     right:7vw;
     height: 38px;
  width: 40px;
  top: 20px;
 }
#masthead.nav25.mob .toggle-text{
        display:none !important;
        }
 .nav25 .toggle-icon{
    width: 26px;
 }  
.nav25 .toggle-icon > div{
    background-color: var(--titlegrey);
    height: 2px;
    border-radius:2px;
    margin-left:10px;
    
}
.nav25 .toggle-icon > div:first-of-type{
     margin-left:0px;
}
.nav25 .toggle-icon > div:last-of-type{
     margin-left:3px;
}
 #masthead.nav25.mob  #site-navigation > div{
    display:block;
    float:right;
    padding: 10px;
}
 #masthead.nav25.mob  #site-navigation.toggled > div{
    float:unset !important;
    max-width: 100vw !important;
}
 #masthead.nav25.mob .toggled .toggle-icon::before{
    background-image: unset;
    content:'\2715';
    color: var(--titlegrey);
  font-size: 20px;
  width: 100%;
}
 #masthead.nav25.mob #hphonecontainer #login,  #masthead.nav25.mob #hphonecontainer .custom-logo-link{
    display:none;
}

.nav25 .main-navigation.toggled > div{
    display:block !important;
}
 #masthead.nav25.mob  #hphonecontainer{
    padding:15px 0px 0px 0px;
    width: max-content;
    position: relative;
  left: unset;
  float: right;
  right: 42px;
  margin-top: 0px;
}
.tablet25 #masthead.nav25.mob #hphonecontainer{

}
#colophon.mob25{
padding: 50px 20px;
}
 #masthead.nav25.mob #hphonecontainer > *{
    display:inline-block;
    margin-top:0px !important;
    top:unset !important;
    float:unset;
    position:relative;
    height:32px !important;
    vertical-align: top;
}
 #masthead.nav25.mob #hphonecontainer > div{

 }
.nav25:not(.lig) #masthead #navhome.mini {
  width: 100px;
  padding-top: 12px;
  padding-bottom:0px;
}
 #masthead.nav25.mob .site-branding{
    min-height:60px;
}
 #masthead.nav25.mob #hphonecontainer #hphone{
    height:32px !important;
}
 #masthead.nav25.mob #hphonecontainer .hphonecont{
    margin-top:-5px;
}
 #masthead.nav25.mob #hphonecontainer .phone::before{
    margin-left: -7px !important;
    font-size:15px;
}
 #masthead.nav25.mob #hphonecontainer #hphone{
    padding:6px 16px !important;
    border-radius: 4px;
     margin-left:0px !important; 
}
#masthead.nav25.mob #hphonecontainer .phone.full b{
    padding-left: 20px !important;
}
#masthead.nav25.mob #hphonecontainer .phone.full::before{
    margin-left: 0px !important;
}
 #masthead.nav25.mob .pricenavv{
 border-radius: 4px;
   margin-right:10px !important;
   padding: 3px 16px 5px 16px !important;

}
 #masthead.nav25.mob .toggle-inner{
    right:15px;
    height: 32px;
    width:32px;
  top: 14.5px;
  padding-top: 3px;
  
 }
 #masthead.nav25.mob .toggle-inner .toggle-icon{
    margin-left: 0px !important;
    padding-top:2px;
    width: 26px;
    display: block;
  overflow: hidden;
 }
.tablet25 .toggle-inner .toggle-icon, .tabsmall .toggle-inner .toggle-icon{
     padding-top:4px !important;
}
 #masthead.nav25.mob.toggle-icon > div{

    width: 70%;
  margin-left: 30%;

 }
 #masthead.nav25.mob .toggle-icon > div:first-of-type{
    width: 100%;
  margin-left: 0%;
 }
 #masthead.nav25.mob.toggle-icon > div:last-of-type{
    width: 80%;
  margin-left: 20%;
 }
 #masthead.nav25.mob #taglinenew #googletop{
    padding:0px 1%;
  }
.nav25 #hphonecontainer.phone > div, .nav25 #hphonecontainer .phone b{
    padding-left:10px !important;
}
.nav25 #masthead.nav25{
    background-color:#eff6fc;
}
/*
.nav25.mob25 #masthead{
    position:absolute !important;
    margin-top: -110px;
}
#page.nav25.mob25{
    padding-top:110px;
}*/
.nav25 #site-navigation.toggled{
     background-color:#eff6fc;
}
 #masthead.nav25.mob .main-navigation .nav-menu{
    position:relative;
    background-color: transparent;
 }
   #masthead.nav25.mob #site-navigation{
    display:none;
 }
 #masthead.nav25.mob #site-navigation.toggled{
    display:block;
    overflow-y:scroll;
 }
 #masthead.nav25.mob #site-navigation li.menu-item,  #masthead.nav25.mob #site-navigation li.menu-item.focus,  .nav25 #lgbutnew, .nav25 #pickmob{
    background-color:#ffffff !important;
    margin:0px 0px 10px 0px ;
    border-radius: 3px;
    padding: 0px;
}
 #page.nav25:not(.mob25) #pickmob,  .mob25 #switch b{
    display:none;
 }
#masthead.nav25.mob #site-navigation .breakspan.togg {
    /*margin-bottom: -10px !important;*/
}
 #masthead.nav25.mob #site-navigation li.menu-item a, .nav25 #lgbutnew a, .nav25 #pickmob a, .nav25 .mobel, .nav25 .underline, .nav25 .noline a{
    color:var(--titlegrey) !important;
    font-weight: 400 !important;
    padding-left: 20px;
    text-align:left !important;
    font-size: 14px !important;
}
 #masthead.nav25.mob  #site-navigation ul > li:not(.searchmob) a{
     color:var(--titlegrey) !important;
}
.nav25 #langswitch .underline{
    border:0px;
    padding-left:0px;
    margin-right: -10px;
    text-transform: unset;
}   
.nav25 #lgbutnew a{
 width:100% !important;
 }
.nav25 #lgbutnew .lgtxt{
    color:var(--titlegrey) !important;
    font-weight: 400;
    padding-left: 0px;
       
}
.nav25 #site-navigation .mobsub-arrow.closed{
    background-color:#ffffff;
}
.nav25 #site-navigation .mobsub-arrow.closed::before{
background-image: url('infeez/arrow_blue_down.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position-y: 0;
  width: 20px !important;
  rotate:-90deg;
  }
  .nav25 #site-navigation .domobarrow.togg .mobsub-arrow.closed::before{
    margin-top:0px;
  }
  #masthead.nav25.mob  #pickmob{
    padding-right:0px !important;
    padding:18px 0px !important;
    
  }
 #masthead.nav25.mob  #pickmob > #switch .arrowdown::after{
     rotate:-90deg;
 }
 #masthead.nav25.mob  #pickmob.togg > #switchNo{
    width: 100%;
    text-align: right;
    margin-top:-26px;
    }
  #masthead.nav25.mob  #pickmob.togg > #switch .arrowdown::after{
   rotate:0deg;
  }
   #masthead.nav25.mob #pickmob > #langpick{
  position:relative;
  top:0px !important;
    margin-top:10px;
    padding-bottom:0px !important;
    margin-bottom: 0px;
    background-color:transparent !important;
    width: 100% !important;
  }
  #masthead.nav25.mob #pickmob.togg{
   margin-bottom: 0px !important;
   padding-bottom: 0px !important;
    background-color:transparent !important;
  }
 #masthead.nav25.mob #pickmob > #switch{
    margin-right:0px;
 }
 #masthead.nav25.mob #pickmob > #switch .arrowdown.open::before {
    content:unset;
 }
 #masthead.nav25.mob #pickmob > #langpick li{
    background-color:#ffffff;
    margin-bottom: 10px;
    width: 100% !important;
  }
   #masthead.nav25.mob #pickmob > #langpick li a{
   padding-left: 20px;
   font-weight:400 !important;
   }

 #masthead.nav25.mob #lgbutnew .fa-user{
    background-color:var(--lightblue);
}
 #masthead.nav25.mob .main-navigation ul.sub-menu li a{
    color:var(--titlegrey) !important;
     padding-top:18px !important;
     padding-left:20px !important;
}
 #masthead.nav25.mob #langpick{
    position:relative;
    box-shadow:unset;
    top:unset;
    background-color:transparent !important;
}
 #masthead.nav25.mob .main-navigation ul li.togg.hidetop{
        margin-bottom: -10px !important;
}
#masthead.nav25.mob #site-navigation .nav-menu:not(active) li.menu-item.togg{
    background-color:#eff6fc !important;
    margin-bottom:0px !important;
}
#masthead.nav25.mob .nav-menu.active .is-hover > a{
background-color: transparent !important;
}
 #masthead.nav25.mob .main-navigation ul li.togg > a{
    margin-left:20px;
}
 #masthead.nav25.mob #site-navigation li.togg > .mobsub-arrow{
left:4px;
  padding-top: 19px;
  margin-top:0px;
  background-color: transparent !important;
  width:100%;
  text-align:left;
  height: 60px;
}
 #masthead.nav25.mob #site-navigation li.togg > .mobsub-arrow:before{
  position: absolute;
  rotate: 90deg;
  margin-left: 0px;
 }
#masthead.nav25.mob #site-navigation .breakspan.togg li.togg > .mobsub-arrow{
padding-top: 9px;
}
.tablet25 #masthead.nav25.mob #site-navigation li.togg > .mobsub-arrow:before {
        content: ' ';
        width: 20px;
        height: 20px;
        background-image: url(infeez/arrow_blue_down.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position-y: 0;
    width: 20px !important;
    rotate: 90deg;
        background-repeat: no-repeat;
        display: block;
    }
 #masthead.nav25.mob span .kiddie.menu-item{
    display:none !important;
 }
  #masthead.nav25.mob span.togg > .kiddie.menu-item{
     display:block !important;
  }
 #masthead.nav25.mob .menu-item-has-children.togg > ul,  #masthead.nav25.mob .menu-item-has-children.togg > ul .menu-item:not(.kiddie){
    display:block !important;
    background-color:transparent !important;
}
  #masthead.nav25.mob .main-navigation ul ul li:not(.has-children):not(.domobarrow) > a::before{
    content:unset !important;
 }
 #masthead.nav25.mob .main-navigation ul ul:not(.nocity) li.domobarrow .mobsub-arrow{
    display:none;
 }

 #masthead.nav25.mob .main-navigation ul ul li:not(.has-children):not(.domobarrow):not(.spacer)::after{
   content:unset;
/*background-size: 35%;
  width: 36px !important;
  background-image: url('infeez/arrow_blue_down.svg') !important;
  rotate: -90deg !important;
  display: inline-block;
  position: relative;
  height: 40px;
  background-repeat: no-repeat;
  background-position-y: 20px;
  float:right;
  margin-right:15px;
  margin-top: -5px;*/
 }
  #masthead.nav25.mob .main-navigation ul ul li a.provkid{
    width:100% !important;
  }
 #masthead.nav25.mob #site-navigation .mobsub-arrow{
    float: right;
    right: -10px;
 }
#searchmobnav{
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:var(--bgblue);
    padding:20px 40px;
    z-index: 99999;
}
#searchmobnav .searchdropdown{
    margin-bottom: 0px;
    max-width: 100vw;
}
#searchmobnav .searchdropdown .dropdown-content{
    position:relative;
}
.searchdrop .ui-icon.custom-iconglass2{
background-image: url(https://www.boxie24.com/wp-content/uploads/2025/11/magnifying-glass-thin-svgrepo-com1.svg);
background-size: auto 50%;
	background-position: center;
	border-radius: 50%;
	background-color: #ffffff;
	height: 43px;
	width: 43px;
	margin: -10px;
	margin-right: -20px;
	background-repeat: no-repeat;
}
     #masthead.nav25.mob #taglinenew {
        text-align:center;
    }
     #masthead.nav25.mob #site-navigation > div > ul > li > a,  #masthead.nav25.mob #site-navigation > div > ul ul a{
            padding: 18px 0px 18px 20px;
	width: 85%;
    }
   .nav25.tablet25 #pickmob > #langswitch{
    padding-left:20px;
    }
 #masthead.nav25.mob #site-navigation ul > li:not(.searchmob) a{
            display:inline-block;
 }
.nav25.tablet25 #site-navigation .mobsub-arrow.closed{

           position:absolute;
           margin-top:7px;
           margin-right:20px;
           margin:9px 20px -4px 10px;
           right:-10px;
           width:40px;

    }
     #masthead.nav25.mob #site-navigation .mobsub-arrow.closed::before {
     background-image: url('infeez/arrow_blue_down.svg');
  background-repeat: no-repeat;
  background-size: 70%;
    margin-top: 9px;
    margin-bottom:-4px;
    margin:9px 20px -4px 10px;
    display:block;
    content:'';
   height:20px;

  }
   #masthead.nav25.mob #site-navigation .mobsub-arrow::before,  #masthead.nav25.mob #site-navigation li.toggled > .mobsub-arrow::before{
   
  /* background-image: url('infeez/arrow_blue_down.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  */ position: relative;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-image: url('infeez/arrow_blue_down.svg');
  background-repeat: no-repeat;
  background-size: 70%;
  background-position-y: 0px;
  width: 20px !important;
  rotate: -90deg;
    
}
  #masthead.nav25.mob .menu-item-has-children.togg > ul .menu-item.has-children:not(.nochildren){
        display:none !important;
    }
@media only screen and (max-width: 1500px){
 /* .fix{
      margin-top: 64px;
        
    }
   .navfix{
       padding-top:0px !important;
    }
    .navfix .nav-menu > li > ul.sub-menu{
        margin-top:-146px;
    }
    .navfix .site-branding{
        display: none;
    }*/
 .tablet25 .nav25 #popcall {
    right: 68px !important;
    top: 40px !important;
  }
}
@media only screen and (max-width: 1280px){

.main-navigation .nav-menu > li > ul.sub-menu{
    max-width:100vw;
    width: 100vw;
    padding-left: 40px;
    padding-right:40px;
}
ul.sub-menu .nav-calcbar{
width:calc(100vw + 40px);
    margin-left: -40px;
    padding-left: 40px;
    }
    .nav25 #site-navigation{
    
    }
}

    
@media only screen and (max-width: 1280px){
    #googletop{
        display: none !important;
    }
    .nav25 #taglinenew #googletop{
        display: inline-block !important;
        padding-left: 15px;
		padding-right: 15px;
    }
    .nav25 #taglinenew{
         padding-left: 15px;
		padding-right: 15px;
    }
     #masthead.nav25 .main-navigation ul.sub-menu{
        margin-left: -20px;
        margin-right: 0px;
    }
    #site-navigation.nav25.fixnav ul.nav-menu > li > ul.sub-menu{
        margin-top:0px;
    }

    .nav25 ul.sub-menu .nav-calcbar{
        right:10%;
    }
    #hphonefixed{
        float:left;
    }
    #site-navigation.fixnav{
        height: auto;
    }
    #site-navigation.nav25.fixnav{
        height:64px;
     }
    #site-navigation.fixnav ul.nav-menu{
        margin:0px;
        width: 100%;
    }
   
    #site-navigation.fixnav ul.nav-menu > li > ul.sub-menu{
        margin-top: -40px;
    }
    .nav25 #popcall{
        right:180px;
    }
}
@media only screen and (max-width: 1081px){
  .navfix .site-branding{
        position: relative;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}
/*@media only screen and (max-width: 1023px){
     .mob25 #masthead.nav25 #hphonecontainer #hphone{
 width:32px !important;
 }
 }*/
@media only screen and (min-width: 952px){
    .custom-logo-link{
        margin-left: 0px;
    }
}

@media only screen and (max-width: 951px){
    .navfix {
      position: relative  !important;
      top: unset;
      z-index: 99999;
      width: 100vw;
    }
 .navfix .nav-menu > li > ul.sub-menu{
        margin-top:unset;
    }
     .navfix .site-branding{
        position: relative !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 0px !important;
    }
    .fix{
    margin-top: 0px;
    }
 .main-navigation ul li > a:hover , .is-hover > a{
    background-color: #fff !important;
    color: var(--bgblue) !important;
    
}
    #site-navigation.fixnav #hphonefixed, #site-navigation.fixnav #navhome{
        display: none;
    }
  #site-navigation {
    height: unset;
  }

.main-navigation .spacer, .nav25.mob .main-navigation li.spacer{
    display: none !important;
}
#pickmob, #lgbutnew{
    background-color: var(--darkblue) !important;
}
#lgbutnew:hover{
    background-color:  var(--darkblue) !important;
    /*border-top: 0.5px solid #fff !important;
    border-bottom: 0.5px solid #fff !important;*/
}
#lgbutnew .lgtxt{
    color: #fff !important;
}
.noscroll{
    /*overflow:hidden;*/
}
.noscroll #masthead{
    position: fixed;
    z-index: 10000;
    min-height: 100vh;
    overflow-x:hidden;
    overflow-y: auto;
    inset: 0;
}


.noscroll #site-navigation {
  position: relative;
  width: 100vw;
  }
.noscroll #callbackbut, .noscroll #tagline, .noscroll #taglinenew:not(.nav25){
    display:none !important;
}
.noscroll #masthead > .nav-calcbar{
    position: relative;
  display: block !important;
  width: 100vw;
  margin-left: 0px;
  text-align: center;
  margin-top: 0px;
  padding: 50px 20px;
}
.noscroll #masthead > .nav-calcbar .button.calcbut{
    margin-top: 30px;
}
  .domobarrow .mobsub-arrow{
    display: block;
    top: 0px;
  }
 .domobarrow:hover > a{
    font-weight: 600 !important;
 }
li.kiddie a{
    font-weight: 300 !important;
}
#masthead > #i52595{
    position: absolute;
    bottom: 0px;
    padding: 20px 10px 2vh 10px;
}
 .main-navigation.toggled ul{
    float: unset !important;
    background-color: #fff;

 }
 	.main-navigation ul>li:hover , .is-hover a {
		/*background-color: var(--lightblue);*/
		color: var(--bgblue)!important;
	}
    #langswitch a, #pickmob a, ul .dbli #langpick a{
        color: #fff !important;
    }
    ul .dbli #langpick a:hover{
       color: var(--bgblue)!important;
    }
  #site-navigation ul > li:not(.searchmob):not(.dbli) a {
    color: var(--bgblue) !important;

  }
  #searchmob{
    background-color: #fff !important;
  }
.login-icon{
        padding-left: 0px !important;
}
  #site-navigation > div > ul > li, #site-navigation li {
    border-top: 0px solid var(--bgblue);
  }

.main-navigation ul.nav-menu > li::after {

    max-width: calc(100vw - 80px) !important;
    margin: 0px 80px 0px 20px;
    height: unset;
    padding: 0.5px 20px;
    background-color: #fff !important;
    width: 100%;
}
.main-navigation ul.nav-menu > li:nth-last-child(1)::after, .main-navigation ul.nav-menu > li:nth-last-child(2)::after, .main-navigation ul.nav-menu > li:nth-last-child(3)::after, .main-navigation ul.nav-menu > li:nth-last-child(4)::after{ 

  display: none !important;
}
li.spacer {
    max-width: 80vw !important;
    margin: -1px 15vw 0px 5vw !important;
    height: 1px;
    background-color: var(--lightblue) !important;
    width: 100%;
    display: block !important;
}
.coll4 > span:last-of-type li.spacer:last-of-type{
    display: none !important;
}
.coll4 > .spacer{
     display: none !important;
}
#site-navigation #searchmob{
text-align: center;
min-height: 60px;
    padding: 5px !important;
    background-color: var(--lightblue) !important;
    
}
#sinputnav, #site-navigation .dropdown-content.show, #site-navigation .searchdrop a{
    background-color: #fff !important;
}
#site-navigation .searchdrop a:hover{
    background-color: var(--bgblue) !important;
}
#site-navigation #searchmob .searchdropdown{
    margin: 0px auto;
}
li.spacer{
    border: 0px !important;
}
#site-navigation .dropdown-content.searchdrop a{
    display: none;
}
#site-navigation .dropdown-content.searchdrop.show a{
    display: block;
}

.noscroll .mob23 #site-navigation li > a{
    font-size: 15px !important;
}
 .mob23 #site-navigation li > a{
    width: 100%;
    font-size: 15px !important;
 }
 .menu-item-has-children > a::after, .has-kiddies > a::after, .nav-menu > li > a::after{
 content: unset;
 }

#login{
    display: none;
}
.custom-logo-link{
    margin-left: 33%;
}

#hphonecontainer{
background-color: none;
border-radius: none !important;
    max-width: 50%;
    width: 50%;
    float: right;
  display: block;
}
  .mob23 #hphonecontainer #hphone{

  }
    #hphonecontainer div b{
        display: block !important;
    }
/*#hphonecontainer .hphonecont > div {
    padding: 15px 20px 15px 20px;
}*/
 #hphonecontainer .phone .teltxt{
    padding-left: 40px !important;
     display: none !important;
 }
 #hphonecontainer .phone .teltxt::before{
    color: #ffffff;
    background-color: transparent;
    border: 0px;
    font-size: 24px;
    left: 0;
    line-height: 30px;
 }
#hphonecontainer .hphonecont:hover .phone .teltxt::before{
    border: 0px !important;
    
}
.main-navigation li{
    padding-top:0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    display:block;
    position: relative;
    float: none;
}

.provcol .coll4{
    margin-right: 0px;
    columns: unset;
}
#site-navigation > div > ul ul a{
    padding-left: 40px;
}
.provcol .coll4 li a{
    border-right: 0px !important;
}
 .coll4 {
    display: block;
    }
    .coll4 a{
    max-width: 100% !important;
    }

.provcol li{
     display: none;
}
a.provkid{
    font-weight: 300 !important;
    padding: 10px 0px 10px 60px !important;
}
a.provkid{

 
}
.main-navigation ul ul{
    box-shadow: unset;
}
.main-navigation ul ul li:not(.has-children):not(.domobarrow) > a::before{
    content: '';
    width: 20px;
    height: 50px;
    display: inline;
    background-image: url('infeez/arrow_blue_down.svg');
    background-size: auto 23%;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    border: none !important;
    margin-top: -19px;
    margin-left: -10px;
    position: absolute;
    top: 0px;
    background-color: transparent !important;
}
.main-navigation ul ul li.has-children a::before, .main-navigation ul ul li.domobarrow a::before{
    content: unset;
    
}
span.open > li:not(.has-children), li:not(.provcol).toggled li.has-children, li:not(.nocity).toggled li.has-children, .sub-sub.toggled > ul{
    display: block !important;
}

#site-navigation > li.menu-item-has-children.toggled .nocity li{
     /*display: block !important;*/
}

.coll4 li.has-children::after{
   /* content: '+';
    display: inline-block;
    font-size: 24px;
    color: #fff;*/
}
span li:not(.has-children){
    border-top: 0px !important;
}
span li.toggled > .mobsub-arrow{
    
}
.main-navigation ul.sub-menu li{
    padding-left: 0px;
}
  .mag.domobarrow .mobsub-arrow{
    display:none !important;
  }
#site-navigation .mobsub-arrow{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -4px;
    margin-top: 7px;
    background-color: #fff;
    position: absolute;
    margin-left: 10px;
     margin-right: 20px;
}
 #site-navigation > div > ul > li > a, #site-navigation > div > ul ul{
    width: 100%;
}
#site-navigation li.menu-item-has-children > a{
    width: calc(100vw - 60px);
    width: 85% !important;
    display: inline-block;  
}
.nav25 li.togg.hidetop > a, .nav25 li.togg.hidetop > .mobsub-arrow{
    display:none !important;
}
#site-navigation:not(.nav25) .mobsub-arrow::before, #site-navigation .mobsub-arrow.closed::before, #site-navigation li.toggled > .mobsub-arrow::before{
    position: relative;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('infeez/plus-blue.svg');
    background-size: 90%;
    background-position: center;
    background-position-y: center;
    background-position-y: 2px;
    
}
#site-navigation > div > ul > li{
    background-color: var(--lightblue);
}
#site-navigation > div > ul > li.toggled{
    background-color: #fff !important;
}
#site-navigation > div > ul > li.toggled > a, #site-navigation > div > ul > li:not(.lgbutnew).liact > a:hover{
    background-color: var(--lightblue) !important;

  }
  #lgbutnew a:hover{
    background-color: var(--darkblue) !important;
  }

  #lgbutnew .lgtxt{
    font-weight: 700;
  }
  #lgbutnew a:hover .lgtxt{
    text-decoration: underline;
  }
   #site-navigation .sub-menu .sub-menu a{
    padding-top: 0px !important;
   }
   .nav-menu li > a:not(.provkid){
        padding-top: 18px !important;
        padding-bottom: 18px !important;
   }
      .nav-menu li > a.provkid{
        padding-top: 0px !important;
        padding-bottom: 18px !important;
      }
  #site-navigation:not(.nav25) > div > ul > li.menu-item-has-children.toggled > a, #site-navigation:not(.nav25)  > div > ul > li.menu-item-has-children.liact > a:hover{
    border-bottom-right-radius: 40px !important;
    
  }
.mob25.nav25 #site-navigation > div > ul > li.menu-item-has-children.togg > a, .mob25.nav25 #site-navigation > div > ul > li.menu-item-has-children.liact > a:hover, .mob25.nav25 #site-navigation .hidetop span.togg li.togg > a{
     border-bottom-right-radius: 0px !important;
      background-color: transparent !important;
    padding-left: 30px !important;
}
  #site-navigation > div > ul > li.toggled > li > a{
    background-color: red !important;
  }
#site-navigation:not(.nav25) span > .has-children > .mobsub-arrow, #site-navigation:not(.nav25) span > .domobarrow:not(.toggled) > .mobsub-arrow {
  background-color: var(--lightblue) !important;
  }
  #site-navigation span > .has-children.toggled > .mobsub-arrow{
  background-color: #fff !important;
  }
  #site-navigation > div > ul > li.toggled > .mobsub-arrow, #site-navigation span > .domobarrow.toggled > .mobsub-arrow{
  background-color: transparent !important;
  }

   #site-navigation .cityhead > .mobsub-arrow, #site-navigation .cityhead > .mobsub-arrow:hover{
  border-left: 0px !important;
    background-color: transparent !important;
     height: 30px !important;
  }
  #site-navigation .cityhead > .mobsub-arrow{
    margin-top: -5px;
    margin-left: -30px;
  }
  .domobarrow.toggled >.mobsub-arrow{
      border-left: 0px !important;
  }
  .cityhead > .mobsub-arrow:before{
  
  }
  #site-navigation li.toggled > .mobsub-arrow{
    background-color: #fff;
  }
  #site-navigation .sub-menu .has-children:first-of-type.toggled > .mobsub-arrow{

  }
#site-navigation li.toggled > .mobsub-arrow::before{
    margin-top: 9px;
   background-image: url('infeez/minus-blue.svg');
}
#site-navigation .mobsub-arrow.closed::before{
    margin-top: 9px;
}
.coll4 .mobsub-arrow{
   
}
.coll4 .menu-item-has-children .mobsub-arrow{
    margin-right: 140px !important;
}


 #site-navigation .liact > .mobsub-arrow,  #site-navigation .li.toggled > .mobsub-arrow{
    /*background-color: #ffffff !important;*/
 }
 .menu-item-has-children.liact > a{
      /* width: calc(100% - 70px) !important;*/
 }
 .main-navigation ul li > a:hover , .is-hover > a{
    color:var(--bgblue) !important;
}
 .main-navigation ul li.liact .mobsub-arrow,  .main-navigation ul li:hover{
    background-color: #ffffff !important;
 }
#site-navigation .mobsub-arrow:hover{
    background-color: var(--lightblue) !important;
}
#site-navigation .sub-menu a:hover {
	background-color: red;
}
li.toggled .mobsub-arrow{
   
}
 .nav-calcbar{
    display: none !important;
}
.main-navigation ul.sub-menu{
    position: relative;
    top: unset;
    padding: 0px;
    background-color: #fff;
}
.main-navigation .sub-menu > div::after{
    content: unset !important;
}
.main-navigation ul ul li > a:before {
    content: unset ;
}
.coll4, .provcol .coll4{
     margin-right: 0px;
  -webkit-columns: unset;
  -moz-columns: unset;
  columns: unset;
  position: relative;
  float: none;
}
.main-navigation .sub-menu{
    border: none !important;
}
.main-navigation .sub-menu span{
    max-width: 100%;
    width: 100%;
    display: block;
}
.mob23 #site-navigation > div > ul > li > a{
    max-width: 100%;
    font-size: 15px !important;
}
#site-navigation ul > li:not(.searchmob) a{
    font-weight: 600;
}
.sub-sub{
    position: relative;
    top: unset !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0px !important;
    border-top:0px !important;
    margin-right: 0px !important;
}
.sub-sub li{
    padding-top: 0px;
    border-top:0px !important;
}
.sub-sub li a{
    padding: 10px 0px 10px 100px !important;
    font-weight: 300 !important;
}
.mob23 #lgbutnew{

}
 .mob23 #pickmob{
    padding-top:15px !important;
    padding-bottom: 15px !important;
    padding-right: 14px !important;
}
  li.kiddie{
    display: none;
  }
  .toggled > li.kiddie{
   
    display: block;
  }

}
@media only screen and (max-width: 1280px) {
    .anv25 .site-branding, .nav25 .main-navigation > div {
        max-width:100% !important;
        padding-left:20px;
        padding-right:20px;
    }
}
@media only screen and (max-width: 950px) {
     .site-branding, .main-navigation > div {
            max-width:100% !important;
            
        }
        .site-branding{
             min-height: 80px;
        }
       
      #site-navigation {
        height: unset;
        
      }
      .main-navigation ul li > a:after{
        content:unset;
      }

      #hphonecontainer {
    
    }

    .custom-logo-link {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 10px 0px 15px 0px;
        margin-right: 0px;
        float: left;
        width: 40% !important;
        margin-left: 33%;
      }

      .main-navigation .nav-menu > li > ul.sub-menu{
            padding-left: 0px;
            padding-right: 0px;
      }
    .main-navigation > div > ul > li:hover{
      /*background-color: #ffffff !important;*/
      background-color: var(--lightblue) !important;
     }
     .main-navigation > div > ul > li:hover > .mobsub-arrow, #site-navigation .mobsub-arrow:hover {
        background-color: #fff !important;
     }
        
     .main-navigation > div > ul > li{
        background-color: var(--lightblue) !important;
     }
    .main-navigation  > div > ul > li.toggled{
     
     }
    .main-navigation:not(.nav25) ul > li:hover > a, .main-navigation:not(.nav25) ul > li.is-hover > a{
        border-bottom-right-radius: 40px !important;
        background-color: var(--lightblue) !important;
    }
    .menu-item-has-children > ul{
        display:none !important;

    }
    .menu-item-has-children.toggled > ul{
         display:block !important;
    }
    .mob23 #hphonecontainer #hphone {
        min-width: max-content;
    }

  }
  
   #masthead.nav25.mob .pricebut .custom-logo-link{
        margin-left: 0px;
  }

@media only screen and (max-width: 850px) {
     .pricebut .custom-logo-link{
        margin-left: 25%;
     }
}
@media only screen and (max-width: 780px) {
     .pricebut .custom-logo-link{
        margin-left: 15%;
        max-width: 192px !important;
     }
     .pricebut .toggle-text{
        display: none;
     }
     .pricebut #hphonecontainer{
        max-width: 60%;
        width: 60%;
     }
}
@media only screen and (max-width: 700px) {
    .pricebut  #hphonecontainer div b{
        display: none !important;
      }
     .pricebut  #hphonecontainer #hphone {
        display: block;
        height: 100%;
        border-radius: 50%;
        width: 40px !important;
        height: 40px;
      }
    .mob25 #masthead.nav25 #hphonecontainer #hphone {
    width: 32px !important;
    }
}
@media only screen and (max-width: 550px) {
     .pricebut  .custom-logo-link .blogo {
        width: 80%;

    }
 .pricebut  #hphonecontainer{
        margin-top: 0px;
    }
     .pricebut .site-branding > .mobile-nav-toggle, .mobile-nav-toggle{
        left: 20px;
         width: 60px !important;
         margin:0px;
    }
    #hphonecontainer div b{
        display: none !important;
      }
      #hphonecontainer #hphone {
        display: block;
        height: 100%;
        border-radius: 50%;
        width: 40px !important;
        height: 40px;
      }
}
@media only screen and (max-width: 520px) {
  .pricebut #hphonecontainer .hphonecont > div.de-de{
       padding: 15px 10px 15px 20px;
    }
.pricebut #hphonecontainer .de-de .phone .teltxt::before {
    font-size: 24px;
    line-height: 50px;
    width: 20px;
  }
  #hphonecontainer .de-de .phone .teltxt{
    font-size: 14px;
  }
   #hphonecontainer {
		min-width: unset;
		max-width: unset;
		width: 28%;
	}
	 .pricebut .custom-logo-link{
	    margin-left:12%;
	     height: 40px;
	     width: auto;
	 }
	 .blogo {
      float: none;
      width: 140px !important;
      }

}
@media only screen and (max-width: 460px) {

     .pricebut .custom-logo-link {
    margin-left: 60px;
    }
        .pricenav.mob23{
        
    }
}
#masthead.nav25.mob #site-navigation .mobsub-arrow{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -4px;
    margin-top: 7px;
    background-color: #fff;
    position: absolute;
    margin-left: 10px;
     margin-right: 20px;
}
   #masthead.nav25.mob .main-navigation .menu-item-has-children.togg ul.sub-menu {
        position: relative;
        top: unset;
        padding: 0px;
      
    }
    .tablet25  #masthead.nav25.mob .main-navigation .menu-item-has-children.togg ul.sub-menu {
          height: auto;
    }
    #masthead.nav25.mob #pickmob > #switch{
        margin-right: 0px !important;
        right:15px;
    }
    #masthead.nav25.mob #pickmob > #langswitch{
        padding-left:17px !important;
    }
     #masthead.nav25 .nav-menu #lgbutnew{
        text-align:left !important;
     }
     #masthead.nav25 .nav-menu #lgbutnew .login-icon{
        padding-left:0px !important;
     }
    #masthead.nav25.mob #pickmob > #switch .arrowdown::after{
          margin-left:0px !important;
    }
    .mob25.nav25 #hphonecontainer .phone b{
        padding-left: 15px !important;
        margin-top: -1px;
        font-size: 13px;
    }
    .tablet25 #masthead.nav25.mob .toggled #pickmob{
        display:block;
    }
    .tablet25.nav25 .mobbut {
        height: 18px;
        width: 24px;
        border-radius: 0px;
        margin-right: -10px;
        margin-top: 0px;
        display: inline-flex;
    background-size: cover;
    }
        
@media only screen and (max-width: 430px) {
    #pickmob > #switch {
        margin-right: 0px;
        float: right;
        display: inline-block;
        margin-top: -4px;
        width: unset;
        
    }

    .nav25 #taglinenew #googletop p{
        font-size:12px;
    }
  /*  #hphonecontainer .hphonecont > div{
        padding: 15px 10px 15px 20px !important;
    }
  #hphonecontainer .hphonecont > div.de-de{
        padding: 15px 0px 15px 20px;
    }
     #hphonecontainer .phone .teltxt{
        padding-left: 30px !important;
        line-height: 20px;
        font-size: 12px;
        min-width: unset;
    }
    #hphonecontainer .phone .teltxt::before{
        font-size: 20px;
        line-height: 24px;
        width: 20px;
    }
    #hphonecontainer .de-de .phone .teltxt::before {
    font-size: 20px;
    }
   */
   
}
@media only screen and (max-width: 400px) {

     .pricebut .custom-logo-link {
    margin-left: 60px;
    }
    .pricebut .custom-logo-link .blogo{
        width: 120px !important;
        margin-top: 6px;
    }

}
@media only screen and (max-width: 375px) {
    #hphonecontainer .hphonecont > div{
        padding: 15px 0px 15px 20px;
    }
      #hphonecontainer .phone .teltxt{
        padding-left: 20px !important;
        font-size: 12px !important;
    }
    #hphonecontainer .de-de .phone .teltxt.de{
        padding-left: 20px !important;
        line-height: 14px;
    }

    #hphonecontainer .phone .teltxt::before{
     font-size: 20px;
    line-height: 30px;
    width: 20px;
    }
    #hphonecontainer .de-de .phone .teltxt::before {
    line-height: 20px;
    }
    .site-branding{
        padding-left: 6px;
        padding-right: 6px;
    }
    .pricebut .site-branding > .mobile-nav-toggle, .mobile-nav-toggle{
        left: 10px;
       
     }
  }


@media only screen and (max-width: 320px) {
    #hphonecontainer .de-de .phone .teltxt{
     max-width: 60px !important;
     min-width: 60px !important;
    }
  #hphonecontainer .de-de .phone .teltxt {
    padding-left: 15px !important;
  }
  #hphonecontainer .phone .teltxt{
        padding-left: 20px !important;
        }
   #hphonecontainer .phone .teltxt::before{
     font-size: 20px;
    line-height: 24px;
    width: 30px;
    }
}

@media only screen and (max-width: 51px){

.main-navigation ul.sub-menu li{
    padding-left: 0px;
}
.sub-menu a{
    width: 100% !important;
    max-width: 100% !important; 
    border-right: 0px;
}
.main-navigation .menu-item-has-children .mobsub-arrow{
    position: relative;
    width: 50px;
    height: 50px;
    float:right;
}
.main-navigation .mobsub-arrow:before{
    margin-left: 10px;
    height: 100%;
    background-position-y: center;
    }
 li.toggled .mobsub-arrow::before{
    margin-top: unset;
    position: relative;
 }

}
