@charset "utf-8";

@media screen{
html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.1px;
	font-size: 100%;
	background-color: #FFFFFF;
}
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

p{margin:0;padding:0;}
.extLink{color:#1e83ec;}	
.extLink:hover{color:#666666;}


.light-blue{color:#1e83ec;}
.mid-blue{color:#0072bc;}
.dark-blue{color:#151275;}
.orange{color:#ff4f0f;}

.PrimaryRed {color:#d62028;}
.PrimaryYel {color:#000000;}
.ActivateForm{}
.LoginForm{}
/*===============*/
.imgContain{
height: 100%; 
width: 100%; 
object-fit: contain;
}
input[type=checkbox]{  -webkit-appearance:checkbox;}
input[type=radio]{    -webkit-appearance: radio;}
/*===============*/
.iconEdit{cursor:pointer;}
/*===============*/
/*.Yell_Txt{ color: #000000;; }*/
/*.Red_Txt{ color: #d62028; }*/
.SliderPopupBodyCopy{
padding:7%;
border:1rem solid #0072bc;
}
.SliderPopupBodyCopy ul{
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
.SliderPopupBodyCopy li{
display: list-item;
line-height:inherit;
}
.SliderPopupBodyCopy .slide_hr{
width:50%;
text-align:center;
margin-top:2rem;
margin-bottom:2rem;
}
.SliderPopupBodyCopy h1{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
font-weight: 300;
font-size: 3vw;
color: #d62028 !important;
}
.SliderPopupBodyCopy h2{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
color: #000000 !important;;
}
.SliderPopupBodyCopy h3{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
color: #d62028 !important;
}
.SliderPopupBodyCopy p{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}
/*==============================================*/
.scss-loader {
  border: 16px solid #d5d5d5;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  margin: auto;
  margin-top: 10%;
  margin-bottom: 20px;
  animation: spin 0.7s linear infinite;
  animation-direction: alternate;
}
@keyframes spin {
    0% { transform: scale(0.9); opacity: 0.3; }
    100% { transform: scale(1); opacity: 1;}
}
.loading-text {
  color: #d5d5d5;
  font-family: sans-serif;
  font-size: 1.5em;
}
@keyframes loading-text {
  0% { content: "Loading"; }
  25% { content: "Loading.";  }
  50% { content: "Loading.."; }
  75% { content: "Loading..."; }
}
.loading-text {
    top: 205px;
    width: 6rem;
    margin: auto;
}
.loading-text:after {
  content: "Loading";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
/*==============================================*/
/*Responsive Iframe*/
.ResponsiveIframeWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.ResponsiveIframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*==============================*/
.MyBlurbImgHolder{
display: inline-block;
overflow: hidden;
position: relative;
margin-top:0;
margin-bottom:1vw;
height:200px;
width:100%;
}
.MyBlurbImg{
display: inline-block;
position: absolute;
top: 0px;
right: 0px;
}
.MyBlurbImg img{
height:200px;
max-width:none;
}
.MyBlurbTxt{
display:block;
padding-left:1rem;
padding-right:1rem;
}
.MyBlurbTxt_Header{
margin-top:1rem;
}
.MyBlurbTxt_Body{
margin-top:1rem;
margin-bottom:1rem;
}
/*===================*/
/* Greyscale Images on hover*/
.ModHover{}
.ModHover:hover{
opacity: .75; 
-webkit-filter: grayscale(100%);
}
/*=============================================================================================*/
.catNav{
/*text-align: left !important;*/
}
.catNav ul {
  position:relative;
  list-style: none;
  margin: 0;
}

.catNav li {
  display: inline-block;
  position:relative;
  height: 2.4em;
  overflow: hidden;
  font-family: 'Nanum Gothic',Helvetica,Arial,Lucida,sans-serif;
  font-size: 2em; 
  color: #0072bc; 
  background-color:#FFFFFF;  
  border-radius: 20px;
  margin: 5px;  
  /*min-width:100px;*/
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}
.catNav li:hover {
  color: #666666;   
}

.catNav a {
  color: inherit;
  text-decoration: none;   
  text-align: center;
  margin-left:0.5em;
  margin-right:0.5em;  
 /* transition: .3s background-color;*/
}
.catNav a:link {
  color: inherit;
  text-decoration: none; 
}
.catNav a:hover {
 color: inherit;
}

.catNav a.active {  
  color: inherit;
}

/* Sub Menus */
.catNav li li {
  font-size: 1.0em;
}
.catMenuTable{border:0 !Important;border-collapse:collapse !important;}
.catMenuTable tr{border:0 !Important;}
.catMenuTable tr td{border:0 !Important;}

.catMenu{
cursor:pointer;
color: inherit;
text-decoration: none;   
text-align: center;
line-height:2.4em;
margin-left:0.5em;
margin-right:0.5em;  
}
.catMenuTxt{
margin-left:0.5em;
margin-right:0.5em; 
font-family: 'Nanum Gothic',Helvetica,Arial,Lucida,sans-serif;
}
.catMenuImgHolder{
height:2.4em;
display: inline-block;
padding: 0 !Important;
}
.catMenuAHolder{
height:2.4em;
display: inline-block;
padding: 0 !Important;
}
.catMenuImg{
height:2.4em;
}

#CatSecTitle {
font-family: 'Nanum Gothic',Helvetica,Arial,Lucida,sans-serif;
font-size: 2.5em; 
}

/*=====================*/
.icoOn{color:#0072bc;}
.icoOff{color:#999999;}
#myIco_Tiles{cursor:pointer;}
#myIco_List{cursor:pointer;}
#myIco_Tiles:hover{color:#ff4f0f;}
#myIco_List:hover{color:#ff4f0f;}

/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/
#AccordionOffersDisplayTable{
/*This is actualy a UL now*/
display: flex;
flex-direction: row;
flex-wrap:wrap;
align-content: flex-start;
justify-content: center;
text-decoration: none !important;  
position: relative;
font-family: 'Nanum Gothic',Helvetica,Arial,Lucida,sans-serif;
font-size: 1rem;
width:100%; 
max-width:100%;
border: 1px solid #0072bc !important;
border-radius: 20px;
padding:10px;
}

.LI_CatItemRow{
border-radius: 20px;
border: 0 !Important;
box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
overflow: hidden;
margin-bottom:10px;
width:100%;
line-height: 0 !important;
}

.isList{width:100% !important;margin-left:0px;margin-right:0px; margin-top:15px}

.isTile{width:23% !important; margin-left:10px;margin-right:10px; margin-top:15px}
@media only screen and (max-width: 1043px){
.isTile{width:31% !important; margin-left:10px;margin-right:10px;}
}
@media only screen and (max-width: 725px){
.isTile{width:100% !important; margin-left:0px;margin-right:0px;}
}

/* Test sections ===================================================*/
/*text box with header*/
.TB_h{margin-bottom:1em;}
/*text box normal Para*/
.TB_np{margin-top:1.5em; margin-bottom:1.5em;}
/*Text box with List Range Left*/
.TB_List_RL{
display: inline-block;
margin-top:1.5em; 
margin-bottom:1.5em;
margin-left: auto;
margin-right: auto;
border: 1px solid #cccccc;
padding:1em;
text-align:center; 
}
.TB_List_RL >ul{ text-align:left; }
@media only screen and (max-width: 1043px){
.TB_List_RL{max-width:85%;}
}
@media only screen and (max-width: 725px){
.TB_List_RL{ max-width:95%;}
}
/*==============================================================*/
.TB_CatItemRow{
width:100%;
border:0 !important;
margin:0 !important;
padding:0 !important;
border-collapse:collapse;
text-align: left;
}

.isTile > .TB_CatItemRow{ 
  text-align: center;
}


.TB_CatItemRow tr{
border: 0 !Important;
}
.TB_CatItemRow tr td{
border: 0 !important;
padding:0 !important;
line-height: 1rem;
}

.offers_mt_tra{
display: flex;
flex-direction: row;
align-items: center;
}

.isTile > .TB_CatItemRow > .offers_mt_tra { 
  flex-direction: column; 
}


.offers_mt_img_tda{
 box-sizing: border-box; 
 align-self: flex-start;
}

.isTile > .TB_CatItemRow > .offers_mt_tra >.offers_mt_img_tda { 
 align-self: center;
}
.isList > .TB_CatItemRow > .offers_mt_tra >.offers_mt_img_tda { 
 align-self: flex-start !important;
 max-width: 250px;
}

.NewstyleTileImage{
height: 200px;
max-width: none;
width: 100%;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
box-sizing: border-box;
}
.NewstyleTileImage:hover{
opacity: .75; 
-webkit-filter: grayscale(100%);
}

.offers_mt_txt_tda{
box-sizing: border-box; 
line-height: 1.5em;
margin-left: 10px;
margin-right: 10px;
color:#333333;
font-family: 'Nanum Gothic',Helvetica,Arial,Lucida,sans-serif;
font-size:0.9em;
}

.isTile > .TB_CatItemRow > .offers_mt_tra >.offers_mt_txt_tda { 
 align-self: center;
 padding:10px;
}

.offers_mt_imga{
width: 100%;
}
.isTile > .TB_CatItemRow > .offers_mt_tra >.offers_mt_img_tda > .offers_mt_imga { 
margin-top: 15px;
}
.offers_mt_txt_headera{
padding:5px;
margin-bottom:0.75em;
color:#0072bc;
}
.offers_mt_txt_bodya{}

.Popover_BlueBorderRow{}
.Popover_ImgHolder{
padding:0 !important;
background-color: #151275;
}
.Popover_Textbox{
padding:0 !important;
}
.Popover_TitleBar{
background-color:#151275;
color:#FFFFFF;
padding:12px;
font-size:1.6em;
margin:0;
box-sizing: border-box; 
border:0;
}
.Popover_DescText{
padding:1em;
}
/*==============================================*/
.MyAccountDisplayArea{}
/*==============================================*/
#Cat_Item_Detail{}
#Cat_Item_Detail_Content{}
#Cat_Item_Detail_Content_Img{}
#Cat_Item_Detail_Content_Head{}
#Cat_Item_Detail_Content_Txt{}
/*==============================================*/
.PopoverVidHolder{width:55%; margin:1.5vw;}
.PopOverClose{color:#FFFFFF;background-color:#d62028;font-size:2vw; font-family: 'Roboto Slab', serif;font-weight:bold;padding-left:0.5vw;padding-right:0.5vw;border:2px solid #d62028;}
.PopOverClose:hover{color:#d62028;background-color:#FFFFFF;}
/*Placeholder :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
::-webkit-input-placeholder { 
/* WebKit, Blink, Edge */
color:    #cccccc;
}
:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */
color:    #cccccc;
opacity:  1;
}
::-moz-placeholder { 
/* Mozilla Firefox 19+ */
color:    #cccccc;
opacity:  1;
}
:-ms-input-placeholder { 
/* Internet Explorer 10-11 */
color:    #cccccc;
}
::-ms-input-placeholder { 
/* Microsoft Edge */
color:    #cccccc;
}

::placeholder { 
/* Most modern browsers support this now. */
color:    #cccccc;
}

.ModalFormTable{border-radius: 5px;padding: 20px;text-align:left;border:0;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.95);}
.mf_input{border:1px solid #666666;font-size:0.9rem;}

.ModalFormTable .fm_row{margin-top:1vw;}
.ModalFormTable .fm_row input[type=text],
.ModalFormTable .fm_row input[type=email],
.ModalFormTable .fm_row input[type=number],
.ModalFormTable .fm_row input[type=password],
.ModalFormTable .fm_row select, 
.ModalFormTable .fm_row textarea{width: 100%;padding: 5px;border: 1px solid #999999;box-sizing: border-box;resize: vertical;font-size:1.2rem;line-height:1.3rem;}

.ModalFormTable .fm_row input[type=checkbox] { transform: scale(1.3); }
.ModalFormTable .fm_row label {font-size:1.2rem;display: inline-block;}
.ModalFormTable .fm_row .fm_col_25 {float: left;font-size:1rem;width: 25%;}
.ModalFormTable .fm_row .fm_col_30 {float: left;font-size:1rem;width: 30%;}
.ModalFormTable .fm_row .fm_col_35 {float: left;font-size:1rem;width: 35%;}
.ModalFormTable .fm_row .fm_col_40 {float: left;font-size:1rem;width: 40%;padding:0.5em;}
.ModalFormTable .fm_row .fm_col_50 {text-align:center;font-size:1rem;width: 50%;}
.ModalFormTable .fm_row .fm_col_50a {float: left;font-size:1rem;width: 50%;padding:0.5rem;}
.ModalFormTable .fm_row .fm_col_60 {float: left;font-size:1rem;width: 60%;padding:0.5em;}
.ModalFormTable .fm_row .fm_col_65 {float: left;font-size:1rem;width: 65%;}
.ModalFormTable .fm_row .fm_col_70 {float: left;font-size:1rem;width: 70%;}
.ModalFormTable .fm_row .fm_col_75 {float: left;font-size:1rem;width: 75%;}
.ModalFormTable .fm_row .fm_col_100 {font-size:1rem;width: 100%;}
.fm_row:after {content: "";display: table;clear: both;}

.form-flex{list-style-type: none;  padding: 0; max-width: 800px;  margin: 0 auto;}
.form-flex li {display: flex;  flex-wrap: wrap;  align-items: center; }
.form-flex li:not(:last-child) {margin-bottom:0.75rem;}
.form-flex > li > label {flex: 1 0 120px;  max-width: 220px;}
.form-flex > li > label[class="switch"] {flex: 1 0 60px;  max-width: 60px; margin-right:1rem;}
.form-flex > li > label[class="myradio"] {flex: 1 0 30px;  max-width: 30px;  margin-left:2rem;margin-right:1rem; margin-bottom: 0.25rem;}
.form-flex > li > label + *{flex: 1 0 220px;}
.form-flex > li > input {border:0; font-family:"Roboto"; font-size:1.2rem;line-height:1.5rem; background-color:#ffffff; color:#160a4f;}
.tnc_cb_FrmItm{font-family:"Roboto"; font-size:1.1rem;color:#160a4f; width:100%;text-align:center;}
.indent1{margin-left:1rem;margin-right:1rem;}
.indent2{margin-left:2rem;margin-right:2rem;}
.indent3{margin-left:3rem;margin-right:3rem;}



.hb_loggedin{display: flex; align-items:center;}
.hb_loggedinTxt{margin-right:0.5rem;}
.hb_loggedinImg{}

/* Toggle Switch =============================================================*/
 /* The switch - the box around the slider */
.switch { position: relative;  display: inline-block;  width: 60px;  height: 34px;}
/* Hide default HTML checkbox */
.switch input {  opacity: 0;  width: 0;  height: 0;}
/* The slider */
.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.slider:before {  position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}
input:checked + .slider {  background-color: #000000;}
input:focus + .slider {  box-shadow: 0 0 1px #000000;}
input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}
/* Rounded sliders */
.slider.round {  border-radius: 34px;}
.slider.round:before {  border-radius: 50%;} 
/*=========================================================================*/
/*.see_full_list_btn:hover, .showActivation_btn:hover, .showMore_btn:hover{
border:3px solid #ffffff !important;
}*/
.offer_link{cursor:pointer;}
.pageButton{cursor:pointer;}
.menuLiButton{cursor:pointer;}

.MyAccountTxtBlock{
text-align:left;
}
.popupHeader {font-size:16px; }
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}
.action_btns {clear:both; overflow: hidden;}
.action_btns a {display: block;}
.popupBody {padding:20px;}
.editPopupContainer{
	position:absolute;
	max-width:600px;
	height: auto;
	left:45%;
	top:80px;
	background: #0072bc;
	font-family:'robotolight',sans-serif;	
	color: 	#151275;
}
.editPopVarlabel{color:#FFFFFF;margin-right:10px;}
.editPopFormInput{color:#231F20;}
.editVarSubmit{margin-left:10px;}

}
/*DIVI Breakpoints ################################################*/
/* Desktop*/
@media only screen and (min-width: 981px){
.PopoverVidHolder{width:55%; }
.PopOverClose{font-size:2vw; padding-left:0.5vw;padding-right:0.5vw;}
}
/* Tablet */
@media only screen and (max-width: 980px) and (min-width: 768px){
.PopoverVidHolder{width:85%; }
.PopOverClose{font-size:3vw; padding-left:0.8vw;padding-right:0.8vw;}
}
/* Phone */
@media only screen and (max-width: 767px){
.PopoverVidHolder{width:98%; }
.PopOverClose{font-size:3vw; padding-left:0.8vw;padding-right:0.8vw;}
}
/*END DIVI Breakpoints ##############################################*/
/*Deal with IE 11 ###################################################*/
/* https://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11*/
@media all and (-ms-high-contrast:none){
.et_pb_blurb{ flex-basis: auto !important;}

}