@font-face {
    font-family: 'HelveticaNeue';
    src: url('./fonts/HelveticaNeueMedium.woff2') format('woff2'),
        url('./fonts/HelveticaNeueMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./fonts/HelveticaNeueRegular.woff2') format('woff2'),
        url('./fonts/HelveticaNeueRegular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./fonts/HelveticaNeueThin.woff2') format('woff2'),
        url('./fonts/HelveticaNeueThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./fonts/HelveticaNeueLight.woff2') format('woff2'),
        url('./fonts/HelveticaNeueLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./fonts/HelveticaNeueBold.woff2') format('woff2'),
        url('./fonts/HelveticaNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
*{font-family:'HelveticaNeue'; font-weight: 500;}
#Header{background: url('menubar.jpg');background-size: cover;display: block;width: 100%;background-position: bottom;background-repeat: no-repeat;height: 140px;}
#header-top-bar .logo{float:left;padding-top: 15px;padding-bottom: 25px;}
#header-top-bar .header-search{float:right;}
#header-top-bar .header-search .field{padding: 0 4px;height: 25px;font-size: 10px !important;display: inline-block;width: 134px;border: 0;}
#header-top-bar .header-search input[type=submit]{height: 25px;background: rgb(221, 221, 221);text-align: center;font-size: 13px;color: #333;border: 1px solid rgb(221, 221, 221);width: 57px;position: relative;top: 1px;}
.header-search-form{position: relative;top: 10px;}
#Header #navbar{float:right;}
#Header .navbar-nav>li>a {padding-top: 0;padding-bottom: 0;}
#Header .dropdown-menu{padding:15px;}
#Header .dropdown-menu ul{padding: 0;list-style: none;}
#Header .dropdown-menu ul li{font-size: 15px;line-height: 18px !important;font-weight: normal;text-transform: none;margin: 8px 0;}
#Header .dropdown-menu ul li a{color:#000;font-family:'HelveticaNeue'; font-size:14px; padding-bottom:0;}
#Header .dropdown-menu ul li img{margin-right:5px;}
#Header .dropdown-menu li{width: 180px;}
#Header .dropdown:hover .dropdown-menu{display: flex;}
#Header .dropdown-menu ul li a:hover{text-decoration:none; color:#0083d2;}
#Header .dropdown-menu ul .top-menu a{font-size: 15px;line-height: 18px; font-weight:bold;}
#Header .navbar-nav li a{padding-bottom: 3px;font-size: 16px;transition: none; line-height: 1.5;display: block; color:#fff;font-family:'HelveticaNeue';}
#Header .nav>li>a:focus, #Header .nav>li>a:hover{background-color: transparent;}
input:focus{outline: none;}
#Header .caret{margin-left: 8px;}
.header-contact-detail{padding:0; list-style:none;display: flex;margin-bottom: 0;float: left;}
.header-contact-detail li img{max-width: 20px;height: 13px;margin-right: 5px;position: relative;top: 5px;}
.header-contact-detail li{display: flex;margin-right: 24px;padding-top: 2px;}
.header-contact-detail li a{font-size: 16px;transition: none; line-height: 1.5;display: block; color:#fff;font-family:'HelveticaNeue';}
#main{background-image:url('background-front.jpg'); background-size:cover; background-repeat:no-repeat;}
.webmail-form-outer{padding-top:8%;}
.webmail-wapper{position: relative;height: calc(100vh - 140px);}
.webmail-wapper .webmail-form{width: 430px;background-color: #1B82C8;margin: 0 auto;padding: 15px 24px 24px 24px;box-shadow: 0 0 20px #444;}
.webmail-wapper .webmail-form input{width: 100%;height:24px; padding:0 4px; border:1px solid #b2b2b2;border-radius: 4px;box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1);}
.webmail-wapper .webmail-form label{color:#fff;text-shadow: 0 1px 1px #333;text-align: right;font-size: 15px;font-weight: 100;font-family:'HelveticaNeue';margin-top: 2px;}
.webmail-form h2{font-family:'HelveticaNeue';color: #fff;font-size: 20px;padding-left: 7px;position: relative;top: -4px;text-align: right;}
.webmail-form h2 img{padding-right: 10px;position: relative;top: -3px}
.webmail-form input[type=submit]{cursor: pointer;color: #444;text-shadow: 0 1px 1px #fff;border-color: #f9f9f9;background: #f9f9f9;background: -moz-linear-gradient(top,#f9f9f9 0,#e2e2e2 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),color-stop(100%,#e2e2e2));background: -o-linear-gradient(top,#f9f9f9 0,#e2e2e2 100%);background: -ms-linear-gradient(top,#f9f9f9 0,#e2e2e2 100%);background: linear-gradient(to bottom,#f9f9f9 0,#e2e2e2 100%);box-shadow: inset 0 1px 0 0 #fff;-webkit-box-shadow: inset 0 1px 0 0 #fff;width: 130px;margin: 0 auto;display: table;margin-top: 30px;margin-bottom: 20px;font-family:'HelveticaNeue';font-weight: bold;}
.form-bottom-text{text-align:center; margin-top:40px;font-size: 11px;}
.form-bottom-text a{text-decoration: underline;}

@media(max-width:767px){
    .header-contact-detail li a{font-size:12px;margin-top: 3px;}
    .header-contact-detail li{margin-right: 12px;}
    .header-contact-detail{padding-left:15px;}
    .navbar-toggle .icon-bar+.icon-bar, .navbar-toggle .icon-bar{background-color: #fff;}
    .navbar-toggle{margin: 0;margin-top: -4px;}
    #Header #navbar{width: 100%;background-color: #28bde8;margin: 0;}
    #Header .container{position: absolute;z-index: 99;width: 100%; padding:0;}
    #Header #header-top-bar .container{position: inherit;}
    .navbar-toggle{right: 15px;}
    #header-top-bar{padding-left: 15px;padding-right: 15px;}
    #header-top-bar .header-search{position: absolute;right: 15px;top: 0;}
    #header-top-bar .logo{max-width: 280px;}
    #header-top-bar .logo img{width:100%;}
    .webmail-wapper .webmail-form{width: 85%;}
    #header-top-bar .logo{margin-top: 29px;}
    #Header .navbar-nav li a{padding: 6px;}
    #Header .dropdown-menu li{width: 100%;}
    .navbar-nav .open .dropdown-menu{position: initial;background-color: #fff;}
    #Header .dropdown:hover .dropdown-menu{display: none;}
    #Header #navbar{max-height: 300px;overflow: auto;}
    #Header .dropdown.open:hover .dropdown-menu{display: block;}
}