@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet');

:root {
	--pbmit-global-color: #00358d;
	--pbmit-global-color-rgb: 0, 53, 141;
	--pbmit-secondary-color: #000712;
	--pbmit-secondary-color-rgb: 0, 17, 46;
	--pbmit-light-color: #ebeff3;
	--pbmit-white-color: #ffffff;
    --pbmit-white-color-rgb: 255, 255, 255;
	--pbmit-blackish-color: #00112e;
	--pbmit-blackish-color-rgb: 0, 17, 46;
	--pbmit-link-color-normal: #00112e;
	--pbmit-link-color-hover: #00358d;
	--pbmit-responsive-breakpoint: 1200px;

	--pbmit-body-typography-font-family: "Instrument Sans", serif;
	--pbmit-body-typography-variant: regular;
	--pbmit-body-typography-font-size: 16px;
	--pbmit-body-typography-line-height: 1.6;
	--pbmit-body-typography-color: #304364;
	
	--pbmit-heading-typography-font-family: "Instrument Sans", serif;
	--pbmit-heading-color: #00112e;
	--pbmit-heading-font-variant: 600;
	
	--pbmit-btn-typography-font-family: "Instrument Sans", serif;
	--pbmit-btn-typography-variant: 500;
	--pbmit-btn-typography-font-size: 15px;
	--pbmit-btn-typography-line-height: 24px;
}



/*----------------------------------------*/
/* 06 - Header 
/*----------------------------------------*/
 .navbar-brand .navbar-brand-item {
     height: 60px;
     display: block;
     width: auto;
}
 .site-header{
     position: relative;
}
 .site-header .site-branding img {
     max-width: 100%;
     height: auto;
     max-height: 55px;/*45px*/
     margin-top: 0px;
	 display: inline-block;
     -webkit-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .site-navigation ul.navigation > li > a {
	 font-size: 16px;
    font-weight: 400;
     position: relative;
     z-index: 1;
	 display: block;
	 /*text-transform: uppercase;*/
     letter-spacing: .5px;
     color: var(--pbmit-white-color);
}
.site-navigation ul.navigation > li > a:hover:after{
    color: rgba(255, 255, 255,.8);
}
.main-menu .navigation > li > ul a{
	position: relative;
    display: table-cell;
	font-family: var(--pbmit-body-typography-font-family);
    font-weight: 500;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0px;
	text-transform: none;
    font-style: normal;
    color: var(--pbmit-blackish-color);
}
.main-menu .navigation > li > ul a:after{
	display: none;
}
 .site-navigation ul.navigation a{
     font-family: var(--pbmit-heading-typography-font-family);
     font-weight: normal;
     font-size: 16px;
     font-style: normal;
}
 .main-menu .navigation > li {
     position: relative;
     float: left;
     margin: 0px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .main-menu .navigation > li > ul > li > ul {
     left: 100%;
     top: 0;
}
 .main-menu .navigation > li.dropdown:hover > ul , .main-menu .navigation > li > ul > li.dropdown:hover > ul {
     visibility: visible;
     opacity: 1;
     transform: translate(0,-5px);
     z-index: 999;
}
 .header-button .pbmit-btn{
     padding: 15px 24px;
}
 .header-button .pbmit-btn i{
     font-size: 20px;
}
 .site-header .search-btn{
     margin-right: 15px;
     font-size: 17px;
}
 .site-header .social-icons li > a{
     height: 50px;
     line-height: 50px;
}
 .ipad-view-search{
     display: none;
}
 .pbmit-link li{
     margin: 0 10px;
}
.closepanel, .pbmit-mobile-menu-bg, .site-header .righticon {
    display: none;
}
/** sticky-header **/
 .sticky-header{
    position: fixed !important;
    top: 0px;
	left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    margin: 0;
    box-shadow: 0 2px 5px rgb(0 0 0 / 8%);
    transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}
 .site-header-menu.sticky-header .logo-img.stickylogo{
     display: inline-block;
}
.sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -op-animation-duration: 300ms;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.fadeInDown{
	animation-name:fadeInDown
} 
@keyframes fadeInDown{
	from{
		opacity:0;
		transform:translate3d(0,-100%,0)
	}
	to{
		opacity:1;transform:none
	}
}
/* Pre Header */
 .pbmit-pre-header-wrapper{
    height: 70px;
    line-height: 70px;
    color: var(--pbmit-blackish-color);
}