/************* Main *************/
html, body{ min-height: 100%; /*font-family: 'Muli', sans-serif;*/ font-family: Arial, 'Trebuchet MS', 'Helvetica Neue', Helvetica, sans-serif; color: #1C2662; }

body{ 
	padding-top: 20px; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

img{ max-width: 100%; }

#main-container{ 
	background: #fff; 
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-webkit-box-shadow: 0 0 10px 0 #BBB;
	box-shadow: 0 0 10px 0 #BBB;
	padding-top: 15px;
	padding-bottom: 15px;  
}

.alert{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	text-align: center;
	opacity: 1;
	/*animation: hideAnimation 4s forwards ease-out;
	-webkit-animation: hideAnimation 4s forwards ease-out;*/

	animation: fadeOut 30s linear forwards;
	-webkit-animation: fadeOut 30s linear forwards;
}

.alert-inline{
	position: relative;
	top: auto; left: auto; right: auto;
	animation: none;
	-webkit-animation: none;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

.modal-backdrop.in{
	filter: alpha(opacity=70);
    opacity: 0.7;
}

.modal button.close{
    color: #fff;
    border: 2px solid #fff;
    border-radius: 999px;
    padding: 0 6px;
    font-size: 28px;
    opacity: .5;
    position: absolute;
    right: 5px;
    top: 5px
}

.modal button.close:hover{
    opacity: .8;
}

/************* Header *************/
.navbar{ border: none; }
.navbar-header{ position: relative; }

.navbar-brand{ 
	background: #fff url('../img/logo.png') no-repeat left center; 
	background-size: contain; 
	text-indent: -99999px; 
	min-width: 165px; 
	display: inline-block; 
	-ms-behavior: url(/backgroundsize.min.htc);
}

.navbar-toggle .icon-bar{ background: #1C2662; }
.navbar-toggle{ border-color: #1C2662; }

.navbar-red{ background: #c82635 !important; }
.navbar-red a:hover{ color: #fff !important; }
.navbar-red i{ display: none; }

.navbar .highlight{ color: #ffd84c; }

.redbox{ background: #c82635 !important; }

.postalForm{ padding: 20px 0; color: #fff; font-size: 24px; font-weight: bold; margin: -15px -15px 0; /*-moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;*/ }
.postalForm h2{ margin: -10px 0 20px;  font-weight: bold; font-size: 40px; z-index: 1001; position: relative; }
.postalForm form{ background: #1C2662; -moz-border-radius: 10px; border-radius: 10px; margin: 0 auto; width: 90%; padding: 20px; }
.postalForm form label{ margin-right: 10px; }
.postalForm form .btn{ font-size: 22px; font-weight: bold; }
.btn-full{ margin: -13px 0 2px; width: 100%; border-radius: 0; font-weight: bold; font-size: 1.2em; }

#phoneNumber a{ color: #fff; }

/** Boxes **/
.header-box{ padding: 20px 200px; color: #fff; font-size: 24px; font-weight: bold; margin: -15px -15px 0; position: relative; }
.header-box.blue{ background-color: #2f3d92; }

/** Circle **/
.circle{ border-radius: 100px; background-color: #fff; border: 2px solid #fab408; color: #2f3d92; width: 160px; height: 160px; line-height: 150px; text-align: center; box-sizing: border-box; font-size: 23px; }
.circle span{ display: inline-block; vertical-align: middle; line-height: normal; }

.transform-left-30{
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	position: absolute;
	left: 10px;
	top: 30px; 
}


/************* Content *************/
#main-content{
	padding: 0 15px; 
}

/* Full Width */
.fullWidth{ margin: 0 -15px 15px; }
.margin30{ margin: 30px 0; }

.blue-gradient{
	background: #1C2662; /* Old browsers */
	background: -moz-linear-gradient(top,  #1C2662 0%, #192156 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C2662), color-stop(100%,#192156)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1C2662 0%,#192156 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1C2662 0%,#192156 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1C2662 0%,#192156 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1C2662 0%,#192156 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C2662', endColorstr='#192156',GradientType=0 ); /* IE6-9 */	
}

.lightblue{ background: #F9F9FC; }
.border{ border: 1px solid #D2D7E2;}

/* Box */
.box{ 
	background: #fff; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px; 
	padding: 10px;
}

.box h3 {
	color: #5287AF;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.box h4 {
	color: #5287AF;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0 10px 0;
}

.box h5{
	color: #5287AF;
	font-weight: bold;
}

.box ul{ padding: 0; }

.box li{ border-bottom: 1px dotted #B4B4B4; padding: 8px 0;	list-style-type: none; }
.box li:last-child{ border-bottom: 0; padding-bottom: 0; }

.box p{ margin-bottom: 15px; }

.box img{ margin-bottom: 10px; }

.box.purple{ background: rgba(38, 44, 73, 0.92); color: #fff; box-shadow: 5px 5px 10px #333; padding: 20px; }
.box.purple h4{ color: #fff;  }
/* Content */

.contentbox { padding-top: 15px; margin-bottom: 0; }

.contentbox h1, h1{ font-size: 28px; }
.contentbox h2, h2{ font-size: 22px; }
.contentbox h3, h3{ font-size: 16px; }

/* Home page */
div.testimonial-wrapper, div.maintenance-wrapper{ background: url('../img/testimonial-bg.jpg') no-repeat bottom center; min-height: 360px; position: relative;  margin-bottom: 0; }
div.maintenance-wrapper{ min-height: 430px;}
div.testimonial-wrapper .testimonials{ position: absolute;	bottom: 50px; left: 50px; width: 40%; }
div.testimonials{ 
	background: rgba(38,44,73, .92);
	background: rgba(28, 38, 98, 0.92);
	color: #fff;
	padding: 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #333;
	/* border: 2px solid #fff; */
}

.testimonials h4{ font-size: 22px; margin-top: 0; }
.testimonial .testimonial-text{ font-size: 14px; text-align: justify; }
.testimonial .testimonial-author{ font-size: 12px; display: block; text-align: right; padding-right: 15px; }

.price-label{
	font-size: 22px;
	/*color: #31708F;*/
	color: #c82635;
	text-align: center;
	margin: 20px auto -20px;
	z-index: 99999;
	position: relative;
	height: 50px; line-height: 50px; 

}

.home-banner{
	height: 100px;
	font-size: 25px;
    line-height: 30px;
	font-weight: bold;
	text-transform: uppercase; 
	text-align: center; 
	text-shadow: 0 0 10px #FFF;
	color: #1C2662;
	background: #ffdb59; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffdb59 0%, #ffd231 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdb59), color-stop(100%,#ffd231)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffdb59 0%,#ffd231 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffdb59 0%,#ffd231 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffdb59 0%,#ffd231 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffdb59 0%,#ffd231 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb59', endColorstr='#ffd231',GradientType=0 ); /* IE6-9 */
	margin-bottom: 0; 
}
.home-banner p{ top: 20px; }
.home-banner span{ color: #c82635; }

/* Logos */
.logos img{ width: 200px; margin: 15px; }

/* Strong Points */
.strong-points{ background: #fff; padding: 10px 0; border-top: 1px solid #172744; border-bottom: 1px solid #172744;  }
.strong-points > div { padding: 15px; }
.strong-points > div:last-child{ border-right: none; }
	.strong-points > div header{ font-size: 19px; line-height: 50px; margin-bottom: 10px; padding-left: 50px;}
	.strong-points > div header.small{ font-size: 18px; line-height: 0; padding-left: 50px; }
	.strong-points > div i{ font-size: 50px; vertical-align: middle; margin-right: 5px; margin-left: -50px; }
	.strong-points > div .fa-stack{ height: 1.7em; position: absolute; }
	.strong-points > div i.fa-stack-1x{ font-size: 30px; line-height: 53px; font-weight: normal; left: -2px; }

.strong-points{  }

/* Checkout */

/* Steps */
.step-wrapper{ margin: 0 auto; width: 95%; color: #fff; position: relative; }

	.step-wrapper .step{
		display: none;
		z-index: 1005; 
		position: relative;
		font-weight: bold;
		font-size: 14px;
		margin-top: 10px; 
	}

	.step-wrapper .step.current{ display: block; }

	.step-wrapper .step span{ 
		width: 50px; height: 50px; 
		border-radius: 50px; 
		border: 2px solid #172744; 
		display: block; text-align: center; 
		line-height: 50px; 
		margin: 0 auto 5px; 
		background: #fff; 
		color: #1C2662; 
		font-size: 24px;
		z-index: 1006;
		position: relative;
	} 

	.step-wrapper .step:after{
		content: '';
		border-top: 2px solid #1C2662; 
		border-bottom: 2px solid #1C2662; 
		height: 20px; 
		background: #fff; 
		position: absolute;
		top: 15px; left: 0; right: 0; 
		z-index: 1005;
	}

	.step-wrapper .step:first-child:after{ left: 50%; }
	.step-wrapper .step:last-child:after{ right: 50%; }

	.step-wrapper .step.active span,
	.step-wrapper .step.active:after{ background: #1C2662; color: #fff;  }

	.step-wrapper .step em{ height: 40px; display: block; text-align: center; }

	.tankTab{ border-bottom: 0; margin-bottom: 20px;  }
	.tankTab>li{ border: none; }
	
	.tankTab>li>a,
	.tankTab>li.active>a, 
	.tankTab>li.active>a:focus, 
	.tankTab>li.active>a:hover, 
	.tankTab>li>a:hover{ border: transparent; color: #999; }

	.tankTab>li.active>a, .tankTab>li.active>a:focus, .tankTab>li.active>a:hover{ color: #C82635; }
	.tankTab>li.active>a:after{ 
		content: '';
		position: absolute;
		bottom: 0px;
		border-style: solid;
		border-width: 10px 8px;
		border-color: transparent transparent rgba(200, 38, 53, 0.9) transparent;
		left: 45%; 
	}

	.step-banner{
		color: #1c2662;
	    margin: -30px -15px 30px;
	    padding: 20px;
	    background: #fdc504;
	    font-size: 20px;
	    border-bottom: 15px solid #FFF;
	}

	.step-banner a{ color: #1c2662; }
	.step-banner a:hover{ text-decoration: none; color: #2d4a83; }

	.step-banner h3{
		font-size: 35px;
	    font-weight: bold;
	    margin-top: 0px; 
	    margin-bottom: 5px;
	}

	@media (max-width: 767px){
		.step-banner{ margin-top: -15px; border-bottom: 2px solid #fff;  }
	}



/*** Main Form ***/
.items-table{ padding: 0 15px; margin-bottom: 20px; color: #fff;  }
.items-table > div{ cursor: pointer; }

.items-blocks > div{ background: #fff; padding: 10px; }
.items-blocks > div .description{ text-align: center; border-bottom: 1px solid #182744; padding-bottom: 15px; margin-bottom: 10px; }
.items-blocks > div .description img{ max-width: 100%;  }
.items-blocks > div .description ul{ display: none; }

/* Popular Arrow */
.corner-arrow{ 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 70px 70px 0;
	border-color: rgba(0, 0, 0, 0) #FFB700 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	display: block;
	position: absolute;
	top: 0;	right: 0px;
	font-size: 16px; 
}

.corner-arrow:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 72px 72px 0;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.44) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	display: block;
	position: absolute;
	top: 0;
	right: -70px;
	z-index: -1;
}

.corner-arrow span{ 
	color: #1C2662; 
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	top: 15px; right: -70px;
	position: absolute; 
}


/*.items-table td{ border: 1px solid #000;}*/

.blue-box
{
	padding: 30px;
	/* border-radius: 10px; */
	background: #2D4A83;
	box-shadow: 0 0 10px #000;
	margin-bottom: 20px;
	color: #fff; 
}



#order-box-results ul.discounts span,
#order-box-results ul.additives span{ float: right; }
#order-box-results ul.discounts .red{ color: red; }
#order-box-results .additives{ border-top: 1px dotted #B4B4B4; }
#order-box-results .total{ margin-bottom: 15px; padding-top: 10px;  border-top: 1px dotted #B4B4B4; }
#order-box-results .total span{ float: right; }

#first-time ol{ padding-left: 20px; }
#first-time li{ list-style-type: decimal; }

#question{ position: relative; }
#question .helpdesk{ position: absolute; right: -10px; bottom: 0; margin-bottom: 0; }
#question strong{ font-size: 20px; display: block; }
#question p{ padding-right: 0px; }
#question p:nth-of-type(2){ padding-right: 50px; }

.box .address{ border-top: 1px dashed #ddd; }

.tankinformation{ text-align: right; margin-bottom: 20px; }
.tankinformation strong{ float: left; } 

/* Discount */
.promo{ color: #25AD16 !important; line-height: 15px; margin-top: 8px; font-size: 20px !important;  }
.promo i{ float: left; font-size: 40px !important; margin: -5px 0 0 10px; }

.discount-label { 
	padding:8px !important; 
	position:relative; 
	-webkit-border-radius:0 4px 0 4px; 
	-moz-border-radius:0 4px 0 4px; 
	border-radius:0 4px 4px 0; 
	margin-top: 15px; 
	line-height: 18px;
}

.discount-label:after { 
	content: " ";
	height: 0; width: 0;
	position: absolute; 
	left: 100%; 
	border: solid transparent; 
	border-color: rgba(136, 183, 213, 0);
    border-width: 28px; 
    top: 50%; 
    margin-top: -28px;
    display: block;
} 

.discount-label:before {
  content: '';
  z-index: 2;
  position: absolute;
  top: 42%;
  left: 100%;
  width: 7px;
  height: 7px;
  opacity: .95;
  background: #ffffff;
  border-radius: 7px;
  -webkit-box-shadow: inset .5px 0 rgba(0, 0, 0, 0.6);
  box-shadow: inset .5px 0 rgba(0, 0, 0, 0.6);
}

.discount-label span {
  color:#ffffff;
  font-size:20px;
  text-align:center;
}

.discount-label.red{ background-color:#E80707; }
.discount-label.red:after{ border-left-color: #E80707; }

.discount-label.greenblue{ background-color: #2D8379; }
.discount-label.greenblue:after{ border-left-color: #2D8379; }


/* Tank Info */
.fill_type img{ width: 100%; }
.tank_location input[type=radio]{ width: 30px; height: 30px; margin-right: 10px; vertical-align: bottom; }
.tank_location .radio-wrapper{ font-size: 20px; }
.tank_location .radio-wrapper .red{ color: #C82635;font-size: 14px; padding-left: 40px; }


.home-container{ position: relative; }
.home-container .street{ position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; text-transform: uppercase; font-weight: bold; color: #FFF; font-size: 11px; }
.home-container .home{ color: #333; display: block; position: absolute; top: 40%; font-size: 21px; text-transform: uppercase; text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events:none;
  text-align: center;
  width: 100%;
  line-height: 0;
}

.cap-colors{ margin-bottom: 30px; }
.cap-colors .radio-wrapper {text-align: center;}
.cap-colors .radio-wrapper .cap-img{
	background: url('/img/checkout/caps.png') no-repeat 0 0px;
	width: 69px;
	height: 98px;
	display: block; 
	position: relative; 
	margin: 0 auto 20px;
}

.cap-colors .radio-wrapper.cap-A .cap-img{ background-position: -101px 0; }
.cap-colors .radio-wrapper.cap-B .cap-img{ background-position: -203px 0; }
.cap-colors .radio-wrapper.cap-C .cap-img{ background-position: 0px 0; }
.cap-colors .radio-wrapper.cap-D .cap-img{ background-position: -305px 0; }

.cap-colors .radio-wrapper input{ 
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 auto 5px;
	vertical-align: middle;
}

.security .radio-wrapper{ text-align: center; }
.security .radio-wrapper .security-img{
	content: '';
	background: url('/img/checkout/security.png') no-repeat 0 0px;
	width: 70px;
	height: 80px;
	display: block; 
	position: relative; 
	margin: 0 auto 20px;
}

.security .radio-wrapper.security-1 .security-img{ background-position: 0 0; }
.security .radio-wrapper.security-2 .security-img{ background-position: -78px 0; }
.security .radio-wrapper.security-5 .security-img{ background-position: -156px 0; }
.security .radio-wrapper.security-4 .security-img{ background-position: -234px 0; }

.security .radio-wrapper input{ 
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 auto 5px;
	vertical-align: middle;
}

.cap-colors label.error,
.security label.error{ position: absolute; bottom: -25px; right: 0; left: 0; }

#question-box{ max-width: 330px; top: 400px; right: 50px; position: fixed; z-index: -1; padding-left: 25px; }
#question-box img{ position: absolute; right: 0; bottom: -10px; width: 70px; }
#question-box h3, #question-box p{ margin: 0; }
#question-box h3{   font-size: 48px; color: #1C2662; }
#question-box p.text{ font-size: 30px; font-weight: bold; }
	#question-box p.text i{ font-size: 40px; margin-right: 5px; }
#question-box p.phone, #question-box p.phone a{ font-size: 20px; color: #C82635; padding-right: 30px; }

/* Form */
.error-message{ color: #C82635; }

label.error { color: #C82635; padding: 5px; }
.blue-box label.error{ color: #FFB700; }
.radio-wrapper label.error { position: absolute; right: 0; }
.radio-wrapper small{ display: block; margin-left: 20px; }

div.checkbox{ line-height: 20px;  }
div.checkbox input{ width: auto; float: left; line-height: 20px; vertical-align: top; }

.help-inline{ line-height: 34px; }

/* tablist */
.nav-tabs>li{ padding: 0; }
.form-horizontal .submit{ padding-top: 10px; }

/************* Footer *************/
.footer-menu{
	font-size: 11px;
	padding: 10px 8px 0px 0;
	margin: 0 0 25px 0;
	border-bottom: 1px dotted #B4B4B4;
	position: relative;
}

.footer-menu ul{ float: right; }
.footer-menu li{ float: left; list-style-type: none; margin-left: 10px; }

.footer-menu li a {
	color: #0B2745;
}

/* Margins */
.m-l-10{ margin-left: 10px; }
.m-r-10{ margin-right: 10px; }

#price_chart{ max-width: 100%; }

/* Mobile */
@media (max-width: 767px){

	div.maintenance-wrapper{ background: none; }
	div.maintenance-wrapper .testimonials{ width: 100%; position: relative; left: 0; bottom: auto;} 
	div.maintenance-wrapper ul{ padding-left: 15px; }

	.postalForm form .btn{ font-size: 17px; }

	.navbar-brand{ min-width:  140px; }
	.navbar-toggle{ background: #1C2662; }
	.navbar-toggle .icon-bar{ background: #fff; }

	header .navbar-nav li a{ background: #1C2662; color: #fff; border-bottom: 1px solid #eee; font-size: 16px; }
	
	header .navbar-nav li a:hover, .navbar-nav li a:focus{ background: #C82635; }
	header .navbar-nav li i{ width: 18px;  margin-right: 15px; }

	.navbar-header .languages{ float: right; margin: 0 10px 0 0; padding: 0;}
	.navbar-header .languages li{ list-style-type: none; float: left; margin-right: 5px;  }
	.navbar-header .languages li a { color: #1C2662; font-size: 22px; line-height: 54px; padding-right: 5px; border-right: 1px solid rgba(25, 37, 69, 0.63);}
	.navbar-header .languages li:last-child a{ padding-right: 0; border-right: none; }

	.navbar-red .navbar-nav{ margin: 0 -15px; }
	.navbar-red .navbar-nav li a{ padding: 5px 8px; line-height: 20px; color: #fff; border-bottom: 1px solid #fff; }
	.navbar-red .navbar-nav li i{ width: 18px; margin-right: 5px; display: inline-block; }

	.margin30{ margin: 15px 0; }

	.items-blocks{ padding: 20px 0;  }
	.items-blocks > div{ box-shadow: 0 0 10px #000; position: relative; text-align: center; color: #fff; margin-bottom: 10px;  }
	.items-blocks #HQEXT{ background: #2D4A83; } 
	.items-blocks #HIQ{ background: #C82635; z-index: 999; }
	.items-blocks #FGC{ background: #2D4A83; } 

	.items-blocks .description{ height: 70px; background: #fff; color: #182744; }
	.items-blocks .description h5{ margin: 0; font-size: 23px; line-height: 70px; }
	.items-blocks .description img{ height: 50px; width: auto; } 

	.items-blocks #HIQ .totaldiscount{ padding-bottom: 0px; }

	.items-blocks .btn{ font-weight: bold; }

	/* Selected Item */
	.items-blocks ul{ padding-left: 0px; list-style-type: none; color: #fff; margin-bottom: 0; }
		.items-blocks ul li{ border-bottom: 1px dashed rgba(255, 255, 255, 0.36); padding-bottom: 5px; margin-bottom: 8px; text-align: left; }
		.items-blocks ul li label{ margin-bottom: 0; }
		.items-blocks ul li span{ float: right; }

	.item-day .actiondiscount-wrapper{ display: none; }

	.onlinediscount .cross{ 
		text-indent: -9999; 
		display: inline-block; 
		font: normal normal normal 14px/1 FontAwesome; 
		font-size: inherit; 
		text-rendering: auto; 
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		color: transparent; 
	}

	.onlinediscount .cross:before{ content: "\f00d"; color: #FF4949; position: absolute; left: 0; right: 0; text-align: right; font-size: 20px; }
	.totalprice-wrapper{ font-weight: bold; }

	.tankinformation strong{ float: none; display: block; text-align: left; } 

	.tank_location{ margin-bottom: 20px; }
	.tank_location p{ margin-bottom: 0; }

	#main-content{  
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	.price-label p{
	    letter-spacing: -1px;
	    font-size: 18px;
	}

	.strong-points > div{ border-bottom: 1px solid #172744; }
	.strong-points > div:last-child{ border-bottom: none; }
}

/* Tablet Vertical */
@media (min-width: 480px) and (max-width: 1024px) {
	.navbar{ height: auto !important; background: #fff !important;  }
		.navbar .container-fluid{ padding: 0 !important; }

	.navbar-right { position: absolute; right: 25px; }
	.navbar-right a{ color: #1C2662 !important; }
	.navbar-nav{ max-width: 100% !important; }
	.navbar-left{ padding-left: 15px !important; display: block; background: #1C2662; width: 100%; }
	.navbar-left>li>a {display: block; z-index: 999999;background: #1C2662;}

	.navbar-collapse{ padding-left: 0px !important; padding-right: 0px !important; display: block; width: 100%; } 

	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left: 0 !important; }

	.home-banner{ font-size: 40px !important; }
	.list-points ul{ font-size: 18px !important; }
}

/* Tablet Horizontal */
@media (min-width: 768px) and (max-width: 1024px) {
	.navbar-nav{ max-width: 440px; } 
	.navbar-nav li a{ padding-top: 10px; padding-bottom: 0; }
}

/* Tablet Horizontal and UP */
@media (min-width: 768px){

	.blue-box{
		margin: 0 15px 20px;
	}

	/************* Header *************/
	/*.borderradius{ -moz-border-radius: 10px; border-radius: 10px; }*/
	.navbar{ background: #1C2662; height: 60px; overflow: hidden; }
	.navbar-nav { max-width: 67%; }
	.navbar-nav li a{ color: #fff; }
	.navbar-nav li i{ display: none; }
	.nav>li>a{ padding: 5px 10px; }
	.nav>li>a:hover, .nav>li>a:focus{ background: transparent; color: #1091DB; }

	/* Leaning Logo */
	.navbar-brand{ 
		padding: 0 250px 60px 0;
		display: inline-block; 
		background-position: left 10px;
		position: relative;
		z-index: 999;
	}

	.navbar-left{ padding-left: 30px; } 

	/* Curved Header */
	.curved-wrapper{ margin: 0 -5px; }
	.curved{
		content: '';
		z-index: 1000;
		width: 100%;
		height: 65px;
		background: #DEEAF2;
		-webkit-border-top-left-radius: 70% 80px;
		-webkit-border-top-right-radius: 70% 80px;
		-moz-border-radius-topleft: 70% 80px;
		-moz-border-radius-topright: 70% 80px;
		border-top-left-radius: 70% 80px;
		border-top-right-radius: 70% 80px;
		display: block;
		margin-top: -80px;
		position: relative; 
		border: 5px solid #fff;
		border-width: 5px 5px 0 5px;
	}	

	.home-banner{
		font-size: 50px;
		line-height: 60px;
	}

	.box { padding: 20px; }
	#question{ padding-right: 90px; }
	#question strong{ font-size: 20px; }
	#helpdesk{ margin-bottom: 20px; }

	/* Steps */
	.step-wrapper .step{ display: block; width: 13.9014%; margin-bottom: 30px; float: left; margin-top: 0; }
	.step-wrapper .step span{ margin-bottom: 15px; }


	/* Items Table */
	.items-table{ margin-top: -30px; }
	.items-table header td{ color: #fff; font-weight: bold; }
	.items-table > div { box-shadow: 0 0 10px 0 #000; }
	.items-table table{ color: #fff; position: relative;  display: table; width: 100%; }
	.items-table table td{ padding: 15px 10px; text-align: center; font-size: 13px; vertical-align: top; line-height: 30px; }
	.items-table table td li{ line-height: 16px; }
	.items-table > div td { line-height: 80px; }

	.items-table .actiondiscount, .items-table .daydiscount{ display: none; }

	.items-table .description{ width: 33%; text-align: left; }
		.items-table .description img, .items-table .description h5{ width: 100%; margin-bottom: 10px; font-size: 18px; background: #fff; border-radius: 5px; padding: 10px; color: #1C2662; display: inline-block; }
		.items-table .description ul{ padding-left: 20px; display: none; }

	.items-table .unitprice{ width: 10%; }
	.items-table .officialprice{ width: 10%; }

	.items-table .actiondiscount,
	.items-table .daydiscount,
	.items-table .totaldiscount,
	.items-table .onlinediscount{ width: 12%; position: relative; } 


	.items-table .actiondiscount > div,
	.items-table .totaldiscount > div,
	.items-table .daydiscount > div,
	.items-table .onlinediscount > div{ color: #fff;  position: absolute; top: 0; bottom: 0; right: 12px; left: 12px; font-size: 14px; line-height: 32px;  }

	.items-table .actiondiscount > div > span,
	.items-table .totaldiscount > div > span,
	.items-table .daydiscount > div > span,
	.items-table .onlinediscount > div > span{ display: block; padding-top: 16px; padding-top: 39px; }

	.items-table .cross{ 
		text-indent: -9999; 
		display: inline-block; 
		font: normal normal normal 14px/1 FontAwesome; 
		font-size: inherit; 
		text-rendering: auto; 
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		color: transparent; 
	}

	.items-table .cross:before{ content: "\f00d"; color: #FF4949; position: absolute; left: 0; right: 0; text-align: center; font-size: 26px; }

	.HIQ .actiondiscount div,
	.HIQ .totaldiscount div,
	.HIQ .daydiscount div,
	.HIQ .onlinediscount div{ left: 5px; right: 5px; font-size: 34px; font-weight: normal; color: #fff; }
	.HIQ .totalprice{ font-size: 20px !important; }
	.HIQ .arrow{ display: none; }
	.HIQ .description img{ width: 100%; }

	.items-table .totalprice{ width: 11%; }
	.items-table > div .totalprice { font-size: 16px; }
	.items-table > div .totalprice i.fa-check{ font-size: 36px; color: rgba(255,255,255,.2); line-height: 70px; }
	.items-table > div.selected .totalprice i.fa-check{ color: #FDC504; }
	.items-table .totalprice .btn{ /* margin-top: 25px; */ background-color: #EC971F; border-color: #D58512;}
		.items-table .totalprice .btn:hover{ background-color: #F0AD4E; border-color: #EEA236; }

	.HQEXT{ background: #2D4A83; }
	.HIQ{ 
		background: #C82635 ; 
		-webkit-box-shadow: 0 5px 5px 0 #222, 0 -3px 5px 0 #222 !important;
		box-shadow: 0 5px 5px 0 #222, 0 -3px 5px 0 #222 !important;
		z-index: 900; 
		position: relative;
		margin: 0 -15px;
		padding: 0 15px;
	}
	.FGC{ background: #2D4A83; }


	.corner-arrow{ right: -15px; }
	.corner-arrow span{ top: -10px; right: -75px; }


	/* Selected Item */
	.selected-item{ margin: 30px -15px 0 15px; padding: 20px; background: #2D4A83; box-shadow: 0 0 10px #000; }
		.selected-item .description{ background: #fff; padding: 10px; border-radius: 5px; margin-bottom: 10px;  }
			.selected-item .description img{ max-width: 100%; }
			.selected-item .description h5{ font-size: 22px; }
		.selected-item ul{ padding-left: 10px; list-style-type: none; color: #fff; margin-bottom: 0; }
			.selected-item li{ border-bottom: 1px dashed rgba(255, 255, 255, 0.36); padding-bottom: 5px; margin-bottom: 8px; }
			.selected-item li label{ margin-bottom: 0; }
			.selected-item li span{ float: right; }


	/* Items Table */
	.items-table .description{ width: 25%; }
	.items-table .daydiscount,
	.items-table .onlinediscount,
	.items-table .totaldiscount{ width: 20%; } 
	.items-table .totalprice{ width: 10%; }

	/* Items Table with Parnerdiscount */
	.item-action .actiondiscount{ display: table-cell; }
	.item-action .description{ width: 20%; }
	.item-action .actiondiscount,
	.item-action .daydiscount,
	.item-action .totaldiscount,
	.item-action .onlinediscount{ width: 16%; font-size:  } 	

	.item-action .HIQ .actiondiscount div, 
	.item-action .HIQ .totaldiscount div, 
	.item-action .HIQ .daydiscount div, 
	.item-action .HIQ .onlinediscount div{
		font-size: 33px;
	}

	/* Show Day Discount */
	.item-day .daydiscount{ display: table-cell; }

	/* Strong Points */
	.strong-points > div { border-right: 1px solid #172744; padding: 20px; }

	#question p:nth-of-type(2){ padding-right: 0px; }

	/* Tank Info */
	.tank_location .radio-wrapper:first-child{ padding-bottom: 30px; }

	.minDate-wrapper label.error{ 
		max-width: inherit;
	    display: block;
	    position: absolute;
	    left: -200%;
	    right: 0;
	    bottom: 0px;
	}

	.minDate-wrapper input.error{
		margin-bottom: 80px;
	}
}

.required{ position: relative; }
.required:after{
	content: '*';
    position: absolute;
    right: 5px;
    top: 0;
    color: #C82635;
}

h4.required:after{ position: relative; margin-left: 10px;  }

.form-control{ position: relative; }

/* Min 1024px; */
@media (min-width: 1025px){
	.navbar-header:after{ 
		content: '';
		background: #fff;
	    position: relative; 
	    -webkit-transform: skew(340deg); 
	    transform: skew(340deg); 
	    display: block;
		height: 120px;
		width: 100px;
		position: absolute;
		right: -10px;
		top: 0;
		z-index: 998;
	} 
}

/* Desktop */
@media (min-width: 1200px) {
	.navbar-nav { max-width: 100%; }
	.navbar-brand{ 
		padding: 0 250px 130px 0; 
	}

	.nav>li>a{ padding: 10px 6px !important; font-weight: bold; letter-spacing: .2px; }
	.navbar-right{ margin-right: -20px; }
	.navbar-right>li>a{ padding: 10px 3px !important; }
	.nav>li:last-child>a{padding-right: 0;} 

	.postalForm form{ width: 65%; /*-moz-border-radius: 10px; border-radius: 10px; */ }
	.postalForm h2{ margin-top: -20px; }

}

@media (min-width: 1700px){
	.HIQ .arrow{ 
		position: absolute; 
		right: -250px; top: -80px; 
		background: url('../img/checkout/arrow.png') no-repeat;
		background-size: contain;
		width: 200px; 
		height: 200px; 
		line-height: 36px;
		display: block;
	}

	.HIQ .arrow span{ 
		font-family: 'Permanent Marker', cursive;
		font-size: 50px;
		display: block;
		position: absolute;
		top: -75px; 
		text-align: center;
		color: #1C2662;
		right: -25%;
		left: 15%;
		padding-left: 65px;
	}

	.HIQ .arrow span i{ 
		font-size: 68px;
		position: absolute;
		left: 0;
	}
}


/* Colors */
/* background: #192545; */


/* Animations */
@-webkit-keyframes hideAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  },
  80% {
    opacity: 1;
    height: 50px;
  }
  99.9% {
  	opacity: 0;
  }
  100% {
  	opacity: 0;
  	height: 0;
  }
}

@keyframes hideAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99.9% {
  	opacity: 0;
  }
  100% {
  	opacity: 0;
  	height: 0;
  }
}

@-webkit-keyframes fadeOut {
	0% 	{ opacity: 0; }
	5% { opacity: 1; }
	90% { opacity: 1; -webkit-transform: translateY(0px);}
	99% { opacity: 0; -webkit-transform: translateY(-30px);}
	100% { opacity: 0; }	
}

@keyframes fadeOut {
	0% 	{ opacity: 0; }
	5% { opacity: 1; }
	90% { opacity: 1; transform: translateY(0px);}
	99% { opacity: 0; transform: translateY(-30px);}
	100% { opacity: 0; }
}

.marquee{
	overflow: hidden;  
	position: relative;
}

.marquee p{
	position: absolute;
	margin: 0; 
	width: 100%;
	height: 100%;
	text-align: center;
}

.marquee.left p{
	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}

.marquee.left p:nth-child(1) {
	animation: left-one 10s ease infinite;
	-moz-animation: left-one 10s ease infinite;
	-webkit-animation: left-one 10s ease infinite;
}
.marquee.left p:nth-child(2) {
	animation: left-two 10s ease infinite;
	-moz-animation: left-two 10s ease infinite;
	-webkit-animation: left-two 10s ease infinite;
}

.marquee.up p {	
	transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
}
.marquee.up p:nth-child(1) {
	animation: up-one 10s ease infinite;
	-moz-animation: up-one 10s ease infinite;
	-webkit-animation: up-one 10s ease infinite;
}
.marquee.up p:nth-child(2) {
	animation: up-two 10s ease infinite;
	-moz-animation: up-two 10s ease infinite;
	-webkit-animation: up-two 10s ease infinite;
}


/*================================
	Move the Marquee Right to Left
==================================*/
@-webkit-keyframes leftone {
	0% {
		-webkit-transform:translateX(100%);
	}
	20% {
		-webkit-transform:translateX(0);
	}
	80% {
		-webkit-transform:translateX(0);
	}

	100%{
		-webkit-transform:translateX(-100%);
	}
}

@keyframes leftone {
	0%	{
		transform:translateX(100%);
	}
	20% {
		transform:translateX(0);
	}
	80% {
		transform:translateX(0);
	}
	100%{
		transform:translateX(-100%);
	}
}

/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	10% {
		-webkit-transform:translateX(0);
	}
	40% {
		-webkit-transform:translateX(0);
	}
	50% {
		-webkit-transform:translateX(-100%);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}
@-webkit-keyframes left-two {
	0% {
		-webkit-transform:translateX(100%);
	}
	50% {
		-webkit-transform:translateX(100%);
	}
	60% {
		-webkit-transform:translateX(0);		
	}
	90% {
		-webkit-transform:translateX(0);		
	}
	100% {
		-webkit-transform:translateX(-100%);		
	}
}

/** Mozilla Firefox Keyframes **/
@keyframes left-one {
	0%	{
		transform:translateX(100%);
	}
	10% {
		transform:translateX(0);
	}
	40% {
		transform:translateX(0);
	}
	50% {
		transform:translateX(-100%);
	}
	100%{
		transform:translateX(-100%);
	}
}
@keyframes left-two {
	0% {
		transform:translateX(100%);
	}
	50% {
		transform:translateX(100%);
	}
	60% {
		transform:translateX(0);		
	}
	90% {
		transform:translateX(0);		
	}
	100%{
		transform:translateX(-100%);
	}
}


/*================================
	Move the Marquee Upwards
==================================*/

/** Webkit Keyframes **/
@-webkit-keyframes up-one {
	0% {
		-webkit-transform:translateY(100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	100%{
		-webkit-transform:translateY(-100%);
	}
}
@-webkit-keyframes up-two {
	0% {
		-webkit-transform:translateY(100%);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100% {
		-webkit-transform:translateY(-100%);		
	}
}

/** Mozilla Firefox Keyframes **/
@keyframes up-one {
	0%	{
		transform:translateY(100%);
	}
	10% {
		transform:translateY(0);
	}
	40% {
		transform:translateY(0);
	}
	50% {
		transform:translateY(-100%);
	}
	100%{
		transform:translateY(-100%);
	}
}
@keyframes up-two {
	0% {
		transform:translateY(100%);
	}
	50% {
		transform:translateY(100%);
	}
	60% {
		transform:translateY(0);		
	}
	90% {
		transform:translateY(0);		
	}
	100%{
		transform:translateY(-100%);
	}
}

/* No Bow */

.curved-wrapper { display: none; }
.postalForm h2{ margin-top: 10px; }


.nav>li>a{ line-height: 40px;     padding: 10px 6px; }

/** Padding **/
.p-b-0{ padding-bottom: 0; }
.p-t-0{ padding-top: 0; }

.p-b-20{ padding-bottom: 20px; }
.p-r-20{ padding-right: 20px; }
.p-t-40{ padding-top: 40px; }
.p-b-40{ padding-bottom: 40px; } 

/* App */
ul.app-links {
    position: relative;
    padding-right: 72px;
}

ul.app-links:after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    margin-left: 16px;
    margin-left: 1rem;
    width: 70px;
    height: 140px;
    background-image: url(/img/app-screen.png);
    background-size: cover;
}

ul.app-links li {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    border-bottom: none;
}

ul.app-links a {
    display: block;
    width: 220px;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    background-color: #ffffff;
    border-radius: 5px;
}

ul.app-links img {
    display: block;
    width: 220px;
    height: 58px;
    opacity: 1;
    -webkit-transition: cubic-bezier(0.215,0.61,0.355,1) 0.4s;
    transition: cubic-bezier(0.215,0.61,0.355,1) 0.4s;
}