/* ===[ Font Code ]=== */

/**
 * @license
 * MyFonts Webfont Build ID 3368559, 2017-04-03T21:08:54-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: NeuzeitSLTStd-Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neuzeit-s/neuzeits-book/
 *
 * Webfont: NeuzeitSLTStd-BookHeavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neuzeit-s/neuzeits-bookheavy/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3368559
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright © 1990, 2001, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2001, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * © 2017 MyFonts Inc
*/

/* Updated */
@import url('//hello.myfonts.net/count/33666f');
@font-face {
	font-family:'NeuzeitBook';
	font-style:normal;
	font-weight:normal;
	src:url('../fonts/33666F_0_0.eot');
	src:url('../fonts/33666F_0_0.eot?#iefix') format('embedded-opentype'),
		url('../fonts/33666F_0_0.woff2') format('woff2'),
		url('../fonts/33666F_0_0.woff') format('woff'),
		url('../fonts/33666F_0_0.ttf') format('truetype')
}
@font-face {
	font-family:'NeuzeitHeavy';
	font-style:normal;
	font-weight:normal;
	src:url('../fonts/33666F_1_0.eot');
	src:url('../fonts/33666F_1_0.eot?#iefix') format('embedded-opentype'),
		url('../fonts/33666F_1_0.woff2') format('woff2'),
		url('../fonts/33666F_1_0.woff') format('woff'),
		url('../fonts/33666F_1_0.ttf') format('truetype')
}

/* ===[ Custom Font Icons ]=== */
@font-face {
	font-family:'cchicon';
	font-weight:normal;
	font-style:normal;
	src:url('../fonts/cchicon.ttf?xi3433') format('truetype'),
		url('../fonts/cchicon.woff?xi3433') format('woff'),
		url('../fonts/cchicon.svg?xi3433#cchicon') format('svg');

}
i.ci {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'cchicon';font-size:16px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none;speak:none}

/* Icons */
.ci-eTicket:before {content:"\e927"}
.ci-calendar-circled:before {content:"\e91e"}
.ci-digital-timer-circled:before {content:"\e91f"}
.ci-dollar-sign-circled:before {content:"\e920"}
.ci-sand-timer-circled:before {content:"\e921"}
.ci-add-user:before {content:"\e900"}
.ci-archives-o:before {content:"\e901"}
.ci-business-user:before {content:"\e902"}
.ci-business-users:before {content:"\e903"}
.ci-calendar:before {content:"\e904"}
.ci-card-question:before {content:"\e905"}
.ci-card-tick:before {content:"\e906"}
.ci-card:before {content:"\e907"}
.ci-chart:before {content:"\e908"}
.ci-chat-bubble-o:before {content:"\e909"}
.ci-chat-bubble:before {content:"\e90a"}
.ci-clipboard-tick-o:before {content:"\e90b"}
.ci-clipboard-tick:before {content:"\e90c"}
.ci-cloud-switch:before {content:"\e90d"}
.ci-fastcard:before {content:"\e90e"}
.ci-fasteticket:before {content:"\e90f"}
.ci-file:before {content:"\e910"}
.ci-pdf-file:before {content:"\e922"}
.ci-pdf-file-lrg:before {content:"\e923"}
.ci-flexeticket:before {content:"\e911"}
.ci-giftcard:before {content:"\e912"}
.ci-hand-shake:before {content:"\e913"}
.ci-invoice:before {content:"\e914"}
.ci-lock:before {content:"\e915"}
.ci-newspaper:before {content:"\e916"}
.ci-next-user:before {content:"\e917"}
.ci-pin-o:before {content:"\e918"}
.ci-scale:before {content:"\e919"}
.ci-search:before {content:"\e91a"}
.ci-taxi:before {content:"\e91b"}
.ci-trolley:before {content:"\e91c"}
.ci-users:before {content:"\e91d"}
.ci-bank:before {content:"\e924"}
.ci-cloud-plus:before {content:"\e925"}
.ci-credit-cards:before {content:"\e926"}

/* @end --------- */



/* ===[ Animations ]=== */

/* Animations triggers */
.initial-scroll-animation		{-webkit-opacity:0;-moz-opacity:0;opacity:0}

/* Fade In */
@-webkit-keyframes fadeIn		{from{-webkit-opacity:0;opacity:0}to{-webkit-opacity:1;opacity:1}}
@-o-keyframes fadeIn			{from{opacity:0}to{opacity:1}}
@-ms-keyframes fadeIn			{from{opacity:0}to{opacity:1}}
@-moz-keyframes fadeIn			{from{-moz-opacity:0;opacity:0}to{-moz-opacity:1;opacity:1}}
@keyframes fadeIn				{from{-webkit-opacity:0;-moz-opacity:0;opacity:0}to{-webkit-opacity:1;-moz-opacity:1;opacity:1}}

/* Fade Out */
@-webkit-keyframes fadeOut		{from{-webkit-opacity:1;opacity:1}to{-webkit-opacity:0;opacity:0}}
@-o-keyframes fadeOut			{from{opacity:1}to{opacity:0}}
@-ms-keyframes fadeOut			{from{opacity:1}to{opacity:0}}
@-moz-keyframes fadeOut			{from{-moz-opacity:1;opacity:1}to{-moz-opacity:0;opacity:0}}
@keyframes fadeOut				{from{-webkit-opacity:1;-moz-opacity:1;opacity:1}to{-webkit-opacity:0;-moz-opacity:0;opacity:0}}

/* Slide In/Out Right (Used for Mobile Nav) */
@-webkit-keyframes slideInRight	{from{-webkit-transform:translate3d(100%,0,0);-webkit-opacity:0;opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);-webkit-opacity:1;opacity:1;transform:translate3d(0,0,0);left:0;right:0}}
@-o-keyframes slideInRight		{from{-o-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-o-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0);left:0;right:0}}
@-ms-keyframes slideInRight		{from{-ms-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-ms-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0);left:0;right:0}}
@-moz-keyframes slideInRight	{from{-moz-transform:translate3d(100%,0,0);-moz-opacity:0;opacity:0;transform:translate3d(100%,0,0)}to{-moz-transform:translate3d(0,0,0);-moz-opacity:1;opacity:1;transform:translate3d(0,0,0);left:0;right:0}}
@keyframes slideInRight			{
									from{-webkit-transform:translate3d(100%,0,0);-webkit-opacity:0;-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-moz-opacity:0;transform:translate3d(100%,0,0);opacity:0}
									to	{-webkit-transform:translate3d(0,0,0);-webkit-opacity:1;-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)-moz-opacity:1;transform:translate3d(0,0,0);opacity:1;left:0;right:0}
								}
@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:100%;right:auto}}
@-o-keyframes slideOutRight		{from{-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:100%;right:auto}}
@-ms-keyframes slideOutRight	{from{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:100%;right:auto}}
@-moz-keyframes slideOutRight	{from{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:100%;right:auto}}
@keyframes slideOutRight		{
									from{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
									to	{-webkit-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:100%;right:auto}
								}

/* Slide in Up */
@-webkit-keyframes slideInUp	{from{-webkit-transform:translate3d(0,100%,0);-webkit-opacity:0;opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);-webkit-opacity:1;opacity:1;transform:translate3d(0,0,0)}}
@-o-keyframes slideInUp			{from{-o-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-o-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0)}}
@-ms-keyframes slideInUp		{from{-ms-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-ms-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0)}}
@-moz-keyframes slideInUp		{from{-moz-transform:translate3d(0,100%,0);-moz-opacity:0;opacity:0;transform:translate3d(0,100%,0)}to{-moz-transform:translate3d(0,0,0);-moz-opacity:1;opacity:1;transform:translate3d(0,0,0)}}
@keyframes slideInUp			{
									from{-webkit-transform:translate3d(0,100%,0);-webkit-opacity:0;-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-moz-opacity:0;transform:translate3d(0,100%,0);opacity:0}
									to	{-webkit-transform:translate3d(0,0,0);-webkit-opacity:1;-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-moz-opacity:1;transform:translate3d(0,0,0);opacity:1}
								}

/* Slide Out Down */
@-webkit-keyframes slideOutDown {from{-webkit-transform:translate3d(0,0,0);-webkit-opacity:1;opacity:1;transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(0,100%,0);-webkit-opacity:0;opacity:0;transform:translate3d(0,100%,0)}}
@-o-keyframes slideOutDown		{from{-o-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0)}to{-o-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}
@-ms-keyframes slideOutDown		{from{-ms-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0)}to{-ms-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}
@-moz-keyframes slideOutDown	{from{-moz-transform:translate3d(0,0,0);-moz-opacity:1;opacity:1;transform:translate3d(0,0,0)}to{-moz-transform:translate3d(0,100%,0);-moz-opacity:0;opacity:0;transform:translate3d(0,100%,0)}}
@keyframes slideOutDown			{
									from{-webkit-transform:translate3d(0,0,0);-webkit-opacity:1;-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-moz-opacity:1;opacity:1;transform:translate3d(0,0,0)}
									to	{-webkit-transform:translate3d(0,100%,0);-webkit-opacity:0;-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-moz-opacity:0;opacity:0;transform:translate3d(0,100%,0)}
								}

/* Slide in Left */
@keyframes slideInLeft 			{from {-webkit-transform: translate3d(-100%, 0, 0);opacity: 0;} to {-webkit-transform: translate3d(0, 0, 0); opacity: 1;}}
@-o-keyframes slideInLeft		{from{-o-transform:translate3d(-100%, 0, 0);opacity:0;transform:translate3d(-100%, 0, 0)}to{-o-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0)}}
@-ms-keyframes slideInLeft		{from{-ms-transform:translate3d(-100%, 0, 0);opacity:0;transform:translate3d(-100%, 0, 0)}to{-ms-transform:translate3d(0,0,0);opacity:1;transform:translate3d(0,0,0)}}
@-moz-keyframes slideInLeft		{from{-moz-transform:translate3d(-100%, 0, 0);-moz-opacity:0;opacity:0;transform:translate3d(-100%, 0, 0)}to{-moz-transform:translate3d(0,0,0);-moz-opacity:1;opacity:1;transform:translate3d(0,0,0)}}
@keyframes slideInLeft			{
									from{-webkit-transform:translate3d(0,100%,0);-webkit-opacity:0;-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-moz-opacity:0;transform:translate3d(0,100%,0);opacity:0}
									to	{-webkit-transform:translate3d(0,0,0);-webkit-opacity:1;-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-moz-opacity:1;transform:translate3d(0,0,0);opacity:1}
								}
								
/* Smooth Bounce */
@-webkit-keyframes bounce		{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-o-keyframes bounce			{0%{-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-o-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}100%{-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-ms-keyframes bounce			{0%{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}100%{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-moz-keyframes bounce			{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}100%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounce				{
									0%	{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
									50%	{-webkit-transform:translate3d(0,-8px,0);-o-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
									100%{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
								}

/* Move Right and Back Within Container */
@-webkit-keyframes moveToRight	{from{left:0}to{left:50%}}
@-o-keyframes moveToRight		{from{left:0}to{left:50%}}
@-ms-keyframes moveToRight		{from{left:0}to{left:50%}}
@-moz-keyframes moveToRight		{from{left:0}to{left:50%}}
@keyframes moveToRight			{from{left:0}to{left:50%}}

@-webkit-keyframes moveBack		{from{left:50%}to{left:0}}
@-o-keyframes moveBack			{from{left:50%}to{left:0}}
@-ms-keyframes moveBack			{from{left:50%}to{left:0}}
@-moz-keyframes moveBack		{from{left:50%}to{left:0}}
@keyframes moveBack				{from{left:50%}to{left:0}}


/* CHECK ELEMENTS WITH THIS CLASS AND GLOBALISE IT */
.fadeIn			{-webkit-animation:fadeIn 500ms ease forwards;-o-animation:fadeIn 500ms ease forwards;-ms-animation:fadeIn 500ms ease forwards;-moz-animation:fadeIn 500ms ease forwards;animation:fadeIn 500ms ease forwards}
.fadeOut		{-webkit-animation:fadeOut 500ms ease forwards;-o-animation:fadeOut 500ms ease forwards;-ms-animation:fadeOut 500ms ease forwards;-moz-animation:fadeOut 500ms ease forwards;animation:fadeOut 500ms ease forwards}
.slideInLeft	{-webkit-animation:slideInLeft 1000ms ease forwards;-o-animation:slideInLeft 1000ms ease forwards;-ms-animation:slideInLeft 1000ms ease forwards;-moz-animation:slideInLeft 1000ms ease forwards;animation:slideInLeft 1000ms ease forwards}
.slideInRight	{-webkit-animation:slideInRight 1000ms ease forwards;-o-animation:slideInRight 1000ms ease forwards;-ms-animation:slideInRight 1000ms ease forwards;-moz-animation:slideInRight 1000ms ease forwards;animation:slideInRight 1000ms ease forwards}
.slideInUp		{-webkit-animation:slideInUp 1000ms ease forwards;-o-animation:slideInUp 1000ms ease forwards;-ms-animation:slideInUp 1000ms ease forwards;-moz-animation:slideInUp 1000ms ease forwards;animation:slideInUp 1000ms ease forwards}
/* @end --------- */



/* ===[ Common Colours ]=== */
:root									{font-size:16px}
body                  					{background-color:#fff;color:#000;font-family:'Nunito Sans',Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}
html,body,form							{height:100%}
body									{}
form									{height:auto;min-height:100%;padding-bottom:307px}

/* ===[ Root element styles ]=== */
		 a								{-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;color:#00968c;text-decoration:none;outline:none;transition:all 300ms linear}
		 a:focus						{outline:none;color:#000}
  .touch a:focus						{outline:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.desktop a:hover						{color:#000;text-decoration:none;outline:none}
		 a:active						{outline:none}
sub, sup                    			{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup                         			{top:-0.5em}
sub                         			{bottom:-0.25em}
img										{border:0}
.img-rounded                			{border-radius:500px}
.img-polaroid							{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.img-circle								{border-radius:500px}
.img-box								{text-align:center;z-index:10}
.img-box.nogap-sml				  		{margin:0 auto;padding:0}
.img-box.nogap-sml img					{max-width:980px}
.img-box img							{width:100%}

/* ===[ Text ]=== */
p,li                                    {margin:0 0 16px;line-height:1.4em;color:#000;font-size:18px}
* > p:last-child						{margin-bottom:0}
.lead                                   {color:#999;font-style:italic;font-size:18px}
small                                   {font-size:85%}

em                                      {font-style:italic}
cite                                    {font-style:normal}



h1, h2, h3, h4, h5, h6                  {margin:0;line-height:1.4em}

h1, .h1                                 {font-size:30px;text-transform:uppercase;display:block;line-height:1em}
h2, .h2                                 {font-size:32px;line-height:1.2em}
h3, .h3                                 {font-size:32px;line-height:1.1em;margin-bottom:1rem}
h4, .h4                                 {color:#00968c;font-size:18px;line-height:1.2em}
h5, .h5                                 {font-size:14px}
h6, .h6                                 {font-size:11px}

body h1:first-child                     {margin-top:0}

h1 small, h2 small, h3 small,
h4 small, h5 small, h6 small			{line-height:1;color:#999}
h6 small > a                            {color:#999}

h1.thin, .h1.thin,
h2.thin, .h2.thin,
h3.thin, .h3.thin,
h4.thin, .h4.thin						{font-weight:400}

/*
################################################################################################################################
*
* FONT WEIGHT
*
################################################################################################################################
*/
dt,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
strong,
h1.thin strong,
.h1.thin strong,
h2.thin strong,
.h2.thin strong,
h3.thin strong,
.h3.thin strong,
.form-btn input[type=submit],
.swiper-scroll-indicator span,
.giftcard-page .giftcard-attrs p,
.gf-step:before,
.gf-step:after,
.steps-bar .step .step-order,
.card-form .dollar-sign,
.direct-debit-msg,
.files-group ul li a span.add-to-cal,
.share-price-info p .var,
.sr-title a
{font-weight:800}


/* ===[ Lists ]=== */
ul, ol                                  {padding:0;margin:0 0 10px 32px}
ul.unstyled, ol.unstyled                {margin-left:0;list-style:none}
ul.inline, ol.inline                    {margin-left:0;list-style:none}
ul.inline>li, ol.inline>li              {padding-right:5px;padding-left:5px}
dl                                      {margin-bottom:20px}
dt, dd                                  {line-height:20px}
dd                                      {margin-left:10px}
hr                                      {margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}
/* @end Root*/





/* ===[ General Items and Classes ]=== */
.underlay								{background:rgba(0,0,0,.75);bottom:0;left:0;position:fixed;right:0;top:0;z-index:4}
.brand-text								{color:#00968c}
.bt-margin								{margin-bottom:1rem}
/* @end Classes*/

/* ===[ Table styles ]=== */
table                                   {}
.table                                  {}
.table th, .table td                    {}
.table th                               {}
.table thead th                         {}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th, 
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td				{text-transform:uppercase}
/* @end Table*/


/* ===[ Form Style ]=== */
.form                                   {}
.form fieldset                          {margin-bottom:20px}
.form legend                            {border:0 none}
.form legend small                      {display:block;color:#999}
.form-control                           {height:38px;border:1px solid #000;font-size:16px;color:#000;padding:0 .5rem;width:100%}
.form-control:focus                     {color:#333}
.form-control::-webkit-input-placeholder
                                        {color:#999}
.form-control:-moz-placeholder          {color:#999}
.form-control::-moz-placeholder         {color:#999}
.form-control:-ms-input-placeholder     {color:#999}
.form-control:-placeholder              {color:#999}


label                                   {font-weight:normal}
input, select, textarea					{outline:none}

input[type="checkbox"]                  {border-radius:0;border:1px solid #ccc}
input[type="radio"], select             {cursor:pointer}

select.form-control						{
										-webkit-border-radius:0;-webkit-appearance:none;
										-moz-border-radius:0;-moz-appearance:none;
										appearance:none;background:url('/App_Themes/CCH/img/selectdrop.svg') no-repeat right top;border-radius:0;font-weight:normal;padding-right:48px
										}

textarea.form-control					{height:120px;padding:.5rem}


.checkbox-field label					{background:#fff;border:1px solid #000;cursor:pointer;height:20px;margin:0;position:relative;vertical-align:top;width:20px}
.checkbox-field label:after				{
											-webkit-transform:rotate(-45deg);
											-webkit-opacity:0;
											-o-transform:rotate(-45deg);
											-ms-transform:rotate(-45deg);
											-moz-transform:rotate(-45deg);
											-moz-opacity:0;
											background:transparent;
											border:2px solid #000;
											border-right:none;border-top:none;
											content:'';
											height:6px;
											left:3px;
											opacity:0;
											position:absolute;
											top:4px;
											transform:rotate(-45deg);
											width:12px
										}
.checkbox-field label:hover::after		{-webkit-opacity:.3;-moz-opacity:.3;opacity:.3}
.checkbox-field input[type=checkbox]	{display:none;visibility:hidden}
.checkbox-field input[type=checkbox]:checked + label:after{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.checkbox-field .label					{color:#000;display:inline-block;font-size:1rem;height:20px;line-height:24px;padding:0 0 0 8px;vertical-align:top}

.checkbox-field.multi-hrz .field		{max-width:200px}
.checkbox-field.multi-hrz .label		{padding-right:24px}
.checkbox-field.multi-hrz.noted			{padding-bottom:0}

.checkfield-note						{margin-bottom:1rem}

.single-check > div,
.single-check > .label					{float:left}
.single-check > .label					{height:auto;text-align:left;width:92%}
.single-check > .label.left-label		{padding-left:0;padding-right:1rem;width:auto}

.radio-field input						{margin:0 .5rem 0 0}
.radio-field label						{width:auto}

.form-box .field						{padding:0 0 1rem}

.field-group,
.accordion-box.expanded					{*zoom:1;clear:both}
.field-group:before,
.field-group:after,
.accordion-box.expanded:before,
.accordion-box.expanded:after			{display:table;content:" "}
.field-group:after,
.accordion-box.expanded:after			{clear:both}

.label-field							{padding:.5rem 0 .25rem !important}
.label-field label						{margin-bottom:0}

.field-winfo							{padding-right:3rem !important}
.field-helper							{color:#666;font-size:2rem;position:absolute;right:10px;top:3px}
.field-info-content						{
											-webkit-box-shadow:2px 2px 2px 1px #ddd;
											-moz-box-shadow:2px 2px 2px 1px #ddd;
											background:#fff;
											border:1px solid #333;
											box-shadow:2px 2px 2px 1px #ddd;
											padding:1rem;
											position:absolute;
											right:10px;
											top:-24px;
											width:260px;
											z-index:10
										}
.field-info-content	.close-field-info	{color:#333;font-size:2rem;position:absolute;right:5px;top:0}

/* @end --------- */

/* ===[ Button Style ]=== */
.btn,
.form-btn input[type=submit]			{
											-webkit-border-radius:8px;
											-moz-border-radius:8px;
											background:#ff585d;
											border:1px solid transparent;
											border-radius:8px;
											color:rgba(255,255,255,1);
											font-size:18px;
											font-weight:400;
											height:56px;
											line-height:56px;
											max-width:320px;
											padding:0 32px;
											width:100%
										}
.form-btn input[type=submit]			{
											-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;
											letter-spacing:1px;text-transform:uppercase;transition:all 300ms linear
										}


.btn.sml-btn,
.form-btn.sml-btn input[type=submit],
.form-btn.sml-btn input[type=button]	{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;font-size:14px;height:38px;line-height:38px;padding:0 16px}

.btn.alt-btn							{border-color:#999;background:#999}
.btn.med-btn							{-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;height:42px;line-height:42px;padding:0 32px}

.desktop .btn:hover,
		 .btn:active					{background:#fff;border-color:#ff585d;color:#ff585d}
.desktop .alt-btn:hover,
		 .alt-btn:active				{background:#fff;color:#999}

.form-btn								{padding:.625rem 0;text-align:right}
.field-note								{color:#888;display:inline-block;font-size:.8rem;font-style:italic;padding-top:.5rem}
.field-sub-note 						{padding:16px 0; display:inline-block;}

.btn-large								{height:72px;line-height:24px;padding:12px 32px}
/* @end --------- */

		.noflow							{overflow:hidden !important}
body.ios.noflow							{position:fixed}
.uppercase								{text-transform:uppercase}
.clickable								{cursor:pointer}
.pagination 							{padding-bottom:2rem;padding-top:2rem;text-align:center}
.pagination a,
.pagination span 						{display:inline-block;margin:0 8px;padding:0 8px}



/*
################################################################################################################################
*
* BASE LAYOUT
*
################################################################################################################################
*/
	 main								{z-index:2}
	 main,header,footer					{-webkit-animation:fadeIn 300ms ease-out;-o-animation:fadeIn 300ms ease-out;-ms-animation:fadeIn 300ms ease-out;-moz-animation:fadeIn 300ms ease-out;animation:fadeIn 300ms ease-out}
form,main,header,header > .container	{position:relative}
		  
				 footer					{background:#969696}
				 


section									{margin:0 auto;max-width:1280px}
section.full-width						{max-width:100%}

.section-block							{padding:1.5rem 0}
.section-block.single					{padding:3rem 0}
.section-block.first					{padding-top:0}
.section-block.last						{padding-bottom:0}

.content-block							{border-top:1px solid #000;padding:3rem 0}

/*
################################################################################################################################
*
* Header
*
################################################################################################################################
*/
		  header						{
			  								-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;
			  								background:rgba(255,255,255,.75);font-size:0;height:auto;left:0;padding:0;position:fixed;text-align:left;top:0;transition:all 300ms linear;width:100%;z-index:4;
			  							}
body.scrl header						{-webkit-box-shadow:0 4px 12px 0 #ccc;-moz-box-shadow:0 4px 12px 0 #ccc;background:rgba(255,255,255,1);box-shadow:0 4px 12px 0 #ccc}

/*
################################################################################################################################
*
* LOGO
*
################################################################################################################################
*/
.logo									{display:block}
.logo svg								{-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;display:block;transition:all 300ms linear;width:auto}

#header-logo							{display:inline-block}
#header-logo .logo						{max-width:266px;padding:16px} /* Remove Padding with new logo */

#footer-logo							{margin:0 auto 16px;max-width:200px;width:100%}
#footer-logo path						{fill:#fff}


/*
#header-logo, #header-logo svg,
#footer-logo, #footer-logo svg			{height:100%}
*/
/* #header-logo path{fill:#fff} */

/*
################################################################################################################################
*
* MENU TOGGLE
*
################################################################################################################################
*/
#open-menu								{bottom:0;position:absolute;text-align:right;right:0;top:0;width:30%}
#close-menu								{display:inline-block;padding:8px 0;position:absolute;right:.5rem;text-align:right;z-index:1; top:-56px; visibility:hidden; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in;transition: none;}
.menu-toggle .toggle					{
											-webkit-box-sizing:content-box;
											-moz-box-sizing:content-box;
											background:none;
											border:none;
											bottom:0;
											box-sizing:content-box;
											color:#fff;
											cursor:pointer;
											display:inline-block;
											height:24px;
											margin:auto;
											overflow:visible;
											padding:1rem .9375rem;
											position:absolute;
											right:.5rem;
											top:0
										}
.menu-toggle .toggle-box				{display:inline-block;height:24px;position:relative;width:40px}
.menu-toggle .toggle-inner				{display:block;margin-top:-2px;top:50%}
.menu-toggle .toggle-inner:before,
.menu-toggle .toggle-inner:after		{content:'';display:block}
.menu-toggle .toggle-inner::before		{top:-10px}
.menu-toggle .toggle-inner::after		{bottom:-10px}

.menu-toggle .toggle.toggle-slider .toggle-inner					{top:2px}
.menu-toggle .toggle.toggle-slider .toggle-inner::after				{top:20px}

.menu-toggle .toggle-inner,
.menu-toggle .toggle-inner:before,
.menu-toggle .toggle-inner:after									{
																		-webkit-transition	:transform 300ms ease 500ms;
																		-o-transition		:transform 300ms ease 500ms;
																		-ms-transition		:transform 300ms ease 500ms;
																		-moz-transition		:transform 300ms ease 500ms;
																		transition			:transform 300ms ease 500ms;
																		background-color:#000;height:4px;position:absolute;width:40px
																	}
.menu-toggle .toggle.toggle-slider .toggle-inner::before			{
																		-webkit-transition	:-webkit-transform 300ms ease 500ms,-webkit-opacity 300ms ease 500ms,opacity 300ms ease 500ms,transform 300ms ease 500ms;
																		-o-transition		:-o-transform 300ms ease 500ms,opacity 300ms ease 500ms,transform 300ms ease 500ms;
																		-ms-transition		:-ms-transform 300ms ease 500ms,opacity 300ms ease 500ms,transform 300ms ease 500ms;
																		-moz-transition		:-moz-transform 300ms ease 500ms,-moz-opacity 300ms ease 500ms,opacity 300ms ease 500ms,transform 300ms ease 500ms;
																		transition			:transform 300ms ease 500ms,opacity 300ms ease 500ms;
																		top:10px
																	}

/*---------------- Toggled */
.menu-toggle .toggle.toggle-slider.is-active .toggle-inner			{
																		-webkit-transform	:translate3d(0,10px,0) rotate(45deg);
																		-o-transform		:translate3d(0,10px,0) rotate(45deg);
																		-ms-transform		:translate3d(0,10px,0) rotate(45deg);
																		-moz-transform		:translate3d(0,10px,0) rotate(45deg);
																		transform			:translate3d(0,10px,0) rotate(45deg)
																	}
.menu-toggle .toggle.toggle-slider.is-active .toggle-inner::before	{
																		-webkit-transform	:rotate(-45deg) translate3d(-5.71429px,-6px,0);-webkit-opacity:0;
																		-o-transform		:rotate(-45deg) translate3d(-5.71429px,-6px,0);
																		-ms-transform		:rotate(-45deg) translate3d(-5.71429px,-6px,0);
																		-moz-transform		:rotate(-45deg) translate3d(-5.71429px,-6px,0);-moz-opacity:0;
																		transform			:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0
																	}
.menu-toggle .toggle.toggle-slider.is-active .toggle-inner::after	{
																		-webkit-transform	:translate3d(0,-20px,0) rotate(-90deg);
																		-o-transform		:translate3d(0,-20px,0) rotate(-90deg);
																		-ms-transform		:translate3d(0,-20px,0) rotate(-90deg);
																		-moz-transform		:translate3d(0,-20px,0) rotate(-90deg);
																		transform			:translate3d(0,-20px,0) rotate(-90deg)
																	}

/*
################################################################################################################################
*
* MAIN NAV
*
################################################################################################################################
*/
nav												{
													-webkit-transition: all .5s ease-in-out;
													-o-transition: all .5s ease-in-out;
													-ms-transition: all .5s ease-in-out;
													-moz-transition: all .5s ease-in-out;
												}

nav ul											{list-style:none;margin:0}
nav ul li										{line-height:1.5;margin-bottom:0}
nav ul li a										{display:inline-block;font-weight:700}

nav > ul > li.external-service a				{-webkit-border-radius:6px;-moz-border-radius:6px;border:1px solid #fff;border-radius:6px;width:70%}
nav > ul > li > a								{color:#fff;font-size:24px;padding:.5rem 1.25rem;}
nav > ul > li > a > i							{display:block;font-size:2rem !important}

nav > ul > li.has-children > a.active,
nav > ul > li.has-children > a.selected 		{position:relative}
nav > ul > li.has-children > a.active:after		{
													-webkit-animation:fadeIn 500ms ease forwards;
													-o-animation:fadeIn 500ms ease forwards;
													-ms-animation:fadeIn 500ms ease forwards;
													-moz-animation:fadeIn 500ms ease forwards;
													animation:fadeIn 500ms ease forwards;
													border:10px solid transparent;border-bottom-color:#f2f2f2;border-top:none;bottom:0;content:'';display:block;height:0;left:0;margin:auto;position:absolute;right:0;width:0
												}

nav .secondary-nav								{background:#f2f2f2;display:none;height:auto;padding:8px 8px}
nav .secondary-nav li							{display:inline-block}
nav .secondary-nav li a							{color:#000;height:auto;padding:0;}

nav .secondary-nav li a i						{display:block;font-size:2.5rem;height:2rem}
nav .secondary-nav li.no-label					{padding-top:0}
nav .secondary-nav li.no-label a i				{font-size:4.5rem;height:auto}

nav > ul > li:first-child .secondary-nav li		{width:auto}

nav .secondary-nav.search-box					{padding:8px}
nav .secondary-nav li.search-form				{display:block;height:100%;margin:0 auto;position:relative;width:100%}
nav .secondary-nav li.search-form i				{font-size:3rem;left:0;line-height:90%;position:absolute;top:0}
nav .secondary-nav li.search-form input			{background:none;border:none;display:block;height:42px;line-height:42px;padding:0 0 0 0;width:100%}

nav .secondary-nav li.search-form input::-webkit-input-placeholder{font-size:15px;line-height:44px}
nav .secondary-nav li.search-form input::-moz-placeholder         {font-size:15px;line-height:44px}
nav .secondary-nav li.search-form input:-moz-placeholder          {font-size:15px;line-height:44px}
nav .secondary-nav li.search-form input:-ms-input-placeholder     {font-size:15px;line-height:44px}
nav .secondary-nav li.search-form input:focus                     {outline:none}

/* ===[ Search ]=== */
.search-trigger                         {display:block;width:44px;height:50px;line-height:50px;text-align:center;overflow:hidden;font-size:26px;color:#333}
.search-trigger:hover                   {color:#ccc}
.search                                	{
											-webkit-transition:opacity 300ms 0s, visibility 0s 300ms;
											-moz-transition:opacity 300ms 0s, visibility 0s 300ms;
											transition:opacity 300ms 0s, visibility 0s 300ms;
											position:absolute;height:50px;width:100%;top:50px;left:0;z-index:3;opacity:0;visibility:hidden;
										}
.search .form							{height:100%;width:100%}
.search input							{
											-webkit-box-shadow:inset 0 1px 0 #e2e3df,0 3px 6px rgba(0,0,0,.05);-webkit-appearance:none;-moz-box-shadow:inset 0 1px 0 #e2e3df,0 3px 6px rgba(0,0,0,.05);-moz-appearance:none;-ms-appearance:none;-o-appearance:none;
											appearance:none;border-radius:0;border:none;background:#fff;height:100%;width:100%;padding:0 5%;box-shadow:inset 0 1px 0 #e2e3df,0 3px 6px rgba(0,0,0,.05)
										}
.search.is-visible                     	{opacity:1;visibility:visible;-webkit-transition:opacity 300ms 0s, visibility 0s 0s;-moz-transition:opacity 300ms 0s, visibility 0s 0s;transition:opacity 300ms 0s, visibility 0s 0s}
.nav-is-fixed .search                   {position:fixed}
/* @end --------- */

/* support for no js   */
.no-js .primary-nav                     {position:relative;height:auto;width:100%;overflow:visible;visibility:visible;z-index:2}
.no-js .search                          {position:relative;top:0;opacity:1;visibility:visible}
/* @end --------- */

/*
################################################################################################################################
*
* FOOTER
*
################################################################################################################################
*/
footer									{bottom:0;left:0;padding:62px 0;position:absolute;right:0;text-align:center;z-index:3}
footer .social-links					{list-style:none;margin:0 0 16px}
footer .social-links li					{}
footer .social-links li a				{font-size:36px;color:#fff}
footer p								{color:#fff;font-size:12px !important;margin-bottom:0 !important;text-align:center}
footer ul.footer-links     				{list-style:none;list-style-position:inside;margin-right:0 !important;margin-left:0 !important;}
footer .footer-links li 	 			{list-style:none; padding:0; margin:0; text-align:center;}
footer .footer-links li a  				{color:#fff;font-size:12px !important;margin-bottom:0 !important;text-align:center;}
/*
################################################################################################################################
*
* HOME PAGE SLIDER
*
################################################################################################################################
*/
.swiper-container						{width:100%;height:86vh;min-height:460px;margin:0 auto 4px !important}
.swiper-slide                 			{background-position:80% 0;background-repeat:no-repeat;background-size:cover;display:block;font-size:18px;position:relative;text-align:center;z-index:20}
.swiper-slide:before					{
											-webkit-opacity:.26;
											-moz-opacity:.26;
											background:#88cf7c;
											background:-webkit-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-o-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-ms-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-moz-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:linear-gradient(135deg,#88cf7c 0%,#6f5e9b 100%);
											bottom:0;content:'';left:0;opacity:.26;position:absolute;right:0;top:0;z-index:5
										}
.swiper-content,
.swiper-content h1,
.swiper-content h2,
.swiper-content p						{text-align:center}

.swiper-content h1,
.swiper-content h2						{font-size:26px;margin:0 auto 0; color:#000 !important;text-align:left;}

.swiper-content .banner-logo-title		{height:auto;max-width:201px; margin:0;}
.swiper-content .banner-logo-title svg	{width:100%}
.swiper-content .banner-logo-title path {/* fill:#ffffff */}

.swiper-content							{-webkit-border-radius:16px;-moz-border-radius:16px;background:rgba(255,255,255,0);border-radius:16px;bottom:84px;left:8px;max-width:460px;padding:0 16px;position:absolute;right:8px;width:auto;z-index:20; margin:0;}
.swiper-content p						{margin-bottom:32px; display:none}
.swiper-content .btn					{font-size:22px; background-color:rgba(0,0,0,0); border:none;	padding:0; margin:0 0 0 26px; text-align:left; max-width:initial;}
.swiper-content .btn:hover				{background-color: rgba(255,255,255,0);}
.swiper-pagination						{bottom:38px;left:0;margin:0 auto;right:0;width:100%}
.swiper-scroll-indicator				{bottom:28px;height:40px;left:8px;position:absolute;right:8px;width:auto;z-index:30}
.swiper-scroll-indicator span			{color:#fff;display:block;font-size:.75em;letter-spacing:1px;line-height:.5;text-align:center; }
.swiper-scroll-indicator i				{color:#fff;display:block;font-size:48px;height:48px;line-height:42px;margin:0 auto;text-align:center;width:32px;border: 1px solid; border-radius: 50%; width: 1.255em; height: 1.25em; font-size: 2em;}
.swiper-scroll-indicator i:hover		{}
.swiper-scroll-indicator.fadeIn			{-webkit-animation:fadeIn 500ms ease forwards;-o-animation:fadeIn 500ms ease forwards;-ms-animation:fadeIn 500ms ease forwards;-moz-animation:fadeIn 500ms ease forwards;animation:fadeIn 500ms ease forwards}
.swiper-scroll-indicator.fadeOut		{-webkit-animation:fadeOut 500ms ease forwards;-o-animation:fadeOut 500ms ease forwards;-ms-animation:fadeOut 500ms ease forwards;-moz-animation:fadeOut 500ms ease forwards;animation:fadeOut 500ms ease forwards}


/* Small Devices 460 Height */
@media (min-device-height:320px) and (max-device-height:479px) and (orientation:portrait)	{.swiper-content{bottom:36px;}.swiper-content .banner-logo-title{height:44px}.swiper-pagination{bottom:24px;}.fastcard-page .banner-logo  {bottom:15%;}}
@media (max-device-height:440px) and (orientation:portrait)									{.swiper-scroll-indicator{display:none}}
@media (max-device-height:461px) and (orientation:portrait)									{.swiper-scroll-indicator span{display:none}}
@media (min-device-height:461px) and (orientation:portrait)									{.swiper-scroll-indicator span{display:block}}
@media (min-device-height:480px) and (max-device-height:567px) and (orientation:portrait)	{.swiper-content{bottom:82px}.swiper-content .banner-logo-title{height:54px}.swiper-pagination{bottom:60px}}
@media (min-device-height:320px) and (max-device-height:567px) and (orientation:portrait)	{.swiper-content .banner-logo-title svg{height:100%;width:auto}.swiper-content h1,.swiper-content h2,.swiper-content p{margin-bottom:8px}}
@media (min-device-height:568px) and (orientation:portrait)									{
																								.swiper-pagination													{bottom:62px}
																								.ios.phone-true .swiper-container						{height:87vh}
																								.ios.phone-true .swiper-content							{bottom:42px}
																								.ios.phone-true .swiper-content h1,
																								.ios.phone-true .swiper-content h2,
																								.ios.phone-true .swiper-content p												{margin-bottom:0}
																								.ios.phone-true .swiper-content .banner-logo-title			{height:44px}
																								.ios.phone-true .swiper-content .banner-logo-title svg	{height:100%;width:auto}
																								.ios.phone-true .swiper-pagination											{bottom:24px}
																							}
@media (min-device-height:667px) and (orientation:portrait)									{
																								.ios.phone-true .swiper-container						{height:89vh}
																								.ios.phone-true .swiper-content							{bottom:42px}
																								.ios.phone-true .swiper-content h1,
																								.ios.phone-true .swiper-content h2					{margin-bottom:0}
																								.ios.phone-true .swiper-content p						{margin-bottom:0}
																								.ios.phone-true .swiper-content .banner-logo-title			{height:auto}
																								.ios.phone-true .swiper-content .banner-logo-title svg	{height:auto;width:100%}
																								.ios.phone-true .swiper-pagination											{bottom:24px}
																							}
@media (min-device-height:667px) and (orientation:landscape)								{.ios.phone-true .swiper-content{bottom:46px}.ios.phone-true .swiper-pagination{bottom:32px}}
@media (min-device-height:736px) and (orientation:portrait)									{.ios.phone-true .swiper-container{height:90.3vh}}
@media (min-device-height:768px) and (orientation:landscape)								{.swiper-button-next, .swiper-button-prev{top:50% !important}}
@media (min-device-width:320px) and (orientation:landscape)									{
																								.swiper-container								{min-height:400px}
																								.swiper-content									{bottom:28px;text-align:left;width:86.5%}
																								.swiper-scroll-indicator				{left:auto}
																								.swiper-content h1,
																								.swiper-content h2							{margin:0 0 8px}
																								.swiper-content p								{margin-bottom:8px;text-align:left}
																								.swiper-pagination							{bottom:6px;left:8px;width:86.5%}

																							}
/* Overwrites */
.desktop .swiper-content				{bottom:32px}
.desktop .swiper-pagination				{bottom:24px;margin:0}
.swiper-scroll-indicator				{left:auto;right:16px}
.swiper-scroll-indicator a				{display:inline-block}
.swiper-pagination						{max-width:250px !important;right:auto}

/*
################################################################################################################################
*
* HOME PAGE PRODUCTS LIST
*
################################################################################################################################
*/
.fastcard-page section.full-width.banner-wrap:before {
											-webkit-opacity:.26;
											-moz-opacity:.26;
											background:#88cf7c;
											background:-webkit-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-o-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-ms-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-moz-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:linear-gradient(135deg,#88cf7c 0%,#6f5e9b 100%);
											bottom:0;content:'';left:0;opacity:.26;position:absolute;right:0;top:0;z-index:5
										}

.home-product,
.home-product:before,
.home-product .product-name,
.home-product .product-blurb			{-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;transition:all 300ms linear}
.home-product:before,
.home-product .product-name,
.home-product .product-blurb			{bottom:0;left:0;position:absolute;right:0;top:0}
.home-product							{background-position:center center;background-repeat:no-repeat;background-size:100%;display:block;height:0;margin-bottom:4px;overflow:hidden;padding-top:37.5%;position:relative}
.home-product:before					{background:rgba(0,0,0,.35);content:'';z-index:20}
.home-product .product-attr				{bottom:0;left:0;margin:auto;max-width:768px;position:absolute;right:0;top:0;width:100%}
.product-info-block						{display:inline-block; transform:translate(-50%,-50%); left:50%; top:50%; z-index:30; position:absolute;}
.home-product .product-name				{
											-webkit-animation:moveBack 300ms ease forwards;
											-o-animation:moveBack 300ms ease forwards;
											-ms-animation:moveBack 300ms ease forwards;
											-moz-animation:moveBack 300ms ease forwards;
											animation:moveBack 300ms ease forwards;
											color:#fff;
											font-size:7.5vw;
											font-weight:400;
											height:7.5vw;
											margin:auto;
											text-align:center;
											z-index:30;
											position:relative;
											display:block;
										}
.home-product .product-blurb			{
											-webkit-animation:moveBack 300ms ease forwards;
											-o-animation:moveBack 300ms ease forwards;
											-ms-animation:moveBack 300ms ease forwards;
											-moz-animation:moveBack 300ms ease forwards;
											animation:moveBack 300ms ease forwards;
											color:#fff;
											font-weight:400;
											margin:auto;
											text-align:center;
											z-index:30;
											color:#ffffff;
											position:relative;
											display:none;
											white-space:nowrap;
}
.home-product .product-img				{
											-webkit-animation:slideOutDown 300ms ease-out forwards;
											-o-animation:slideOutDown 300ms ease-out forwards;
											-ms-animation:slideOutDown 300ms ease-out forwards;
											-moz-animation:slideOutDown 300ms ease-out forwards;
											animation:slideOutDown 300ms ease-out forwards;
											bottom:0;height:0;left:0;margin:auto 1rem;opacity:0;overflow:hidden;padding-top:22%;position:absolute;right:0;top:0;width:35%;z-index:40
										}
.home-product .product-img img			{height:100%;left:0;position:absolute;top:0;width:auto}
.home-product:hover						{background-size:125%}
.home-product:hover:before				{background:rgba(0,0,0,.75)}
.home-product:hover .product-name,
.home-product:hover .product-blurb		{
											-webkit-transform:scale(.85);
											-webkit-animation:moveToRight 300ms ease forwards;
											-o-transform:scale(.85);
											-o-animation:moveToRight 300ms ease forwards;
											-ms-transform:scale(.85);
											-ms-animation:moveToRight 300ms ease forwards;
											-moz-transform:scale(.85);
											-moz-animation:moveToRight 300ms ease forwards;
											animation:moveToRight 300ms ease forwards;
											transform:scale(.85);
											 display: inline-block;
										}
.home-product:hover .product-blurb		{display:none;}
.home-product:hover .product-img		{
											-webkit-animation:slideInUp 300ms ease-out forwards;
											-o-animation:slideInUp 300ms ease-out forwards;
											-ms-animation:slideInUp 300ms ease-out forwards;
											-moz-animation:slideInUp 300ms ease-out forwards;
											animation:slideInUp 300ms ease-out forwards
										}

/*
################################################################################################################################
*
* INNER PAGES
*
################################################################################################################################
*/
/*---------------- BASE */
.inner-page main						{padding-top:56px}
.inner-page .page-content				{margin-bottom:84px}
.inner-page .page-content.contact-info	{margin-bottom:0}
.inner-page h1							{color:#00968c;font-size:26px;padding:54px 0;text-align:center;text-transform:none}
.inner-page h1.plain					{border-bottom:none;margin-bottom:0}
.inner-page h2							{border-bottom:1px solid #000;clear:both;margin-bottom:1.5rem;padding:2rem 0 .5rem;text-transform:uppercase}
.inner-page h2,
.inner-page h2 a						{color:#000}
.inner-page h2:first-child				{padding-top:0}
.inner-page h2,
.inner-page p,
.inner-page li							{font-size:1rem}
.inner-page p,
.inner-page li							{margin-bottom:1rem}


/*
################
*
* Accordion
*
################
*/
/* Accordion Trigger */
.inner-page h2.accordion-btn			{cursor:pointer;margin-bottom:0;padding:.5rem 0}
.inner-page h2.accordion-btn i			{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;float:right;text-align:center}
.inner-page h2.accordion-btn i:before	{display:block}
.inner-page h2.accordion-btn.expander i:before		{content:'\f3d0'}
.inner-page h2.accordion-btn.collapser i:before 	{content:'\f3d8'}

.inner-page h2.accordion-btn-lrg		{font-size:20px;font-weight:400;text-transform:none}
.inner-page h2.accordion-btn-lrg i		{background:#000;color:#fff;font-size:1.5rem;height:1.75rem;width:1.75rem}
.inner-page h2.accordion-btn-lrg span	{display:inline-block;padding-top:.25rem;width:85%}
.inner-page h2.accordion-btn-lrg.expander i:before	{line-height:1.925rem}
.inner-page h2.accordion-btn-lrg.collapser i:before {line-height:1.625rem}

/* Accordion Box */
.accordion-box							{display:none;padding-bottom:3rem}
.accordion-box.expanded					{border-bottom:1px solid #000;display:block}

/*
################
*
* MODAL
*
################
*/
.outer-modal							{background:rgba(0,0,0,.8);bottom:0;/* display:none; */left:0;position:fixed;right:0;top:0;z-index:999999}
.inner-modal							{bottom:0;left:0;margin:auto;max-width:1280px;padding:16px;position:absolute;right:0;top:0;width:90%}
.close-modal							{color:#fff;font-size:4rem;position:fixed;right:16px;top:16px;text-align:center;width:32px;z-index:2}
.close-modal i,
.close-modal i:before					{display:block;height:32px;line-height:32px;vertical-align:top}

/*
################
*
* Page Banners
*
################
*/
.page-banner,
.page-banner img,
.fastcard-page .page-banner				{height:70vh}
.page-banner							{min-height:404px;overflow:hidden;position:relative}
.page-banner .stns,
.fasteticket-page .stns					{border:1px solid;border-radius:50%;bottom:6%;color:#fff;display:inline-block;font-size:2rem;height:2.5rem;left:0;margin:auto;position:absolute;right:0;text-align:center;width:2.5rem;z-index:30}
.page-banner .stns i,
.fasteticket-page .stns i				{line-height:2.5rem}

/*
################################################################################################################################
*
* PRODUCTS DETAILS
*
################################################################################################################################
*/

/*---------------- Product Page */
.product-details						{text-align:center}
.product-details h3						{margin:0}
.product-details section				{padding:1.5rem 0;position:relative}
.product-details section:first-child	{padding-top:0; padding-bottom: 0;}
.product-details section .row			{margin-bottom:0}

/*---- Product Banner */
.product-details .page-banner			{background-position:0 0;background-repeat:no-repeat;background-size:cover}

/*---- Product Logo */
.product-details .product-logo path,
.product-details .product-logo polygon,
.product-details .product-logo rect		{fill:#000}
.product-details .product-logo			{margin:0 auto 1rem;max-width:320px;width:64vw; margin-bottom:0; max-height: 110px;}

/*---- Product Image */
.product-details .product-image			{margin:0 auto;max-width:500px}

/*---------------- Order Widget */
.order-widget h3						{margin-bottom:1rem}
.order-widget .order-btns				{text-align:center}
.order-widget .order-btns .btn			{margin-bottom:1rem}
.order-widget .order-btns .col:last-child .btn {margin-bottom:0}

/*---------------- Service Benefits */
.product-details .benefit-box i,
.product-details .benefit-box .benefit-content {vertical-align:middle}
.product-details .benefit-box:last-child {margin-bottom:0 !important}
.product-details .benefit-box i {display:inline-block;margin-right:1rem}
.product-details .benefit-box .benefit-content {display:inline-block}
.product-details .benefit-box .benefit-content span {display:block;text-align:left}

/*---------------- Mid-Benner */
.product-details .mid-banner			{height:0;overflow:hidden;padding-top:180px;position:relative}
.product-details .mid-banner:before		{
											-webkit-opacity:.6;
											-moz-opacity:.6;
											background:#88cf7c;
											background:-webkit-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-o-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-ms-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:-moz-linear-gradient(-45deg,#88cf7c 0%,#6f5e9b 100%);
											background:linear-gradient(135deg,#88cf7c 0%,#6f5e9b 100%);
											bottom:0;content:'';left:0;opacity:.6;position:absolute;right:0;top:0;z-index:5
										}
.product-details .mid-banner img		{left:0;position:absolute;top:0;width:100%}
.product-details .mid-banner-headline	{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:10}
.product-details .mid-banner-headline h3{color:#fff;font-size:1.5rem;line-height:1.25em}

/*---------------- Mid Banner with Gradient Extension */
.product-details .mid-banner-headline-content-area			{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:10; height:80%;}
.product-details .mid-banner-headline-content-area .grid	{position: relative;height: 100%;}
.product-details .mid-banner-headline-content-area .grid .row:first-child {top:0; position:absolute; width:100%;}
.product-details .mid-banner-headline-content-area .grid .row:last-child {bottom:0; position:absolute; width:100%;}
.product-details .mid-banner-headline-content-area h3,.product-details .mid-banner-headline-content-area span {color:#ffffff;}
.product-details .mid-banner-headline-content-area h3 { padding-bottom:20px; font-size: 28px;}

.gradient-start .mid-banner														{ min-height:650px;  background-size: cover; background-position: right;}
.gradient-start .mid-banner	img												{ right: 0; min-height: 650px; width: auto; height: 100%; top: 0 !important; left:auto;}
/*---------------- Video Button and Modal */



.product-details .open-video			{display:block;margin:0 auto;position:relative;width:100%}
.product-details .open-video i			{
											-webkit-border-radius:50%;
											-moz-border-radius:50%;
											border:5px solid #fff;
											border-radius:50%;
											bottom:0;
											color:#fff;
											font-size:32px;
											height:58px;
											left:0;
											margin:auto;
											padding:8px 8px 8px 16px;
											position:absolute;
											right:0;
											top:0;
											width:58px;
											z-index:10
										}

/*---------------- Video Box */
.product-details .video-box				{text-align:center}
.product-details .video-wrap			{height:0;padding-bottom:42.82%;padding-top:25px}
.product-details .video-wrap iframe		{height:100%;left:0;position:absolute;top:0;width:100%}

/*---------------- Splitted Row */
.product-details .split-row h3,
.product-details .split-row p,
.product-details .split-row li			{text-align:left}
.product-details .split-row h3			{margin-bottom:1rem}
.product-details .split-row .content-box{padding:2rem 0}
.product-details .split-row .img-box	{padding:0;width:100%}

/*---------------- Service Values */
.product-details .service-values		{}
.product-details .service-values .row	{}
.product-details .service-values .row:last-child {}
.product-details .service-values .service-value {display:inline-block;float:none;margin:0 auto 1.5rem; min-width: 320px; max-width: 33%; vertical-align:top}
.product-details .service-values .service-value p {font-size:12px !important}
.product-details .service-values .service-value:last-child {margin-bottom:0}
.product-details .service-values .img-box {border-radius:1rem;margin-bottom:1rem;overflow:hidden}

/*---------------- Bottom Background */
.product-details .outro-bg-box {width:100%}
.product-details .outro-bg-box img {width:90%}

/*
################
*
* FASTCARD
*
################
*/
.fastcard-page .page-banner {background-position:-120px 0;position:relative}
.fastcard-page .banner-logo {bottom:11%;left:0;margin:0 auto;min-width:260px;position:absolute;right:0; z-index:30;}
.fastcard-page .banner-logo svg {height:100%;width: 14%;min-width:190px}
.fastcard-page .banner-logo polygon,
.fastcard-page .banner-logo path {fill:#fff}
.fastcard-page .benefit-box {margin-bottom:1.5rem}
.fastcard-page .benefit-box i {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:3rem;padding:1rem}
.fastcard-page .benefit-box i.ci-clipboard-tick-o {padding:1rem .75rem 1rem 1.25rem}
.fastcard-page .benefit-box .benefit-content {width:65%}
.fastcard-page .split-row {background:#000}
.fastcard-page .split-row h3,
.fastcard-page .split-row p,
.fastcard-page .split-row li {color:#fff}
.fastcard-page .outro-background {height:0;overflow:hidden;padding-top:24%;position:relative}
.fastcard-page .outro-background .outro-bg-box {-webkit-transform:rotate(11.25deg);-o-transform:rotate(11.25deg);-ms-transform:rotate(11.25deg);-moz-transform:rotate(11.25deg);padding-top:10%;position:absolute;text-align:center;top:0;transform:rotate(11.25deg)}

/*
################
*
* FASTeTicket
*
################
*/
.fasteticket-page section:first-child 					{padding-top:3rem}
.fasteticket-page section:last-child 						{padding-bottom:0}
.fasteticket-page .product-image 								{margin-bottom:2rem;max-width:100%}
.fasteticket-page .product-image img 						{-webkit-transform:rotate(-11.25deg);-o-transform:rotate(-11.25deg);-ms-transform:rotate(-11.25deg);-moz-transform:rotate(-11.25deg);max-width:600px;transform:rotate(-11.25deg)}
.fasteticket-page .img-box.supl-img img 				{width:75%}
.fasteticket-page .split-row 										{background:#ebeced}
.fasteticket-page .split-row h3,
.fasteticket-page .split-row p,
.fasteticket-page .split-row li								 				 {color:#000}
.fasteticket-page .split-row .content-box .img-box 		 {padding:16px 0 0}
.fasteticket-page .split-row .content-box .img-box a 	 {margin:0 0 16px}
.fasteticket-page .split-row .video-box								 {padding-bottom:0;text-align:left}
.fasteticket-page .service-benefits-wrap 							 {background:#00968C}
.fasteticket-page .benefit-box 												 {color:#fff;margin-bottom:3rem}
.fasteticket-page .benefit-box i 											 {font-size:4rem}
.fasteticket-page .benefit-box .benefit-content 			 {width:70%}
.fasteticket-page .outro-background 									 {height:0;overflow:hidden;padding-top:24%;position:relative}
.fasteticket-page .outro-background .outro-bg-box 		 {-webkit-transform:rotate(11.25deg);-o-transform:rotate(11.25deg);-ms-transform:rotate(11.25deg);-moz-transform:rotate(11.25deg);padding-top:0;position:absolute;text-align:center;top:0;transform:rotate(11.25deg)}
.fasteticket-page .mid-banner-headline h3							 {margin-bottom:8px; }
.fasteticket-page .mid-banner-headline p						 	 {color:#ffffff;}
.fasteticket-page .below-mid-banner h3 								 {font-size:27px;}
.fasteticket-page.product-details .product-logo 			 {max-width:400px;}
.fasteticket-page .stns 											 				 {color:#000; bottom:0; display:none;}
/*
################
*
* FLEXeTicket
*
################
*/
.flexeticket-page .page-banner {background-position:80% -0;}
.flexeticket-page .banner-content {padding:8px 0;}
.flexeticket-page .benefit-box {margin-bottom:3rem}
.flexeticket-page .benefit-box i {color:#000;font-size:3rem}
.flexeticket-page .benefit-box .benefit-content {width:70%}
.flexeticket-page.product-details .product-logo {max-width:270px;}
/* midbanner */
.flexeticket-page .tiled-content .img-box.tiled-img {-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem;margin-bottom:1rem;overflow:hidden}
.flexeticket-page .floating-product-img {
											-webkit-transform:rotate(-22.5deg);
											-o-transform:rotate(-22.5deg);
											-ms-transform:rotate(-22.5deg);
											-moz-transform:rotate(-22.5deg);
											display:none;
											left:0;
											margin:auto;
											position:absolute;
											right:0;
											top:42%;
											transform:rotate(-22.5deg);
											width:38%;
											z-index:1
										}
.flexeticket-page .usage-rules			{padding-top:2.5rem}
.flexeticket-page .usage-rules h3		{margin-bottom:2rem;text-align:center}
.flexeticket-page .usage-rule			{margin-bottom:1.5rem;padding-left:0;text-align:center}
.flexeticket-page .usage-rule:last-child,
.flexeticket-page .usage-rule:nth-last-child(2){margin-bottom:0}
.flexeticket-page .usage-rule i,
.flexeticket-page .usage-rule span		{vertical-align:middle}
.flexeticket-page .usage-rule i			{color:#ffffff;display:inline-block;font-size:3.5rem}
.flexeticket-page .usage-rule span		{display:block;font-size:1rem; color:#ffffff;}
/* .flexeticket-page .split-row {background:#00968C} */
.flexeticket-page .split-row h3,
.flexeticket-page .split-row p,
.flexeticket-page .split-row li {color:#fff;text-align:center}
.flexeticket-page .split-row h3 {margin-bottom:1.5rem}
.flexeticket-page section.gradient-start { padding:0; margin-top:2em;}
.flexeticket-page section.gradient-extension { padding:0;}
.flexeticket-page section.gradient-extension:before {
-webkit-opacity: .6;
-moz-opacity: .6;
background: #00968c;
background: -webkit-linear-gradient(-45deg,#00968c 0%,#000  100%);
background: -o-linear-gradient(-45deg,#00968c 0%,#000  100%);
background: -ms-linear-gradient(-45deg,#00968c 0%,#000  100%);
background: -moz-linear-gradient(-45deg,#00968c 0%,#000  100%);
background: linear-gradient(135deg,#00968c 0%,#000  100%);
bottom: 0;
content: '';
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;}
.flexeticket-page section.gradient-extension:after {padding: 0 0 2rem 0;}
.flexeticket-page section.gradient-extension .grid{ padding-top:2rem;}
.flexeticket-page section.gradient-start p,
.flexeticket-page section.gradient-extension p,
.flexeticket-page section.gradient-extension li {color:#fff}

/*
################
*
* GIFTCARD
*
################
*/
.giftcard-page .page-banner {background-position:60% 60%;}
.giftcard-page .order-btns > .col {margin:0 auto}
.giftcard-page .giftcard-attrs {background:#00968C}
.giftcard-page .giftcard-attrs .col {padding-bottom:3rem}
.giftcard-page .giftcard-attrs .col:first-child,
.giftcard-page .giftcard-attrs .col:last-child {padding-bottom:0}
.giftcard-page .giftcard-attrs h3,
.giftcard-page .giftcard-attrs p {color:#fff}
.giftcard-page .giftcard-attrs h3 {margin-bottom:2rem}
.giftcard-page .giftcard-attrs .img-box {-webkit-border-radius:50%;;-moz-border-radius:50%;background:#ccc;border-radius:50%;display:inline-block;height:200px;margin-bottom:1rem;overflow:hidden;position:relative;width:200px}
.giftcard-page .giftcard-attrs .img-box img {bottom:-9999px;height:auto;left:-9999px;margin:auto;min-height:100%;min-width:100%;position:absolute;right:-9999px;top:-9999px;width:auto}
.giftcard-page .split-row .content-box h3 {color:#000;text-align:center}
.giftcard-page .split-row .content-box h3.dark {color:#000}
.giftcard-page .split-row .content-box h4 {font-size:32px;font-weight:400}
.giftcard-page .mid-banner {padding-top:56.25% !important}
.giftcard-page .mid-banner img {top:0 !important}
.giftcard-page .mid-banner-headline h3 {margin-bottom:0;}
.giftcard-page .mid-banner-headline p {color:#fff}

/* Gift Card Instructions */
.gf-instructions > .col {margin-bottom:32px;padding:0}
.gf-instructions > .col p {padding-left:48px}
.gf-step {margin-bottom:32px !important;min-height:26px;padding-right:32px;position:relative}
.gf-step:before {
					-webkit-border-radius:50%;-moz-border-radius:50%;background:#000;border-radius:50%;bottom:0;color:#fff;display:block;
					height:32px;left:0;line-height:36px;margin:auto;position:absolute;text-align:center;top:-6px;width:32px
				}
.gf-step:first-child:before {content:'1'}
.gf-step:nth-child(2):before {content:'2'}
.gf-step:nth-child(3):before {content:'3'}

.gf-step:after {border:2px solid #f00;border-radius:50%;color:#f00;display:block;font-size:.8rem;height:23px;line-height:22px;margin-left:5px;padding-left:1px;position:absolute;right:0;text-align:center;top:0;width:22px}
.gf-step:first-child:after {content:'A'}
.gf-step:nth-child(2):after {content:'B'}
.gf-step:nth-child(3):after {content:none}


/*
################################################################################################################################
*
* WEB FORMS
*
################################################################################################################################
*/
/*
################
*
* Accordion Forms
*
################
*/
.form-box:nth-last-child(2) .accordion-box {padding-bottom:0}
.native-form:first-child .form-box .accordion-btn-lrg,
.native-form.first .form-box .accordion-btn-lrg {border-top:1px solid #000}

/*
################
*
* Ordering Form
*
################
*/

/*---------------- Product Overview (Before Ordering Stage) */
						.product-overview			{text-align:center}
						.product-overview h2		{text-transform:uppercase}
.inner-page .product-overview h2.product-body-logo	{border:none;height:64px;margin:0 auto 1rem;padding:1rem 0 0;text-align:center;width:auto}


.product-overview .product-box						{border-bottom:1px solid #ddd;display:inline-block;float:none;margin:0 auto;padding-top:2.5rem;text-align:left;vertical-align:top}
.product-overview .img-box							{margin:0 auto 6px;width:218px}
.product-overview .product-body-logo svg			{height:100%;width:auto}
.product-overview .product-body-logo path,
.product-overview .product-body-logo polygon		{fill:#000}
.product-overview .checkbox-field					{margin:0 auto;padding:0 0 1.4rem;position:relative;width:92px}

.product-overview .single-compare-box,
.product-overview .single-compare-box.activate h2	{background:#fff;position:relative}
.product-overview .single-compare-box				{-webkit-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;transition:all 300ms linear;left:-5%;width:110%;z-index:10}
.product-overview .single-compare-box.activate h2	{z-index:2}
.product-overview .single-compare-table				{-webkit-box-shadow:0 0 10px 4px #ddd;-moz-box-shadow:0 0 10px 4px #ddd;background:#fff;box-shadow:0 0 10px 4px #ddd;display:none;padding:74px 1rem 1rem;position:absolute;top:0;width:100%;z-index:1}
.product-overview .single-compare-table	ul			{display:inline-block;list-style:none;margin:0;vertical-align:top}
.product-overview .single-compare-table	ul li		{height:1.5rem;line-height:1.5rem;margin-bottom:.5rem}

.product-overview .single-compare-table .var 		{text-align:left;width:80%}
.product-overview .single-compare-table .val		{text-align:center;width:20%}
.product-overview .single-compare-table i.ci-active	{-webkit-border-radius:50%;-moz-border-radius:50%;background:#58bf92;border-radius:50%;display:inline-block;height:12px;width:12px}

.product-overview .close-compare-table				{-webkit-opacity:0;-moz-opacity:0;color:#333;font-size:4rem;opacity:0;position:absolute;right:.25rem;top:.5rem;text-align:center;width:32px;z-index:2}
.product-overview .close-compare-table.fadeIn		{-webkit-animation:fadeIn 500ms ease forwards;-o-animation:fadeIn 500ms ease forwards;-ms-animation:fadeIn 500ms ease forwards;-moz-animation:fadeIn 500ms ease forwards;animation:fadeIn 500ms ease forwards}
.product-overview .close-compare-table.fadeOut		{-webkit-animation:fadeOut 500ms ease forwards;-o-animation:fadeOut 500ms ease forwards;-ms-animation:fadeOut 500ms ease forwards;-moz-animation:fadeOut 500ms ease forwards;animation:fadeOut 500ms ease forwards}
.product-overview .close-compare-table i,
.product-overview .close-compare-table i:before		{display:block;height:32px;line-height:32px;vertical-align:top}



/* Main Comparison Table */
#product-comparison-table							{
														-webkit-box-shadow:0 0 20px 4px #ccc;
														-moz-box-shadow:0 0 20px 4px #ccc;
														background:#fff;
														box-shadow:0 0 20px 4px #ccc;
														display:none;
														left:0;
														margin:0 1rem;
														max-width:1280px;
														padding:1rem;
														position:fixed;
														right:0;
														top:20%;
														z-index:5
													}
#product-comparison-table ul						{list-style:none;margin:0}
#product-comparison-table ul li						{height:1.5rem;line-height:1.5rem;margin-bottom:.5rem}
#product-comparison-table i.ci-active				{-webkit-border-radius:50%;-moz-border-radius:50%;background:#58bf92;border-radius:50%;display:inline-block;height:12px;width:12px}

#product-comparison-table .var 						{text-align:left;width:32%}
#product-comparison-table .val						{text-align:center;width:17%}
#product-comparison-table .close-main-comparison-table {color:#fff;font-size:4rem;line-height:32px;position:absolute;right:-.5rem;top:-3rem;text-align:left;width:32px;z-index:2}

#product-comparison-table .close-main-comparison-table,
#product-comparison-table .close-main-comparison-table i,
#product-comparison-table .close-main-comparison-table i:before {display:block;line-height:3rem;height:3rem;text-align:center;width:3rem}

#product-comparison-table .comparison-titles		{border-bottom:1px solid #000;margin-bottom:1rem;padding-bottom:.5rem}
#product-comparison-table .comparison-titles li		{height:24px;margin-bottom:0}
#product-comparison-table .comparison-titles li svg	{height:100%;width:auto}
#product-comparison-table .comparison-titles path,
#product-comparison-table .comparison-titles polygon{fill:#000}

.product-overview .main-compare-btn					{padding:3rem 1rem 1rem;text-align:center}


/*---------------- Steps Bar */
.steps-bar											{
														background:#00968c;
														background:-webkit-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:-o-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:-ms-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:-moz-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:linear-gradient(135deg,#00968c 0%,#000 100%)
													}
.steps-bar .row 									{margin:0 auto;max-width:960px}
.steps-bar .row .col								{float:none;padding:0}
.steps-bar .steps-box								{text-align:center}
.steps-bar .step									{display:inline-block;max-width:320px;position:relative;width:100%}
.steps-bar .step .step-inner						{padding:50px 0;position:relative}
.steps-bar .step .step-inner.active span			{color:rgba(255,255,255,1)}
.steps-bar .step-2,
.steps-bar .step-3									{display:none}
.steps-bar .step-inner:before,
.steps-bar .step-inner:after,
.steps-bar .step:before,
.steps-bar .step:after								{background:#fff;content:'';position:absolute;width:2px}
.steps-bar .step-inner:before,
.steps-bar .step-inner:after						{right:11%}
.steps-bar .step:before,
.steps-bar .step:after								{left:10%}
.steps-bar .step-inner:before,
.steps-bar .step:before								{-webkit-transform:rotate(-35deg);-o-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-moz-transform:rotate(-35deg);bottom:44%;top:-10%;transform:rotate(-35deg)}
.steps-bar .step-inner:after,
.steps-bar .step:after								{-webkit-transform:rotate(35deg);-o-transform:rotate(35deg);-ms-transform:rotate(35deg);-moz-transform:rotate(35deg);bottom:-10%;top:44%;transform:rotate(35deg)}
.steps-bar .step span								{color:rgba(255,255,255,.35);display:block;padding-left:26%;text-align:left}
.steps-bar .step .step-order						{font-size:40px}
.steps-bar .step .step-title						{font-size:18px}


/* Section Activation and Multi-Stepping */
.step-section-title,
.ordering-form-wrap,
.product-box .product-body-logo .checkbox-field,
.card-form,
.card-form .card-restrictions						{vertical-align:top}
.product-box .product-body-logo .checkbox-field		{display:none}
.ordering-form-wrap h2								{text-transform:uppercase}
.product-box .product-body-logo .checkbox-field		{padding:14px 16px 0 0;width:auto}
.step-section-title									{padding-top:2rem}

/*---------------- Product Order Activation */
.order-activated .product-box,
.order-activated h2.product-body-logo 				{text-align:left !important}
.order-activated .product-box						{height:auto}
.order-activated .img-box							{display:inline-block;margin:0 1rem 0 0 !important;max-width:218px;padding-top:.6rem;vertical-align:top;width:22%}
.order-activated .single-compare-box				{display:inline-block;left:0;width:70%}
.order-activated h2.product-body-logo .checkbox-field{padding-top:9px}
.order-activated h2.product-body-logo svg			{height:80%}

/* Form Static Items */
.card-form h2										{text-transform:uppercase}
.card-form .form-block h2							{padding-top:3rem}
.card-form .card-form-title							{background:#00968C;margin-bottom:1.5rem}
.card-form .card-form-title p						{color:#fff;font-size:16px;font-weight:800;height:30px;line-height:32px;margin:0 auto;max-width:1280px;padding:0 .9rem}
.card-form .img-box									{text-align:right}
.card-form .img-box img								{max-width:218px}
.card-form .account-nbr > p							{margin-bottom:3rem}

/* Next and Prev Buttons */
.form-btns-group									{clear:both;padding:3rem 1rem;text-align:center}
.form-btns-group span								{cursor:pointer;display:inline-block}
.form-btns-group .prev-btn-box,
.form-btns-group .next-btn-box						{display:block}
.form-btns-group .next-btn-box						{margin-bottom:2rem}
.form-btns-group .next-btn-box .next-btn			{letter-spacing:1px;min-width:290px;text-transform:uppercase}
.form-btns-group .prev-btn-box .prev-btn			{color:#00968c;left:-.5rem;position:relative}
.form-btns-group .prev-btn-box .prev-btn i			{margin-right:.5rem}

/* Dollar Sign and Time Range */
.card-form .dollar-value							{padding-right:48px}
.card-form .dollar-sign								{border-left:1px solid #000;font-size:24px;height:38px;line-height:37px;position:absolute;text-align:center;right:0;top:0;width:39px}
.card-form .fare-attr,
.card-form .time-range								{padding:0 64px 0 0;position:relative}
.card-form input.time-pick							{background:url('/App_Themes/CCH/img/selectdrop.svg') no-repeat right top;cursor:pointer;padding-right:48px}
.card-form .time-range-triggers						{bottom:0;padding-right:.5rem;position:absolute;right:0;top:0;text-align:right}
.card-form .time-range-trigger						{display:inline-block;height:92px;line-height:100px}
.card-form .time-range-trigger:last-child			{margin-left:.5rem}
.card-form .time-range-trigger i					{font-size:1.75rem}
.card-form .time-range-trigger i,
.card-form .time-range-trigger i:before				{line-height:38px}

.card-form .add-time-range							{color:#00968c}
.card-form .remove-time-range,
.card-form .remove-time-range:hover					{color:#f64747}

/* Buttons and Links Controls */
.card-form .add-card-btn							{color:#00968c;cursor:pointer;display:inline-block;margin-bottom:0;text-align:center}
.card-form .remove-card								{border-bottom:1px solid #999;clear:both;color:#f64747;margin-bottom:1rem;padding-left:.85rem}
.card-form .remove-card i							{font-size:1.75rem}
.card-form .remove-card i,
.card-form .remove-card i:before					{line-height:38px}
.card-form .remove-card	span						{display:inline-block;font-size:.8rem;height:38px;line-height:40px;vertical-align:top}
.card-form .large-order-help						{border-top:1px solid #000;margin:0 0 2rem;padding-top:3rem;text-align:left}

/* Company Info */
.card-form .holder-email-field						{padding-right:0}

/* Tax Checkbox */
.taxinvoicedetails									{clear:both;display:block;margin-bottom:1rem}

/* Labels */
label[for="add-tax-info"]							{margin-top:2px}

/* Invalid */
.invalid .ng-invalid								{background:rgba(255,236,236,1);border:1px solid #f00}

/*---------------- FASTCARD */
.card-form ol										{counter-reset:li;margin-bottom:24px;margin-left:24px}
.card-form ol li									{list-style:none;position:relative}
.card-form ol > li:before							{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:counter(li);counter-increment:li;left:-1.5em;line-height:38px;padding-right:.5rem;position:absolute;text-align:right;width:2em}
.card-form ol > li .field							{padding-right:0}
.card-form ol > li ul								{margin-left:1rem}
.card-form .card-restrictions						{display:inline-block;width:100%}
.card-form .card-restrictions hr					{margin-top:0}
.card-form .restriction-trigger						{display:inline-block}
.card-form .restriction-trigger .label				{font-weight:normal;padding-left:.75rem;padding-right:0}
.card-form .fields-group-title						{clear:both;display:block;font-size:16px;padding:.75rem .5rem .5rem .5rem}
.card-form small.note								{color:#999;font-size:.8rem}
.card-form .fare-attr,
.card-form .time-range								{padding:0 42px 0 0}
.card-form .add-card-btn.giftcard-add-additional-card{margin-bottom:2rem}

/*---------------- Button Note for Taxi Fleet data and view my statement login */
.statement-login .form-btn							{padding:1rem 0}
span.button-note 									{display:block;font-size:14px;padding:8px 0;color:#00968C;margin:0 auto;width: 225px}

/*
################
*
* T&C's Docs below the form
*
################
*/
.tnc-docs ul										{border-top:1px solid #000;list-style:none;margin:0 0 2rem;padding-top:3rem;text-align:left}
.tnc-docs li										{margin-bottom:8px !important}


/* Cart Summary */
#cart-summary .summary-box							{border-bottom:1px solid #ccc;margin-bottom:3rem;padding-bottom:1rem}
#cart-summary .summary-box:first-child				{padding-top:3rem}
#cart-summary .summary-box:last-child				{border-bottom:none}
#cart-summary .img-box								{margin-bottom:.5rem;padding-right:.5rem;text-align:left}
#cart-summary .img-box img							{max-width:218px}
#cart-summary .description h2						{margin-bottom:1rem}
#cart-summary .description .summary-title			{margin-bottom:1.5rem}
#cart-summary .description ul						{list-style:none;margin-left:0}
#cart-summary .description ul li					{line-height:36px;margin-bottom:0}

#cart-summary .description .qty-val					{display:inline-block}
#cart-summary .description .qty-val ul				{display:inline-block;margin:0}
#cart-summary .description .qty-val ul li			{background:none;display:block;border:1px solid #000;line-height:27px;margin-bottom:.5rem;min-width:40px;padding:.25rem .5rem .125rem;text-align:center;width:auto}

#cart-summary .summary-footer						{clear:both;float:none;margin-bottom:1rem}
#cart-summary .checkout-btn-box						{border-bottom:1px solid #ccc;margin-bottom:3rem;padding-bottom:1rem}
#cart-summary .checkout-btn-box a					{text-transform:uppercase}
#cart-summary .checkout-btn-box h3					{color:#000;font-size:24px}
#cart-summary .remove-order							{color:#00968c;display:inline}

.summary-footer textarea.form-control				{height:150px}

.order-process-disclaimer p							{margin-bottom:0;text-align:left}
.order-process-disclaimer p:last-child				{margin-bottom:2rem}


/*
################
*
* Credit Card Form
*
################
*/
#payment-methods									{padding-top:3rem}
#payment-methods .radio-field						{margin-bottom:1rem;padding-left:1rem}
#payment-methods .payment-method:last-child .radio-field {margin-bottom:0}
#payment-methods .radio-field .field				{float:left;padding:8px 16px 0 0}
#payment-methods input								{margin:0}
#payment-methods i									{font-size:32px}
#payment-methods label								{line-height:42px;vertical-align:top}
.card-types											{margin-bottom:32px;padding-bottom:0 !important}
.card-types .card-type								{display:inline-block;margin-right:24px;width:100px}
.card-types .card-type input						{display:inline-block;height:auto;margin-right:8px;width:auto}
.card-types .card-type img							{width:52px}

.ccv-info											{padding:.25rem 1rem;position:relative}
.ccv-info a											{-webkit-border-radius:50%;-moz-border-radius:50%;background:#00968C;border-radius:50%;color:#fff;display:block;font-size:1.2rem;font-weight:bold;height:28px;line-height:32px;text-align:center;width:28px}
.ccv-info a.close-ccv-info							{background:none;color:#333;font-size:4rem;position:absolute;right:.5rem;top:.5rem}
.ccv-info a.close-ccv-info i,
.ccv-info a.close-ccv-info i:before					{line-height:28px}
.ccv-infographic									{-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;background:#fff;box-shadow:0 0 10px #000;display:none;padding:3rem .5rem .5rem;position:absolute;right:0;top:-500%;width:240px;z-index:1}

#payment-forms h2 {padding-top:2rem}

.form-btns-group.pay-btn {text-align:right}

/*
################
*
* Direct Debit form
*
################
*/
.direct-debit .accordion-box						{padding-top:3rem}

/*
################
*
* Pay My Account
*
################
*/
.pay-account #payment-details .field-group			{border-bottom:1px solid #ccc;margin-bottom:1rem}
.pay-account #payment-details .field:nth-child(odd)	{padding-left:0}
.pay-account-directdebit .accordion-box				{padding-top:2rem}

.direct-debit-msg									{-webkit-border-radius:6px;-moz-border-radius:6px;background:#928fb4;border-radius:6px;color:#fff;margin:4rem 0 0;padding:1rem;text-align:center}

.quick-remittance-form								{max-width:640px}

/*
################
*
* Manage My Account
*
################
*/
#change-authorised-contact .checkbox-field > span.EditingFormLabel {display:none !important}

/*
################################################################################################################################
*
* FILES LIST PAGES
*
################################################################################################################################
*/
.files-group {margin-bottom:.5rem}
.files-group h2 {padding:4rem 0 0 !important}

.files-group:first-child h2,
.files-group h2.accordion-btn {padding:0 !important}
.files-group h2 a {display:block}
.files-group h2 a i {border:1px solid #000;font-size:16px;height:22px;padding:2px;text-align:center;width:22px}
.files-group h2.collapser a i:before {content:'\f3d8';display:block;line-height:14px;/* padding-left:1px */}
.files-group h2.expander a i:before {content:'\f3d0';display:block;line-height:18px;/* padding-left:1px */}

.desktop .files-group h2 a:hover i,
		 .files-group h2 a:active i {color:#00968c;border-color:#00968c}

.files-group h2 a span {display:inline-block;line-height:27px}
.files-group .accordion-box {padding-top:1rem}

.files-group ul {margin:0}
.files-group ul,
.files-group ul li {list-style:none}
.files-group ul li a {color:#000;display:block}
.files-group ul li a span {display:inline-block;vertical-align:top}
.files-group ul li a span.file-name {text-decoration:underline;width:90%}
.files-group ul li a span.add-to-cal {color:#00968c;float:right;font-size:.75rem;text-transform:uppercase}
.files-group ul li.dated a span.file-name {width:60%}
.files-group ul li.dated a span.file-date {color:#000;padding-right:64px}
.files-group ul li a i {color:#ea1c29;float:right;font-size:1.25rem}
.files-group ul li.imaged .img-box {height:192px;margin-bottom:16px;overflow:hidden;text-align:right}
.files-group ul li.imaged .img-box img {height:100%;width:auto}
.files-group ul li.imaged a span.file-name {padding-right:8px;width:auto}
.files-group ul li.imaged a span.file-date {display:block;font-size:.85em}
.files-group ul li.imaged a i {float:none}
.files-group ul li .additional-file-copy {padding-top:16px}
.files-group ul li .additional-file-copy p {font-size:.85em}
.files-group ul li .additional-file-copy p a {display:inline;text-decoration:underline}

#announcements-container h2 a {line-height:27px}
#announcements-container .accordion-box ul li > a {margin-bottom:1rem}

/*---------------- Corporate Governance File List*/
.corporate-governance .files-group h2 	{ margin-bottom:10px;}
.corporate-governance .files-group ul li { margin-bottom:10px;}
.corporate-governance .files-group ul li a {color:#000;}
.corporate-governance .files-group ul li a:hover {color:#00968c;}

/*---------------- Shareholder Resports File List*/
.shareholder-information .accordion-box {padding-bottom:0;}
.shareholder-information .files-group ul li a {color:#000;}
.shareholder-information .files-group ul li a:hover {color:#00968c;}
.shareholder-information .files-group ul li.imaged .img-box {text-align:left;}

/*---------------- Shareholder Registry*/
.shareholder-information.shareholder-registry td {text-align:left; padding:8px 0;}
.shareholder-information.shareholder-registry td:nth-child(2) { text-align:right;}
.shareholder-information.shareholder-registry .shareholder-registry.content-block {padding-bottom:0;}
.shareholder-information.shareholder-registry .shareholder-info .content-block {border-top:none; padding:0;}
.shareholder-information.shareholder-registry .shareholder-info h2 {border-bottom:0; margin-bottom:0; }

/*---------------- Profiles */
.profiles-list .profile-item {margin-bottom:3rem}
.profiles-list .profile-item .col {display:inline-block;float:none;vertical-align:bottom}
.profiles-list .profile-pic {height:192px;overflow:hidden}
.profiles-list .profile-pic img {height:100%;width:auto}
.profiles-list .profile-summary {text-align:center}
.profiles-list .profile-summary hr {background:#000;border:none;margin:0}
.profiles-list .profile-item:last-child .profile-summary hr {display:none}
.profiles-list .profile-summary h2 {border-bottom:none;padding-top:26px;text-transform:uppercase}
.profiles-list .profile-summary h2 span {font-weight:400;text-transform:none}
.profiles-list .profile-summary p {margin-bottom:2rem}
.profiles-list .profile-summary a {color:#000;text-decoration:underline}

/*---------------- Profile Details */
.profile-details .profiles h1 {border-bottom:none;margin-bottom:0;padding-bottom:0;text-align:left}
.profile-details .profiles h2 {font-size:20px;font-weight:400;margin-bottom:2rem;padding:0 0 84px;text-transform:none}
.profile-details .profile-item-details .profile-pic {float:none;margin-bottom:3rem;text-align:left}
.profile-details .profile-item-details .profile-pic img {width:192px}
.profile-details .profile-item-details .profile-full-summary {display:block;float:none;margin:0 auto;max-width:700px}

.exec-team main section:last-child,
.exec-team main section:last-child .row {margin-bottom:0}

.executive-profile-summary {background:#000;padding:2.5rem 0 3.75rem}
.executive-profile-summary p {color:#fff}

.share-price-table {background:#f2f3f4;position:relative}
.share-price-info {padding-bottom:1.5rem;padding-top:3rem}
.share-price-info p {margin-bottom:1rem}
.share-price-info p .var {color:#000}
.share-price-info p.note {clear:both;font-size:.75rem;padding-top:1rem}
.share-price-table .share-bg {bottom:0;left:70%;position:absolute;right:0;top:0}

.form-triggers .col {margin-bottom:32px;text-align:center}

/*
################
*
* Search Results
*
################
*/
.sr-wrap {border-bottom:1px solid #ccc;margin-bottom:2rem;padding-bottom:2rem}
.sr-title {margin-bottom:.5rem}
.sr-title a {font-size:24px}
.sr-summary {margin-bottom:.5rem}
.sr-relevance {}
.relevance-score {width: 50px; border: solid 1px #aaa; margin-top: 7px; margin-right: 6px; float: left; color: #00f; font-size: 2pt; line-height: 4px; height: 4px;}
.sr-url {color:#080;font-size:14px}
.sr-date {color:#888;font-size:11px}


/*
################################################################################################################################
*
* CONTACT PAGE
*
################################################################################################################################
*/
.contact-page .contact-logo {height:90px}
.contact-page .contact-logo svg {height:100%}
.contact-page .contact-info .col {margin-bottom:2rem;padding-left:0}
.contact-page .contact-info .col:last-child {margin-bottom:0}
.contact-page .form-box {padding-top:4rem}

/* **************** Media Query Ranges  *****************/
@media (min-width:350px){

	.steps-bar .step span {padding-left:28%}
	span.button-note      {margin:0; width:auto;}

}
@media only screen and (min-width:410px){
	.fastcard-page.product-details .product-logo { height:80px;}
	.giftcard-page .mid-banner-headline h3 {margin-bottom:2rem;}
}
@media only screen and (min-width:480px){

	.swiper-slide .swiper-content,
	.swiper-slide .swiper-content h2,
	.swiper-slide .swiper-content p {margin:0 0 8px;padding:0 26px;text-align:left}
	
	.swiper-slide .swiper-content h2.text-title {padding-bottom:26px;padding-top:26px}

	.label-field {padding:0 !important}
	.label-field label {line-height:38px;padding-right:1rem;text-align:right}

	.product-details .mid-banner {padding-top:37.5%}
	.product-details .mid-banner img {top:-25%}
	.product-details .benefit-box {margin-bottom:2.5rem}
	.product-details .benefit-box:last-child,
	.product-details .benefit-box:nth-last-child(2){margin-bottom:0}
	.product-details .benefit-box i {margin-bottom:1rem;margin-right:0}
	.product-details .benefit-box .benefit-content {width:100%}
	.product-details .benefit-box .benefit-content span {text-align:center}

	.fasteticket-page .benefit-box i {font-size:5rem}
	.fasteticket-page .benefit-box .benefit-content {width:100%}
	.fasteticket-page .mid-banner-headline h3 { margin-bottom:2rem;}

	.flexeticket-page .benefit-box i {font-size:4rem}

	.form-btns-group .prev-btn-box,
	.form-btns-group .next-btn-box {float:right;margin-left:3rem}
	.form-btns-group .next-btn-box {margin-bottom:0}
	.form-btns-group .prev-btn-box span {line-height:56px}

	/* Payment Form */
	#payment-methods .payment-method					{max-width:210px}
	#payment-methods .radio-field						{margin-bottom:0;padding-left:0;text-align:center}
	#payment-methods .radio-field .field				{float:none;padding:8px}
	#payment-methods input								{margin:0}
	#payment-methods i									{font-size:32px}
	#payment-methods label								{display:block;font-size:.8rem;line-height:1.2;vertical-align:top}

	.card-expiry-yr {padding-left:1rem !important}
	.home-product .product-blurb {font-size:2.2vw;height:2.2vw; display:block;}
	.product-details .mid-banner-headline-content-area {height:60%;}
}

@media only screen and (min-width:512px){

	nav > ul > li.external-service a {width:358px}

}

@media only screen and (min-width:568px){

			 .swiper-content,
	.desktop .swiper-content {left:64px; background:rgba(255,255,255,.8);padding:0 0 16px;bottom:82px }
			 .swiper-pagination,
	.desktop .swiper-pagination {left:54px; max-width:480px !important;/* bottom:14px */}
			 .swiper-scroll-indicator,
	.desktop .swiper-scroll-indicator {left:auto;right:16px;}
	.swiper-content p {display:block;}
	.swiper-content .banner-logo-title path {/* fill:#3f3e3e */}
	.swiper-content .btn {background: #ff585d;border: 1px solid #ff585d; text-align:center; max-width:320px;padding:0 32px;}
	.swiper-content .banner-logo-title {max-width: 272px;}
	.swiper-scroll-indicator span {font-size:1em}
	.swiper-content h2 {color:#3f3e3e;}
	
	#payment-methods label {font-size:1rem}
	.ccv-infographic {left:48px;right:auto}
	.desktop .swiper-pagination {bottom: 62px; margin:0;}
	.swiper-content h2 {margin:0 auto 16px;}
}

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

	.shareholder-information td {text-align:left !important; display:block; padding-top:8px;}
	.shareholder-information td:nth-child(2){ font-weight:bold; padding-top:0;}
}

@media only screen and (min-width:657px){

	.product-details .mid-banner-headline h3 {font-size:3.65297vw}

}

@media only screen and (min-width:667px){
	
	.swiper-scroll-indicator {bottom:68px}
	
	.form-box .field-group .field {padding-left:1rem}
	.form-box .field-group .field:first-child{padding-left:0}
	
	.inner-page h1 {font-size:36px;padding:84px 0}
	.inner-page h2.accordion-btn-lrg {font-size:28px}
	.inner-page h2.accordion-btn-lrg i {font-size:2rem;height:2rem;width:2rem}
	.inner-page h2.accordion-btn-lrg.expander i:before {line-height:2.2rem}
	.inner-page h2.accordion-btn-lrg.collapser i:before {line-height:1.9rem}
	
	.order-widget .order-btns div:first-child {text-align:right}
	.order-widget .order-btns div:last-child {text-align:left}
	.order-widget .order-btns .btn {margin-bottom:0}
	
	.product-details .benefit-box {margin-bottom:3rem}
	.product-details .benefit-box i {}
	
	.fastcard-page .benefit-box i {font-size:3.5rem;padding:1.5rem}
	.fastcard-page .benefit-box i.ci-clipboard-tick-o {padding:1.5rem 1.25rem 1.5rem 1.75rem}
	
	.fasteticket-page .benefit-box i {font-size:6rem}
	
	.flexeticket-page .benefit-box i {font-size:5rem}
	
	.flexeticket-page .tiled-content h3,
	.flexeticket-page .tiled-content p {text-align:left}
	
	.flexeticket-page .tiled-content .img-box.tiled-img {height:0;margin:0;padding-top:120%;position:relative}
	.flexeticket-page .tiled-content .img-box.tiled-img img {height:100%;left:0;max-width:1000%;position:absolute;top:0;width:auto}
	.flexeticket-page .tiled-content .tiled-txt {padding-top:10%}
	
	.flexeticket-page .floating-product-img {display:block}
	
	.gf-img {text-align:right}
	
	
	/*---------------- Profiles */
	.profiles-list .profile-pic {text-align:right}
	.profiles-list .profile-summary {text-align:left}
	.profiles-list .profile-item:last-child .profile-summary hr {display:block}
	.profiles-list .profile-summary p {margin-bottom:1rem}
	
	/*---------------- Profile Details */
	.profile-details .profiles h1,
	.profile-details .profiles h2,
	.profile-details .profile-item-details .profile-pic {text-align:center}
	.product-details .mid-banner-headline-content-area h3 {font-size: 32px;}
	/*---------------- Product Overview (Before Ordering Stage) */
				.product-overview {text-align:left}
				.product-overview .product-box {border-bottom:none;padding:1.5rem 2.5rem}
				.product-overview .img-box {margin:0 0 6px}
				.product-overview .single-compare-box {left:0;width:100%}
	.inner-page .product-overview h2.product-body-logo {text-align:left}
				.product-overview .checkbox-field {margin:0}
				.product-overview .product-box > p {height:44px}
	
	
	/* Order Activation */
	.order-activated .img-box {display:block;margin:0 auto 6px !important;padding-top:0;width:218px}
	.order-activated h2.product-body-logo {text-align:center !important}
	
	.product-overview .product-box p {text-align:left}
	.product-overview .single-compare-table {left:-1rem;right:-1rem;width:auto}
	.product-overview .close-compare-table {right:-.5rem}
	
	
	.steps-bar .step {max-width:316px}
	
	.steps-bar .step-1 .step-inner:before,
	.steps-bar .step-1 .step-inner:after {display:none}
	
	.steps-bar .step-2 {display:inline-block}
	.steps-bar .step-1:before,
	.steps-bar .step-1:after,
	.steps-bar .step-2:before,
	.steps-bar .step-2:after {left:-.75%}
	.steps-bar .step-2 .step-inner:before,
	.steps-bar .step-2 .step-inner:after {right:.75%}
	
	.card-form#flexeticket-form .time-range-triggers {padding-right:0}
	.card-form#flexeticket-form .time-range-trigger {height:38px;line-height:38px}
	.card-form#flexeticket-form .time-range {padding:0}
	.card-form#flexeticket-form .time-range .time-pick-box:nth-child(2) {padding-right:30px}
	
	.card-form#giftcard-form .field.space-out {padding:0 1rem 1rem}
	.home-product:hover .product-blurb			{ display:inline-block; }
	main .home-product:hover .product-blurb #fast-card {margin-left:-4px;}
	main .home-product:hover .product-blurb #fasteticket { margin-left: 5px;}
	main .home-product:hover .product-blurb #flexeticket { margin-left: 0;}
	main .home-product:hover .product-blurb #gift-card {margin-left:-10px;}
	
	#cart-summary .summary-footer .field {padding-left:0}
	
	.form-triggers .col:first-child {text-align:right}
	.form-triggers .col:nth-child(2) {text-align:left}

}


@media (min-width:764px){
	
	.home-product .product-img {padding-top:168px}
}

@media (max-width:767px){

	.swiper-button {display:none}
	.fasteticket-page.product-details .mid-banner {padding-top:320px;}
	.fasteticket-page.product-details .mid-banner	img {min-height:320px; width:150%;}
}

@media (min-width:768px){

	.swiper-content {padding:24px}

	.ios .swiper-slide .swiper-content{bottom:52px}
	.ios .swiper-pagination {bottom:36px}
	.ios .swiper-scroll-indicator	{bottom:16px}

	.product-details section,
	.product-details section .section-block	{padding:2rem 0}
	.product-details .product-logo,
	.order-widget h3						{margin-bottom:1.5rem}

	.product-details .tiled-content h3,
	.product-details .tiled-content p		{text-align:left}
	.product-details .tiled-content .img-box{text-align:right}
	.product-details .tiled-content img		{max-width:704px}


	.product-details .img-box.split-row-img	{bottom:2rem;left:50%;overflow:hidden;position:absolute;right:0;top:2rem;width:auto}
	.product-details .img-box.split-row-img img{bottom:-9999px; height:auto;left:-9999px;margin:auto;min-height:100%;min-width:100%;position:absolute;right:-9999px;top:-9999px;width:600px;width:auto;}



	/*---------------- Video Button and Modal */
	.product-details .open-video			{display:block;margin:0 auto;position:relative;width:100%}
	.product-details .open-video i			{
												border-width:10px;
												font-size:64px;
												height:100px;
												width:100px;
											}

	.fastcard-page .service-values		{padding-bottom:0}
  .fastcard-page section.full-width.banner-wrap
 																		{ padding-bottom:0;}
	.fastcard-page.product-details .intro-section { padding-top:0; }

	.fastcard-page.product-details .product-logo { height:80px; max-height:80px; }
	.fastcard-page.product-details .product-logo { margin-bottom:0;}
	.fasteticket-page .benefit-box i 	{font-size:8rem}
  .flexeticket-page .tiled-content .tiled-txt {width:340px}
  .flexeticket-page .tiled-content .row:first-child .tiled-txt {margin-left:5%;padding-top:5%}
  .flexeticket-page .floating-product-img {top:36%;width:50%}
  .flexeticket-page .img-box.split-row-img {left:0;right:50%}
  .flexeticket-page .img-box.split-row-img .open-video {height:100%;width:100%}
	.flexeticket-page .usage-rule				{ margin-bottom:0;}
  .giftcard-page .giftcard-attrs .col {padding-bottom:0}
  .giftcard-page .img-box.split-row-img {bottom:0;left:-25%;right:58%;top:0}

  .giftcard-page .split-row .content-box {padding:4rem 0 4rem 2rem}
  .giftcard-page .split-row .content-box h3,
	.giftcard-page .split-row .content-box h4 {text-align:left}


}

@media only screen and (min-width:854px){


}

@media only screen and (min-width:912px){

	#product-comparison-table .comparison-titles li {height:28px}

	.steps-bar .step {max-width:294px}
	.steps-bar .step-3 {display:inline-block}

	.steps-bar .step-2 .step-inner:before,
	.steps-bar .step-2 .step-inner:after {display:none}

	.steps-bar .step-3:before,
	.steps-bar .step-3:after {left:-.75%}
	.steps-bar .step-3 .step-inner:before,
	.steps-bar .step-3 .step-inner:after {right:.75%}

	.order-process-disclaimer {float:left}

}

@media (min-width:969px){

	.product-details .service-values .service-value {margin-bottom:0}

}

@media (min-width:992px){}

@media (min-width:1024px){

	h2, .h2,
	h3, .h3 {font-size:40px}

	.swiper-content {padding:32px}

	.product-details .split-row .content-box {padding:4rem 2rem 4rem 0; position:relative;}
	.product-details .service-benefits {margin:0 auto;max-width:1048px}
	.product-details .benefit-box {margin-bottom:0}
	.product-details .mid-banner-headline-content-area h3 {font-size: 40px;}

	.fasteticket-page .product-image {padding-top:6rem}
	.fasteticket-page .product-image img {max-width:100%}
	.fasteticket-page .stns {display:block;}
	.flexeticket-page .usage-rules h3 {text-align:left}

	.flexeticket-page .split-row .content-box {padding:4rem 0 4rem 2rem;width:604px}

	.giftcard-page .split-row .content-box {padding:50% 0 50% 2rem;}
	.giftcard-page.product-details .mid-banner-headline 	{ padding-left:0;}
	.giftcard-page.product-details .mid-banner-headline h3 {font-size:37px;}
	.giftcard-page.product-details .mid-banner-headline h3,
	.giftcard-page.product-details .mid-banner-headline p {text-align:left; padding-left:2rem;}
	.product-overview .product-box {padding:1.5rem 1.25rem}
	.product-overview .product-box > p {height:66px}

	#product-comparison-table .comparison-titles li {height:32px}


	.card-form ol > li .field {padding-right:.5rem}
	.card-form ol > li .user-fields {padding:0 224px 0 .5rem}


    .card-form ol > li ul {margin-left:.5rem}
    .card-form .fields-group-title {padding-left:.5rem}
    .card-form .restriction-trigger {padding:8px 0 !important;position:absolute;right:0;top:0;text-align:right}
    .card-form .eticket-fields .restriction-trigger {position:relative}

    .card-form#fastcard-form .dollar-sign {right:.5rem}
    .card-form .time-range-trigger {height:38px;line-height:38px}
    .card-form .time-range-trigger i {font-size:2rem}

	.pay-account #payment-details .field-group			{border-bottom:none;margin-bottom:0}
	.pay-account #payment-details .field:nth-child(odd)	{padding-left:1rem}
	.pay-account #payment-details .field:first-child	{padding-left:0}
	.home-product .product-name {font-size:64px;height:64px}
	.home-product .product-blurb {font-size:24px;height:24px}
	 main .home-product:hover .product-blurb #fast-card  {margin-left:-11px;}
	 main .home-product:hover .product-blurb #fasteticket { margin-left: -3px;}
	 main .home-product:hover .product-blurb #flexeticket { margin-left: -7px;}
	 main .home-product:hover .product-blurb #gift-card {margin-left:-17px;}

	 .card-form .dollar-sign {right:.5rem}

}

@media (min-width:1027px){

	.flexeticket-page .tiled-content .img-box.tiled-img {padding-top:580px}
	.flexeticket-page .tiled-content .tiled-txt {width:462px}
	.flexeticket-page .floating-product-img {top:447px;width:514px}

}

@media only screen and (min-width:1095px){

	.product-details .mid-banner-headline h3,
	.fasteticket-page .below-mid-banner h3 {font-size:40px}

}

/* -------------- */
@media only screen and (max-width:1279px){
	#header-logo									{width:70%}
	
	.nav-opened nav									{overflow-y:scroll;right:0}
				nav 								{background:rgba(0,0,0,0);bottom:0;display:none;min-width:320px;position:fixed;right:-100%;text-align:right;top:0;width:100%}
				nav.opened							{background:rgba(0,0,0,.75)}
				nav ul								{-webkit-overflow-scrolling:touch;overflow:auto;text-align:center}
				nav > ul							{
														background:#00968c;
														background:-webkit-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:-o-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:-ms-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:-moz-linear-gradient(-45deg,#00968c 0%,#000 100%);
														background:linear-gradient(135deg,#00968c 0%,#000 100%);
														display:inline-block;
														height:100vh;
														padding:0 0 64px 0;
														width:284px;
													}
				nav ul li 							{border-bottom:1px solid white;text-align:left;margin-bottom:0}
	.inner-page nav ul li 							{margin-bottom:0;}
				nav ul li.first-child 				{border-top:1px solid #ffffff}
				nav ul li a							{font-weight:400;line-height:24px;padding:1.25rem 1.25rem;display:block}

				nav .secondary-nav li				{border:none;display:block;padding-left: 1.5rem}
				nav .secondary-nav li.first-child 	{border-top:none;padding-top:0}
				nav .secondary-nav li a				{padding:0.5rem 0}
				nav .secondary-nav li a span		{font-size:21px;display:block;text-align:left}

				nav > ul .secondary-nav li a i		{display:none}
				nav > ul > li.external-service a	{width:auto;border:none}
				nav > ul > li.has-children > a.active:after {display:none}
				nav .search-toggle i,
				nav .no-label i						{display:none}
}
/* -------------- */
@media only screen and (min-width:1280px){

	:root											{font-size:18px}

	p, li											{font-size:22px}

/*     header                                  {padding:16px} */

	#header-logo									{width:25%}

/*     #logo                                   {height:64px;padding:12px 0;width:14%} */

    .menu-toggle,
    nav .nav-back									{display:none !important}

	nav,
	nav ul,
	nav ul li										{vertical-align:top}

	nav,
	nav ul li										{display:inline-block}
	
	
	
    nav												{text-align:right;width:75%}
    nav ul li										{text-align:center}
    nav ul li a										{font-size:15px;font-weight:700;line-height:36px;padding:0}

    nav > ul										{padding:20px 16px 0}
    nav > ul > li									{margin:0 .75rem !important}
    nav > ul > li:first-child						{margin-left:0 !important}
    nav > ul > li:last-child						{margin-right:0 !important}
    nav > ul > li.external-service					{margin-bottom:0}
    nav > ul > li.external-service a				{border-color:#000;padding:0 .75rem;width:auto}
    nav > ul > li > a								{color:#000}
	nav > ul > li > a > i							{
														-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);
														display:inline-block;font-size:3em;left:-6px;line-height:0;top:2px;position:relative;transform:rotate(-30deg)
													}

    nav > ul > li.has-children > a.active:after		{border-bottom-color:#969696;border-width:24px;bottom:-100%}

    nav .secondary-nav								{background:#969696;height:80px;left:0;padding:0 8px;position:absolute;right:0;top:100%;width:100vw}
	nav .secondary-nav li							{margin:0 .75rem;padding-top:.5rem;vertical-align:top}
	nav .secondary-nav li a							{color:#fff}
	nav .secondary-nav li a span					{font-size:.7rem}

    nav .secondary-nav li.separate-left				{margin-left:2.5rem !important}
    nav .secondary-nav li.separate-right			{margin-right:2.5rem !important}

    nav .secondary-nav li.search-form				{width:80%}
    nav .secondary-nav li.search-form i				{-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);color:#fff;top:11px;transform:rotate(-30deg)}
    nav .secondary-nav li.search-form input			{height:100%;line-height:100%;padding:0 0 0 3.5rem}

    nav .secondary-nav li.search-form input::-webkit-input-placeholder{color:#fff;font-size:22px}
    nav .secondary-nav li.search-form input::-moz-placeholder         {color:#fff;font-size:22px}
    nav .secondary-nav li.search-form input:-moz-placeholder          {color:#fff;font-size:22px}
    nav .secondary-nav li.search-form input:-ms-input-placeholder     {color:#fff;font-size:22px}
    nav .secondary-nav li.search-form input:focus                     {outline:none}

	.no-label span							{display:none}
	.search-label							{display:none}
			 .swiper-scroll-indicator,
    .desktop .swiper-scroll-indicator		{height:45px;left:16px;margin:0 auto;text-align:center;z-index:9}

    .home-product {padding-top:480px}

    .flexeticket-page .page-banner:before {
	    background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	    background:-o-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	    background:-ms-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background:-moz-linear-gradient(left rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	    bottom:0;content:'';left:0;position:absolute;right:0;top:0;z-index:1
	}
.flexeticket-page section:first-child .grid {height:508px;left:0;margin:auto;position:absolute;right:0;z-index:2; transform: translateY(-50%);top: 55%;}
.gradient-start .mid-banner	img							{ right: 0; min-height: 650px; width: 100%; height: auto; top:0; left:auto;}

.fasteticket-page .mid-banner-headline {top:40%;}
.fasteticket-page .mid-banner-headline h3 {margin-bottom:2rem;}
.fasteticket-page .mid-banner-headline p {color:#ffffff;}

.fastcard-page.product-details .product-logo{ max-width: 386px; height:auto; max-height: 110px;}
.fastcard-page .product-intro p { line-height:1.2em; }
.giftcard-page section:first-child .grid {height:508px;left:0;margin:auto;position:absolute;right:0;top:37%;z-index:2}
.giftcard-page.product-details .product-logo{ max-width:420px; max-height:126px; height:126px;}
.giftcard-page .mid-banner-headline {bottom:auto;text-align:left;top:20%; padding-left:2em;}



/*---------------- Inner Pages */
.inner-page main {padding-top:72px}
.inner-page .page-content {margin-bottom:92px}
.inner-page h1 {font-size:48px;padding:92px 0; }

/*---------------- Profile Details */
.profile-details .profiles h2 {font-size:24px}
.profile-details .profile-item-details .profile-pic img {width:208px}
.profile-details .profile-item-details .profile-full-summary {display:block;float:none;margin:0 auto;max-width:780px}

#product-comparison-table .comparison-titles li {height:36px}

.card-form ol > li .user-fields {padding-right:232px}
.card-form .fare-attr,
.card-form .time-range {padding-right:46px}
.card-form#flexeticket-form .time-range .time-pick-box:nth-child(2) {padding-right:46px}

.page-banner .stns						{font-size:2.0rem;height:2.5rem;width:2.5rem; bottom: 5%;}
.swiper-scroll-indicator i		{line-height:48px;}

.product-details .page-banner {min-height:600px;}

footer { padding: 58px 0;}
}

@media only screen and (min-width:1312px){

	#product-comparison-table {margin:0 auto}

}

@media only screen and (min-width:1423px){

	.product-details .video-wrap {padding-bottom:635px}

}

@media only screen and (min-width:1440px){

	nav > ul > li {margin:0 1rem !important}
	nav ul li a {font-size:16px;height:36px}
	nav > ul > li.has-children > a.active:after {bottom:-80%}

	.giftcard-page .split-row .content-box {padding:50% 0 50% 1rem;}
	.giftcard-page.product-details .mid-banner-headline p,
	.giftcard-page.product-details .mid-banner-headline h3 {padding-left:1rem;}
}

@media only screen and (min-width:1450px){

	.fastcard-page .outro-background,
	.fasteticket-page .outro-background {padding-top:348px}

}

@media only screen and (min-width:1600px){

	.product-details .mid-banner {padding-top:600px}
	.gradient-start .mid-banner	img							{  top:-25% !important;}

}

@media only screen and (min-width:1820px){

	.product-details .mid-banner {padding-top:32.9678%}

	.flexeticket-page .page-banner {background-position:80% 15%;}

}

@media only screen and (min-width:1921px){

	.home-product {padding-top:25%}
	.product-details .mid-banner-headline-content-area h3 {font-size: 1.8vw;}
	.giftcard-page.product-details .product-logo {max-width:540px; max-height:164px; height:164px;}
	.page-banner .stns {font-size: 2.3rem; height: 2.8rem; width: 2.8rem; }
	.page-banner .stns i,.fasteticket-page .stns i{line-height:2.75rem}
}

@media only screen and (min-width:2217px){

	.fastcard-page .page-banner {background-position:right top}

}

/* YourIR */
.price-chart .yourir-chart {
  width: 100%;
  padding: 8px 60px 30px 60px;
  font-size: 14px;
  background-color: #ffffff;
}
.price-chart .yourir-chart-panel {
  height: 300px;
  background: #F2F3F4;
}
.price-chart .yourir-chart-panel-plot-area {
  padding: 0;
}
.price-chart .yourir-chart-panel-border {
  stroke: #000000;
  opacity : .5;
}
.price-chart .yourir-chart-gridline {
  stroke: #ffffff;
}
.price-chart .yourir-chart-yaxis-minor-gridline {
  stroke: none;
}
.price-chart .yourir-chart-xaxis-minor-gridline {
  stroke: none;
}
.price-chart .yourir-chart-price {
  stroke: #00968C;
  stroke-width: 2px;
}
.price-chart .yourir-chart-volume {
  stroke: #00968C;
  stroke-opacity: 0.3;
}
.price-chart-nav .yourir-chart-panel {
  height: 60px;
}
.price-chart-nav .yourir-chart-price-fill {
  fill: #00968C;
}
.price-chart-nav .yourir-chart-price {
  stroke-width: 1.5px;
}
.price-chart-nav .yourir-nav-chart-outside-range {
  fill: #000000;
  fill-opacity: 0.3;
}
.price-chart-nav .yourir-nav-chart-gadget {
  stroke: #9b9c9d;
  stroke-width: 2px;
}
.announcement-year button {
	margin: 3px;
	padding: 10px;
}
.announcement-year button:disabled {
	display:none;
}


/*
################################################################################################################################
*
* COLORS
*
################################################################################################################################
*/

.paper-white							{color:#fff !important}

.midnight-black							{color:#000 !important}

h1, .h1, h2, .h2, .zenith-green			{color:#00968c !important}
.zenith-green-bg						{background:#00968c !important}

.resolution-blue						{color:#000 !important}

h3, .h3, .vivid-red,
span.yourir-change .yourir-negative,
span.yourir-pct-change .yourir-negative						{color:#ff585d !important}

.mono-grey								{color:#969696 !important}