/****************************************************************** 
 * override base, body, h1, links and btns *
 *************************************************************************** */
body {
	margin: 0;
	padding: 0;
	font-family: 'Karbon-Regular', serif;
	font-size: 17px;
/*	line-height: 20px;*/
	color:#193a4a;
	text-align:center;
	/*background: #8e5d37 url(../images/bg1.jpg) center top no-repeat;
	background-positon:cover cover;
	*/
	background:#fff url(../images/teton-bg.jpg) center top no-repeat;
	background-size:cover;
	min-height:600px;
}



.bg-overlay{
	display:block;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(25,58,74,.65);
	width:100vw;
	height:100vh;
	min-height:600px;
	z-index:0;
}
body#back {
	/*
	background: #8e5d37 url(../images/firstBG.jpg) center top no-repeat;
	*/
	background:#fff url(../images/teton-bg.jpg) center top no-repeat;
	}

a {
	color:#254657;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #aa3930;
	text-decoration: underline;
}
.img-rounded {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
}
h1, h2, h3 {padding-bottom:.4em;}
h1,
h2,
h3 {
  line-height: 26.5px;
  font-family: 'Karbon-Bold', serif;
}

h1 {
  font-size: 27px;
}

h2 {
  font-size: 24px;color:#fff;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

.btn, input.btn {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	font-family: 'Karbon-Regular', serif;
	*zoom: 1;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	background-color: #aa3930;
	border: 1px solid transparent;
	
	border-radius: 6px;
	}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	color: #fff;
	background-color: #7f2f29;
	*background-color: #d9d9d9;
	}
.btn:active,
.btn.active {
	background-color: #7f2f29 \9;
	}
.btn:first-child {
	*margin-left: 0;
}
.btn:hover, 
input.btn:hover,
.btn:focus {
	color: #fff;
	text-decoration: none;
	background-position: 0 -60px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.btn.active,
input.btn:active, 
.btn:active {
	background-image: none;
	outline: 0;
	}



/****************************************************************** 
 * containers or wrappers *
 *************************************************************************** */

	
.contentWrap .top {

	padding-top:0;
	text-align:left;
	}
#loginoverpromo .contentWrapBack {
	margin:0;
	margin-top:20px;
	}
.row.contentWrapBack div {
    -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;
	
}
#trig {
    margin: 10px;
}
.shift-left {
    margin-left: -35% !important;
}
.shift-right {
    margin-left: 0px !important;
}
.contentWrapBack .col-xs-0 {
    width: 0;
    margin-left: 0;
}
.contentWrap .middle {
	background:#193a4a;
	text-align:left;
	/*border-left:1px dashed #d4d4d4; */
	color:#fff;
	}
.contentWrap .middle a,
.contentWrap .middle a:link,
.contentWrap .middle a:visited,
.contentWrap .middle a:hover,
.contentWrap .middle a:focus,
.contentWrap .middle a:active {
	color:#fff;
}
.middle div { /* border-right:1px dashed #d4d4d4; */ }
.middle .btn img {max-width:33px;margin-right:10px;display:inline;}
.middle .btn {margin-top:10px;margin-bottom:10px; width:100%;}
.old_ie .row.middle {margin-top:10px !important;}
.contentWrap ol, .contentWrap ul {
	list-style: none;
	}
#loginoverpromo {
	position:relative;
	width:100%;
	max-width:980px;
	 z-index:1; 
	 margin:0px auto; 
	 background:url(../images/white.png) repeat;
	 -webkit-box-shadow: 2px 2px 8px 2px rgba(000,000,000,0.2);
	 -moz-box-shadow: 2px 2px 8px 2px rgba(000,000,000,0.2);
	box-shadow: 2px 2px 8px 2px rgba(000,000,000,0.2);
	padding:0 0 10px 0px;
	 }
	 
/****************************************************************** 
 * logo AND BRAND *
 *************************************************************************** */



.logo {
	display:inline-block;
	text-align:left;
	position:relative;
	z-index:200;
	margin-top:20px;
	padding-bottom:20px;
	}	
.logo img {
	width:100%;
	max-width:375px;
	min-width:90px;
	}

.old_ie .logo img {width:150px !important; height:92px;margin-bottom:10px;}
/****************************************************************** 
 * navigation icons on mobile *
 *************************************************************************** */



.btn.btn-navbar img {
	width:100%;
	min-width:32px;
	max-width:44px;
	}


.btn.btn-navbar {
	max-width:50px;
	padding:8px;
	text-align:right;
	margin-right:-15px;
	margin-top:10px;
	}

 

/****************************************************************** 
 * ovderride primary nav or main nav *
 *************************************************************************** */


.nav-justified {
	width:100%;
	font-size:16px;
	display:inline-block; 
	background:#dfdfdf;
	padding-left:0;
	}
.old_ie .nav-justified {display:inline-block !important;}
.nav-justified li {
	border-right:1px dashed #d4d4d4;
	white-space:nowrap; 
	}
.old_ie .nav-justified li {
	display:inline-block !important;
	width:19%;
}

.old_ie .nav-justified .subMenu li {
	display:inline-block !important;
	width:100%;
}


.nav-justified li.lastLi {border-right:0;}
.nav-justified li a {
	margin-left:2px;
	margin-right:2px;
	padding-bottom:10px;
	padding-top:10px;
	display:block;
	color:#928f58;
	font-family: 'Karbon-Regular', serif;
	}
.old_ie .nav-justified li a {padding:10px;width:100%;}
a.phone {font-size:18px;}


.nav-justified > li > a:hover, .nav-justified > li.active > a {
	background:#895738;
	color:#fff;
	text-decoration: none;
	-webkit-box-shadow: inset 0 0 12px 0 #351f17;
	-moz-box-shadow: inset 0 0 12px 0 #351f17;
	box-shadow: inset 0 0 12px 0 #351f17;
	text-shadow: 0 0 3px #FFFFFF;
}
.nav-justified .active > a,
.nav-justified .active > a:hover {
	text-decoration: none;
}

.nav.nav-stacked {
	border-left:1px dashed #d4d4d4;
	}
.nav-collapse h1 { 
	color:#886b5e;
	float:left;
	width:38%;
	margin-top:50px;
	margin-left:0px;
	font-size:24px;
	text-align:left;
	padding:0 0 30px 0;
}
.old_ie a.phone.hidden-md.hidden-lg {display:none !important;}
.old_ie .nav-collapse h1 { margin-left:10px;}
.old_ie .mastWrap ul {list-style:none;}
.old_ie .nav-collapse.collapse {display:inline !important;}
/****************************************************************** 
 * utility *
 *************************************************************************** */




.uti {
	clear:right;
	top:10px;
	right:20px;
	padding: 0;
	width:auto;
	white-space:nowrap;
	position:relative;
	text-align:right;
	z-index:0;
	}
.old_ie .uti {padding-right:30px !important;}
.uti ul {
	margin: 0;
	padding: 0;
	display:inline-block;
	white-space:nowrap;
	position:relative;
	}

.uti li {
	margin: 0;
	padding: 0;
	text-align: left;
	display: inline-block;
	list-style:none;
	position:relative;
	top:0;
	vertical-align:top;
	}
.old_ie .uti li:first-child {width:0 !important; max-width:none !important; overflow:hidden;}
.old_ie .uti li:last-child {padding-right:25px !important}
.uti a:link, .uti a:visited {
	text-decoration: none;
	padding: 10px 10px 0 10px;
	display: inline-block;

	}

.uti a:hover, .uti a:active {

	}


/****************************************************************** 
 * logins *
 *************************************************************************** */

	





.loginArea {
	width:100%;
	background:#424141;
	margin-bottom:10px;
	z-index:400;
	padding:12px 0 12px 0;
	height:255px;
	max-height:255px;
	overflow:hidden;
	}
.old_ie .loginArea {min-height:255px;padding-top:18px;}
.loginArea .border {margin:0 10px;}
.loginArea h1, .BB h1 {
	font-family:"Karbon-Regular", sans-serif;
	font-weight:normal;
	position:relative;
	padding:0;
	margin:0; 
	font-size:24px;
	color:#fff;
	}
.loginArea h1 img {max-width:22px;margin-right:10px;margin-top:-10px;}
.loginArea .BB h1 img {max-width:20px;margin:-4px 0 0 6px;}
.loginOB {
	padding: 5px 8% 5px 6%;
	position:relative;
	}
.loginCol {
	margin-top:5px;
	margin-bottom:5px;
	}
.BB {
	margin:16px 0 7px 0;
	border-top:1px dashed rgba(255,255,255,0.25); 
	padding-top:10px;
	}
.BB h1 a {color:#fff;margin:0;padding:0;}
.BB a.btn {width:100%;}
.alert {
	background-color:#183a4a;
	text-align:center;
	border:1px solid #183a4a;
	color:#fff;
	}
.alert.frontier-alert {
	border-radius:0;
	/* padding: 30px 15px; */
	padding:0;
}
.alert.frontier-alert hgroup {
	display:flex;
	flex-direction:column;
	align-content:flex-start;
	justify-content:center;
	gap:4px;
}
.alert.frontier-alert hgroup h1 {
	flex: 1 1 auto;
	font-family:'Karbon-Bold', sans-serif;
	font-weight:bold;
	font-size:32px;
	margin:0 auto;
	padding:0;
}

.alert.frontier-alert hgroup span {
	flex: 1 1 auto;
	font-family:'Karbon-Regular', sans-serif;
	font-weight:normal;
	font-size:20px;
	margin: 0 auto;
}
.backToTopButton {
	background:#254657;;
	border:1px solid #f5f5f5;
	position:fixed; 
	bottom:5px; 
	right: .25%; 
	padding:.4em;  
	width:22%;
	z-index:300;
	}
.alert a, a.backToTopButton  {
	color:#fff !important; 
	text-decoration:underline !important;
	}
.loginCol a{
	color:#fff; 
	margin-right:10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:5px 0;
}

.mobileLinks a {
	color: #fff;
	white-space: nowrap;
}

#loginoverpromo .loginArea a.btn {text-align:left;}
#loginoverpromo .loginArea .form-group {margin:4px 0;width:98%;}
#loginoverpromo .loginArea .form-group.password {width:60%;margin-left:0;}
#loginoverpromo .loginArea .form-group.input-group-btn {width:25%; }
#loginoverpromo .loginArea .form-group input {color: #473228;}
#loginoverpromo .form-control:-moz-placeholder, #loginoverpromo .form-control::-moz-placeholder,#loginoverpromo .form-control:-ms-input-placeholder,#loginoverpromo  .form-control::-webkit-input-placeholder {
  color: #473228 !important;
}
#loginoverpromo .loginArea .form-group input.btn.btn-default {
	color:#fff;
	/*
	-webkit-box-shadow:  0 2px 3px rgba(000,000,000,0.5), 0 0 3px rgba(0,0,0,0.0);
	-moz-box-shadow:  0 2px 3px rgba(000,000,000,0.5), 0 0 3px rgba(0,0,0,0.0);
	box-shadow:  0 2px 3px rgba(000,000,000,0.5), 0 0 3px rgba(0,0,0,0.0);
	*/
	box-shadow: none !important;
	border-bottom-left-radius:6px;
	border-top-left-radius:6px;
	}
#loginoverpromo .loginArea .form-group input.btn.btn-default:hover {
	border-color:transparent;
}
.old_ie .form-group.password {display:inline-block !important;float:left;}
.old_ie .loginCol {clear:both; display:block;}
.old_ie .loginArea .form-group.input-group-btn {position:relative;top:6px; }
/****************************************************************** 
 * search *
 *************************************************************************** */



.searchArea {
	position:relative;
	display:block;
	top:5px;
	padding-bottom:40px;
	}
.searchArea form {
	position:relative;
	top:0;
	vertical-align:top;
	margin:0;
	padding:0;
	}



.nav.nav-stacked {text-align:left;}
.nav.nav-stacked a {text-align:left;margin-left:10px;}
.nav.nav-stacked a.btn {width:80%; margin:0 auto;}
.nav.nav-stacked a.btn img {width:18px; margin:-3px 0 0 0;}
/****************************************************************** 
 * special modules or containers *
 *************************************************************************** */

.fullPromo {
	width:100%; 
	height:100%; 
	position:fixed;
	top:60px;
	width:100%;
	z-index:0;
	}
.fullPromo img {width:100%;}
.container.wideWrap {
	position:relative;
	width: 100%;
	max-width: 980px;
	padding-left: 0;
	padding-right: 0;
	z-index:100;

	
	}
.old_ie .container.WideWrap {
  min-width:970px !important;
  width:970px !important;
 padding:0;
}
.wideWrap {
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	}

.wideWrapInner {
	margin: 0 auto;
	max-width:100%;
}
.old_ie .wideWrapInner {
	width:940px;
	max-width:940px;
}
.highlight.side {text-align:left;}
.highlight li {
	margin-left:-12px;
	padding: 12px 12px;
	}
.highlight li:hover {
	color:#fff;
	background:#666;
	text-decoration: underline;
	}
.highlight li:hover a {color:#fff;}

.module h1 {
	background: ;
	padding: px;
	margin: px;
	}

.module a:link, .module a:visited {
	padding: 11px 0;
	text-decoration:none;
	}
.module a:active, .module a:hover { 
	text-decoration:none;
	
	}

.top .moduleWrapper1 {min-height:100px;}
.bottom .moduleWrapper1 {min-height:240px;}

.top .module1 {min-height:80px;}
.bottom .module2 {min-height:271px;}

.top .module1 ul,
.middle .module1 ul,
.bottom .module1 ul,
.top .module2 ul,
.middle .module2 ul,
.bottom .module2 ul {
	padding-left: 12px;
	}






/****************************************************************** 
 *main promotion *
 *************************************************************************** */
.slides {
	position: relative;
	margin:0;
	}
.promoMain {margin:0;}
.promoMain .promoImg {
	position:relative; 
	top:0;
	left:0;
	z-index:10;
	}
.promoMain .promoImg img {width:100%;}


.promoMain .promoTxt h1 {
	font-size:26px;
	line-height:1.05;
	margin:10px 0px 5px 0;
	}
.promoMain .promoTxt p {
	line-height:25px; 
	padding-top:0;
	margin-top:0; 
	}
.promoMain .promoTxt .btn {
	font-size:16px;
	line-height:20px;
}
.flexslider.promoMain {
	position:relative;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width:100%;
	
	max-height:255px;
	overflow:hidden;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	}
.promoMain .promoTxt {
	font-size:16px;
	line-height:normal;
	z-index:300;
	position:absolute;
	top:0;
	left:0px;
	color:#fff;
	background:#183a4a;
	display:block;
	width:250px;
	text-align:center;
	padding:10px;
	}
.promoTxt h1 {font-size:16px;padding-left:10px; }
/* .border { border:1px dashed rgba(255,255,255,0.25);} */
.grpSquare {position:absolute; top:255px; right:0px; z-index:300;}
.old_ie .grpSquare {right:20px; }
/****************************************************************** 
 * smaller promotions with scale on hover for images*
 *************************************************************************** */
.promoSmall img {
	width: 100%;
	-webkit-box-shadow:  2px 2px 1px 1px rgba(000, 000, 000, .15);
	box-shadow:  2px 2px 1px 1px rgba(000, 000, 000, .15);
	-webkit-border-radius: 4px;
	border-radius:4px;
	}
.promoSmall a img { 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out; 
	}
.promoSmall a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05); 
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05); 
	}



.middle.news {
	margin-top: 16px;
	font-size:20px;
	line-height:1.2;
	padding:20px;
	}
	
.middle.news h2 {
	font-size:32px;
	padding-top:.4em;
	padding-bottom:0;
}

.middle.news ul {
	padding-left: 0;
	margin-bottom: 12px;
	max-height:450px;
	min-height:100px;
	overflow:auto;
	}
.middle.news ul li {
	padding-left: 0px;
	padding-top: 0;
	padding-bottom: 0;
	background: url(../images/bullet.png) no-repeat .5em 1em;
	line-height:16px;
	}

.middle.news ul li a {
	font-size: 16px;
	line-height: 35px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	display: block;
	}
.middle.news ul li:hover a,
.middle.news ul li:active a {
	background: rgba(0,0,0,.05);
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}




/****************************************************************** 
 * content area on backpages *
 *************************************************************************** */
.content {
	padding: 0 0 30px 30px;
	clear:both;
	font-size:14px;
	line-height:1.75em;
	text-align:left;
	border-top: none;
	}
.content a {text-decoration:underline;}
.content ul, .content ol {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	}
	
.content ul li { 
	padding: 0 0 6px 20px;
	}
	
.content ol li {
	margin: 0 0 6px 25px;
	}
	/*mixed lists */
.content ul ul, .content ol ol {
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}

.content ul li, .content ol li ul li, .content ol li ul li ol li ul li {
	background: url(../images/bullet.png) no-repeat 0 .8em;
	list-style:none;
	}
.content ol li, .content ol li ol li, .content ul li ol li ol li {
	background:none;
	list-style:decimal;
	}
.content ol li ol li {
	background:none;
	list-style:lower-alpha; 
	}

.content ul ul li {
	background: url(../images/bullet2.png) no-repeat .2em .9em;
}

.contentImg { /* ensure that there is a width and height attribute on the image in case the WYSIWYG editor assigns a snippet's image a width or height of 0 */
	padding:.5em 2%;
	width:auto;
	float:right;
	margin:0 0 .5em 3%;
	}
.hed img, .content img {max-width:100%;}	 /*image punch*/


.hed {
	margin-bottom: 20px;
	}

.hed img {
	max-width: 940px;
	}

.content h1:first-child,
.content h1:first-of-type {
	
	}

blockquote {border-left:0;}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 50px;
	position: relative;
	left: -20px;
	top: 0;
	color: #7a7a7a;
}
blockquote cite {
	color: #999999;
	display: block;
	margin-top: 10px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}
.content a.btn {padding:6px 12px; text-decoration:none;}

/****************************************************************** 
 * footer nav and images *
 *************************************************************************** */
.footWrap ul {
	list-style: none;
	padding: 15px 0;
	float:right;
	text-align:right;
}
.footWrap li {
	
	list-style: none;
	vertical-align: middle;
	display: inline;
	line-height:33px;
}
.footWrap a:link, .footWrap a:visited {
	display:inline;
	text-decoration: none;
	margin:0 10px 10px 10px;
	}
.footWrap a:hover, .footWrap a:active {
	text-decoration:underline;
	}
img.ehl {margin-top:-3px;}
.footWrap .pull-right {text-align:right;}
.footWrap img {display:inline;}
.footWrap li.lastLi {display:block;}
.address {padding-top:0px; padding-left:15px;}
.address {
	font-size: 20px;
	color:#193a4a;
}
.old_ie .footWrap span.visible-lg {display:inline !important;}
.old_ie .footWrap span.hidden-lg {display:none !important;}
/****************************************************************** 
 * forms *
 *************************************************************************** */
label {
	display: block;
	margin: 2px 0 0 0;
	}

	
.appfield1 {

	box-shadow: 0 5px 5px #ddd inset;
}





/****************************************************************** 
 * tables *
 *************************************************************************** */
table { 
	vertical-align:top;
	-webkit-box-shadow: 3px 0 5px 0 rgba(180,153,84,0.2);
	box-shadow: 3px 0 5px 0 rgba(180,153,84,0.2);
	width:100%;
	}
form table, table table {
	-webkit-box-shadow: 0;
	box-shadow: 0;
	}
.tableheader {
	background:#cfb874 ;
	color: #fff;
	font-weight: bold;
	padding:.3em 0;
	}
	
th {
	border-bottom: 1px solid #efefef;
	
	color:#928f58;
	font-size:15px;
	padding:.3em 0;
	line-height:normal;
	}
th a.btn {margin:5px 0;font-size:10px; line-height:11px;padding:4px !important; display:block;}
.table-striped th {text-align: left;-webkit-box-shadow: 3px 0 5px 0 rgba(180,153,84,0.2);
	box-shadow: 3px 0 5px 0 rgba(180,153,84,0.2);}
.tablecontent1 {
	border-bottom: 1px solid #fff;
	background-color: #efefef;
	padding:.3em 15px;
	
	}
	
.tablecontent2  {
	border-bottom: 1px solid #fff;
	background-color:#fff;
	padding:.3em 15px;
	
	}
.table-striped {text-align:center;}
.table-striped tbody td {
	vertical-align:top;
	font-size:13px;
	line-height:normal;
	}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background:#fff;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #efefef;
}
.table-striped tr td:first-child {
	color:#aa8944; 
	text-align:right; 
	vertical-align:top;
	-webkit-box-shadow: 3px 0 5px 0 rgba(180,153,84,0.2);
	box-shadow: 3px 0 5px 0 rgba(180,153,84,0.2);}
table ul {vertical-align:top; margin:0;padding:0;}
table li {text-align:left; margin-left:0 !important; background:none !important;padding-left:0px !important; border-bottom:1px solid #eee;}
.altTd {
	border-left:1px solid #ece7d2;
	border-right:1px solid #ece7d2;
	
	}


/****************************************************************** 
 * etc formatting other *
 *************************************************************************** */
sup {font-size:.6em;}/*make sup smaller*/
.faqQ { 
	font-weight: bold;
	}

.faqQ { }
.faqA { }
	
.xsmall {
	font-size:.8em; 
	}
.small {
	font-size:.9em;
	}
.medium {
	font-size:1em;
	}
.large {
	font-size:1.1em;
	}
.xlarge{
	font-size:1.2em;
	}

.special3 {
	}
.special2 {
	}
.special1 {
	}

.disclaimer {
	color: #7e7e7e;
}
	
.required {
	color: #cc6500;
}

.center {
  text-align:center;
}
.floatLeft {
  float:left;
  margin:0 10px 10px 0;
}
.floatRight {
  float:right;
  margin:0 0 10px 10px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------SECTION 980 plus DESKTOP ONLY-----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 980px) and (max-width: 1024px) {
	.address span.visible-lg {display:inline !important; } 
	.address span.hidden-lg {display:none !important; line-height:0;}
	}
@media (min-width: 980px) {
	.collapse {display:block;} 
	.content {min-height:450px;}
	.address span.visible-lg {display:inline !important; } 
	.address span.hidden-lg {display:none !important; line-height:0;}
	
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------smaller than desktop group---------------------------------------------------------------------------------------------*/
/*------------------------------------------------SECTION 979 and below ------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 979px) {
.hed img {margin-top:10px;width:100%;}
.qr {margin-bottom:20px;}
.address {margin-right:20px;}
#loginoverpromo {
	width:100%;
	max-width:940px; 
	z-index:0;  
	margin:0 auto;
	}

body {
	padding-top: 0;
	}

.loginOB {margin:10px 0 !important;padding:0;}
.loginOB select.btn {width:100% !important;}
.nav-justified, .uti, .searchArea {
	width:100%;
	max-width:100%;
	clear:both;
	display:block;
	text-align:left;
	top:0;
	left:0;
	padding:0 !important;
	}
.nav-collapse ul {margin-left:-15px;}
.nav-justified {padding:10px 0;background:none;}
.nav-justified li a, .uti li a {
	border:none !important;
	text-align:left !important;
	background:none;
	font-size:15px;
	padding:10px 0 !important;
	margin:0 !important;
	line-height:22px !important;
	}
.nav-justified li, .uti li {
	display:block; 
	text-align:left !important;
	margin-bottom:8px;
	border:none;
	padding-left:20px;
	border-bottom:1px dashed #d4d4d4;
	background:none;
	width:100%;
	display:block;
	margin-left:10px;
	}
nav-justified li {margin-left:0px !important;}
.nav-justified li a:link,
.nav-justified li a:visited {
	background:none !important;
	border-bottom:1px dashed #d4d4d4;
}
.nav-justified li a:hover,
.nav-justified li a:focus, 
.nav-justified li.active a {
	color: #e56600;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.nav-collapse h1 {
	position:relative; 
	clear:both;
	float:none;
	width:90%;
	margin-left:20px;
	padding:0 !important;
	}

.flexslider {
	margin-bottom:15px !important;
	}

.nav-collapse.collapse.in {
	margin-top:0;
	background:#fff;
	border-top:5px solid #333;
	height:450px !important; /* setting explicit height to activate animated slide */
	width:100%;
	}


.promoTxt, .promoTxt h1 {
	font-size:16px; 
	line-height:21px;
	margin-left:0;
	}
.footWrap {margin-top:10px;}
.footWrap ul {
	display:block;
	min-height:1.6em;
	}
.footWrap li {
	display:inline;
	float:left; 
	margin-right:10px;
	}
.footR {text-align:right;}
.footL {text-align:left;}
.searchArea.col-xs-4.pull-right {width:95% !important; text-align:left;left:0;float:none !important;}
.searchArea input {
	width:70%; 
	display:inline-block;
	min-width:200px;
	}

.searchArea input.btn {
    width: auto !important;
    display: inline-block;
    min-width: 10px;
}

.address span.visible-lg {display:none !important; } 
.address span.hidden-lg {display:inline !important; line-height:0; }
}

.footWrap a.ps,
.footWrap a.ps:link,
.footWrap a.ps:visited,
.footWrap a.ps:hover,
.footWrap a.ps:active { font-size:20px; line-height:1;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------SECTION 768-979 tablet portrait --------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {


body {
	padding-left: 0;
	padding-right: 0;
	}

.middle a.btn {font-size:12px;}
.middle a.btn img {width:20px;margin-right:3px;}
.searchArea {margin-top:-3px;}


}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------SECTION 768 and below -------------------large phone------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width: 767px) {
.loginOB  {margin:20px auto !important;}
.content {padding:0;margin-left:-15px;}
.logo {margin-left:0px;margin-top:0px;text-align:left;}
/* arrows on promo*/
.flex-direction-nav {
	
	}
.nav-collapse h1 { 
	color:#886b5e;
	float:none;
	width:100%;
	margin-top:20px;
	margin-left:0px;
	font-size:18px;
	text-align:left;
	padding:0 0 10px 0;
}
/*vertical spacing between column groups */
.mastWrap, .contentWrap .middle, .contentWrap .top, .contentWrap .bottom, .footWrap {
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
	}
.mastWrap.marginANDpadding0 { padding-top:10px;}

@media( max-width:767px ){
	.mastWrap {
		border-top: solid 4px #e5e4e8;
	}
}

.module {
	padding:.5em 15px;
	text-align:left;
	min-height:50px !important;
	}
.module ul {margin:0;}
.loginOB {margin:0;padding:0;}
.border-bottom {
	margin:5px 0;
	padding:0; 
	}
.ncua {display:none;}
.footWrap li {
	text-align:center; 
	margin:0 auto; 
	width:auto;
	display:inline;
	}
.foot {width:100%; text-align:center;float:none;clear:both; display:block;margin:0 auto;}
.footWrap a, .footWrap p {display:block; margin:0;margin-bottom:.4em;}
.footWrap a.ps, .footWrap hr {display:block; clear:both;}
.footWrap a.ps,
.footWrap a.ps:link,
.footWrap a.ps:visited,
.footWrap a.ps:hover,
.footWrap a.ps:active { font-size:20px; line-height:1;}
.footWrap .text-left, .footWrap ul li {float:none !important;text-align:center !important;}
.grpSquare {position:relative;top:0; left:0; margin:20px auto; z-index:300;}
.pull-left.qr {display:none;}
.footWrap ul.pull-right {float:none; clear:both; width:100%; text-align:center;}
.hed img {border:1px solid #886b5e;padding-top:0;}
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------SECTION 480 and below ----------------android phones-------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 480px) {
.promoMain .promoTxt {
	font-size:23px;
	line-height:normal;
	z-index:300;
	position:relative;
	clear:both;
	color:#fff;
	background:#254657;
	display:block;
	width:100%;
	text-align:center;
	padding:10px;
	}
.login-collapse {
	-webkit-transform: translate3d(0, 0, 0);
	}



}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------SECTION 320 and below ------------small phones------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 320px) {
.searchArea.col-xs-4.pull-right {max-width:300px !important;}

}

@media (max-width: 240px) {

}







/*------------------------------------------------ZEROS---------------------------------------------------------------------------------*/



/* --------MARGIN & PADDING0-------- */
a.marginANDpadding0,
div.marginANDpadding0,
li.marginANDpadding0,
input.marginANDpadding0,
span.marginANDpadding0 {
	margin: 0;
	padding: 0;
	}




/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------SECTIONINTERNET EXPLORER DESKTOP ONLY---------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------- strange ie */

.old_ie .content {min-height:450px;}
/* make old ie have grid working and not read in phone page */

.old_ie .visible-lg, 
.old_ie .visible-md.visible-lg, 
.old_ie .visible-lg.visible-md {
	display:block !important;
	}
.old_ie .container:before,
.old_ie .container:after {
  display: table;
  content: " ";
}

.old_ie .container:after {
  clear: both;
}

.old_ie .container:before,
.old_ie .container:after {
  display: table;
  content: " ";
}

.old_ie .container:after {
  clear: both;
}

.old_ie .row {
  margin-right: -15px;
  margin-left: -15px;
}

.old_ie .row:before,
.old_ie .row:after {
  display: table;
  content: " ";
}

.old_ie .row:after {
  clear: both;
}

.old_ie .row:before,
.old_ie .row:after {
  display: table;
  content: " ";
}

.old_ie .row:after {
  clear: both;
}

.old_ie .col-xs-1,
.old_ie .col-xs-2,
.old_ie .col-xs-3,
.old_ie .col-xs-4,
.old_ie .col-xs-5,
.old_ie .col-xs-6,
.old_ie .col-xs-7,
.old_ie .col-xs-8,
.old_ie .col-xs-9,
.old_ie .col-xs-10,
.old_ie .col-xs-11,
.old_ie .col-xs-12,
.old_ie .col-sm-1,
.old_ie .col-sm-2,
.old_ie .col-sm-3,
.old_ie .col-sm-4,
.old_ie .col-sm-5,
.old_ie .col-sm-6,
.old_ie .col-sm-7,
.old_ie .col-sm-8,
.old_ie .col-sm-9,
.old_ie .col-sm-10,
.old_ie .col-sm-11,
.old_ie .col-sm-12,
.old_ie .col-md-1,
.old_ie .col-md-2,
.old_ie .col-md-3,
.old_ie .col-md-4,
.old_ie .col-md-5,
.old_ie .col-md-6,
.old_ie .col-md-7,
.old_ie .col-md-8,
.old_ie .col-md-9,
.old_ie .col-md-10,
.old_ie .col-md-11,
.old_ie .col-md-12,
.old_ie .col-lg-1,
.old_ie .col-lg-2,
.old_ie .col-lg-3,
.old_ie .col-lg-4,
.old_ie .col-lg-5,
.old_ie .col-lg-6,
.old_ie .col-lg-7,
.old_ie .col-lg-8,
.old_ie .col-lg-9,
.old_ie .col-lg-10,
.old_ie .col-lg-11,
.old_ie .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.old_ie .col-xs-1,
.old_ie .col-xs-2,
.old_ie .col-xs-3,
.old_ie .col-xs-4,
.old_ie .col-xs-5,
.old_ie .col-xs-6,
.old_ie .col-xs-7,
.old_ie .col-xs-8,
.old_ie .col-xs-9,
.old_ie .col-xs-10,
.old_ie .col-xs-11,
.old_ie .col-sm-1,
.old_ie .col-sm-2,
.old_ie .col-sm-3,
.old_ie .col-sm-4,
.old_ie .col-sm-5,
.old_ie .col-sm-6,
.old_ie .col-sm-7,
.old_ie .col-sm-8,
.old_ie .col-sm-9,
.old_ie .col-sm-10,
.old_ie .col-sm-11,
.old_ie .col-md-1,
.old_ie .col-md-2,
.old_ie .col-md-3,
.old_ie .col-md-4,
.old_ie .col-md-5,
.old_ie .col-md-6,
.old_ie .col-md-7,
.old_ie .col-md-8,
.old_ie .col-md-9,
.old_ie .col-md-10,
.old_ie .col-md-11,
.old_ie .col-lg-1,
.old_ie .col-lg-2,
.old_ie .col-lg-3,
.old_ie .col-lg-4,
.old_ie .col-lg-5,
.old_ie .col-lg-6,
.old_ie .col-lg-7,
.old_ie .col-lg-8,
.old_ie .col-lg-9,
.old_ie .col-lg-10,
.old_ie .col-lg-11 {
  float: left;
}

.old_ie .col-xs-1, .old_ie .col-sm-1, .old_ie .col-md-1, .old_ie .col-lg-1 {
  width: 8.333333333333332%;
}

.old_ie .col-xs-2, .old_ie .col-sm-2, .old_ie .col-md-2, .old_ie .col-lg-2 {
  width: 16.666666666666664%;
}

.old_ie .col-xs-3, .old_ie .col-sm-3, .old_ie .col-md-3, .old_ie .col-lg-3 {
  width: 25%;
}

.old_ie .col-xs-4, .old_ie .col-sm-4, .old_ie .col-md-4, .old_ie .col-lg-4 {
  width: 33.33333333333333%;
}

.old_ie .col-xs-5, .old_ie .col-sm-5, .old_ie .col-md-5, .old_ie .col-lg-5 {
  width: 41.66666666666667%;
}

.old_ie .col-xs-6, .old_ie .col-sm-6, .old_ie .col-md-6, .old_ie .col-lg-6 {
  width: 50%;
}

.old_ie .col-xs-7, .old_ie .col-sm-7, .old_ie .col-md-7, .old_ie .col-lg-7 {
  width: 58.333333333333336%;
}

.old_ie .col-xs-8, .old_ie .col-sm-8, .old_ie .col-md-8, .old_ie .col-lg-8 {
  width: 66.66666666666666%;
}

.old_ie .col-xs-9, .old_ie .col-sm-9, .old_ie .col-md-9, .old_ie .col-lg-9 {
  width: 75%;
}

.old_ie .col-xs-10, .old_ie .col-sm-10, .old_ie .col-md-10, .old_ie .col-lg-10 {
  width: 83.33333333333334%;
}

.old_ie .col-xs-11, .old_ie .col-sm-11, .old_ie .col-md-11, .old_ie .col-lg-11 {
  width: 91.66666666666666%;
}

.old_ie .col-xs-12, .old_ie .col-sm-12, .old_ie .col-md-12, .old_ie .col-lg-12 {
  width: 100%;
}


.old_ie a.marginANDpadding0,
.old_ie div.marginANDpadding0,
.old_ie li.marginANDpadding0,
.old_ie input.marginANDpadding0,
.old_ie span.marginANDpadding0 {
	margin: 0;
	padding: 0;
	}


@media (max-width:411px){
    .content .backToTopButton{
	visibility:hidden;
    }
}

.frontier-logo-alert {
	margin:0 auto;
	padding:0;
	width:auto;
	max-width:100%;
	height:auto;
	position:relative;
	color:#fff;
}

.frontier-logo-alert img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
}