/**
	Navik - HTML header navigation menu
 	Copyright (c) 2020, Pophonic 
	
	Author: Pophonic
	Profile: https://codecanyon.net/user/pophonic
	Two files to change for breakpoints for screen resolution:
boostrap.min.css.navik-menu ul li > a
navik-horizontal-default-menu.css
**/
.gsst_a .gscb_a {
  display: none;
}
.navik-header {
  z-index: 120000!important;
}
.navik-header.header-shadow.header-dark.viewport-lg.sticky {
  padding-top: 70px;
}
.navik-menu ul li:hover > a {
  background-color: inherit;
}
.herosearchbox .gsc-input {
  margin-top: 5px !important;
  font-size: 24px;
  font-weight: 300 !important;
  color: #fff;
}
.hero-banner a:hover, a:focus, a:active {
  text-decoration: none;
}
a:focus, a:active {
  outline: none;
}
.box {
  margin-bottom: 30px;
}
.hero-banner {
  position: relative;
  width: 100%;
}
/* === OVERRIDE MENU DEFAULT STYLES === */
.header-shadow-wrapper {
  display: none;
}
@media (min-width: 1100px) {
  .fa-file-arrow-down {
    display: none !important;
  }
  .fa-message-dots {
    display: none !important;
  }
  .fa-car {
    display: none !important;
  }
  .fa-calendar-lines {
    display: none !important;
  }
  .fa-location-dot {
    display: none !important;
  }
  .burger-menu {
    display: none;
  }
  .container > div.navik-header-container {
    padding: 0 0em 0em 0em;
  }
}
.azintro {
  color: white;
  text-decoration: none;
}
.logo > a {
  background: transparent url(../img/logo_small.png) top center no-repeat;
  display: inline-block;
  height: 40px;
  width: 383px;
  text-indent: -99999px;
}
#navik-menu {
  display: flex;
  flex-wrap: wrap;
}
.navik-menu ul li {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  max-width: 195px;
  text-align: center;
  vertical-align: middle;
}
.navik-menu.separate-line > ul > li > a:hover {
  color: #f4b120 !important;
  border-bottom: 5px solid #f4b120 !important;
}
.navik-menu.separate-line > ul > li > a::after {
  color: #fff !important;
}
.navik-menu.separate-line > ul > li > a::before {
  width: 0px !important;
}
.navik-header.header-dark {
  background-color: #254c5a !important;
}
/* === SEARCHBOX AREA === */
.gsc-input-box {
  border: 0px solid #dfe1e5 !important;
  box-sizing: border-box;
  padding: 4px 4px 4px 15px;
  line-height: 1.1em;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  background-color: rgba(255, 255, 255, .4) !important;
  height: 70px;
  /*box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);*/
  box-shadow: none;
}
.gsc-branding {
  display: none !important;
}
.gsc-search-button-v2 svg {
  fill: #fff !important;
  width: 23px;
  height: 23px;
}
.gsc-search-button {
  position: absolute;
  margin: 10px -40px !important;
}
.gsc-search-button-v2 {
  font-size: 0;
  padding: 5px 0px 0px 27px !important;
  width: auto;
  vertical-align: middle;
  border: 0px solid #666 !important;
  border-radius: 2px;
  border-color: transparent !important;
  background-color: #4d90fe;
  background-image: linear-gradient(top, #4d90fe, #4787ed);
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
  border-color: transparent !important;
  background: transparent !important;
  filter: none;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0px !important;
  background: none !important;
}
table.gsc-search-box td {
  color: #fff !important;
  background: none;
  border-bottom: none !important;
}
input::placeholder {
  color: rgb(255, 255, 255) !important;
  font-size: 1.2em !important;
  font-weight: 600;
}
::-moz-placeholder {
  opacity: 1;
}
#gsc-i-id1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(255, 255, 255) !important;
  font-size: 1.2em !important;
  font-weight: 500;
}
::-ms-input-placeholder { /* EDGE */
  color: rgb(255, 255, 255) !important;
  font-size: 1.4rem;
  transform: scale(1.1) translateX(4.9rem);
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 2.2rem;
  transform: scale(1.5) translateX(21.3rem);
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 1.2em !important;
  color: rgb(255, 255, 255) !important;
}
#gsc-i-id1:-moz-placeholder { /* Firefox 18- */
  color: rgb(255, 255, 255) !important;
  margin-top: -6px !important;
  font-size: 1.4em !important;
}
.gsc-control-searchbox-only.gsc-control-searchbox-only-en {
  width: 80%;
  margin: 0 auto;
}
input:focus::placeholder {
  color: transparent;
}
::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
} /* Chrome <=56, Safari < 10 */ :-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
} /* FF 4-18 */ ::-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
} /* FF 19-51 */ :-ms-input-placeholder {
  opacity: 1;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
} /* IE 10+ */ ::placeholder {
  opacity: 1;
  transition: opacity .5s;
} /* Modern Browsers */
*:focus::-webkit-input-placeholder {
  opacity: 0;
} /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder {
  opacity: 0;
} /* FF 4-18 */
*:focus::-moz-placeholder {
  opacity: 0;
} /* FF 19-50 */
*:focus:-ms-input-placeholder {
  opacity: 0;
} /* IE 10+ */
*:focus::placeholder {
  opacity: 0;
} /* Modern Browsers */
/*  Overrides Mobile styles from default */
@media (min-width: 1100px) {
  .navik-menu > ul > li > a {
    position: relative;
    box-sizing: border-box;
    height: 90px;
    padding: 0 20px;
    line-height: 20px !important;
    white-space: normal !important;
  }
  .navik-menu.separate-line > ul > li > a {
    position: relative;
    padding: 38px 8px 30px !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    text-align: center;
    vertical-align: middle;
  }
}
@media (min-width: 1200px) {
  .navik-menu.separate-line > ul > li > a {
    position: relative;
    padding: 37px 12px 29px 12px !important;
    font-size: 16px;
    font-weight: 700;
  }
  .navik-menu ul li > a {
    display: block;
    padding: 14px 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #212121;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
  }
}
@media only screen and (max-width: 1100px) {
  .navik-menu.separate-line > ul > li > a:hover {
    border-bottom: none !important;
  }
  .navik-menu ul li:hover > a {
    background-color: #254c5a !important;
  }
  .searchtag {
    padding-right: 0%;
    margin: 0 0 0 1%;
  }
  
  .herosearchbox {
    display: block !important;
  }
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-top: 0px;
    margin-left: 10px;
  }
}
@media (min-width: 1090px) and (max-width: 1300px) {
  .navik-header .container {
    max-width: 1600px !important;
    width: 98%;
  }
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-top: 0px;
    margin-left: 70px;
  }
}
@media (max-width: 1099px) {
    
    .herosearchbox {
    top: 30px;
    }
  .heroleveltwo, .container > div {
    flex: 1 1 350px;
    padding: 0em 0em 0em 0em !important;
  }
  /* /////OVERRIDE BURGER MENU STYLES  ///// */
  .burger-menu {
    position: absolute;
    top: 30px !important;
    right: 0px !important;
    display: -ms-flexbox;
    display: block !important;
    justify-content: space-between;
    width: 55px !important;
    height: 27px !important;
    padding: 0 15px !important;
    cursor: pointer;
    font-size: 0;
    border: 0;
    background: transparent;
  }
  /* Adding transform to the X */
  .burger-menu.menu-open {
    transform: rotate(180deg) !important;
  }
  /* Styling the three lines to make it an X */
  .burger-menu.menu-open .line-menu:nth-child(1) {
    transform: rotate(45deg) translate(5px, 15px);
  }
  .burger-menu.menu-open .line-menu:nth-child(2) {
    opacity: 0;
  }
  .burger-menu.menu-open .line-menu:nth-child(3) {
    transform: rotate(-45deg) translate(1px, -2px);
  }
  .line-menu {
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.5s ease-out
  }
  .menu-open .line-menu {
    background-color: #ffcc00 !important;
  }
  .line-menu.line-half {
    width: 80% !important;
    margin: 5px;
  }
  /* ///// END OVERRIDE BURGER MENU STYLES  ///// */
  .navik-header .logo {
    float: none!important;
    padding: 30px 0px 25px 0;
  }
  .navik-menu > ul {
    display: none;
    padding: 70px 0 0 20px;
  }
  .navik-menu ul li {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
    text-align: right;
    vertical-align: middle;
    list-style-type: none;
    border-bottom: 1px solid rgb(235, 234, 234);
    border-bottom: 1px solid rgba(235, 234, 234, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  }
  .navik-menu ul li:last-of-type {
    border-bottom: 0px solid #ccc;
    display: none;
  }
  i.fas {
    margin-top: -5px;
  }
  .fa-mobile-alt {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 28px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-car {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 28px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-location-dot {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 28px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-calendar-lines {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 28px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-file-arrow-down {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 28px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-message-dots {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 28px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-users-cog {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 36px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-book-open {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 36px;
    vertical-align: middle;
    padding: 0 7px;
    margin-top: -14px;
  }
  .fa-first-aid {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 36px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-user-friends {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 36px;
    vertical-align: middle;
    padding: 0 7px;
  }
 
  .navik-menu.separate-line > ul > li > a {
    position: relative;
    padding: 12px 20px !important;
  }
  .navik-header .container {
    max-width: 1300px !important;
  }
  /*  Search bar for mobile devices */
  .header-shadow-search {
    background-color: rgba(37, 76, 90, 1) !important;
    display: block;
    height: auto !important;
    margin: 6px auto 0 auto;
    text-align: center;
  }
  .header-shadow-search input {
    border-radius: 6px;
    padding: 0 10px;
    height: 40px;
  }
  .header-shadow-wrapper::after {
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0) !important;
  }
  /*  Magnifying Glass font */
  .material-icons {
    z-index: 1;
    margin-left: -50px;
    color: rgba(42, 41, 41, 1);
    position: absolute;
    padding: 10px;
  }
  /* === MOBILE GOOGLE SEARCH DESIGN === */
  .navik-menu > ul {
    display: none;
    padding: 0px 0 20px !important;
  }
  .navik-header {
    top: 0px;
    position: fixed !important;
    width: 100%;
  }
  .herosearchbox .gsc-input {
    margin-top: 2px !important;
    font-size: 16px;
    font-weight: bold !important;
    color: #000;
  }
  .herosearchbox {
    position: relative;
    top: 28px;
    width: 100%;
    margin: 0;
    background-color: rgba(37, 76, 90, 1) !important;
    padding: 0;
    z-index: 700;
  }
  .gsc-branding {
    display: none !important;
  }
  .gsc-search-button-v2 svg {
    margin-right: 10px;
    fill: #333 !important;
    width: 23px;
    height: 23px;
  }
  .gsc-search-button {
    margin: 0 0 0 -23px !important;
  }
  .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #fff !important;
    background-color: #fff !important;
    background-image: none;
    filter: none;
  }
  .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 4px !important;
  }
  .gsc-input-box {
    border: 1px solid #dfe1e5;
    box-sizing: border-box;
    padding: 3px 4px 4px 10px;
    line-height: 1.1em;
    background: #fff !important;
    height: 40px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
  }
  input.gsc-input {
    background: rgb(255, 255, 255) !important;
  }
  .cse .gsc-search-button-v2, .gsc-search-button-v2 {
    font-size: 0px;
    box-sizing: border-box;
    height: 40px;
    padding: 6px 27px;
    width: auto;
    border: 0px solid #666666;
    border-color: #3079ed;
    background-color: #4d90fe;
    background-image: linear-gradient(to top, #4d90fe, #4787ed);
  }
  .herosearchbox .gsc-search-button-v2 {
    font-size: 0;
    padding: 0px 0px 0px 0px !important;
    width: auto;
    vertical-align: middle;
    border: 0px solid #666 !important;
    border-radius: 5px;
    border-color: transparent !important;
    background-color: #4d90fe;
    background-image: linear-gradient(top, #4d90fe, #4787ed);
  }
  table.gsc-search-box td {
    color: #000 !important;
  }
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #fff !important;
  }
  [type="search"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
  }
  input::placeholder {
    color: rgb(215, 51, 51) !important;
    font-size: 1.2em !important;
    font-weight: 600;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  #gsc-i-id1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgb(215, 51, 51) !important;
    font-size: 1.2em !important;
    font-weight: 500;
  }
  ::-ms-input-placeholder { /* EDGE */
    color: rgb(215, 51, 51) !important;
    font-size: 1.4rem;
    transform: scale(1.3) translateX(3.1rem);
  }
  :-ms-input-placeholder { /* IE 10+ */
    font-size: 1.8rem;
    transform: scale(1.3) translateX(6.3rem);
    color: #d76f13;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    font-size: 1.2em !important;
    color: rgb(215, 111, 99) !important;
  }
  #gsc-i-id1:-moz-placeholder { /* Firefox 18- */
    color: rgb(215, 111, 99) !important;
    margin-top: -6px !important;
    font-size: 1.4em !important;
  }
  .gsc-control-searchbox-only.gsc-control-searchbox-only-en {
    width: 100%;
    margin: 0 auto;
  }
  ::-ms-input-placeholder { /* EDGE */
    color: rgb(255, 255, 255) !important;
    font-size: 1.4rem;
    transform: scale(1.4) translateX(9.9rem);
  }
}
@media (max-width: 1089px) {
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-top: 0px;
    margin-left: 40px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
   
  .gsc-search-button {
    margin: 0px 0 0 -23px !important;
  }
}
@media (max-width: 768px) {
    
  
    .logo > a {
    background-size: 80%;
}
  .header-shadow-search {
    margin: 0px auto;
  }
  .azintro {
    display: none;
  }
  body#home .gsc-search-button {
    margin: 0px 0 0 -30px !important;
  }
  .gsc-search-button {
    margin: -4px 0 0 -23px !important;
  }
  .ShowHide {
    position: fixed;
    top: 200px !important;
  }
  .azintro {
    display: none;
  }
  .gsc-control-searchbox-only.gsc-control-searchbox-only-en {
    margin: 12px auto 0 0%;
  }
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-top: 0px;
    margin-left: 10px;
  }
  .herosearchbox .container {
    margin-bottom: 0px;
  }
  .header-shadow-search {
    margin: 30px auto 0px 3%;
  }
  .navik-menu > ul {
    display: none;
    padding: 0px 0 20px !important;
  }
  .herosearchbox {
  top: 20px;
  }
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-top: 14px;
  }
  .herosearchbox .gsc-input {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    font-size: 14px !important;
  }
  .navik-menu ul li {
    overflow-wrap: normal;
    word-wrap: normal;
    hyphens: auto;
    text-align: right;
    vertical-align: middle;
  }
  .navik-header .logo {
    padding: 20px 40px 0px 40px!important;
    text-align: center;
  }
  .navik-menu ul li > a {
    font-size: 14px !important;
  }

  ::-ms-input-placeholder { /* EDGE */
    color: rgb(255, 255, 255) !important;
    font-size: 1.4rem;
    transform: scale(1.4) translateX(4.9rem);
  }
}
@media (max-width: 428px) {
    .logo > a {
  width: 315px;

}
  .navik-header .logo {
    padding: 32px 0px 0 0 !important;
    text-align: center;
  }
  .burger-menu {
    left: -20px !important;
  }
  .fa-mobile-alt {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-car {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-map-marker-alt {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-calendar-alt {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-cloud-download-alt {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .fa-comment-dots {
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    padding: 0 7px;
  }
  .herosearchbox .gsc-input {
    font-size: 12px !important;
    margin-top: -4px !important;
  }
  .navik-menu > ul {
    display: none;
    padding: 0px 0 20px !important;
    margin-left: 0px;
  }
  .herosearchbox .container {
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 360px) {
  .herosearchbox .gsc-input {
    font-size: 11px !important;
  }
}
/* === Only Firefox === */
@-moz-document url-prefix() {
  .hero-banner {
    height: 400px;
  }
}
/*  //////////////// WORKS IN BROWSER STACK - iPHONE SE RELEASED IN 2016 /////////////// */
@media only screen and (min-device-width: 319px) and (max-device-width: 359px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .herosearchbox {
    position: fixed !important;
    top: 75px !important;
    width: 100%;
    margin: 0;
    background-color: #254c5a !important;
    z-index: 9998;
  }
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-top: 20px;
    margin-right: 60px !important;
  }
  .herosearchbox .gsc-input {
    margin-top: 0px !important;
  }
  .burger-menu {
    position: absolute;
    left: 0px;
  }
  .navik-menu.separate-line > ul > li > a {
    position: relative;
    padding: 6px 20px !important;
  }
  .fa-mobile-alt, .fa-car, .fa-map-marker-alt, .fa-calendar-alt, .fa-cloud-download-alt, .fa-comment-dots {
    font-size: 20px;
  }
  .navik-header .logo {
    padding: 20px 40px 10px 28px !important;
    text-align: center;
  }
  .titlehomewide {
    margin: 4% auto 0% auto;
  }
}
@media only screen /*  ///// WORKS IN BROWSER STACK - iPHONE 11 pRO, 8, XS, 7, 6, 6s /////// */
and (max-device-width: 480px) and (orientation:landscape) {
  .herosearchbox {
    position: fixed !important;
    top: 120px !important;
    width: 100%;
    margin: 0;
    background-color: #254c5a !important;
    z-index: 9998;
  }
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-left: -20px !important;
  }
  .herosearchbox .gsc-input {
    margin-top: 0px !important;
  }
}
/* //// IPAD PRO //// */
/* Portrait  */
/*@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .herosearchbox {
    position: fixed !important;
    top: 75px !important;
    width: 100%;
    margin: 0;
    background-color: #333 !important;
  }
  .herosearchbox .gsc-input {
    margin-top: 0px !important;
  }
  .gsc-search-button-v2 svg {
    width: 33px;
    height: 33px;
  }
  nav.navik-menu.separate-line.submenu-top-border.submenu-scale {
    margin-left: -20px !important;
  }
}
/*@media only screen and (min-device-width :768px) and (max-device-width : 1023px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .herosearchbox {
    position: fixed !important;
    top: 90px !important;
    width: 100%;
    margin: 0;
    background-color: #333 !important;
    z-index: 9998;
  }
  .herosearchbox .gsc-input {
    margin-top: 0px !important;
  }
  .gsc-search-button-v2 svg {
    width: 33px;
    height: 33px;
  }
}
/* Landscape  */
/*@media only screen and (min-device-width: 1024px) and (max-device-width: 2732px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .herosearchbox {
    position: relative !important;
    width: 100%;
    margin: 0;
    background-color: transparent !important;
  }
  .gsc-search-button-v2 svg {
    width: 33px;
    height: 33px;
  }
  .herosearchbox .gsc-input {
    margin-top: 0px !important;
  }
}*/
/*Dnnsharp Search boost input box css */
/*Dnnsharp Search boost input box css */
.bstrap30 .row {
  border: 0px solid #dfe1e5 !important;
  box-sizing: border-box;
  padding: 2px 4px 4px 4px;
  line-height: 1.1em;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  background-color: rgba(255, 255, 255, .4) !important;
  height: 70px;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.bstrap30 .btn-primary {
  border-color: transparent !important;
  background: transparent !important;
}
.form-control {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.bstrap30 .sb-default .adv-search {
  max-width: none !important;
}
.bstrap30 .input-group .form-control {
  width: 100%;
  padding: 0px;
  border: none;
  margin: 0px;
  height: auto;
  outline: none;
}
.bstrap30 .sb-default .input-group span.twitter-typeahead {
  height: 0px !important;
  top: -15px !important;
}
.bstrap30 .sb-default .input-group span.twitter-typeahead:first-child .tt-input {
  height: 50px !important;
}
.bstrap30 .sb-default .input-group span.twitter-typeahead:first-child .tt-hint {
  opacity: 0 !important;
}
.bstrap30 .input-group-btn {
  top: -11px;
}
.bstrap30 .glyphicon-search {
  font-size: 18px;
  width: 23px;
  height: 23px;
}
.bstrap30 .btn-primary {
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
/*mobile for search boost input box*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1100px) and (min-device-width: 768px) {
  .container > div.header-shadow-search {
    padding: 0em 1em 0em 1em !important;
  }
  .bstrap30 .glyphicon-search {
    font-size: 31px;
    width: 23px;
    height: 23px;
    color: #000;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead {
    margin: 0 416px 0 0;
  }
  .bstrap30 .input-group-btn {
    top: -28px !important;
  }
  .bstrap30 .row {
    background: #fff !important;
    height: 40px !important;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead:first-child .tt-input {
    height: 40px !important;
    background-color: #fff !important;
    font-size: 16px !important;
    color: #000 !important;
  }
  .bstrap30 .input-group-btn {
    top: -20px;
  }
  .bstrap30 .input-group-btn:last-child > .btn-group {
    margin-left: 26px !important;
  }
}
@media (max-width: 630px) {
  .container > div.header-shadow-search {
    padding: 0em !important;
  }
  .bstrap30 .row {
    background-color: #fff !important;
    height: 40px !important;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead {
    margin: 0 200px 0 0;
  }
  .bstrap30 .glyphicon-search {
    font-size: 16px;
    width: 16px;
    height: auto;
    color: #333;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead {
    height: 40px !important;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead:first-child .tt-input {
    height: 40px !important;
    background-color: #fff !important;
    font-size: 11px !important;
    color: #000 !important;
  }
}
@media (max-width: 768px) and (orientation:landscape) {
  .container > div.header-shadow-search {
    padding: 0em 1em 0em 1em !important;
  }
  .bstrap30 .row {
    background-color: #fff !important;
    height: 40px !important;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead {
    margin: 0 473px 0 0;
  }
  .bstrap30 .glyphicon-search {
    font-size: 16px;
    width: 16px;
    height: auto;
    color: #333;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead {
    height: 40px !important;
  }
  .bstrap30 .sb-default .input-group span.twitter-typeahead:first-child .tt-input {
    height: 40px !important;
    background-color: #fff !important;
    font-size: 11px !important;
    color: #000 !important;
  }
}