/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.column, .columns {
	width: 100%;
	float: left;
	box-sizing: border-box;
}
@font-face {
	font-family: 'GothamNarrow-Light';
	src: url('fonts/GothamNarrow-Light.eot');
	src: url('fonts/GothamNarrow-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Light.woff') format('woff'),  url('fonts/GothamNarrow-Light.ttf') format('truetype'),  url('fonts/GothamNarrow-Light.svg#GothamNarrow-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamNarrow-LightItalic';
	src: url('fonts/GothamNarrow-LightItalic.eot');
	src: url('fonts/GothamNarrow-LightItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-LightItalic.woff') format('woff'),  url('fonts/GothamNarrow-LightItalic.ttf') format('truetype'),  url('fonts/GothamNarrow-LightItalic.svg#GothamNarrow-LightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamNarrow-Medium';
	src: url('fonts/GothamNarrow-Medium.eot');
	src: url('fonts/GothamNarrow-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Medium.woff') format('woff'),  url('fonts/GothamNarrow-Medium.ttf') format('truetype'),  url('fonts/GothamNarrow-Medium.svg#GothamNarrow-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamNarrow-Book';
	src: url('fonts/GothamNarrow-Book.eot');
	src: url('fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Book.woff') format('woff'),  url('fonts/GothamNarrow-Book.ttf') format('truetype'),  url('fonts/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamNarrow-Bold';
	src: url('fonts/GothamNarrow-Bold.eot');
	src: url('fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Bold.woff') format('woff'),  url('fonts/GothamNarrow-Bold.ttf') format('truetype'),  url('fonts/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
  
  
  
  

  
  
  
  




/* For devices larger than 550px */
@media (min-width: 650px) {
.container {
	width: 90%;
}
.column,  .columns {
	margin-left: 4%;
}
.column:first-child,  .columns:first-child {
	margin-left: 0;
}
.one.column,  .one.columns {
	width: 4.66666666667%;
}
.two.columns {
	width: 13.3333333333%;
}
.two1.columns {
	width: 13.3333333333%;
}
.three.columns {
	width: 22%;
}
.four.columns {
	width: 30.6666666667%;
}
.five.columns {
	width: 39.3333333333%;
}
.six.columns {
	width: 48%;
}
.seven.columns {
	width: 56.6666666667%;
}
.eight.columns {
	width: 65.3333333333%;
}
.nine.columns {
	width: 74.0%;
}
.ten.columns {
	width: 82.6666666667%;
}
.eleven.columns {
	width: 91.3333333333%;
}
.twelve.columns {
	width: 100%;
	margin-left: 0;
}
.one-third.columns {
	width: 30.6666666667%;
}
.two-thirds.columns {
	width: 65.3333333333%;
}
.one-half.columns {
	width: 48%;
}
/* Offsets */
  .offset-by-one.column,  .offset-by-one.columns {
	margin-left: 8.66666666667%;
}
.offset-by-two.column,  .offset-by-two.columns {
	margin-left: 17.3333333333%;
}
.offset-by-three.column,  .offset-by-three.columns {
	margin-left: 26%;
}
.offset-by-four.column,  .offset-by-four.columns {
	margin-left: 34.6666666667%;
}
.offset-by-five.column,  .offset-by-five.columns {
	margin-left: 43.3333333333%;
}
.offset-by-six.column,  .offset-by-six.columns {
	margin-left: 52%;
}
.offset-by-seven.column,  .offset-by-seven.columns {
	margin-left: 60.6666666667%;
}
.offset-by-eight.column,  .offset-by-eight.columns {
	margin-left: 69.3333333333%;
}
.offset-by-nine.column,  .offset-by-nine.columns {
	margin-left: 78.0%;
}
.offset-by-ten.column,  .offset-by-ten.columns {
	margin-left: 86.6666666667%;
}
.offset-by-eleven.column,  .offset-by-eleven.columns {
	margin-left: 95.3333333333%;
}
.offset-by-one-third.column,  .offset-by-one-third.columns {
	margin-left: 34.6666666667%;
}
.offset-by-two-thirds.column,  .offset-by-two-thirds.columns {
	margin-left: 69.3333333333%;
}
.offset-by-one-half.column,  .offset-by-one-half.columns {
	margin-left: 52%;
}
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: "GothamNarrow-Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 300;
}
h1 {
	font-size: 4.0rem;
	line-height: 1.2;
}
h2 {
	font-size: 3.6rem;
	line-height: 1.25;
}
h3 {
	font-size: 3.0rem;
	line-height: 1.3;
}
h4 {
	font-size: 2.4rem;
	line-height: 1.35;
}
h5 {
	font-size: 1.8rem;
	line-height: 1.5;
}
h6 {
	font-size: 1.5rem;
	line-height: 1.6;
}

/* Larger than phablet */
@media (min-width: 550px) {
h1 {
	font-size: 5.0rem;
}
h2 {
	font-size: 4.2rem;
}
h3 {
	font-size: 3.6rem;
}
h4 {
	font-size: 3.0rem;
}
h5 {
	font-size: 2.4rem;
}
h6 {
	font-size: 1.5rem;
}
}
p {
	margin-top: 0;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #ab1111;
}
a:hover {
	color: #880d0d;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	display: inline-block;
	height: 60px;
	padding: 12px 30px;
	color: #555;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 38px;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
	color: #333;
	border-color: #888;
	outline: 0;
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
	color: #FFF;
	background-color: #ab1111;
	border-color: #ab1111;
}
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary {
	color: #FFF;
	background-color: #880d0d;
	border-color: #880d0d;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border: 1px solid #aa1212;
	outline: 0;
}
label, legend {
	display: block;
 margin-bottom: .5rem;
	font-weight: 600;
}
fieldset {
	padding: 0;
	border-width: 0;
}
input[type="checkbox"], input[type="radio"] {
	display: inline;
}
label > .label-body {
	display: inline-block;
 margin-left: .5rem;
	font-weight: normal;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: circle inside;
}
ol {
	list-style: decimal inside;
}
ol, ul {
	padding-left: 0;
	margin-top: 0;
}
ul ul, ul ol, ol ol, ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
	font-size: 90%;
}
li {
	margin-bottom: 1rem;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
 padding: .2rem .5rem;
 margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
}
th:first-child, td:first-child {
	padding-left: 0;
}
th:last-child, td:last-child {
	padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button {
	margin-bottom: 1rem;
}
input, textarea, select, fieldset {
	margin-bottom: 1.5rem;
}
pre, blockquote, dl, figure, table, p, ul, ol, form {
	margin-bottom: 2.5rem;
}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box;
}
.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}
.u-pull-right {
	float: right;
}
.u-pull-left {
	float: left;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after, .row:after, .u-cf {
	content: "";
	display: table;
	clear: both;
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/



h1 {
	font-size:36px;
}
p {
	font-size:19px;
	line-height:32px;
	margin-bottom: 3rem;
}
.button {
	font-size:26px;
	line-height:32px;
	height: 60px;
	padding: 12px 30px;
}
.logo h1 {
	font-size:30px;
	padding-top:80px;
}
.logo h1 strong {
	font-family: "GothamNarrow-Medium";
}
.header h1 {
	padding-top:20%;
	margin-bottom: 3rem;
}
.header .u-max-full-width {
	padding:5% 0 5% 0;
}
.why {
	background:#ab1111 url(../images/red.png) center repeat-x;
	color:#FFF;
}
.why h1 {
	padding-top:3%;
}
.why .row {
	padding-bottom:3%;
}
.why h4 {
	font-family: "GothamNarrow-Book";
	font-size:18px;
	text-transform:uppercase;
}
.samples h1 {
	padding-top:5%;
}
.samples p {
	margin-bottom: 3rem;
}
.samples .u-max-full-width {
	margin-bottom:22%;
	border:1px solid #bcbcbc;
}
.samples a:hover .u-max-full-width {
	border:3px solid #a81212;
}
.setup {
	background-color:#f5f5f5;
	padding-top:3%;
}
.setup h3 {
	font-size:32px;
	font-family: "GothamNarrow-Medium";
}
.setup p {
	font-family: "GothamNarrow-Book";
}
.setup .st {
	padding-top:15%;
}
.setup em {
	font-size:13px;
	clear:both;
	font-style:italic;
}
.setup a {
	text-decoration:none !important;
	color:#525252;
}
.morei {
	border-radius: 5px;
	border: 1px solid #a7a7a7;
	padding: 5px 10px;
}
.testimonials h1 {
	padding-top:3%;
}
.testimonials .row {
	padding-bottom:3%;
}
.testimonials p {
	text-align:center;
	padding-right:10%;
}
.testimonials p.test {
	font-family: "GothamNarrow-LightItalic";
}
.testimonials strong {
	font-family: "GothamNarrow-Book";
}
.testimonials .four {
	border-right:1px solid #d0d0d0;
}
.testimonials .nb {
	border:none;
}
.pricing h1 {
	padding-right:10%;
}
.pricing p {
	margin-bottom: 3rem;
}
.pricing .row {
	padding-bottom:5%;
	padding-top:5%;
}
.pricing .four {
	text-align:right;
}
.footer {
	line-height:100px;
	background:#e5e3e3;
}
.footer .copy {
	text-align:right;
	font-size:14px;
	font-family: "GothamNarrow-Book";
}
.footer .links {
	color:#ab1111;
	font-size:14px;
	font-family: "GothamNarrow-Book";
}
.footer a {
	color:#ab1111;
	text-decoration:none;
	font-family: "GothamNarrow-Book";
	padding:0 10px 0 10px;
}
.footer a:hover {
	text-decoration:underline;
}
.topbar {
	height:27px;
	background:url(../images/top_bar_bg.png) top left repeat-x;
	padding-top:5px;
	border-bottom:8px solid #ab1111;
}
.topbar {
	position:fixed;
	z-index:999;
	width:100%;
}
.topbar a {
	text-decoration:none;
}
.topbar .two {
	text-align:right;
	font-size:11px;
	padding-top:3px;
}
.topbar .two a {
	padding-left:10px;
}
.topbar .twelve a {
	padding:0 10px 7px 10px;
	font-size:13px;
	font-family: "GothamNarrow-Book";
	color:#444444;
}
.topbar .twelve a.nb {
	border:none;
}
.topbar .twelve a:hover, .topbar .twelve .on {
	color:#ab1111;
	background:url(../images/top_bar_on_red.png) center 17px no-repeat;
}
.topbar .twelve a.q9web {
	background:#FFF;
	padding:8px 9px 0px 9px;
	font-family: "GothamNarrow-Medium";
	border-bottom:2px solid #494949;
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
}
.topbar .twelve a:hover.q9web {
	background:#fff;
}
.topbar .mobilespan {
	display:none;
	visibility:hidden;
}
.navhead {
	display: none;
	background-color: #ab1111;
	color:#fff;
	position:absolute;
	width:100%;
	z-index:999;
	margin-top:35px;
	padding-top:15px;
	overflow:hidden;
	float:left;
}
.navhead a {
	color:#ffffff;
}
.navhead li {
	list-style:none;
	padding:0 0 10px 25px;
	border-bottom:1px solid #c46f70;
}
a.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 45px;
	height: 41px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #ffffff;
	background: #a81213 url(../images/up.png) top left no-repeat;
	margin:2%;
}
a:hover.back-to-top {
	background-color: #ab1111;
}


/* Larger than mobile */
@media (min-width: 400px) {
.container {
	width: 90%;
	padding: 0;
}
}


/* Larger than Desktop HD */
@media (max-width: 1280px) {
h1 {
	font-size:30px;
}
p {
	font-size:17px;
	line-height:25px;
	margin-bottom: 2rem;
}
.why h4 {
	font-size:17px;
}
.header h1 {
	margin-bottom: 2rem;
}
.button {
	font-size:23px;
	line-height:24px;
	height: 50px;
	padding: 12px 30px;
}
.setup h3 {
	font-size:25px;
	font-family: "GothamNarrow-Book";
}
.topbar .twelve a {
	padding:0 3px 6px 3px;
	font-size:11px;
	font-family: "GothamNarrow-Book";
	color:#444444;
}
.topbar .twelve a:hover, .topbar .twelve .on {
	background:url(../images/top_bar_on_red.png) center 15px no-repeat;
}
.topbar .twelve a.q9web {
	padding:10px 9px 0px 9px;
}
.two1.columns {
	width: 22%;
}
}

/* Larger than desktop */
@media (max-width: 1000px) {
h1 {
	font-size:28px;
}
p {
	font-size:15px;
	line-height:21px;
	margin-bottom: 2rem;
}
.why h4 {
	font-size:15px;
}
.button {
	font-size:21px;
}
.header h1 {
	padding-top:12%;
	margin-bottom: 1.5rem;
}
.header .u-max-full-width {
	padding:13% 0 10% 0;
}
.button {
	font-size:20px;
	line-height:22px;
	height: 38px;
	padding: 6px 18px;
}
.setup .st {
	padding-top:12%;
}
.setup h3 {
	font-size:24px;
	font-family: "GothamNarrow-Book";
}
.pricing h1 {
	padding-right:7%;
}
.topbar .twelve a, .topbar .twelve b {
	visibility: hidden;
	display:none;
}
.topbar span {
	visibility:hidden;
	display:none;
}
.topbar .mobilespan {
	border-bottom:2px solid #494949;
	border-left:1px solid #ababab;
	border-right:1px solid #ababab;
	font-family: "GothamNarrow-Medium";
	background:#FFF url(../images/mobile.png) 75px 10px no-repeat;
	padding:6px 30px 0px 9px;
	cursor:pointer;
	visibility:visible;
	display:inline;
}
.two1.columns {
	width: 22%;
}
}

/* Larger than tablet */
@media (max-width: 750px) {
h1 {
	font-size:24px;
	font-family: "GothamNarrow-Book"
}
p {
	font-size:13px;
	line-height:17px;
	margin-bottom: 2rem;
}
.why h4 {
	font-size:13px;
}
.header h1 {
	margin-bottom: 2rem;
	padding-top:10%;
}
.header .u-max-full-width {
	padding:15% 0 10% 0;
}
.setup h3 {
	font-size:21px;
	font-family: "GothamNarrow-Book";
}
.setup .st {
	padding-top:10%;
}
.button {
	font-size:18px;
	line-height:25px;
	height: 40px;
	padding: 6px 20px;
}
.pricing h1 {
	line-height:35px;
	padding-right:5%;
}
.pricing p {
	line-height:35px;
}
.pricing .four {
	text-align:left;
}
}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 650px) {
.header h1 {
	padding:0 !important;
}
h1 {
	font-size:32px;
	margin-bottom: 2rem;
	text-align:center;
	padding-top:5%;
}
h3, h4 {
	text-align:center;
}
p {
	font-size:16px;
	line-height:21px;
	margin-bottom: 2rem;
	text-align:center;
}
.header .row {
	text-align:center;
	padding-bottom:10%;
}
.header h1 {
	margin-bottom: 2rem;
}
.header .u-max-full-width {
	padding:0;
}
.samples .u-max-full-width {
	padding-bottom:5%;
}
.why h1 {
	padding-top:7%;
}
.why .three {
	margin-bottom:5%;
}
.why h4 {
	font-size:18px;
}
.rowcontainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.dr {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.dr h3 {
	padding-top:5%;
}
.sg {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
.navhead {
	margin-left:-20px;
}
.setup .st {
	border-top:1px solid #cccccc;
	padding-top:5%;
}
.testimonials .four {
	border-top:1px solid #d0d0d0;
	border-right:none;
}
.testimonials h1 {
	padding-top:7%;
}
.testimonials .row {
	padding-bottom:5%;
}
.testimonials p {
	padding-right:0;
	padding-top:5%;
}
.pricing h1 {
	text-align:center;
	display:block;
	padding:0;
}
.pricing p {
	margin-bottom: 3rem;
	display:block;
}
.pricing .row {
	padding-bottom:5%;
	margin-top:8%;
	border-top:3px solid #aa1212;
}
.pricing .four {
	text-align:center;
}
.footer {
	line-height:50px;
}
.footer {
	text-align:center;
}
.footer .copy {
	text-align:center;
}
.topbar .two {
	float:right;
	width:120px;
}
.topbar .twelve {
	float:left;
	width:120px;
}
.footer a {
	padding:0 3px 0 3px;
	font-size:12px;
}
.footer .copy {
	font-size:12px;
}
.two1.columns {
	width: 100%;
}
.two1.columns a {
	float:left !important;
}
}
.error {
	color:#FF0000;
	font-weight:bold;
}
.done {
	font-weight:bold;
	color:#5AA518;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 999px;
    max-height : 80%;
    margin: 0;
}