@font-face{
  font-family: InterRegular;
  font-display: swap;
  src: url(/_tr/vt/1/css/new/fonts/Inter-Regular.woff);
}

@font-face{
  font-family: InterSemiBold;
  font-display: swap;
  src: url(/_tr/vt/1/css/new/fonts/Inter-SemiBold.woff);
}

@media only screen and (max-width: 991px) {
  #ha-header-2019{
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px 20px;
    position: static;
  }

  #ha-header-2019 .ha-logo{
    opacity: 1;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }

  #ha-header-2019 .ha-logo.isHidden{
    opacity: 0;
  }

  #ha-header-2019 .ha-logo img{
    width: 131px;
    height: auto;
  }

  #ha-header-2019 .ha-phone.callNowHA.disabledcall{
    opacity: 0.5;
  }

  #ha-header-2019 .ha-search{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    outline: none;
    padding: 0;
  }

  #ha-header-2019 .mobile-nav {
    display: flex;
    margin-left: auto;
  }

  #ha-header-2019 .mobile-nav > * {
    margin-right: 25px;
  }

  #ha-header-2019 .mobile-nav > *:last-child {
    margin-right: 0;
  }

  #ha-header-2019 .mobile-nav img{
    width: 17px;
    height: auto;
  }

  #ha-header-2019 .menu-toggle{
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }

  #ha-header-2019 .menu-toggle > input {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    left: -1px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    margin: 0;
    -webkit-touch-callout: none;
  }

  #ha-header-2019 .menu-toggle span{
    background-color: #404050;
    width: 18px;
    height: 2px;
    display: block;
    margin-bottom: 4px;
    -webkit-transform-origin: 5px 0px;
    transform-origin: 5px 0px;
    -webkit-transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0),
                        opacity 0.3s ease;
    transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.3s ease;
  }

  #ha-header-2019 .menu-toggle span:first-child{
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  #ha-header-2019 .menu-toggle span:nth-last-child(1){
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
  }

  #ha-header-2019 .menu-toggle span:last-child{
    margin-bottom: 0;
  }

  #ha-header-2019 .menu-toggle > input.disabled{
    pointer-events: none;
  }

  #ha-header-2019 .menu-toggle > input:checked ~ span{
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(4px, 1px);
    transform: rotate(45deg) translate(4px, 1px);
  }

  #ha-header-2019 .menu-toggle > input:checked ~ span:nth-last-child(2){
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2,0.2);
    transform: rotate(0deg) scale(0.2,0.2);
  }

  #ha-header-2019 .menu-toggle > input:checked ~ span:nth-last-child(1){
    -webkit-transform: rotate(-45deg) translate(2px, 2px);
    transform: rotate(-45deg) translate(2px, 2px);
  }

  #ha-header-2019 .search-menu-list button.close {
    display: none;
  }

  #ha-header-2019 .search-menu-list .search-menu-container {
    overflow-y: hidden;
    overflow-x: hidden; 
  }

  #ha-header-2019 .search-menu-list .search-menu-content {
    padding: 15px 24px;
    height: 100%;
  }

  #ha-header-2019 .search-menu-list {
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.7px;
    font-weight: 400;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 80px;
    left: 100%;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    transform: translateX(0);
    padding-top: 0;
  }

  #ha-header-2019 .search-menu-list.opened{
    left: 0;
    transform: translateX(0);
  }

  #ha-header-2019 .search-menu-content {
    padding: 15px 24px;
    height: 100%;
  }

  #global-header #ha-header-2019 .search-menu-content .search_kw {
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.7px;
    font-weight: 400;
    box-sizing: border-box;
    color: #404050 !important;
    outline: none;
    border: none;
    width: 100%;
    padding: 15px 20px 15px 35px;
    border-bottom: 1px solid #404050;
    border-radius: 0;
    background: url('/_tr/vt/1/img/ha_header/icon_search.png') no-repeat;
    background-size: 20px;
    background-position: 0;
    font-size: 22px;
  }

  #ha-header-2019 .search-menu-content .search_kw::placeholder{
    color: #D7D7DE;
  }

  #ha-header-2019 #tr_header_form_ha_header{
    height: 100%;
  }

  #ha-header-2019 #keyword_search_dropdown_ha_header{
    width: 100% !important;
    box-sizing: border-box;
    height: 100%;
  }

  #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.7px;
    font-weight: 400;
    left: 0 !important;
    padding: 0;
    margin-top: 35px;
    height: 100%;
    max-height: calc(100vh - 185px);
    overflow-y: scroll;
    position: relative;
    top: 3px !important;
    width: 100% !important;
  }

  #ha-header-2019 .suggest-title-category,
  #ha-header-2019 .suggest-title-area{
    display: none;
  }

  #ha-header-2019 .suggest_class.ui-autocomplete li.ui-menu-item a{
    background-image: url(/_tr/vt/1/img/ha_header/icon_pin.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px auto;
    padding: 12px 20px;
    font-size: 15px;
    display: block;
    cursor: pointer;
    line-height: 1.3;
    text-decoration: none;
  }

  #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete a {
    color: #333;
  }

  #ha-header-2019 .suggest_class.ui-autocomplete li.suggest-parent-category a{
    background: none;
    padding-left: 0;
  }

  #ha-header-2019 .suggest_class.ui-autocomplete li.ui-menu-item{
    border-bottom: none;
    border-top: none;
  }

  #ha-header-2019 .suggest_class.ui-autocomplete .suggest-area-count,
  #ha-header-2019 .suggest_class.ui-autocomplete .suggest-parent-category-count,
  #ha-header-2019 .suggest_class.ui-autocomplete .suggest_cate_area{
    color: #999;
    font-size: 12px;
  }

  #ha-header-2019 .suggest_class.ui-autocomplete .suggest-area-label,
  #ha-header-2019 .suggest_class.ui-autocomplete .suggest-parent-category-label{
    margin-right: 5px;
  }

  #ha-side-menu{
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.7px;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 80px);
    position: fixed;
    left: 100%;
    top: 80px;
    z-index: 11;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1040;
  }

  #ha-side-menu.isOpened{
    left: 0;
  }

  #ha-side-menu.currency-opened {
    top: 0;
    max-height: none;
  }

  #ha-side-menu .ha-side-menu-scroll{
    padding: 5px 24px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-y: scroll;
  }

  #ha-side-menu .account-sign-in{
    border-bottom: 1px solid #E7E7EC;
  }

  #ha-side-menu .account-sign-in h2{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
  }

  #ha-side-menu .account-sign-in p{
    font-family: InterRegular;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 38px;
    letter-spacing: 0;
  }

  #ha-side-menu .account-sign-in a{
    color: #005BBC;
  }

  #ha-side-menu .welcome-account{
    color: #86868E;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
  }

  #ha-side-menu .account-sign-in .sign-up{
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.7px;
    font-weight: 500;
    font-size: 16px;
    background-color: #3D78BF;
    border-radius: 5px;
    color: #fff;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 15px;
    width: 100%;
    outline: none;
    border: none;
    display: block;
    text-align: center;
  }

  #ha-side-menu .account-sign-in .sign-up:hover{
    text-decoration: none;
  }

  #ha-side-menu .link-container{
    margin: 26px 0;
  }

  #ha-side-menu .link-container.logged-in{
    margin: 12px 0 26px;
  }

  #ha-side-menu .link-container .wishlist-count{
    color: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    background-color: #e4336b;
    border: none;
    border-radius: 50%;
    margin-left: 5px;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    right: 0;
    top: 0;
    padding: 0;
    text-align: center;
  }

  #ha-side-menu .link-container #selected_currency_code{
    font-weight: 500;
    text-align: left;
  }

  #selected_currency_flag {
    height: 20px;
    margin-right: 3px;
    width: 20px;
  }

  #ha-side-menu .flex-align-center {
      -webkit-align-items: center;
      align-items: center;
  }

  #ha-side-menu .logged-in-menu{
    border-top: 1px solid #E7E7EC;
    padding-top: 26px;
  }

  #ha-side-menu .link-container a,
  #ha-side-menu .logged-in-menu a{
    color: #404050;
    padding: 12px 0;
    display: block;
  }

  #ha-side-menu .link-container a:hover,
  #ha-side-menu .logged-in-menu a:hover{
    text-decoration: none;
  }

  #ha-side-menu .logged-in-menu .account-sign-out{
    color: #005BBC;
    font-size: 12px;
    margin-bottom: 40px;
  }

  /** set currency css start **/
  #ha-side-menu #popup_currency_menu{
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    left: auto;
    right: 100%;
    top: 0;
    position: fixed;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 9999;
  }

  #ha-side-menu #popup_currency_menu .close-currency{
    width: 12px;
    height: auto;
    margin: 30px 0 0 23px;
  }

  #ha-side-menu #popup_currency_menu.active{
    right: 0;
  }

  #ha-side-menu #popup_currency_menu .dropdown_currency{
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    overflow-y: scroll;
    padding: 5px 10px 10px;
    position: absolute;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    max-height: calc(100% - 80px);
    margin-top: 13px;
  }

  #ha-side-menu #popup_currency_menu .dropdown_currency a{
    border-bottom: none;
    border-radius: 5px;
    color: #484848;
    display: block;
    padding: 11px 8px;
    margin: 10px 5px;
  }

  #ha-side-menu #popup_currency_menu .dropdown_currency li.border_top{
    border-top: 1px solid #E9E9E9;
    margin-top: 29px;
    padding-top: 19px;
  }

  #ha-side-menu #popup_currency_menu .dropdown_currency .currency_change_js{
    display: flex;
    align-items: center;
  }

  #ha-side-menu #popup_currency_menu .dropdown_currency .currency_change_js div:nth-child(3){
    font-weight: 500;
    margin-left: auto;
  }

  #ha-side-menu #popup_currency_menu .dropdown_currency .currency_change_js div:nth-child(2) {
    margin-left: 5px;
  }
  /** set currency css end **/

  #ha-header-2019 .wishlist-count {
    right: -9px;
    justify-content: center;
  }

}






@media only screen and (min-width: 992px) {
  #ha-header-2019 {
    z-index: 1040;
    width: 100%;
  }

  #ha-header-2019 a{
    text-decoration: none;
    color: #404050;
  }

  #ha-header-2019 ul {
    margin: 0;
    padding: 0;
  }

  #ha-header-2019 li {
    list-style-type: none;
  }

  #landing-banner a{
    text-decoration: none;
  }

  #ha-header-2019 .ha_currency{
    margin: 0;
    width: auto;
    height: auto;
    float: none;
  }

  #ha-header-2019 .currency_container{
    color: #404050;
    height: auto;
    width: auto;
  }

  #ha-header-2019 .ha_select_currency{
    left: auto;
  }

  #ha-header-2019 .ha_select_currency .dropdown_currency{
    border-radius: 0;
    box-shadow: none;
    position: relative;
    width: auto;
  }

  #ha-header-2019 .ha_select_currency li a,
  #ha-header-2019 #account-dropdown li a{
    margin: 0;
  }

  #ha-header-2019 .ha_select_currency .currency_change_js div:nth-child(2){
    margin-left: 0;
  }

  #ha-header-2019 .div_wish_list_en:hover{
    opacity: 1;
  }

  /** reset css value END **/

  /** set default (share) class START **/

  .d-flex{
    display: -webkit-flex;
    display: flex;
  }

  .flex-align-center{
    -webkit-align-items: center;
    align-items: center;
  }

  .flex-grow-0{
    flex-grow: 0;
  }

  .flex-grow-1{
    flex-grow: 1;
  }

  .flex-grow-2{
    flex-grow: 2;
  }

  .link-arrow{
    margin-left: 5px;
    padding: 2px;
    background: url(/_tr/vt/1/img/ha_header/link-arrow.png);
    background-size: 4px auto;
    background-repeat: no-repeat;
    background-position: center;
  }

  #ha-header-2019 .margin-side-right{
    margin-right: 32px;
  }

  #ha-header-2019 .ha-header-container.old_new_merged .margin-side-right{
    margin-right: 32px;
  }

  #ha-header-2019 .ha-header-container.old_new_merged .right-column .margin-side-right:last-child{
    margin-right: 0;
  }

  #ha-header-2019 .border-top{
    border-top: 1px solid #E9E9E9;
  }

  /** set default (share) class END **/

  /** HA Header CSS START **/

  #ha-header-2019{
    background-color: white;
    position: relative;
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.325px;
    font-weight: 500;
    font-style: normal;
    color: #404050;
  }

  #ha-header-2019 .ha-header-container{
    box-sizing: border-box;
    /*width: 960px;*/
    margin: 0 auto;
  }

  #ha-header-2019 .ha-header-container.old_new_merged{
    width: 960px;
  }

  #ha-header-2019 .ha-header-container.ha-home-page{
    padding: 0px 32px;
    width: auto;
    max-width: auto;
    min-width: 980px;
    margin: 0;
  }

  #ha-header-2019 .ha-white-overlay{
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;
    pointer-events: none;
  }

  #ha-header-2019 .right-column{
    align-self: center;
    font-size: 1em;
    text-transform: uppercase;
  }

  #ha-header-2019 .search-menu-list {
    transition: none;
  }

  #ha-header-2019 #keyword_search_dropdown_ha_header {
    position: relative;
  }

  #ha-header-2019 .search_kw{
    appearance: none !important;
    border-radius: 5em;
    border: 1px solid #E7E7EC !important;
    box-sizing: border-box;
    height: 35px !important;
    font-family: inherit;
    font-size: 16px;
    color: #404050 !important;
    padding: 8px 8px 8px 32px !important;
    max-width: 240px;
    width: 100%;
    outline: none !important;
    -webkit-appearance: none !important;
    background:url('/_tr/vt/1/img/ha_header/icon_search.png') no-repeat;
    background-size: 16px;
    background-position: 10px;
    position: relative;
  }

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete {
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: none;
    border: none;
    font-family: inherit;
    padding: 55px 55px 0;
    width: 440px !important;
    height: auto;
    max-height: 540px;
    top: calc(100% + 25px) !important;
    left: -45px !important;
    overflow-y: auto;
  }

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete li {
    font-size: 15px;
  }

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete li.suggest-title-area, 
  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete li.suggest-title-category {
    background: none;
    color: #404050;
    display: none;
    font-weight: normal;
    padding: 0;
  }

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete li.ui-menu-item a {
    background-image: url(/_tr/vt/1/img/ha_header/icon_pin.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 12px auto;
    font-weight: normal;
    padding: 0 0 30px 20px;
  }

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete li.suggest-parent-category a {
    background: none;
    padding-left: 0;
  }

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete li:last-child a {
    padding-bottom: 55px;
  }

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete a.ui-state-focus {
    background: none;
    border: none;
    color: #ccc;
    cursor: pointer;
    margin: 0;
  } 

  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete .suggest-parent-category-count,
  #global-header #ha-header-2019 #keyword-search-form .suggest_class.ui-autocomplete .suggest_cate_area {
    font-size: 12px;
  }

  #ha-header-2019 .header_menu{
    flex-flow: row nowrap;
    font-size: 13px;
  }

  #ha-header-2019 .header_menu a{
    display: inline-block;
    padding: 30px 0;
  }

  #ha-header-2019 .wishlist-count{
    color: #fff;
    font-size: 12px;
    width: 16px;
    height: 16px;
    background-color: #E4336B;
    border: none;
    border-radius: 50%;
    margin-left: 5px;
    justify-content: center;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
  }

  #ha-header-2019 .div_wish_list_en {
    border: none;
    border-radius: 0;
    float: none;
    text-align: left;
    width: auto;
  }

  #ha-header-2019 .currency_flag{
    margin-left: 5px;
  }

  #ha-header-2019 .account-sign-in {
    position: relative;
    padding-right: 32px;
  }

  #ha-header-2019 .account-sign-in p {
    font-size: inherit;
    margin-bottom: 0;
  }

  #ha-header-2019 .account-sign-in .welcome-account{
    position: absolute;
    margin-top: -15px;
    font-size: 10px;
  }

  #ha-header-2019 .account-name{
    text-transform: uppercase;
  }

  #ha-header-2019 .currency_container{
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 29px;
    padding: 5px 30px 4px 0;
    font-weight: 500;
  }

  #ha-header-2019 .ha_select_currency,
  #ha-header-2019 #account-dropdown{
    background-color: #fff;
    box-sizing: border-box;
    width: 420px;
    height: auto;
    position: absolute;
    top: calc(100% - 25px);
    right: 0;
    visibility: hidden;
    z-index: 10000;
  }

  #ha-header-2019 .ha-header-container.ha-home-page .ha_currency{
    position: static;
  }

  #ha-header-2019 .ha_currency{
    position: relative;
  }

  #ha-header-2019 .ha_select_currency{
    right: -50%;
    margin-right: -160px;
  }

  #ha-header-2019 .ha-header-container.old_new_merged .ha_currency{
    position: relative;
  }

  #ha-header-2019 .ha-header-container.ha-home-page .ha_select_currency{
    right: 0;
    margin-right: 0;
  }

  #ha-header-2019 #account-dropdown{
    top: 100%;
    left: -40px;
    padding: 30px 25px;
  }

  #ha-header-2019 .sign-out-link {
    color: #005BBC;
  }

  #ha-header-2019 .dropdown-menu{
    margin: 45px 0;
    padding: 0 50px;
  }

  #ha-header-2019 .new_currency_flag .dropdown_currency .currency_change_js {
    display: flex;
    text-align: left;
    line-height: 1.5em;
  }

  #ha-header-2019 .new_currency_flag .dropdown_currency .currency_change_js img {
      height: auto;
      width: 20px;
  }

  #ha-header-2019 .ha_select_currency .currency-icon{
    margin-right: 15px;
  }

  #ha-header-2019 .ha_select_currency .dropdown_currency{
    overflow-y: scroll;
    max-height: 540px;
    padding: 25px 40px;
    margin-top: 25px;
  }

  #ha-header-2019 .ha_select_currency .currency_change_js div:nth-child(3){
    margin-left: auto;
    font-weight: 500;
  }

  #ha-header-2019 .ha_select_currency .currency_change_js div:nth-child(2){
    text-transform: uppercase;
  }

  #ha-header-2019 .ha_select_currency li a,
  #ha-header-2019 #account-dropdown li a{
    border-radius: 4px;
    display: block;
    padding: 15px 15px;
  }

  .ha_select_currency li a:hover,
  #account-dropdown li a:hover{
    background: #F2F2F2;
    color: #484848;
  }

  #ha-header-2019 .ha_select_currency li.border_top{
    border-top: 1px solid #E9E9E9;
    margin-top: 10px;
    padding-top: 10px;
  }

  #ha-header-2019 .ha_phone{
    padding-left: 32px;
  }

  #ha-header-2019 #phone-dropdown{
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    position: absolute;
    top: calc(100% - 20px);
    left: 0;
    visibility: hidden;
    z-index: 10000;
  }

  #ha-header-2019 .ha-header-container.old_new_merged #phone-dropdown{
    top: calc(100% - 13px);
  }

  #ha-header-2019 .phone-container{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 45px;
    padding-top: 0;
    padding-bottom: 50px;
  }

  #ha-header-2019 .left-phone,
  #ha-header-2019 .right-phone{
    margin: 0;
    padding: 140px 70px;
    text-align: center;
    flex-basis: 50%;
    font-size: 14px;
    line-height: 21px;
    text-transform: none;
  }

  #ha-header-2019 .left-phone p,
  #ha-header-2019 .right-phone p {
    font-family: InterRegular;
  }

  #ha-header-2019 .left-phone{
    border-right: 1px solid #E7E7EC;
  }

  #ha-header-2019 .left-phone h3{
    line-height: 25px;
  }

  #ha-header-2019 .left-phone p{
    margin-top: 33px;
  }

  #ha-header-2019 .contact-time h2{
    margin-bottom: 10px;
  }

  #ha-header-2019 .contact-time p {
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.325px;
    font-size: 18px;
    font-weight: 300;
    margin-top: 34px;
    -webkit-justify-content: center;
    justify-content: center;
  }

  #ha-header-2019 .contact-number{
    justify-content: center;
    font-size: 24px;
  }

  #ha-header-2019 .contact-number img{
    margin-right: 5px;
  }

  #ha-header-2019 .phone-container .title {
    font-size: 28px;
  }

  #ha-header-2019 .phone-container .sub-title {
    margin-top: 34px;
    font-size: 18px;
  }

  #ha-header-2019 .phone-container .sub-title.time-weekdays {
    margin-top: 18px;
  }

  #ha-header-2019 .phone-container .sub-title.time-weekdays span {
    margin-left: 15px;
  }

  #ha-header-2019 .phone-container .sub-title.time-weekend {
    margin-top: 0;
  }

  #ha-header-2019 .phone-container .temporary-alert {
    background: #f7e2df;
    margin-top: 8px;
    text-align: center;
    padding: 7px 5px;
  }

  #ha-header-2019 .right-phone p{
    font-weight: 300;
    margin-top: 34px;
  }

  #ha-header-2019 .contact-links{
    justify-content: center;
    flex-flow: column nowrap;
    font-size: 16px;
    margin-top: 16px;
  }

  #ha-header-2019 .contact-links a{
    padding: 0 15px 0 0;
    margin-bottom: 7px;
    font-weight: 300;
    color: #005BBC;
    background: url(/_tr/vt/1/img/ha_header/icon_blue_arrow.png) no-repeat right center;
  }

  #ha-header-2019 .ha-time-now-iframe {
    margin-left: -15px;
    vertical-align: sub;
    height: 17px;
  }

  #ha-header-2019 .ha-time-now-iframe iframe{
    border: none;
    margin-top: 0;
  }

  #landing-banner{
    font-family: InterRegular;
    box-sizing: border-box;
    min-width: 980px;
    max-height: 1000px;
    margin-bottom: 45px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
  }

  .no-webp .banner-lanikai {
    background-image: url(/_tr/vt/1/img/ha_header/Lanikai-Beach_Oahu_l.jpg);
  }

  .no-webp .banner-haleakala {
    background-image: url(/_tr/vt/1/img/ha_header/Haleakala_Maui_l.jpg);
  }

  .no-webp .banner-napali {
    background-image: url(/_tr/vt/1/img/ha_header/Na-Pali-Coast_Kauai_l.jpg);
  }

  .no-webp .banner-garden {
    background-image: url(/_tr/vt/1/img/ha_header/Garden-of-the-Gods_Lanai_l.jpg);
  }

  .no-webp .banner-molokai {
    background-image: url(/_tr/vt/1/img/ha_header/Molokai-Island_l.jpg);
  }

  .no-webp .banner-keauhou {
    background-image: url(/_tr/vt/1/img/ha_header/Keauhou-Bay_Big-Island_l.jpg);
  }

  .no-webp .banner-waimea {
    background-image: url(/_tr/vt/1/img/ha_header/Waimea-Bay_Oahu_l.jpg);
  }

  .webp .banner-lanikai {
    background-image: url(/_tr/vt/1/img/ha_header/Lanikai-Beach_Oahu_l.webp);
  }

  .webp .banner-haleakala {
    background-image: url(/_tr/vt/1/img/ha_header/Haleakala_Maui_l.webp);
  }

  .webp .banner-napali {
    background-image: url(/_tr/vt/1/img/ha_header/Na-Pali-Coast_Kauai_l.webp);
  }

  .webp .banner-garden {
    background-image: url(/_tr/vt/1/img/ha_header/Garden-of-the-Gods_Lanai_l.webp);
  }

  .webp .banner-molokai {
    background-image: url(/_tr/vt/1/img/ha_header/Molokai-Island_l.webp);
  }

  .webp .banner-keauhou {
    background-image: url(/_tr/vt/1/img/ha_header/Keauhou-Bay_Big-Island_l.webp);
  }

  .webp .banner-waimea {
    background-image: url(/_tr/vt/1/img/ha_header/Waimea-Bay_Oahu_l.webp);
  }

  .banner-random{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  #landing-banner .banner-container{
    display: flex;
    flex-flow: row nowrap;
    padding: 64px 0px;
    margin: 0 32px;
    max-width: 1400px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }

  .left-landing-column{
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    flex: 0 45%;
    padding: 0 20px 0 0;
  }

  .left-landing-column .banner-title{
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.325px;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 25px;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: 0px 0px 80px rgba(0,0,0,0.5);
  }

  .left-landing-column .banner-description{
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 15px;
  }

  .gps-container{
    color: #fff;
    font-size: 12px;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: -18px;
  }

  .left-gps{
    align-items: center;
    padding: 10px 20px 10px 0;
    border-right: 1px solid #fff;
  }

  .left-gps img{
    margin-right: 10px;
  }

  .right-gps{
    padding-left: 20px;
  }

  .right-gps a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
  }

  .right-landing-column{
    display: flex;
    flex-flow: column nowrap;
    flex: 0 55%;
  }

  .top-container,
  .bottom-container{
    display: flex;
    flex-flow: row nowrap;
  }

  .top-container{
    margin-bottom: 24px;
  }

  .bottom-container{
    justify-content: flex-end;
  }

  .top-container img,
  .bottom-container img{
    border-radius: 5px;
  }

  .bottom-container .slide-image:last-child{
    margin-right: 0;
  }

  .slide-image{
    margin-right: 20px;
    position: relative;
    box-shadow: 5px 10px 20px rgba(0,0,0,0.1);
  }

  .slide-image h2{
    font-family: futura-pt, sans-serif;
    letter-spacing: 0.325px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
    font-size: 24px;
    line-height: 24px;
    margin-top: 4px;
    z-index: 1;
  }

  .slide-image a:hover > .black-overlay{
    visibility: visible;
    background-color: rgba(0,0,0,0.7);
    transition: 0.2s background-color linear;
  }

  .slide-image .card-image{
    width: 141px;
    height: auto;
  }

  .black-overlay{
    transition: 0.2s background-color linear;
    background-color: rgba(0,0,0,0);
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 13px;
    visibility: hidden;
    padding: 45px 10px 0px;
  }

  .black-overlay .long-description{
    display: none;
  }

  .black-overlay p{
    font-size: 11px;
    margin-bottom: 5px;
  }

  .black-overlay h3{
    font-family: InterSemiBold;
    font-size: 10px;
    display: inline-block;
    width: 110px;
  }

  .black-overlay .link-arrow {
    background-position: 0 5px;
  }

  #ha-black-overlay-hover{
    background-color: rgba(0,0,0,0.5);
    display: none;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
  }

  #EnRenewal .crumbarea,
  #EnRenewal .tree,
  #EnRenewal .topic_path_account {
    margin-top: 10px;
  }

  #HUB #StartingPoint {
    display: none;
  }

  #HUB #PopularCategories {
    margin-top: 5px;
  }

  /** IE 11 fallback start **/

  _:-ms-fullscreen, :root #ha-header-2019 .ha-logo img{
    width: 131px;
    height: auto;
  }

  _:-ms-fullscreen, :root #ha-header-2019 .ha-logo img.old_new_merged{
    width: 131px;
    height: auto;
  }

  _:-ms-fullscreen, :root #ha-header-2019 .ha_phone img{
    width: 16px;
    height: auto;
  }

  _:-ms-fullscreen, :root .left-gps img {
    height: auto;
    width: 14px;
  }

  /** IE 11 fallback end **/

  /** Safari fallback start **/

  _::-webkit-full-page-media, _:future, :root #ha-header-2019 .ha-logo img {
    width: 131px;
    height: auto;
  }

  _::-webkit-full-page-media, _:future, :root #ha-header-2019 .ha-logo img.old_new_merged{
    width: 131px;
    height: auto;
  }

  _::-webkit-full-page-media, _:future, :root #ha-header-2019 .ha_select_currency .dropdown_currency::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }

  _::-webkit-full-page-media, _:future, :root #ha-header-2019 .ha_currency:hover .dropdown_currency::-webkit-scrollbar{
    -webkit-appearance: auto;
    width: auto;
    height: auto;
  }

  /** Safari fallback end **/
}

@media screen and (min-width: 1220px){
  #ha-header-2019 .ha-header-container{
    /*width: 1200px;*/
  }

  #ha-header-2019 .ha-header-container.ha-home-page{
    padding: 0px 40px;
  }

  #ha-header-2019 .margin-side-right{
    margin-right: 40px;
  }

  #ha-header-2019 .ha_phone{
    padding-left: 40px;
  }

  #ha-header-2019 .account-sign-in{
    padding-right: 40px;
  }

  #landing-banner .banner-container{
    margin: 0 auto;
    padding: 64px 32px;
  }

  .top-container{
    margin-bottom: 32px;
  }

  .slide-image{
    margin-right: 24px;
  }

  .slide-image h2{
    font-size: 28px;
    top: 20px;
    left: 15px;
  }

  .slide-image .card-image{
    width: 185px;
    height: auto;
  }

  .left-landing-column{
    padding: 0 40px 0 0px;
  }

  .left-landing-column .banner-title{
    font-size: 60px;
    margin-bottom: 32px;
    line-height: 56px;
  }

  .left-landing-column .banner-description{
    font-size: 14px;
    margin-bottom: 32px;
  }

  .left-gps{
    padding: 0 20px 0 0;
  }

  .gps-container{
    font-size: 14px;
    margin-bottom: 32px;
    position: static;
  }

  .black-overlay{
    padding: 65px 10px 0px;
    font-size: 12px;
    line-height: 15px;
  }

  .black-overlay .short-description{
    display: none;
  }

  .black-overlay .long-description{
    display: block;
  }

  .black-overlay p{
    font-size: 12px;
    margin-bottom:  20px;
  }

  .black-overlay h3{
    font-size: 12px;
    width: 149px;
  }

  .black-overlay .link-arrow {
    background-position: center;
  }

  _:-ms-fullscreen, :root #ha-header-2019 .ha-logo img{
    width: 220px;
    height: auto;
  }

  /** Safari fallback start **/
  _::-webkit-full-page-media, _:future, :root #ha-header-2019 .ha-logo img {
    width: 220px;
    height: auto;
  }
  /** Safari fallback end **/
}

  /** HA Header CSS END **/