.landing_page { /* Normalization */ /* Universal inheritance */ /* Opinionated defaults */ }
.landing_page img { border: 0; }
.landing_page :root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; text-size-adjust: 100%; }
.landing_page audio:not([controls]) { display: none; }
.landing_page details { display: block; }
.landing_page input[type="number"] { width: auto; }
.landing_page input[type="search"] { -webkit-appearance: textfield; }
.landing_page input[type="search"]::-webkit-search-cancel-button, .landing_page input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.landing_page main { display: block; }
.landing_page summary { display: block; }
.landing_page pre { overflow: auto; }
.landing_page progress { display: inline-block; }
.landing_page small { font-size: 75%; }
.landing_page template { display: none; }
.landing_page textarea { overflow: auto; }
.landing_page [hidden] { display: none; }
.landing_page [unselectable] { user-select: none; }
.landing_page *, .landing_page *::before, .landing_page *::after { box-sizing: inherit; text-decoration: inherit; }
.landing_page * { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; line-height: inherit; }
.landing_page *, .landing_page *::before, .landing_page *::after { border-style: solid; border-width: 0; }
.landing_page * { margin: 0; padding: 0; }
.landing_page :root { box-sizing: border-box; cursor: default; font-family: sans-serif; line-height: 1.5em; text-rendering: optimizeLegibility; vertical-align: top; }
.landing_page button, .landing_page input, .landing_page select, .landing_page textarea { background: transparent; }
.landing_page code, .landing_page kbd, .landing_page pre, .landing_page samp { font-family: monospace, monospace; }
.landing_page input { min-height: 1.5em; }
.landing_page nav ol, .landing_page nav ul { list-style: none; }
.landing_page select { -moz-appearance: none; -webkit-appearance: none; }
.landing_page select::-ms-expand { display: none; }
.landing_page select::-ms-value { color: currentColor; }
.landing_page table { border-collapse: collapse; border-spacing: 0; }
.landing_page textarea { resize: vertical; }
.landing_page ::selection { background-color: #1F365B; color: #fff; text-shadow: none; }
@media screen { .landing_page [hidden~="screen"] { display: inherit; }
  .landing_page [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

@font-face { font-family: 'bebas_neueregular'; src: url("../fonts/BebasNeue-webfont.eot"); src: url("../fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue-webfont.woff") format("woff"), url("../fonts/BebasNeue-webfont.ttf") format("truetype"), url("../fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg"); font-weight: normal; font-style: normal; }
html, body { height: 100%; margin: 0; padding: 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
.landing_page { padding: 0; padding-top: 30px; -webkit-font-smoothing: antialiased;  margin: 0 auto; color: #333; font-size: 16px; font-size: 1rem; line-height: 1.3; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-weight: normal; color: #231f20; text-align: center; }
.landing_page h1, .landing_page h2, .landing_page h3, .landing_page h4, .landing_page .title, .landing_page .subtitle, .landing_page .small_title { font-family: "bebas_neueregular", sans-serif; text-transform: uppercase; line-height: 100%; letter-spacing: 3px; margin: 0; font-weight: bold; }
.landing_page strong { font-weight: normal; }
.landing_page a { text-decoration: none; }
.landing_page p { margin: 0; }
.landing_page sup { position: relative; top: -0.25em; font-size: 70%; }
.landing_page article { position: relative; margin-left: auto; margin-right: auto; }
.landing_page section { margin-left: auto; margin-right: auto; clear: both; }
.landing_page section p a { color: #c43a8e; text-decoration: underline; }
.landing_page section p a:hover { text-decoration: none; }
.landing_page .center { display: table; width: 100%; }
.landing_page .center .alignMiddle { display: table-cell; vertical-align: middle; padding-top: 20px}
.landing_page .cta { color: #231f20; text-transform: uppercase; line-height: 50px; height: 50px; letter-spacing: 2px; padding-right: 45px; padding-left: 30px; margin-bottom: 30px; font-weight: normal; display: inline-block; background: #fff url(../images/icn-arrow-black.png) right center no-repeat; }
.landing_page .cta.black { background: #231f20 url(../images/icn-arrow-white.png) right center no-repeat; color: #fff; }
.landing_page .cta.black:hover { background: #333 url(../images/icn-arrow-white.png) right center no-repeat; }
.landing_page header { margin-left: auto; margin-right: auto; height:500px; background: url(../images/bg-header.jpg); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; padding: 0 10%;box-sizing: border-box;}
.landing_page header .h1 { padding-top: 100px; font-size: 40px; font-size: 2.5rem; letter-spacing: 6px; font-weight: bold; margin-bottom: 15px; line-height: 150% }
.landing_page header .h1 strong { font-size: 90px; font-size: 5.625rem; line-height: 100%; display: block; }
.landing_page header p { font-size: 22px; font-size: 1.375rem; max-width: 650px; letter-spacing: 0.5px; display: block; margin-left: auto; margin-right: auto; }
.landing_page .showRollover .onRollover { display: none; }
.landing_page .showRollover:hover .initial { display: none; }
.landing_page .showRollover:hover .onRollover { display: block; }
.landing_page .step { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
.landing_page .step h2 { font-size: 51px; font-size: 3.1875rem; margin-bottom: 30px; }
.landing_page .step h2 span { display: block; }
.landing_page .step p { letter-spacing: 0.5px; line-height: 150%; }
.landing_page .step article > div { width: 50%; float: left; }
.landing_page .step article > div img { display: block; width: 100% }
.landing_page .step article > div p { margin-bottom: 35px; padding-left: 60px; padding-right: 60px; }
.landing_page .step article > div .cta { margin-bottom: 0; }
.landing_page .step:after { position: absolute; height: 270px; width: 264px; content: ""; display: block; background-position: center bottom; background-repeat: no-repeat; bottom: 0; left: 50%; margin-left: -100px; pointer-events: none; }
.landing_page .step1:after { background-image: url(../images/number1.png); margin-left: -140px; }
.landing_page .step2:after { background-image: url(../images/number2.png); margin-left: -70px; }
.landing_page .step3:after { background-image: url(../images/number3.png); margin-left: -158px; bottom: -4px; }
.landing_page .step4:after { background-image: url(../images/number4.png); margin-left: -100px; }
.landing_page .step5:after { background-image: url(../images/number5.png); margin-left: -161px; bottom: -4px; }
.landing_page .products { padding-top: 38px; margin-bottom: 40px; }
.landing_page .products ul { border: 1px solid #000; padding: 0; margin: 0; display: table; width: 100%; width: calc(100% - 2px); }
.landing_page .products ul li { width: 25%; text-align: center; display: block; margin: 0; padding: 0; display: table-cell; vertical-align: bottom; font-size: 14px; font-size: 0.875rem; }
.landing_page .products ul li img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.landing_page .products ul li .cta { width: 110px; line-height: 40px; height: 40px; margin-bottom: 25px; }

.landing_page header .h1,
.landing_page .step h2 {
  font-family: arial, helvetica, sans-serif;
  letter-spacing: -.05em;
}

.landing_page header .h1 strong { 
  font-size: 4.825rem;
}
@media (min-width:1200px) {
	.landing_page .center .alignMiddle{ padding-top: 12%}
}
@media (max-width:1024px) {
	.text-image-component{ display: block}
	.landing_page .step:after{ height: 150px; background-size: auto 100%}
	.landing_page header .h1, .landing_page .step h2{ font-size: 24px}
	.landing_page header .h1 strong{ font-size: 30px}
	.landing_page header p{ font-size: 16px}
	.landing_page header{ height: 400px}
	.landing_page .step article > div p {  padding-left: 20px;   padding-right: 20px;}
	.landing_page .step h2{ margin-bottom: 15px}
	.landing_page .step article > div p{ margin-bottom: 20px}
}
@media (max-width:800px) {
.cms-landing-page .landing_page .center .alignMiddle{ margin-top: 0}
}
@media (max-width:767px) {
	.cms-landing-page .landing_page header {  background-size: auto 100%;}
     .cms-landing-page .landing_page header .h1,  .landing_page .step h2{ font-size: 20px}
	 .landing_page header .h1{ padding-top: 80px}
	 .landing_page header .h1 strong{ font-size: 24px}
	.landing_page .step article > div{ width: 100%}
	.text-image-component{ display: flex;  display: -webkit-flex; /* Safari */; flex-direction: column;  -webkit-flex-direction: column}
    .text-image-component .left{ order: 2;-webkit-order: 2;}
    .text-image-component .right{ order: 1; -webkit-order: 1}
	.landing_page .products ul{ padding-top: 20px}
	.landing_page .products ul li{ width:49%; display: inline-block}
	.landing_page .step:after{ display: none}
	.landing_page .products ul li .cta{ width: 100px; padding-left: 10px; padding-right: 10px; background-image: none !important;}	

}