/*------------------------------------*\
    SITE CORE
\*------------------------------------*/
:root {
	--rootFontSize: 16px;
	font-size: var(--rootFontSize);
}
html {/*overflow-x: hidden!important;overflow-y:scroll;*/}
html,body {
	background:#040404;
	color:#efefef;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.875rem;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.wrapper,
#content {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
.container {
	max-width:1280px;
	margin:0 auto;
	clear: both;
}
header {
	background: -webkit-linear-gradient(top, rgba(112,128,175,1) 0%, rgba(49,74,136,1) 100%);
	background: -ms-linear-gradient(top, rgba(112,128,175,1) 0%, rgba(49,74,136,1) 100%);
	background: linear-gradient(to bottom, rgba(112,128,175,1) 0%, rgba(49,74,136,1) 100%);
}
header .container.h-content {padding: 8px;}
header .container .one-third {display: inline-block; width: 32.99%; vertical-align: middle;}
header .container .one-third:nth-child(2) {text-align: center;}
header .container .one-third:nth-child(3) {text-align: right;}
header #header-right-content span {
	background: -webkit-linear-gradient(top, rgba(253,175,41,1) 0%, rgba(222,132,21,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,175,41,1) 0%, rgba(222,132,21,1) 100%);
	background: linear-gradient(to bottom, rgba(253,175,41,1) 0%, rgba(222,132,21,1) 100%);
	padding: 10px 0 8px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.75);
	transition: all 0.3s ease 0s;
}
header #header-right-content span a {
	font-size: 1.125rem;
	letter-spacing: -.04em;
	color: #040404;
	padding: 10px 18px 8px 18px;
	white-space: nowrap;
}
header #header-right-content span:hover {background: #FDC96F;}
header #header-right-content span:hover a {color: #444444;}

.container .inner {}
#content {min-height: 300px;}
#content .container {padding: 40px 0;}
.maincontent {padding: 0 15px;}
article {clear:both;}
a {color: #FFCF00;}
a:hover,
a:active {color: #7080AF;}
.left-sb {padding-right: 15px;}
.home-right-sb,
.right-sb {padding-left: 15px;}
#content li {
  list-style-type: none;
  position: relative;
  padding-left: 15px;
	line-height: 22px;
}
#content li:before {
  content: "\25BA \0020";
  font-size: 0.5rem;
  position: absolute;
  left: -10px;
}
.content-center {padding: 0 15px;}
.content-left {padding-right: 15px;}
.content-right {padding-left: 15px;}
.narrow {max-width: 940px; margin: 0 auto;}

.bene-menu {
	background: #202020;
	border: 1px solid #333;
	border-radius: 3px;
	padding: 20px 8px 20px 0;
}
#content .bene-menu li:before {left: 8px; padding-top: 1px;}
#content .bene-menu li {padding-left: 22px;}
#content .bene-menu li a {font-size: 0.688rem;}


/*------------------------------------*\
    UTILITIES
\*------------------------------------*/
.nofloat {float:none!important;}
.floatR {float:right;}
.span, .floatL {float:left;}
.center {text-align: center;}
.rev a {color: #7080AF;}
.rev a:hover,
.rev a:active {color: #FFCF00;}
.nobullets li:before {
	content: ""!important;
	position: inherit!important;
	left: inherit!important;
}
.nopadding,
.nopadding li {padding-left: 0!important;}
h1.smalltitle {font-size: 1.25rem;}
.imgSmall {width: 100%!important; max-width: 280px!important; margin: 0 auto;}

.clearfix:before,
.clearfix:after {content:' '; display:table; clear:both;}

.hidden {visibility: hidden;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* grid */
.one {width:6.25%;}
.two {width:12.5%;}
.three {width:18.75%;}
.four {width:25%}
.five {width:31.25%;}
.six {width:37.5%;}
.seven {width:43.75%;}
.eight {width:50%;}
.nine {width:56.25%;}
.ten {width:62.5%;}
.eleven {width:68.75%;}
.twelve {width:75%;}
.thirteen {width:81.25%;}
.fourteen {width:87.5%;}
.fifteen {width:93.75%;}
.sixteen {width:100%;}

.one-third {width: 33.3333%;}
.two-thirds {width: 66.6666%;}


/*------------------------------------*\
    FORMATTING ELEMENTS
\*------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 20px 0 4px;
}
h2,h3,h4 {font-weight: normal;}
h1 {font-size: 1.75rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.25rem;}
h4 {font-size:1.125rem;}
h5 {font-size:1rem;}
h6 {font-size:0.938rem;}

p {font-size: 0.813rem; line-height: 18px;}

a, input, textarea {transition: all 0.3s ease 0s;}
a {text-decoration: none;}
a:hover {}

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

/* custom margins and padding */
.mrg40 {margin: 0 40px;}
.mrg50 {margin: 0 50px;}
.mrg60 {margin: 0 60px;}

.pad40 {padding: 0 40px;}
.pad50 {padding: 0 50px;}
.pad60 {padding: 0 60px;}

/*------------------------------------*\
    GLYPH'S
\*------------------------------------*/
.phone-glyph, .email-glyph, .addr-glyph, .clock-glyph, .nav-glyph {
	position: relative;
	padding: 8px;
}

.phone-glyph {
	background: url(../media/layout/glyph-phone.png) center left no-repeat;
	background-size: contain;
}
.email-glyph {
	background: url(../media/layout/glyph-email.png) center left no-repeat;
	background-size: contain;
}
.addr-glyph {
	background: url(../media/layout/glyph-addr.png) top left no-repeat;
	background-size: contain;
	margin-top: 6px!important;
	float: left;
}
.clock-glyph {
	background: url(../media/layout/glyph-clock.png) center left no-repeat;
	background-size: contain;
}
.nav-glyph {
	background: url(../media/layout/glyph-nav.png) center left no-repeat;
	background-size: contain;
}
.arrow-glyph {
	position: relative;
	float: left;
	bottom: 2px;
	font-size: 1.375rem;
	padding-right: 12px;
	float: left;
}

/*------------------------------------*\
    HEADER, FOOTER & SIDEBAR
\*------------------------------------*/
/*Header*/
#main-logo {}
#main-logo img {min-width: 260px;}

/*Footer*/
footer {}
.footer-top .span > div {margin: 0 auto; text-align: center;}
footer .span > div {margin: 0 auto;}

.footer-top .footer-logo {width: 250px;}

footer .left-col > div {width: 206px;}
footer .center-col > div {width: 286px;}
footer .right-col > div {width: 178px;}

footer ul li {list-style-type: none;}
#footer-main {background: #202020; padding: 0 0 20px;}
.footer-top {background: #101010; padding: 18px 0;}
.footer-logo img {}
footer .contact-info {
	text-align: left;
	font-size: 0.938rem;
}

.footer-phone a, 
.footer-email a {padding-left: 8px; line-height: 32px; color: #FFF; font-size: 0.875rem;}
footer .contact-addr {padding:8px 0 0 8px; float: left; color: #FFF; white-space: nowrap; font-size: 0.875rem;}


#footer-bottom {
	padding: 6px 0 8px;
}
#footer-bottom .copy {text-align: center; font-size: 0.75rem;}

/*SIDEBAR*/
.left-sb img,
.right-sb img {width: 100%;}




/*------------------------------------*\
    SITEWIDE: CONTENT AREA
\*------------------------------------*/
.page-title {}


/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
#header-nav {
	position: relative;
	width: 100%;
	padding: 9px 0 10px;
	background: #dedede;
	text-align: center;
	z-index: 300;
}

#header-menu {margin: 0; padding: 0;}
#header-menu li {list-style: none;}
#header-menu > li {display: inline-block;}
#header-menu > li > a {
	font-size: 0.813rem;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: -.03em;
	color: #19388B;
	padding: 11px 9px 12px;
}

#header-menu > li:hover > a,
#header-menu > li.active > a {
	background: #A0AACA;
	color: #202020;
}


/*SUBMENUS*/
#header-menu .submenu {
	position: absolute;
	background: #A0AACA;
	display: none;
}
#header-menu > li:hover .submenu {
	display: block;
	padding-left: 0;
	text-align: left;
}
#header-menu > li:hover .submenu li {
	padding: 6px 12px;
	font-size: 0.813rem;
	border-bottom: 1px solid #ddd;
}
.submenu > li > a {
	color: #202020;
	padding: 8px;
}
.submenu > li:hover,
.submenu > li.current {background: #efefef;}
.submenu > li.current > a {color: #040404; font-weight: bold;}

/*SUBMENUS-2*/

.dropdown2 {
	position: relative;
	width: 100%;
	background: #dedede;
	text-align: center;
	z-index: 600;
}

#header-menu .submenu .submenu2 {
    position: absolute;
    top: -1.50rem;
    left: 111%;
	background: #A0AACA;
	display: none;
}
#header-menu .submenu > li:hover .submenu2{
	display: block;
	padding-left: 0;
	text-align: left;
}

#header-menu .submenu .submenu2 li{
	padding: 6px 12px;
	font-size: 0.813rem;
	text-wrap : nowrap; 
	border-bottom: 1px solid #ddd;
}
.submenu2 > li > a {
	color: #202020;
	padding: 8px;
}
.submenu > li.active {background: #A0AACA;}
.submenu > li.active > a {color: #040404; font-weight: bold;}
.submenu2 > li:hover,
.submenu2 > li.current {background: #efefef;}
.submenu2 > li.current > a {color: #040404; font-weight: bold;}

/*------------------------------------*\
    FORM ELEMENTS
\*------------------------------------*/
input:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=tel]:-webkit-autofill,
textarea:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #7080AF;}
#gq-cellphone:after, #gq-fax:after {
	content: '';
	height: 0px;
	display: table;
	clear: both;
}
.pnl-tq-block, .pnl-wh-block {width: 100%;}
.phprimary, .phext, .phformat, .phspacer {display: inline-block; float: left;}
.phprimary, .phformat {width: 12%; margin-right: 16px;}
.phext {width: 20%;}
.phspacer {height: 32px; vertical-align: middle; margin: 0 8px; line-height: 32px;}
.req-alert {
	color: #FF7A7A;
	margin: 6px 2px;
	font-size: 0.813rem;
}
span.req, label span.req {
	font-family: 'PT Sans';
	position: relative;
	top: 6px;
	padding-right: 4px;
	font-size: 1.5rem;
	color: #FF8585;
}

.war-msg,
#gq-width-warning,
#length-warning,
#height-warning {font-size: 0.813rem; color:#FFF175;}
.err-msg {color:#FF7A7A;}

.alert-success {
	text-align: center;
	margin-top: 14px;
	font-weight: bold;
	background: #7EAC30;
	padding: 7px 0;
	border: 1px solid #fff;
	border-radius: 3px;
}
form {text-align: left;}
.ff {margin: 16px 0;}
.fs {/*submit container*/}
input, textarea {
	background: none;
	color: #fff;
	border: 1px solid #efefef;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 8px;
	width: 96%;
}
input[type=radio],
input[type=checkbox] {
	position: relative;
	top: 1px;
	width: inherit;
}
.ff select,
.fi-select select {
	color: #efefef;
	background: none;
	border: 1px solid #efefef;
	border-radius: 3px;
	padding: 7px 8px;
	min-width: 65%;
}
.fi-select,
.fi-qty,
.fi-qty label,
.pnl-wh-block .gq-field {
	display: inline-block;
}
.fi-select {width: 50%;}
.fi-qty {width: 42%; float: right;}
.pnl-wh-block .gq-field {width: 38%; margin-right: 18px;}
.fi-qty label {padding-right: 6px; font-size: 0.75rem;}
.fi-qty input {width: 14%;}
.ff select option,
.fi-select select option {background: #7080AF;}
.ff .rbopt {display: inline-block; margin-right: 14px;}
button, input[type=submit] {
	width: inherit;
	background: #FDAF29;
	font-size: 1rem;
	font-weight: bold;
	padding: 6px 18px;
	color: #040404;
	cursor: pointer;
}
input:focus,
textarea:focus,
button:hover,
input[type=submit]:hover {
	background: #7080AF;
	border: 1px solid #C0C7DD;
}

::placeholder {color: #ddd;}

.err_msg {display: none;}
.alert-contact {color: #000;}
.error-contact {color: #C00;}
.success-contact {color: #090;}

label {cursor: pointer;}
.fieldgroup-label {
	margin: 8px 0 3px;
	font-weight: bold;
	color: #E4A000;
	clear: both;
}
.fieldnote,
.fieldlabel {
	font-size: 0.938rem;
	line-height: 16px;
	margin-bottom: 2px;
  font-family: 'PT Sans';
}
.fieldsup {
	font-family: 'PTSans Medium';
  font-size: 0.813rem;
	color: #E2D59A;
}

#ep-group {
	background: rgba(230, 158, 49,.1);
	padding: 10px;
	border: 1px solid #efefef;
	border-radius: 3px;
}
.panel-textblock {
	background: rgba(0,0,0,.2);
	margin-bottom: 14px;
	padding: 10px;
	border: 1px solid #333;
	border-radius: 3px;
}

/* conditional form fields */
/*call 4 quote*/
#c4q-howfind-other,

/*main quote form*/
#gq-phonex,
#gq-howfind-other,
#gq-whatapp-other,
#gq-whatsurface-other,
#gq-fabweight,
#fabweight18,
#fabweight22,
#fabweight28,
#gq-fabcolor,
#gq-feetLenText,
#gq-width-warning,
#gq-weight-desc,
#gqw-18oz,
#gqw-22oz,
#gqw-28oz,
#gq-fabwarranty,
#fabwarranty5,
#fabwarranty8,
#fabwarranty10,
#gq-fablife,
#fablife10,
#fablife15,
#fablife20,
#length-warning,
#height-warning,

#ep-num,
#ep-num-sup,
#ep-num1-doors,
#ep-num2-doors,
#one-ep-numdoors,
.panel-textblock,
#one-ep-1door-details,
#one-ep-2doors-details,
#two-ep-1stpanel-numdoors,
#two-ep-1stpanel-1door-details,
#two-ep-1stpanel-2doors-details,
#two-ep-2ndpanel-numdoors,
#two-ep-2ndpanel-1door-details,
#two-ep-2ndpanel-2doors-details {display: none;}
/* -end- conditional form fields */
/* field specific formatting */
#gq-phonex {margin: 4px 0 0 32px;}
#gq-phone:after,
.pb-ext-block:after {
	content: '';
	display: table;
	height: 0px;
	clear: both;
}
.pb-ext-block > div {
	display: inline-block;
	float: left;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}


/*------------------------------------*\
    PAGE-SPECIFIC FORMATTING
\*------------------------------------*/
/*MULTIPLE PAGES*/
.cta-orange,
.form-blue {
	margin: 8px 0;
	padding: 6px 20px 24px;
	border-radius: 3px;
}
.cta-orange {text-align: center;}
.cta-orange,
.orange-box {background: #D57400; color: #040404;}
.form-blue {background: #435898; color: #efefef; border: 1px solid #6D78AB;}


.gal-title {margin: 0 20px;}
.gal-copy {text-align: center;}

.gal-cover {text-align: center;}
.gal-cover img {
	margin: 2px 0;
	border-radius: 3px;
}

.gal-cover div {
	margin-bottom: 12px;
	font-size: 0.813rem;
	font-weight: bold;
	color: #EABB44;
}
.left-sb ul li a {
	color: #FF9900;
	font-size: 0.813rem;
	font-weight: bold;
}

/*HOME PAGE*/
.home h1.page-title {
	margin-bottom: 30px;
	padding: 0;
	text-align: center;
}
.home .maincontent h1,
.home .maincontent h2 {text-align: center;}
.home .slide-section {
	background: #222;
	border: 1px solid #444;
	border-radius: 3px;
	padding: 16px 0;
	margin-bottom: 30px;
}

.content-center .cta-quote {margin-bottom: 24px;}
.content-center .cta-orange a {color: #040404;	font-size: 1.375rem; font-weight: bold;}
.content-center .cta-orange h4 a {font-weight: normal; font-size: 1.125rem;}
.content-center .cta-orange a:hover {color: #efefef;}
.left-sb img {max-width: 100%;}
.left-sb .orange-box {
	margin-top: -3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.hp-features-hdr {margin-top: 20px;}
.hp-features ul {
	margin: 0 0 0 30px;
	padding: 20px 0;
}

.cta-quote {
	margin-top: 30px;
	text-align: center;
}
.cta-quote a {color: #040404; white-space: nowrap;}
.cta-quote a:hover {color: #efefef;}
.cta-quote h3 span {
	background: #F90;
	padding: 20px 40px;
	border-radius: 40px;
}
/*7 QUESTIONS*/
.altTitle {color: #FFCF00}

/*PRODUCTS*/


/*CLIENTS*/
.client-list ul {padding: 20px 20px 20px 0;}
.client-list ul li {list-style-type: none; line-height: 28px;}

/*FAQ*/
.faq-text p {margin-left: 32px;}
.faq-text p:first-child {margin-top: 0;}
.faq-item {
	background: #222;
	border-radius: 3px;
	margin-bottom: 16px;
	padding: 0 12px;
	border: 1px solid #333;
}
.faq-item h4 {
	padding: 10px 2px 12px;
	font-size: 0.938rem;
}

/*CONTACT*/
#google-map {margin: 30px 0;}

/*QUOTE*/
.qt-blue.c4q {margin-right: 10px;}
.qt-blue.gq {margin-left: 10px;}
.qt-blue {
	background: #435898;
	color: #efefef;
	border: 2px solid #F1A818;
	border-radius: 3px;
}
.qtheader {
	background: #F1A818;
	height: 50px;
}
.qtheader h3 {padding: 0;}
.qtheader {color: #040404; padding: 2px 20px;}
.qtheader span {font-size: 0.75rem; font-weight: bold;}

.frm-quote #content {margin-bottom: 80px;}
.frm-quote h1 {padding: 20px 0 40px;}
.frm-quote .lead-in {
	font-weight: bold;
	margin-bottom: 20px;
}
.quote-gateway h2 {padding: 30px 0 10px;}
.quote-gateway p {padding-bottom: 20px;}
.qtform {padding: 6px 20px 24px;}

.qtbtn {
}
.qtbtn span {}
.qtbtn span a {
	display: inline-block;
	background: #f3a122;
	margin-bottom: 40px;
	color: #040404;
	font-size: 1.125rem;
	padding: 10px 18px 8px 18px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	transition: all 0.3s ease 0s;
}
.qtbtn span a:hover {
	background: #d48317;
	color: #000;
}



/*TECH SPECS*/
.color-swatches {width: 100%; margin: 20px 0; text-align: center;}
.color-swatches div { position: relative; display: inline-block; margin: 0 10px; width: 80px; height: 80px;}
.color-swatches div span {position: relative; top: 52px; color: #000; font-size: 1.063rem; font-weight: bold;}
.color-swatches .cs-white {background: #FDFEF8;}
.color-swatches .cs-beige {background: #E7C999;}
.color-swatches .cs-green {background: #2E725F;}

/*BENEFITS*/
.h4yellow {
	color: #ffcc00;
	padding: 20px 0 0;
}
.bene-gal {clear: both;}
.bene-gal .span.four {text-align: center;}
.bene-gal img {margin-top: 20px;}
.bene-gal p {padding-right: 20px;}

/*INDEX PAGE GALLERY*/
.gal-display {cursor: pointer;}
.gal-display:hover {opacity: .75;}
.galTC {
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
	display: none; /*temp*/
}
.galTC a {color: #efefef;}


/*GALLERY MAIN*/
.gal-item {
	background: #202020;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #333;
	border-bottom-color: #666;
	border-radius: 3px;
}
.gal-item h4 {padding-top: 0;}
.gal-view {cursor: pointer;}
.gal-view p {padding-left: 15px;}
.gal-cell {position: relative; overflow: hidden;}
.gal-button {text-align: center;}
.gal-button .gal-view {
	padding: 12px 20px;
	background: #FFCF00;
	color: #010101;
	font-weight: bold;
	border-radius: 3px;
}
.gal-button .gal-view:hover {
	background: #666;
	color: #efefef;
}
.gal-view img {
	padding: 4px;
	border: 1px solid #666;
	border-radius: 3px;
}
.gal-view img:hover {opacity: .75;}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 1281px) {
}
@media only screen and (max-width:1280px) {
	#content .container {padding: 40px 15px;}
	.contact-box {display: block;}
	.hp-address {display: none;}
	.contact iframe {width: 100%!important;}
}

@media only screen and (max-width:979px) {
	.footer-top .one-third:first-child {display: none;}
	.footer-top .one-third {text-align: center;}
	.fi-qty {
    width: 100%;
		display: block;
		margin-top: 14px;
    float: none;
	}
}



@media only screen and (min-width:768px) and (max-width:979px) {
	.h-content .one-third:nth-child(2) {width: 30%;}
	header #header-right-content span a {
    font-size: 1rem;
    padding: 10px 14px 8px 14px;
	}
	.quote-gateway h2 {font-size: 1.375rem;}
	.qtbtn span a {font-size: 0.875rem;}
	
	.footer-top .one-third {width: 50%;}
	footer .span.five.left-col {width: 50%;}
	footer .span.six.center-col,
	footer .span.five.right-col {width: 25%;}
}

@media only screen and (min-width:768px) {
	.screen-sm {display: none;}
	#mbl-nav,
	#mbl-trigger {display: none;}
}

@media only screen and (min-width:481px) and (max-width:767px) {
	.h-content .one-third:first-child,
	.h-content .one-third:nth-child(2){width: 49%;}
	.h-content .one-third:nth-child(3) {width: 100%; display: block; padding: 14px 0;}
	#header-quote {margin-right: 50px; text-align: right;}
	
	#content .container {padding: 30px 30px 0;}

	.qt-blue.c4q,
	.qt-blue.gq {margin: 0 12px;}
	
	.tech-table {max-width: 480px;}
	.tech-table th,
	.tech-table td {font-size: 0.75rem;}

	.cta-quote h3 span {padding: 10px 12px;}
	.cta-quote h3 {font-size: 0.875rem;}
	.ff select {min-width: 60%;}
}

@media only screen and (max-width:767px) {
	.screen-lg {display: none;}
	.screen-sm {display: block;}
	
	#header-nav {display: none;}
	#mbl-nav,
	#mbl-trigger {display: block;}
	.four,.five,.six,.seven,.eight,.ten,.twelve {
		width: 100%;
		float: none;
		clear: both;
	}
	.home-right-sb,
	.right-sb,
	.left-sb {max-width: 360px; padding: 0; margin: 0 auto;}
	.right-sb img,
	.left-sb img {max-width: 340px;}
	.content-center,
	.content-left,
	.content-right {padding: 0;}
	
	#main-logo img {width: 300px;}
	#header-quote img {max-width: 140px;}
	#header-right-content {text-align: center;}
	
	.page-title {font-size: 1.5rem;}
	
	.sb-gal img {max-width: 340px;}
	.hp-features-hdr,
	.video-container,
	.prod-video {max-width: 360px; margin: 24px auto;}
	.hp-features-hdr img {text-align: center;}
	.cta-orange {margin: 24px 0;}
	.cta-orange h2,
	.cta-orange a {font-size: 1.25rem!important;}
	
	.cta-quote a {white-space: normal; color: #F19000;}
	.cta-quote h3 {
    font-size: 1rem;
		text-align: center;
	}
	.cta-quote h3 span {
    background: none;
    padding: 20px 0;
	}
	.quote-gateway h2 {font-size: 1.25rem;}
	.qtbtn span a {font-size: 0.875rem;}
	
	.footer-top .one-third {width: 100%; clear: both;}
	footer .flinks {width: 190px; margin: 0 auto;}
	footer .contact-info {width: 288px; margin: 0 auto;}
	footer .contact-info ul {padding: 0 20px;}
	footer .contact-addr {margin-bottom: 30px;}
}

@media only screen and (max-width:640px) {
}



@media only screen and (max-width:555px) {
}

@media screen and (max-width:480px) {
	.h-content .one-third {
		display: block!important;
		width: 100%!important;
		text-align: center;
		clear: both;
	}
	header #header-right-content span {background: none; box-shadow: none;}
	header #header-right-content span a {
    font-size: 0.813rem;
    font-weight: bold;
    color: #EFA617;
	}
	#header-quote {padding: 18px 0;}
	#content .container {padding: 30px 15px 0;}

	.tech-table {max-width: 360px;}
	.tech-table th,
	.tech-table td {font-size: 0.688rem;}
	
	.qt-blue.c4q,
	.qt-blue.gq {margin: 0;}
	.ff select {min-width: 96%;}
	.qtbtn span a {font-size: 0.688rem; font-weight: bold;}
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}