/*HEADER*/

.offer_floating_img{
  position: fixed;
  bottom: 6%;
  left: 2%;
  z-index: 9;
}

header .navbar-brand{
	padding-top: 4px;
	padding-bottom: 4px;
}
header .navbar-brand a{
	display: inline-block;
	vertical-align: middle;
	padding-right: 30px;
}
header .navbar-brand a.logo{
	width: 196px;
	/*height: 40px;*/
}
.btn-primary, .btn-primary:hover{
	background: #00BCD4 !important;
	border: 1px solid #00BCD4!important;
	border-radius: 3px;
	color: #fff;
	font-family: 'Avenir-Book';
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-transform: uppercase;  
	min-height: 50px;
}

.profile-img{
  position: relative;
  top: 10px;
  left: 10px;
}

.mobile-user {
  font-family: "Avenir-Medium",sans-serif!important;
  font-style: normal!important;
  color: #000000!important;
  /*font-weight: 400!important;*/
  font-size: 18px!important;
  position: relative;
  top: 20px;
  left: 15px;
}

span.username {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8%;
}

header .navbar-default{
	/*min-height: 80px;*/
	/*padding-top: 13px;*/
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.18);
	margin-bottom: 2px;
}
header .navbar-default li{
	font-family: 'Avenir-Light';
	font-size: 18px;
	color: #fff;
	letter-spacing: 0;
	/*padding: 0 10px;*/
}
header .navbar-default li .btn,
header .navbar-default li .btn:hover{
	font-family: 'Avenir-Light';
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 127px;
	min-height: 50px;
	border-radius: 3px;
	letter-spacing: 0;
	line-height: 30px;
}/*
	.mobile-new-user{
		background: #0061B9;
		}*/
.new-tag{
  background: url(../images/homeimages/tag.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 37px;
    width: 51px;
    vertical-align: bottom;
}

.covid-link {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    margin-top: 5px;
    margin-right:15px;
    border:1px solid #009933;
    box-shadow: 2px 2px 5px #aaa;
}

.covid-link > a {
    color: #fff;
}

		/* Media Queries */
    @media (max-width: 1023px) { 

      ul.menu-section-list a {
        font-family: "Avenir-Light",sans-serif !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #4a4a4a;
      }

      span#mobile-menu-more, span#menu-more {
        font-family: "Avenir-Light",sans-serif !important;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #4a4a4a;
      }

      footer {
        margin-top: 30%;
      }

      #panel{
        overflow: scroll;
        position: fixed;
        bottom: 0px;
        top: 0px;
        right: 0;
        left: 0;
      }

      .panel-open{
        overflow: hidden!important;
      }

      .footer_wrapper{
        position: relative;
      }

  /*    footer .fBottom{
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin-bottom: 0px;
        }*/
      }

/*    @media (max-width: 1024px) { 
      #panel{
        overflow: hidden;
      }

      footer {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin-bottom: 0px;
      }
      }*/

      @media (max-width: 767px) {

        footer {
          margin-top: 30%;
        }

        header .navbar-brand a.logo {
          position: relative;
          margin: 0 auto;
          padding: 0px;
        }

        header .navbar-brand a:first-child{
          position: absolute;
          left: 16px;
          top: 16px;
        }

        footer {
          margin-top: 30%;
        }

      }

      @media (min-width: 768px) and (max-width: 979px){

        footer {
          margin-top: 30%;
        }

        .slideout-menu {
          width: 75%;
        }

        header .navbar-default li{
          font-size: 18px;
          padding-left: 10px;
          padding-right: 10px;
        }
        header .navbar-default li a{
          font-size: 18px;
          padding-left: 0;
          padding-right: 0;
        }
        header .navbar-default li .btn, header .navbar-default li .btn:hover {
          font-size: 18px;
          color: #fff;
          padding-top: 8px;
          padding-bottom: 8px;
          min-width: 100px;
        }
        header .navbar-brand a {
          padding-right: 20px;
        }
      }

      /* old css */
      .sidenav {
       height: 100%;
       width: 0;
       position: fixed;
       z-index: 9999999;
       top: 0;
       left: 0;
       background-color: #fff;
       overflow-x: hidden;
       transition: 0.5s;
     }

     .sidenav .closebtn {
       margin-left: 50px;
       position: absolute;
       top: 0;
       right: 25px;
       font-size: 50px;
       color: #000!important;
     }

     .sub-blocks{
       margin-top: 5%;
     }

     ul.header-list-group li.header-caption {
       font-family: "Avenir-Medium",sans-serif !important;
       font-size: 22px;
       color: #00BCD4;
       letter-spacing: 0;
       line-height: 45px;
       list-style-type: none;
     }

     ul.header-list-group li a {
       font-family: "Avenir-Light",sans-serif !important;
       font-size: 18px;
       color: #4A4A4A;
       letter-spacing: 0;
       line-height: 40px;
     }

     .web-nav-view{
       background: #fff;
     }

     .row.user-nav {
       margin-right: 0!important;
       background: #fff;
       /*padding-bottom: 1%;*/
     }

     .mobile-new-user {
       background: #00BCD4;
       color: #fff;
       padding: 7%;
     }

     .mobile-new-user a {
       color: #fff;
       font-size: 20px;
       font-family: "Avenir-Medium",sans-serif !important;
     }


     @media screen and (max-height: 450px) {
       #mobile-more-sublist{
        float: right;
        padding-top: 6%;
      }
      .sidenav {padding-top: 15px;}

      footer {
        margin-top: 2%;
      }
    }

    @media (max-width: 1199px) and (min-width: 992px){

      footer {
        margin-top: 30%;
      }
      .slideout-menu {
        width: 75%!important;
      }
      ul.menu-section-list{
       margin-top: 2%;
       padding-left: 6%;
       list-style: none;
     }
     ul.menu-section-list li{
       /*height: 70px;*/
     }
     ul.menu-section-list a {
       font-family: "Avenir-Light",sans-serif !important;
       font-style: normal;
       font-weight: 400;
       font-size: 16px;
       color: #4a4a4a;
       line-height: 50px;
       text-align: left;
     }

     ul.menu-section-list li:hover{
       color: #262626;
       text-decoration: none;
     }


     ul.menu-section-list li{
       list-style-type: none;
       font-family: "Avenir-Light",sans-serif !important;
       font-style: normal;
       font-weight: 400;
       font-size: 16px;
       color: #4a4a4a;
     }

     ul.menu-section-list .divider {
       height: 1px;
       /*margin: 0% 5%;*/
       overflow: hidden;
       background-color: #e5e5e5;
       width: 92%;
     }
   }

   .slideout-panel {
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
   }

   .slideout-menu {
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 0;
     width: 50%;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     display: none;
   }

   .slideout-panel {
     position: relative;
     z-index: 1;
     /*border-left: 1px solid #ddd;*/
   }

   .slideout-open,
   .slideout-open body,
   .slideout-open .slideout-panel {
     overflow: hidden;
   }

   .slideout-open .slideout-menu {
     display: block;
     border-right: 1px solid #ddd;
   }

   .panel-new:before {
     content: '';
     display: block;
     background-color: rgba(0,0,0,0);
     transition: background-color 0.5s ease-in-out;
   }

   .panel-open:before {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 100%;
     background-color: rgba(0,0,0,.5);
     z-index: 99;
   }

   .slideout-menu {
     /*width: 40%!important;*/
   }

   @media (max-width: 768px) and (min-width: 412px){

    footer {
      margin-top: 30%;
    }

    .more-submenus{
      display: none;
    }

    .mobile-close-list{
      display: none;
    }

    #mobile-more-sublist{
      float: right;
      padding-top: 6%;
      margin-right: 4%;
    }

    span#mobile-menu-more, span#menu-more {
      font-family: "Avenir-Medium",sans-serif !important;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4a4a4a;
      line-height: 50px;
      text-align: left;
    }

    .slideout-menu {
      width: 75%!important;
    }
    ul.menu-section-list{
      margin-top: 2%;
      padding-left: 6%;
      list-style: none;
    }
    ul.menu-section-list li {
    }
    ul.menu-section-list a {
      font-family: "Avenir-Medium",sans-serif !important;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4a4a4a;
      line-height: 45px;
    }

    ul.menu-section-list li:hover{
      color: #262626;
      text-decoration: none;
      /*background-color: #f5f5f5;*/
    }

    ul.menu-section-list li{
      /*background-color: #fff!important;*/
      list-style-type: none!important;
    }

    ul.menu-section-list .divider {
      height: 1px;
      /*margin: 0% 5%;*/
      overflow: hidden;
      background-color: #e5e5e5;
      width: 92%;
    }
  }

  @media screen and (max-width: 25em) {

    footer {
      margin-top: 30%;
    }

    #mobile-more-sublist{
      float: right;
      padding-top: 6%;
    }

    ul.menu-section-list li {
      list-style-type: none!important;
    }

    span#mobile-menu-more, span#menu-more {
      font-family: "Avenir-Medium",sans-serif !important;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4a4a4a;
      line-height: 50px;
      text-align: left;
      top: 0;
      position: relative;
      left: 0;
    }

    .more-submenus > li >#menu-aboutus, .more-submenus > li >#mobile-menu-aboutus{
      margin-left: 0;
      width: 230px;
      font-size: 18px;
    }

    .more-submenus{
      margin-top: 0;
    }

    .slideout-menu {
      width: 75%!important;
    }

    ul.menu-section-list{
      margin-top: 2%;
      padding-left: 6%;
      list-style: none;
    }

    ul.menu-section-list a {
      font-family: "Avenir-Light",sans-serif !important;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4a4a4a;
      line-height: 50px;
      text-align: left;
      /*margin-left: 15px;*/
      /*margin-right: 15px;*/
    }

    ul.menu-section-list li:hover{
      color: #262626;
      text-decoration: none;
      /*background-color: #f5f5f5;*/
    }

    ul.menu-section-list .divider {
      height: 1px;
      /*margin: 0% 5%;*/
      overflow: hidden;
      background-color: #e5e5e5;
      width: 92%;
    }
  }


  @media (max-width: 767px) {

    footer {
      margin-top: 30%;
    }

    .more-submenus{
      display: none;
    }

    .mobile-close-list{
      display: none;
    }

    #mobile-more-sublist{
      float: right;
      padding-top: 5%;
      margin-right: 8%;
    }
  }

  @media (min-width: 768px) and (max-width: 979px){

    footer {
      margin-top: 30%;
    }

    .more-submenus{
      display: none;
    }

    .mobile-close-list{
      display: none;
    }

    #mobile-more-sublist{
      float: right;
      padding-top: 2%;
      margin-right: 4%;
    }

    .comments-feedback {
     margin-bottom: 0!important; 
   }

 }

 @media (min-width: 980px) and (max-width: 1024px){

  footer {
    margin-top: 30%;
  }

  li.more-dropdown {
    margin: 4% 0 4% 0;
  }

  .slideout-menu {
    width: 75%;
  }

  .more-submenus{
    display: none;
    margin-top: 5%;
  }

  .mobile-close-list{
    display: none;
  }

  #mobile-more-sublist{
    float: right;
    /*padding-top: 6%;*/
    margin-right: 4%;
  }

  .comments-feedback {
   margin-bottom: 0!important; 
 }

}




/***** Common CSS for all placeholders  *****/

*::-webkit-input-placeholder {
  font-family: "Avenir-Light",sans-serif;
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0;
  text-align:left;
  border-radius: 4px;
}

*:-moz-placeholder {
  font-family: "Avenir-Light",sans-serif;
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0;
  text-align:left;
  border-radius: 4px;
}

*:-ms-input-placeholder {
  font-family: "Avenir-Light",sans-serif;
  font-size: 18px;
  color: #9b9b9b;
  letter-spacing: 0;
  text-align:left;
  border-radius: 4px;
}

.mobile-profile-edit{
  margin-top: 20px;
  margin-right: 8px;
}

#banner-close{
	position:absolute;
	width:100%;
	text-align:right;
	color:#fff;
	opacity:0.9;
	text-shadow:none;
}

#bannerModal .modal-content{
	border:none;
	background:transparent;
}

.via-marker .via-label {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ff6600;
    color: #ffffff;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border: 2px solid #ffffff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}