:root {
	--font0: 'FuturaPT2', -apple-system, BlinkMacSystemFont, sans-serif;
	--font: 'Inter Regular', Arial, sans-serif;
	--font1: 'FuturaPT2', -apple-system, BlinkMacSystemFont, sans-serif;
	--font2: 'FuturaPT2', -apple-system, BlinkMacSystemFont, sans-serif;
	--font3: 'FuturaPT2', -apple-system, BlinkMacSystemFont, sans-serif;
	--blue: #0e0e96;
	--bgblue: #010058;
	--red: #ff1400;
	--gray: #27292b;
	--white: #fff;
	--black: #000;
	--yellow: #ffd600;
}
/*
@font-face {
    font-family: 'FuturaPT';
    src: url('/fonts/futura/FuturaPTExtraBoldOblique.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
*/

@font-face {
  font-family: 'FuturaPT2';
  src: url('/fonts/futura/FuturaPTExtraBoldOblique.woff2') format('woff2'),
	   url('/fonts/futura/FuturaPTExtraBoldOblique.woff') format('woff'),
       url('/fonts/futura/FuturaPTExtraBoldOblique.ttf') format('truetype'),
       url('/fonts/futura/FuturaPTExtraBoldOblique.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  letter-spacing: 2px;
}
/*
@font-face {
  font-family: 'FuturaPT';
  src: url('/fonts/futura/FuturaPTExtraBoldOblique.woff2') format('woff2'),
       url('/fonts/futura/FuturaPTExtraBoldOblique.woff') format('woff'),
       url('/fonts/futura/FuturaPTExtraBoldOblique.ttf') format('truetype'),
       url('/fonts/futura/FuturaPTExtraBoldOblique.otf') format('opentype');
  font-weight: 800;
  font-style: oblique;
  font-display: swap;
}
*/
@font-face {
    font-family: 'Inter Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/inter/Inter-Regular.woff') format('woff');
}

body {
	font-family: var(--font);
	color: #fff!important;
	min-height: 20rem;
	background-image: none;
	background-position: center center;
	background-size: 100%;
	background: #000;
	height: 100vh;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font2);
  font-weight: bold;
  color: #fff;
}

p {
	font-family: var(--font);
}

.brandSelect {
	
}
.brandSelect img {
	
}

.pulseBtItem { 

}

.pulseBtItem:hover {
	
}

.font {  font-family:  var(--font);}
.font0 { font-family: var(--font0);  }
.font1 { font-family: var(--font1); }
.font2 { font-family: var(--font2); font-family: var(--font0), sans-serif; font-weight: 800; font-style: italic;}

.fitalic { font-style: italic; }

.lh1em { line-height: 1em; }
.lh2em { line-height: 2em; }

.lp1{ letter-spacing: 1px; }
.lp2{ letter-spacing: 2px; }

.dbInlineBlock { display: inline-block; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }

.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }

.blueTxt { color: var(--bgblue); }

#mainNavbar
{
  background-color: transparent;
  border-bottom: 0px solid var(--blue);
  z-index: 200;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;

}
#mainNavbar .navbar-logo {  }
#mainNavbar .navbar-logo > img {
    max-height: 70px;
    padding: 5px 0px;
	
}

#mainNavbar .navbar-brand {
  color:  var(--white)!important;
  font-family: 'inter-variable', Arial, sans-serif;
  font-weight: bold;
}


#mainNavbar #topmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 45px;
  width: 100%;
}


#mainNavbar #topmenu > li {
    display: block;
}

#mainNavbar #topmenu > li > a {
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: var(--font0);
  font-size: 16px; text-align:center;
}

#mainNavbar #topmenu > li > a:hover {
	color:#fff;
	text-decoration: underline;
}

.half-block { width:4.2%; }
.hideEmpty { display:none; }
.row { width:100%; margin: 0; }
.dil { display:inline; }
.dilb { display:inline-block; }
.db { display: block; }
.dn { display: none; }

.no-gutters {padding:0;}
header.homehead {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
	font-family: 'inter-variable', Arial, sans-serif;
	color: #fff;
	text-align: center;
}

header.promohead {
	
}

header..promohead {
	padding:15px;
	margin: 15px;
}

header.promohead p {
	font-size:14px;
	font-weight:300;
	font-family: 'inter-variable', Arial, sans-serif;
}
header.promohead .promohead-text {
	padding:1rem 2rem;
}
header.promohead  .promohead-img {
	min-height:30rem;
	background-size:cover
}
@media (min-width:768px) {
	header..promohead  .promohead-text {
		padding: 1rem 2rem
	}
}

#errorMsgPanel{
	position:fixed;
	top:0;
	left:15px;
	right:15px;
	z-index: 999;
}
#infoMsgPanel{
	position:fixed;
	top:0;
	left:15px;
	right:15px;
	z-index: 999;
}
#appMsgPanel{
	position:fixed;
	top:0;
	left:15px;
	right:15px;
	z-index: 999;
}

.ct1 {
  padding-top: 3rem;
}

.promo-list {}

.promoBlockTitle {
  font-family: 'inter-variable', Arial, sans-serif;
  font-size: 26px;
  margin-bottom: 0px;
  font-weight: bold;
  padding: 10px 0px;
  line-height: 25px;
  height: 4.5rem;
  overflow: hidden;
}

.prBlock {
	position: relative;
	display: block;
}

.promoBlockImg  {
	
}
.promoBlockImg > img {
	
  width: 100%;
}

.blockActive { position:relative; }
.blockInactive { position:relative; }

.promoBlockExpiredImg {
  position: absolute;
  top: 0;
  left: 12px;
  background-color: rgba(0,0,0,0.3);
  bottom: 0;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  padding-top: 50%;
}
.promoBlockExpiredImg > img {
    width: 90%;
    display: inline;
}
.promoBlockBtn {
  padding: 8px 8px;
    padding-top: 8px;
  text-align: center;
  display: block;
  width: 100%;
  padding-top: 15px;
}

.promoBlockBtn > div { display:inline-block; }

.promoBlockBtn > div > span {
    border-right: 1px solid #fff;
    display: inline-block;
    padding-right: 10px;
    line-height: 15px;
    float: left;
    padding: 8px 10px;
    font-size: 12px;
	font-family: inter-variable, Arial, sans-serif;
}

.promoBlockBtn > div > i {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 8px;
    float: left;
    padding-top: 12px;
}

.btn-yellow { background-color:var(--yellow); color:#000000; }
.btn-yellow:hover { background-color:#000000; color:var(--yellow); border-color:var(--yellow); }

.messagePanelLayer {position: fixed;background-color: rgba(0,0,0,0.7);top: 0;left: 0;right: 0;bottom: 0;z-index: 999; overflow:auto;}
.messagePanelLayer .messagePanelInner {
	background-color: transparent;
	position: absolute;
	top: 15vh;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	left: 0;right: 0;
	border-radius: 15px;
	color: #000;
	padding: 15px;
	box-shadow: none;
}

.messagePanelLayer .messagePanelInner .invalidPopup{
	background-color: #fff;
	color:#000;
	border-radius: 15px;
	box-shadow: 0px 0px 5px #fff; 
	padding-top:15px;
}
.messagePanelLayer .messagePanelInner .invalidPopup p {
  font-family: var(--font0);
  font-size: 20px;
  color: var(--bgblue);
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    background-color: #07104ae0;
    overflow-x: hidden;
    padding-top: 15px;
    transition: 0.5s;
}
#promoHeadPanel {
	margin:0;
	padding:0;
}

#promoMainMenu {
	border: none;
	font-family: 'inter-variable', Arial, sans-serif;
}

.img-responsive { max-width:100%; }


#promoMainMenu a {
    font-family: 'inter-variable', Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
}

.myBtn {
	display: inline-block;
	height: 35px;
}

.myBtn > div {
    display: inline-block;
    padding: 8px;
}

.myBtn > div > span {
    border-right: 1px solid #fff;
    display: inline-block;
    padding-right: 10px;
    line-height: 18px;
    float: left;
    padding: 8px 10px;
    font-size: 18px;
	font-family: 'inter-variable', Arial, sans-serif;
}

.myBtn > div > i {
    padding-left: 18px;
    padding-right: 10px;
    font-size: 12px;
    float: left;
    padding-top: 12px;
}

.bgWhite { background-color:#fff!important; color:var(--black);}
.bgGreen { background-color:#c5de00 !important; color:#000;}
.bgBlue { background-color:var(--blue)!important; color:#fff;}
.bgRed { background-color:var(--red)!important; color:#fff;}
.bgBlack { background-color:var(--black)!important; color:#fff;}
.bgGray { background-color:#86959C!important; color:#fff;}
.bgYellow { background-color:var(--yellow)!important; color:#000;}

.txtBlue { color: #033f85; }
.txtRed { color: #ED1C24; }
.txtBlack { color: #000; }
.txtGray { color: #86959C; }
.txtellow { color: var(--yellow); }

.bgligh10 { background-image: url(/mg/w10p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh20 { background-image: url(img/w20p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh30 { background-image: url(img/w30p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh40 { background-image: url(img/w40p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh50 { background-image: url(img/w50p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh60 { background-image: url(img/w60p.png); background-repeat: no-repeat; background-size: cover; }
.bgligh70 { background-image: url(img/w70p.png); background-repeat: no-repeat; background-size: cover; }

.round5 { border-radius: 5em!important; } 

.dpinlineblock { display: inline-block; }
.dpInlineBlock { display: inline-block; }
.dpblock { display: block; }
.dpBlock { display: block; }

#applicationForm select {
  padding: .45rem;
}
@media (min-width: 768px) {

}

@media (min-width: 768px) {
  
}

footer.footer {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #000;
  color: #fff;
  background-position: bottom right;
  border-top: 0px solid var(--red);
}

footer.footer a {
  color: var(--white);
  letter-spacing: 2px;
  text-decoration: none;
  font-family: var(--font2);
}
footer.footer a:hover { color:#fff; text-decoration: underline; }
footer.footer .text-muted { color: #fff !important;  }


@media (min-width: 370px) {
	#mainNavbar #topmenu > li > a {font-size: 16px; text-align:center;}
	#mainNavbar #topmenu {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  flex-wrap: wrap;
	  justify-content: center;
	  margin-top: 45px;
	}

}


@media (min-width: 576px) { 
	#mainNavbar #topmenu > li > a {font-size: 16px; text-align:left;}
	#mainNavbar #topmenu {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  flex-wrap: wrap;
	  justify-content: center;
	}
}

@media (min-width: 768px) { 
	#mainNavbar #topmenu > li > a {font-size: 16px; text-align:left;}
	#mainNavbar #topmenu {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  flex-wrap: wrap;
	  justify-content: center;
	}

}

@media (min-width: 992px) { 
	#mainNavbar #topmenu > li > a {font-size: 16px; text-align:center;}
	#mainNavbar #topmenu {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  flex-wrap: wrap;
	  justify-content: center;
	}
}

@media (min-width: 1200px) { 
	#mainNavbar #topmenu > li > a {font-size: 16px; text-align:center;}
	#mainNavbar #topmenu {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  flex-wrap: wrap;
	  justify-content: center;
	}
}

@media (min-width: 1400px) { 
	#mainNavbar #topmenu > li > a {font-size: 16px; text-align:center;}
	#mainNavbar #topmenu {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  flex-wrap: wrap;
	  justify-content: center;
	}
}