@charset "UTF-8";
/* CSS Document */


/*======================================================================================================
CMS Additional styles
======================================================================================================*/
.desktop-image{display:block; margin:0 auto;}
.mobile-image{display:none;}

@media only screen and (max-width: 40em) {

	.mobile-image{display:block; margin:0 auto; }
	.desktop-image{display:none;}
}

/*======================================================================================================
GENERAL
======================================================================================================*/

* {  margin: 0;}
body {	font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; line-height:1.6; color:#333; background:#444; -webkit-font-smoothing: none; /* Looks very thin and awful */
	-webkit-font-smoothing: subpixel-antialiased; /* It is the default and looks bolder */
	-webkit-font-smoothing: antialiased; /* Looks pretty much the same than Windows */ }
html, body {  height: 100%;}
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix {	height: 1%;}
.clearfix {	display: block;}
/* End hide from IE-mac */
/*General shared*/
.show{display:block!important;}
.hide{display:none!important;}
.hideme{opacity:0;}
.mb-only{display:none;}
img.float-left{float:left; margin:0 2rem 2rem 0;}
img.float-right{float:right; margin:0 0 2rem 2rem;}

/*======================================================================================================
FONTS
======================================================================================================*/

@font-face {	font-family: 'OpenSansLight';	src: url('../fonts/OpenSans-Light-webfont.eot');	src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Light-webfont.woff') format('woff'),  url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');}
@font-face {	font-family: 'OpenSansLightItalic';	src: url('../fonts/OpenSans-LightItalic-webfont.eot');	src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),  url(..'../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),  url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');}
@font-face {	font-family: 'OpenSansRegular';	src: url('../fonts/OpenSans-Regular-webfont.eot');	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),  url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');}
@font-face {	font-family: 'OpenSansItalic';	src: url('../fonts/OpenSans-Italic-webfont.eot');	src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),  url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');}
@font-face {	font-family: 'OpenSansSemibold';	src: url('../fonts/OpenSans-Semibold-webfont.eot');	src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),  url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');}
@font-face {	font-family: 'OpenSansSemiboldItalic';	src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');	src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),  url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');}
@font-face {	font-family: 'OpenSansBold';	src: url('../fonts/OpenSans-Bold-webfont.eot');	src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),  url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');}
@font-face {	font-family: 'OpenSansBoldItalic';	src: url('../fonts/OpenSans-BoldItalic-webfont.eot');	src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),  url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),  url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');}
@font-face {	font-family: 'icomoon';	src:url('../fonts/icomoon/icomoon.eot');	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),		url('../fonts/icomoon/icomoon.woff') format('woff'),		url('../fonts/icomoon/icomoon.ttf') format('truetype'),		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');	font-weight: normal;	font-style: normal;}

.inner-wrap{	background:#444;}




/*======================================================================================================
Typography
======================================================================================================*/
h1, h2, h3, h4, h5, h6 {	font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 {  color: #48546a; line-height: 1.6; }
h1 { font-size: 2.625em; font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif; margin-bottom:1.8rem; }
h2 { font-size: 2em;  font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif;  }
h3 { font-size: 1.8em; font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif;}
h4 { font-size: 1.125em; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;}
h5 { font-size: 1.063em;  font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;}
p {font-family: inherit; font-weight: normal;   text-rendering: optimizeLegibility; line-height: 1.8; color: #48546a; }
a, a:link, a:visited{color: #008CBA; }
.breadcrumbs > * a { color: #626c7f; }
a:hover {	color: #ccd234; }
.main-content h2, .main-content h3, .main-content h4{margin-top: 1.6rem; margin-bottom: 1.1rem;}
.main-content ul, .main-content ol{margin-bottom:2rem; margin-top:1rem;}
li{ margin-bottom:1rem; color: #48546a; list-style: circle; }
hr {    margin: 1.25rem 0 2.5rem;}
p.text-large { font-size: }

/*======================================================================================================
BUTTONS
======================================================================================================*/
button, .button, a.button {
	border:none;cursor: pointer;font-weight: normal;line-height: normal;margin: 0 0 1.25rem;position: relative;text-decoration: none;text-align: center;-webkit-appearance: none;border-radius: 0;display: inline-block;padding-top: 1rem;padding-right: 1.6rem;padding-bottom: 1.0625rem;padding-left: 1.6rem;font-size: 1rem;background-color: #48546a;color: white;font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;
	transition: background-color 300ms ease-out;	background-repeat: no-repeat;	}
button:hover, button:focus, .button:hover, .button:focus { background-color: #ccd234;  color:#fff!important; 	text-decoration: none !important;		}
.signup-button{ display: inline-block; text-transform: uppercase; border-radius: 5px; text-align: center;  font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;  font-weight: 300; margin: 0 2rem; font-size: 1rem;  padding: 0.5rem 0;  width: 170px;  height:auto;  background: #48546a;   color: #FFF!important;  overflow: hidden;  transition: all 0.5s; -moz-transition:  all 0.5s;
}
.signup-button:hover, .signup-button:active {  text-decoration: none;  border-color: #64b1c8;  background: #626c7f;}
.signup-button span {  display: inline-block;  position: relative;  padding-right: 0;  transition: padding-right 0.5s;}
.signup-button span:after {  content: ' ';    position: absolute;  top: 0;  right: -18px;  opacity: 0;  width: 10px;  height: 10px;  margin-top: -10px;  background: rgba(0, 0, 0, 0);  border: 3px solid #FFF;  border-top: none;
	border-right: none;  transition: opacity 0.5s, top 0.5s, right 0.5s;  transform: rotate(-135deg);}


.signup-button:hover span, .button:active span {  padding-right: 30px;}
.signup-button:hover span:after, .signup-button:active span:after {  transition: opacity 0.5s, top 0.5s, right 0.5s;  opacity: 1;  border-color: #fff;  right: 0;  top: 63%;}
button span, .button span{font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; color:#acd2de;}
.signup-button span:after{display:none\9;}
.signup-button:hover span, .button:active span {  padding-right: 0\9}

.button.secondary { color: #48546a; background: hsla(0, 0%, 94%, 0.69); }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background: #bbb; }
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #626c7f; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #ccd234; }

a.blue-arrow{ padding-right: 2.5rem; display:inline-block; background:url(../img/icons/arrow-blue-light.png) 98% 50% no-repeat; -webkit-transition:background-position 0.25s ease;  -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
a.blue-arrow:hover{ background-position:100% 50%; }

/*======================================================================================================
USERFORMS
======================================================================================================*/
#UserForm_Form_action_process { border:none;cursor: pointer;font-weight: normal;line-height: normal;margin: 0 0 1.25rem;position: relative;text-decoration: none;text-align: center;-webkit-appearance: none;border-radius: 0;display: inline-block;padding-top: 1rem;padding-right: 1.6rem;padding-bottom: 1.0625rem;padding-left: 1.6rem;font-size: 1rem;background-color: #48546a;color: white;font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;
	transition: background-color 300ms ease-out;	background-repeat: no-repeat; }

#UserForm_Form_action_process:hover { background-color: #ccd234;  color:#fff!important; 	text-decoration: none !important; }

.userform-progress { visibility: hidden; height: 0; }

.step-buttons {
	display:flex;
	justify-content: space-between;
}

input[type="checkbox"] + label, input[type="radio"] + label {
	margin-left: 0;
}

fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

.userform .left {
	color: #48546a;
}

.userformsgroup {
	background: white;
	padding: 20px !important;
}

/*======================================================================================================
BRAND
======================================================================================================*/

/*Logo-large*/
.m-aside h1{margin:0; padding:0; line-height:none; text-indent:-9999px; background:#222; padding:25px 41px 30px 40px;}
.m-aside h1 a{display:block; width:149px; height:110px; background: url(/img/brand/logo.png) 0 0 no-repeat;  }

/*======================================================================================================
HEADER
======================================================================================================*/

.header-container {z-index:2; width:100%;}
.header {background: white; max-width:90rem; margin:0 auto; position:relative; z-index: 999; box-shadow: 0 2px 10px 0 hsla(0, 0%, 0%, 0.2); }
.header img {max-width:100%;}
.header h1 {float:left; margin:0; padding:28px 0 31px 84px; width:auto;}
.header h1 a {width:240px; height:75px; background: url('../img/brand/svg/paystation_logo.svg') center/cover no-repeat; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; text-indent:-9999px; cursor:pointer; position:relative; z-index:9999;}
.utilities {float:right; padding:0 65px 0 0; margin-top:-4px;  padding-left:2rem;}
.utilities ul.top {margin:0; padding:0 70px 0 0; list-style:none;display:inline-block;}
.utilities ul.top li {display:inline-block; margin:0;}
.utilities ul.top li a {display:block; color:#bbb; font-size:0.8rem; padding:0.5rem 0.6rem; }
.utilities ul.top li a:hover{color:#9fa710;}
.utilities ul.top li a.search-icon{color:#fff; font-size:22px; display:block;   margin-left:1rem; padding:0.4rem 1rem; }
.utilities a.icon:hover i{color:#ccd234;}
.utilities ul.top li a.search-icon:focus{background:#fff; color:#ccd234;}
.search-box{display:none; background-color:#fff; width:400px; height:70px;  position:absolute; top:48px; right:70px;}
.search-button{position:absolute; top:0; right:0; background:#fff; width:50px; height:50px; padding:3px 0 0 0; display:none; z-index:9999; text-align:center; vertical-align:middle;}
.search-button .search-icon{color:#ddd; font-size:22px; }
.top-search {display:inline-block; vertical-align:middle; }
.top-search form {	width: auto;	height: 50px;	margin: 0;	position: relative;}
.top-search #submit {	display: none;	}
.top-search form .icon{padding-top:3px;}
.top-search form .icon, .top-search form .submit {	width: 35px;	height: 35px;	background: none;	display: block;	position: absolute;	top: 0;	right: 0;}
.top-search form .submit {	background: none;	cursor: pointer;}
.top-search .search-icon-trigger{color:#ddd; font-size:22px;}
.top-search form .icon .fi-magnifying-glass{color:#fff;}
.top-search form #search {	-webkit-appearance: none;	height: 50px;	width: 0;	position: absolute;	padding: 0;	opacity: 0;	border: none;	outline: none;	position: absolute;	right: 49px;}
a.forgot{margin-left:1rem;}
.reveal-modal{width: 60%;max-width: 42.5em;left: 0;right: 0;margin: 0 auto;}
.reveal-modal h2{margin-left:1rem;}

/*======================================================================================================
Navigation
======================================================================================================*/
.top-bar{ background:none; }
.top-bar-section {background: white; margin-top: 1em}
.top-bar-section ul li {background: none; margin-bottom: 0; padding-top:3px; }
.top-bar-section ul li > a {display: block;width: 100%;color: #666666;  padding-left: 0.9375rem;font-family: OpenSansSemibold, "Helvetica", Helvetica, Arial, sans-serif; font-size: 0.87rem; font-weight: normal; text-transform: none;-o-transition:.2s;  -ms-transition:.2s;  -moz-transition:.2s;  -webkit-transition:.2s; }
.top-bar-section ul li > a:hover, .top-bar-section ul li > a.current{border-bottom:4px solid #ccd234;}
.top-bar-section li:not(.has-form) a:not(.button) { padding: 0 0.9375rem; }

.f-dropdown{transition: height .33s ease;  }
.top-bar-section li:first-child{padding-left:1rem; }
.top-bar-section li li:last-child{padding-right:0;}
.top-bar-section li li:last-child a{padding-right:0.9375rem;}
a.mega-icon{ position: relative; }
.f-dropdown.mega {width: 100%;max-width: 100%;margin-top:-1px; }
.top-bar{float:right; clear:right; width:100%; background:none; }
.top-bar-section ul{background: white; float:right;}
.top-bar-section ul ul{background: none; float:none; }
.top-bar-section ul li { background: none;  display:block;}
.top-bar-section li:not(.has-form) a:not(.button) {background:none;}
.top-bar-section li:not(.has-form) a:not(.button):hover { background: none; }
.top-bar-section .has-dropdown > a {padding-right: 0.9375rem ; }
.top-bar-section .has-dropdown > a:after {top: 1.8rem; border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent; }
.top-bar-section ul li:hover:not(.has-form) > a {background: none !important; color: #ccd234; }
.top-bar-section .f-dropdown ul li{display:block; float:none; }
.top-bar-section .f-dropdown ul li:first-child {padding-left: 0;}

.mega-icon:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: #ccd234 transparent transparent transparent;
	border-top-style: solid;
	margin-left:0.5rem;
}
.top-bar-section .f-dropdown ul li h3 a{text-transform:uppercase!important;  padding:0 0 0 1rem!important; display:block; font-size:0.95rem; color:#ccd234; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; }
.top-bar-section .f-dropdown ul li h3 a:hover{background:none!important;}
.top-bar-section .dropdown {left: 0;top: auto;background: #3591ad;min-width: 100%;}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {color: #FFFFFF;background:none!important; border-bottom:1px solid #52a5be;}
.top-bar-section .dropdown li a{border-bottom:1px solid #52a5be; }
.top-bar-section .dropdown li ul li a{border-bottom:1px solid #333!important; }
.top-bar-section .dropdown li ul li:hover{background:#282828!important;}
.top-bar-section .dropdown li a{text-transform:none!important; font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; font-size:0.95rem; }
.top-bar-section .dropdown li:hover{background:#333;}
.top-bar-section .f-dropdown ul li:hover{}
.top-bar-section .f-dropdown ul li a{  color: #666; border:none; line-height: .2rem; padding-bottom: 0; margin-bottom:20px; text-transform:none!important; font-size:0.85rem; font-family: OpenSansRegular, "Helvetica", Helvetica, Arial, sans-serif;  }




.top-bar-section .f-dropdown ul li:not(.has-form) a:not(.button) { line-height: 2rem; }
.top-bar-section .f-dropdown ul li a:hover{ color: #e0e485; }
.top-bar-section .dropdown li {margin-bottom:0;}
.f-dropdown.content {position: absolute;left: -9999px;list-style: none;margin-left: 0;outline: none;padding: 1.25rem 1.25rem 4rem 1.25rem;width: 100%;height: auto;max-height: none;background: white; border:none;font-size: inherit; z-index: 89 ;max-width: 200px;}
.top-bar-section ul li.has-dropdown .dropdown {display:block;visibility: hidden;opacity: 0;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.top-bar-section ul li.has-dropdown:hover > .dropdown {visibility: visible;opacity: 1; }
.top-bar-section ul li.has-dropdown ul ul{background:#333!important;}
.top-bar-section ul li.has-dropdown ul ul li{border-bottom:1px solid #444; }
.f-dropdown.content li:hover{background:none!important;}

/*======================================================================================================
HOME INTRODUCTION AREA
======================================================================================================*/
.hm-hero-sm{display:none;}
.hm-hero{max-width:90em; margin:0 auto;  position:relative;}
.sec-land{max-width:90em; margin:0 auto;  position:relative;}
.hm-pic{background:#a1b0ba url(../img/headers/banner-green-gradient.png) no-repeat; min-height:380px; background-size: cover; }

.hm-hero .hm-hero-inner{ width: 60%; margin: 0 auto; padding: 4rem 0; font-size: 2rem; line-height: 1.3}
.hm-hero h1{color:#fff; font-size: 3.125rem;/*50px*/ text-align:center; margin-bottom:1.25rem; }
.hm-hero p{color:#fff; text-align:center; font-size:1.6rem;  margin-bottom:2.3rem}
.hm-hero p.button-pos{position:relative;}
.hm-hero button, .hm-hero .button{text-transform:uppercase;}
.mb-accordion{display:none;}

.hm-buttons{display:none;}

/*======================================================================================================
HOME SLIDER
======================================================================================================*/
.hm-slider-container{ max-width:90rem; margin:0 auto; position:relative; background:#fff; padding-left:4.375rem; padding-right:4.375rem; padding-bottom:1rem; padding-top: 1rem; }
.clear {	clear: both;}
.trigger-shade { display: flex; }
.trigger { border-bottom: 1px solid #ccd234; flex: 1; }
.trigger:hover { background-color: #ccd234; }
#manual-trigger {	margin-right: 5rem; margin-left: 5rem; }
#automated-trigger { margin-right: 5rem; }
#website-trigger a, #manual-trigger a, #automated-trigger a, #customised-trigger a{display:block; width:100%;  text-transform:uppercase; text-align:center; padding-top: 60%; font-size:0.95rem; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; }
.website-trigger-on{background:url(../img/icons/homepage/online-hover.svg) 50% 0/60% no-repeat; }
.website-trigger-off{background:url(../img/icons/homepage/online.svg) 50% 0/60% no-repeat; -webkit-transition:background-position 0.25s ease; -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
.manual-trigger-on{background:url(../img/icons/homepage/manual-hover.svg) 34% 100%/60% no-repeat;  }
.manual-trigger-off{background:url(../img/icons/homepage/manual.svg) 34% 100%/60% no-repeat; -webkit-transition:background-position 0.25s ease; -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
.automated-trigger-on{background:url(../img/icons/homepage/bespoke-hover.svg) 50% 0/65% no-repeat; }
.automated-trigger-off{background:url(../img/icons/homepage/bespoke.svg) 50% 0/65%no-repeat; -webkit-transition:background-position 0.25s ease; -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
.customised-trigger-on{background:url(../img/icons/homepage/add-ons-hover.svg) 50% 65%/65% no-repeat; }
.customised-trigger-off{background:url(../img/icons/homepage/add-ons.svg) 50% 65%/65% no-repeat; -webkit-transition:background-position 0.25s ease; -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
a.website-trigger-on, a.manual-trigger-on, a.automated-trigger-on, a.customised-trigger-on{ color:#90970c; }
a.website-trigger-off, a.manual-trigger-off, a.automated-trigger-off, a.customised-trigger-off{ color:#999;}
.website-trigger-off:hover{color:#90970c; background:url(../img/icons/homepage/online-hover.svg) 50% -10%/60% no-repeat;}
.manual-trigger-off:hover{color:#90970c; background:url(../img/icons/homepage/manual-hover.svg) 34% 90%/60% no-repeat;}
.automated-trigger-off:hover{color:#90970c; background:url(../img/icons/homepage/bespoke-hover.svg) 50% -10%/65% no-repeat;}
.customised-trigger-off:hover{color:#90970c; background:url(../img/icons/homepage/add-ons-hover.svg) 50% 55%/65% no-repeat;}
.slide-content-active {	display: block;	padding: 1.8rem 0;}
.slide-content {	display: none;	padding: 1.8rem 0;}
.slide-content .text, .slide-content-active .text{width:74%; vertical-align:top; padding-top:1rem; margin: 0 auto; text-align: center;}
.slide-content ul, .slide-content-active ul{display:inline-block; width:20%; padding:0; margin:-2.8rem 0 0 0; list-style:none; vertical-align:top;}
.slide-content ul li, .slide-content-active ul li{border-bottom:1px solid #ddd;  margin:0;}
.slide-content ul li:first-child, .slide-content-active ul li:first-child{border-top:1px solid #ddd;}
.slide-content ul li:last-child, .slide-content-active ul li:last-child{border-bottom:1px solid #ddd;}
.slide-content ul li a, .slide-content-active ul li a{padding:0.7rem 1.4rem 0.7rem 0; display:block; background:url(../img/icons/arrow-blue.png) 95% 50% no-repeat; font-size:0.95rem;  -webkit-transition:background-position 0.25s ease; -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
.slide-content ul li a:hover, .slide-content-active ul li a:hover{background:url(../img/icons/arrow-blue.png) 100% 50% no-repeat;}
.hm-accordion, .mb-nav{display:none;}
#hm-content h2 { text-align: center;}

/*======================================================================================================
HOME ABOUT US AREA
======================================================================================================*/
.hm-about-us-container { max-width:90rem; margin:0 auto; position:relative; background:white; padding-left:3.4375rem; padding-right:3.4375rem;  padding-bottom:1rem; padding-top: 3rem; }
.hm-about-us-container h2 { margin: 0 0 1rem 0; font-size: 2.32rem; }
.hm-about-us-container h2, .hm-about-us-container h4, .hm-about-us-container p  { text-align:center; }

/*======================================================================================================
HOME DEVELOPER AREA
======================================================================================================*/

.hm-dev-container{ max-width:90rem; margin:0 auto; position:relative; background:white; padding-left:3.4375rem; padding-right:3.4375rem;  padding-bottom:4rem;}
.xx-landing-container{ max-width:90rem; margin:0 auto; position:relative; background:#ebe9e5; padding-left:6rem; padding-right:6rem;  padding-bottom:4rem;}
.hm-dev-container h2{text-align:center; margin:2rem 0 1rem 0; }
.hm-dev-container h4{margin-top:1.5rem;}
.hm-dev-container span.blue-arrow a{display:inline-block; background:url(../img/icons/arrow-blue.png) 0 50% no-repeat; text-indent:-9999px; margin-left: 1rem; -webkit-transition:background-position 0.15s ease; -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
.hm-dev-container span.blue-arrow a:hover{background:url(../img/icons/arrow-blue.png) 10px 50% no-repeat; }
.same-height{display:block; }
.hm-dev-container [class*="column"] + [class*="column"]:last-child {float: left;}
.dev-col{width:24.5%; padding-left: 0.9375em;  padding-right: 0.9375em; display:inline-block; vertical-align:top; *display:inline; *zoom:1;}
a.back-to-top{display:none;}


/*======================================================================================================
TWEAKS BY DEV
======================================================================================================*/
.hightlight { display: none; }
.message.bad { color: red; }
.message.good  {color: green; }

#SearchForm_SearchForm {
	height: 50px;
	margin: 0;
	position: relative;
	width: auto;
}
#SearchForm_SearchForm fieldset, #SearchForm_Mobile fieldset { border: none; padding: 0px; margin: 0px; }
#SearchForm_SearchForm_error, #SearchForm_Mobile_error { display: none; }
#SearchForm_SearchForm_action_results, #SearchForm_Mobile_action_results, #SearchForm_Mobile label { display: none; }
#SearchForm_SearchForm_Search {-webkit-appearance: none;  height: 50px; width: 0; position: absolute; padding: 0; opacity: 0; border: none; outline: none;  position: absolute; right: 49px;}
#searchactionbuttons { position: relative; margin-top: -50px; height: 50px; }

.search-button .search-icon { position: relative; left: 5px; top: 0px; }
.top-search .search-icon-trigger { position: relative; left: -11px; top: 3px; }

.right-off-canvas-menu #SearchForm_SearchForm_Search { width: 100%; opacity: 1; left: 0; right: 0; padding: 10px; color: #ffffff; }

.right-off-canvas-menu #Search .small-2.columns { padding: 0px; }
.right-off-canvas-menu #Search .small-2.columns a { height: 3.1rem;}

#Form_GoLiveForm_Who li { list-style-type: none; float: left; }

#Form_PaystationTestForm input { width: 250px; }

.utilities { padding-right: 70px; }
.utilities ul.top { padding-right: 1.6rem; }

.g-recaptcha { margin-bottom: 0.9rem; }
.colourdetails td { padding: 20px; }

.contact-col .columns { padding-left: 0; }

.androidFix {
	overflow:hidden !important;
	overflow-y:hidden !important;
	overflow-x:hidden !important;
}

/*======================================================================================================
PRICING PAGE
======================================================================================================*/
.pricing-table {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.12), inset 0 32px 0 0 #ccd234;
	border-radius: 2px;
}

.pricing-table .title {
	background-color: #ccd234;
	color: #404040;
	font-size: 1.3rem;
	font-weight: bold;
}

.pricing-table .bullet-item, .pricing-table .description, .pricing-table .title, .pricing-table .price, .pricing-table .cta-button {
	margin: 0;
	border: none;
}

.pricing-table .bullet-item {
	background-color: #f7f7f7;
	padding-left: 2rem;
	text-align: left;
	height: 3rem;
}

.pricing-table .price {
	background-color: white;
	padding-bottom: 0;
	color: #5a5653;
}

.pricing-table .description {
	padding-top: 0;
}

.cta-button > .button {
	border-radius: 5px;
	padding: 0.6rem 2rem;
}

.feature-item h3 {
	margin: 0 !important;
	font-size: 1.2rem;
}

.feature-item > p {
	font-size: 0.8rem;
}

/*======================================================================================================
CONTENT PAGES HEADER AREA
======================================================================================================*/
.services-pic{background:#78767f url(../img/headers/land-header-xxx-2.jpg) 0 0 no-repeat; min-height:460px; }
.dev-pic{background:#21252c url(../img/headers/land-header-xxx-3.jpg) 0 0 no-repeat; min-height:460px; }

.land-container{text-align:left; padding:2rem 5rem; width:100%; margin:0;}

.land-container h1, .land-container p {color: white; max-width: 75%;}
.lan-cont{max-width:90rem; margin:0 auto; position:relative; background:#f2f2f2; padding-left:3.4375rem; padding-right:3.4375rem; }
.sec-land .land-container .row, .land-cont .contain, .xx-landing-container .contain{width:100%!important; max-width:100%!important; text-align:left;}
.sec-land .land-container h1{text-align:left;  width:auto; color:#fff; font-size: 3.125rem;/*50px*/ margin: 1.5rem 0 1.25rem 0;}
.sec-land .land-container p{text-align:left;  width:60rem; color:#fff; font-size:1.2rem; }


.sec-hero{max-width:90em; margin:0 auto; background-color:#000; background-position:0 0; background-repeat:no-repeat; min-height:10px; position:relative; background: -moz-linear-gradient(30deg, #a2a91b 0%, #b2ba27 23%, #ccd234 23%, #b2ba27 100%);
	background: -webkit-linear-gradient(30deg, #a2a91b 0%, #b2ba27 23%, #ccd234 23%, #b2ba27 100%);
	background: -o-linear-gradient(30deg, #a2a91b 0%, #b2ba27 23%, #ccd234 23%, #b2ba27 100%);
	background: -ms-linear-gradient(30deg, #a2a91b 0%, #b2ba27 23%, #ccd234 23%, #b2ba27 100%);
	background: linear-gradient(30deg, #a2a91b 0%, #b2ba27 23%, #ccd234 23%, #b2ba27 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2a91b', endColorstr='#b2ba27', GradientType=1);}
.sec-hero-pages{max-width:90em; margin:0 auto; background:#000 url(../img/headers/sec-header-xx-2.jpg) 0 0 no-repeat; min-height:200px; position:relative;}
.land-item{width:48%; display:inline-block; vertical-align:top;}
.land-web{background:url(../img/icons/icon-devices.png) 0 0 no-repeat;}

.header-image-dev{background:#3d434f url(../img/headers/sec-header-xx-3.jpg) 0 0 no-repeat;}

.cont-head{background: white;}
.content-container{  margin:0 auto; position:relative;  padding: 0 3.4375rem;
	background: #fafafa;
	/* Old browsers */
	background: -moz-linear-gradient(left,  #fafafa 0%, #fafafa 50%, #f6f6f6 50%, #f6f6f6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(50%,#fafafa), color-stop(50%,#f6f6f6), color-stop(100%,#f6f6f6));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #fafafa 0%,#fafafa 50%, #f6f6f6 50%,#f6f6f6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
	/* IE10+ */
	background: linear-gradient(to right,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f6f6f6',GradientType=1 );
	/* IE6-9 */ }
#parent-sec .content-container, #parent-sec .xx-content, #blank .content-container{background:#fff;}

.main-content{background:#fafafa; padding:3rem 3rem 2rem 0}
#blank .main-content {
	background: #fff;
	padding: 2rem 0 7rem 0;
}

#parent-sec .xx-content{background:none;}
#blank .xx-content{background:none;}
.land-spec .main-content{background:#fafafa;}
.land-spec .breadcrumbs{display:none;}
.breadcrumbs {display: block;padding: 0 0.875rem  0.5625rem 0  ;overflow: hidden;margin:-1rem 0 1rem 0;list-style: none;border-style: solid;border-width: 1px;background: none;border: none;border-radius: 3px;}
.breadcrumbs > * {margin: 0;float: left;font-size: 0.8rem;line-height: 0.6875rem;text-transform: none;line-height:1.6; list-style: none; }
.page-head{display:block; width:100%;}
.breadcrumbs-col{display:block; width:100%;  vertical-align:top;}
.menu-col{display:inline-block; width:40%; vertical-align:top;}
.land-summary{ background-color: white; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.12); border-left:2px solid #ccd234; padding: 1rem; }
.land-summary h2 { padding-left: 1rem; margin: 0; font-size: 1.5em; }
.land-summary p { padding: 0.5rem 1rem; margin: 0; }
.land-summary ul {
	margin: 0; padding:0; list-style:none;
}

.land-summary ul li{
	display: inline-block; margin-right:1rem;
}

.land-summary ul li a{border-right:1px solid #ccc; padding-right:1rem;}


.summ-last{border-bottom:none;}
p.read-more{margin-top:-0.5rem;}
.right-nav{padding:0 0 1rem 1rem; display:block; margin-top: 2rem; }
.no-nav .nav-r{padding:3rem 0 5rem 3rem;}
.no-nav .nav-r .no-bullet li a span{display:block;}
.right-nav li{ margin:0; padding:0; list-style: none; }
.right-nav h3{ font-size:1rem; text-transform:uppercase; color:#222; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; padding:2rem 0 0 0; margin:0;}

.no-nav .right-nav h3{ color:#111; padding:2rem 0 0 0; font-size: 1.8em; font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif;   text-transform:none; padding:0; margin-bottom:1.3rem; margin:0;}
.right-nav h3 a{color:#48546a; background:none; }
.right-nav a{ font-size:1rem; padding:0.8rem 2rem 0.8rem 0; display:block; background:url(../img/icons/arrow-blue-light.png) 98% 50% no-repeat; -webkit-transition:background-position 0.25s ease;  -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
.right-nav a:hover{background-position:100% 50%;}
.right-nav a.current{ font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; }
.right-nav ul {padding-bottom:1rem; margin-left:0!important;}

.right-nav ul li{  border-bottom:none; list-style: none; }
.right-nav ul li a{font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; padding:0.4rem 0 0.4rem 0.9rem; background:url(../img/icons/righnav-bullet.png) 0 50% no-repeat;}
.right-nav ul li a:hover{background-position:0 50%;}
.right-nav ul li ul {
	margin-left: 0;

}
.no-nav h3{margin-bottom:1.2rem;}
.menu-col{display:none;}
a.back-to-top-sec {   display:block; background: url('../img/icons/icon-back-to-top.png') 50% 50% no-repeat; text-indent:-9999px; padding:6rem 0 0 0;}
a.back-to-top-faq {   display:block; background: url('../img/icons/icon-back-to-top.png') 100% 50% no-repeat; text-indent:-9999px; padding:2rem 0; margin-top:-10px;}
#sticker {background: #bada55;color: white;width: 300px;font-family: Droid Sans;font-size: 40px;line-height: 1.6em;font-weight: bold;text-align: center;padding: 20px;text-shadow: 0 1px 1px rgba(0,0,0,.2);border-radius: 50px;    }

.land-cols .row{padding-bottom:2rem;}

.page-anchors ul{margin-left:0;list-style:none; border-bottom:1px solid #ccc; padding:0 0 1rem 0;}
.page-anchors ul li{display:inline-block; vertical-align:top; width:48%; margin-bottom:0.8rem;}

.page-anchors ul li a:before {content: url('../img/icons/arrow-blue-anchor.png'); margin-right:0.5rem; }
.page-anchors h4{font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; border-top:1px solid #ccc; padding:1rem 0 0 0;}
.info-graphic{margin:2rem 0;}

.asso-contain{background:#f3f7f8;  list-style:none; padding:2rem; margin:2rem 0;}
.asso-contain h3{margin:0 0 0.5rem 0;}
.asso-contain ul{margin:0; padding:0; list-style:none;}
.asso-contain li{display:inline-block; width:48%; margin:0; padding:0; vertical-align:top;}
.asso-contain li a{display:block; padding:0.8rem 0.5rem 0.8rem 0.9rem; background:url(../img/icons/righnav-bullet.png) 0 50% no-repeat;}

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

.signup-left{background:#e1eaec;}
.signup-right{background:#eaebdd;}
.signup-online{text-align:right;}

.sign-col{padding:0 0 2rem 0; display:block; margin:0 5% 0 0; display:inline-block; vertical-align:top; }
.no-marg{margin:0;}
.sign-col h3{text-indent:-9999px}

/*.step-a{background:url(../img/icons/step1.png) 0 1.5rem no-repeat;}
.step-b{background:url(../img/icons/step2.png) 0 1.5rem no-repeat;}
.step-c{background:url(../img/icons/step3.png) 0 1.5rem no-repeat;}
.step-d{background:url(../img/icons/step4.png) 0 1.5rem no-repeat;}*/
.no-nav .nav-r hr{color:#d7d9bf; height:1px; border:1px solid #d7d9bf; margin:2rem 0}
#hidden-div{display:none; background:#e1eaec; padding: 0.4rem 2rem;}
#hidden-div hr{margin-top:2.5rem; border:1px solid #b2cbd1; height:1px; background:#b2cbd1;}
.no-nav .nav-r h4{font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; margin:2rem 0 1rem 0;}
a.slideup{display:block;  text-align:center;}
.no-nav .nav-r p.doc-info{color:#848573; margin-top:-30px; font-size:0.95rem;}
.no-nav .nav-r img{margin-bottom:1rem; margin-top:1rem;}
*, *:before, *:after{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.circle{
	position: relative;
	height: 55px;
	width: 55px;
	background-color: #e9ebd9;
	border-radius: 150px;
	text-align:center;
	font-size: 2em; font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif;
	color:#9fa710;
	margin-bottom:0.8rem;
}

.panel.callout {
	border-style: solid;
	border-width: 1px;
	border-color: #dcecf1;
	margin-bottom: 2rem;
	padding: 1.25rem;
	background: #eef6f8;
	color: #333333;
}

.panel.callout a:not(.button) {
	color: #2788a5;
}

#form-slidedown{display:none; height:400px; background:#ccc; position:relative;}
.contact-col  h3 {color:#000;}
.contact-col  h3 span{font-size:1.2rem; display:block; color:#333; }
.contact-col p span{font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; }
.contact-col  p{margin-bottom:2rem;}

.map-container{padding:0;  position:relative; width:100%;}
.map-content{max-width:90em; position:relative; padding:0; margin:0 auto;}
.tab-mb-only, .tab-con-det{display:none;}
.contact-col{display:block;}



.faq-anchors h3{margin-top:0; }
.faq-anchors ul{ list-style:none; margin:0; padding:0 0 1rem 0;}

.faq-anchors ul li{ list-style: none; padding-right:2rem; padding-left:1.6rem; background:url(../img/icons/arrow-blue-anchor2.png) 0 0.35rem no-repeat;}
.faq-anchors ul li:hover{  background:url(../img/icons/arrow-blue-anchor2.png) 0.3rem 0.35rem no-repeat;}
.faq-anchors ul li a{ display:block; color:#1b728c;}

.tabs-content {
	margin-bottom: 2.5rem;

}
.tabs-content > .content {
	display: none;
	float: left;
	padding: 2rem 2rem 0 2rem;
	width: 100%;
	background:#e8eff1;
}
.tabs dd > a, .tabs .tab-title > a {
	outline: none;
	display: block;
	background-color: #fff;
	color: #2788a5;
	padding: 1rem 2rem;
	font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;

	font-size: 1rem;
}

.tabs dd > a:hover, .tabs .tab-title > a:hover {
	background-color: #fff;
	color:#222;
}
.tabs dd.active a, .tabs .tab-title.active a {
	background-color: #e8eff1;
	color: #222222;
}
.tabs-content {
	*zoom: 1;
	margin-bottom: 2.5rem;

	/* Customized */
	display:block:important!
	opacity: 0;
}
/* Customized */
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.tabs-content:before, .tabs-content:after {
	content: " ";
	display: table; }
.tabs-content:after {
	clear: both; }
.tabs-content > .content {
	display: none;
	float: left;
}
.tabs-content > .content.active {

	/* Customized */
	-webkit-animation: fadeIn 0.5s;
	animation: fadeIn 0.5s;
	opacity: 1;

	display: block; }

.faq-hide{display:none; }
.faq-more, .faq-less{display:block; text-align:center; border-top:1px solid #c7dce1; padding:1rem 0; background:#eff5f6; margin-left:-2rem; margin-right:-2rem;}
.faq-more:hover, .faq-less:hover{background:#f6f9f9;}
.faq-more:before  {content: "\25BE"; margin-right:0.5rem; }
.faq-less:before  {content: "\25B4";  margin-right:0.5rem; }
/*.faq-ph{background:url(../img/icons/icon-staff-small-green.png) 0 0 no-repeat; padding:0 0 0 2rem;}
.faq-form{background:url(../img/icons/icon-envelope-small-green.png) 0 0 no-repeat; padding:0 0 0 2rem;}
.faq-brochure{background:url(../img/icons/icon-brochure-small-green.png) 0 0 no-repeat; padding:0 0 0 2rem;}*/
.faq-r span{display:block; padding:0.8rem 0; font-size:1.3rem;}



img.large-screen{display:block;}
img.small-screen{display:none;}


.case-studies{background:#f3f7f8; border:1px solid #cfd7d9; margin:3rem 0; }
.case-studies .cs-pic .inner{padding:1.5rem 0 1.5rem 1.5rem; display:block;}
.case-studies .cs-text .inner{padding:0 2rem 1rem 1rem; display:block;}
.case-studies .cs-text h3{ font-size:1rem; margin:2rem 0 0 0; color:#999; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; }
.case-studies .cs-text h2{margin:0.3rem 0 1rem 0;}
.case-studies .cs-text h2 a{}
.case-studies .cs-text p{font-size:0.95rem;}

table.responsive{margin-bottom:50px;}
.dev-land{margin:-1rem 0 0 0;}
.dev-land .item{width:49.5%; display:inline-block; vertical-align:top; padding-bottom: 1rem;}
.dev-land .item h2{font-size:1.6rem; margin-bottom:0.5rem; padding-right:2rem;}
.dev-land .item p{padding-right:2rem; font-size:0.95rem;}


/*#sticko.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    background:#e1eaec;
	width:auto;

}*/


/*======================================================================================================
FORM
======================================================================================================*/

form label span{color:#ae2505; margin-left:0.5rem;}
p.required span{color:#ae2505; margin-right:0.5rem;}
label {font-size: 1rem;cursor: pointer;line-height: 1.6;}

/*======================================================================================================
PRE-FOOTER (4 green Buttons) AREA
======================================================================================================*/

.pre-footer-container{ margin:0 auto; position:relative; background:white; padding:2rem 3.4375rem;   }
.pre-footer-container a{display:block; padding:90px 1rem 0 1rem; border-right:1px solid #ddd; color:#7a7e1f; font-size:1.1rem; text-align:center; margin-left:-1.875em; -webkit-transition:background-position 0.25s ease; -moz-transition: background-position 0.25s ease;
	transition: background-position 0.25s ease;}
.pre-footer-container a.get-started{background:url(../img/icons/homepage/get-started.svg) 50% 0/25% no-repeat; }
.pre-footer-container a.brochure{background:url(../img/icons/homepage/brochure.svg) 50% 0/25% no-repeat;}
.pre-footer-container a.talk{background:url(../img/icons/homepage/help.svg) 50% 0/25% no-repeat;}
.pre-footer-container a.enquiry{background:url(../img/icons/homepage/contact-us.svg) 50% 0/25% no-repeat; border:none;}
.pre-footer-container a:hover{color:#d0d66c; background-position:50% -10%;}

/*======================================================================================================
FOOTER
======================================================================================================*/

.footer{ max-width:90rem; margin:0 auto; position:relative; background:#48546a; padding:2rem 3.4375rem 1rem 3.4375rem ; }
.footer ul{margin:0; padding-bottom:2rem;}
.footer ul li {margin-bottom:0.4rem; list-syle:none; display:block;}
.footer ul li a{color:white; display:block; font-size:0.8rem; }
.footer ul li a:hover{color:#999;}
.footer ul li:first-child{color:#fff; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; line-height:36px; margin-bottom:1rem;list-syle:none; }

/*======================================================================================================
FOOTER - BASE
======================================================================================================*/

.footer-base{ max-width:90rem; margin:0 auto; position:relative; background:#222; padding:2rem 3.4375rem 2rem 3.4375rem ; }
.footer-base p{color:#999;}
.footer-base p.small{font-size:0.9rem; margin:0; line-height:0;}
.footer-base p.large{font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif; font-size:2.2rem; margin:0;}
.footer-base p.ph{color:#555;}
.footer-base ul li a{font-size:0.9rem;}
.footer-base ul li a{color:#999;}
.footer-base ul li a:hover{color:#fff;}


/*======================================================================================================
Off Canvas Menu
======================================================================================================*/
.right-off-canvas-menu{background: white; padding-top:1rem;}
.right-off-canvas-menu input{background:#eee; border:none; height: 3rem;  margin-bottom:0.5rem; box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);}
.right-off-canvas-menu input:focus{background:#555;}
.right-off-canvas-menu .button{background:#444; height: 3rem; font-size:1.2rem; padding:0.5rem; margin-bottom:0.5rem;}
.right-off-canvas-menu ul.off-canvas-list li{margin:0;}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu a{position:relative; padding-right:30px;}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {content: "\2192";font-size:1.4rem; position:absolute; right: 0rem; top:0.3rem; right:20px; color:#ddd;}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {content: "";margin-right: 0;display: inline;}
ul.off-canvas-list {list-style-type: none;padding: 0;margin: 1rem 0 2rem 0.5rem;}
ul.off-canvas-list li a {	display: block;padding: 0.9rem 0.66667rem;color: #48546a; border-bottom: none; transition: background 300ms ease;}
.right-submenu .back > a {padding: 0.6rem 0.9375rem;color: rgba(255, 255, 255, 0.8);text-transform: uppercase; font-weight: bold;background: #ccd234; border: none; margin: 0;}
.right-submenu .back > a:after {content: "";margin-left: 0;display: inline;}
.right-submenu .back > a:before {content: "\2190";margin-right: 1rem;display: inline; color:#fff;}
.right-submenu .back > a:hover {background: #e0e485; border-bottom: none; border-top: none;}
ul.off-canvas-list li a:active {background: #e0e485;}
ul.off-canvas-list li a:hover {background: #e0e485;}
ul.off-canvas-list li label {display: block;padding: 0.95rem 0.66667rem;color: #48546a;text-transform:uppercase; font-size: 0.95rem;font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;background: white;border-top: none;margin: 0;}
.right-off-canvas-menu .aside-block{padding: 0.66667rem;}
.right-off-canvas-menu .aside-block h4{color:#ccc; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;  font-size:0.9rem;}
.right-off-canvas-menu .aside-block p{color:#aaa; margin-bottom:0.2rem; font-size:0.9rem; line-height:1.5;}

.move-left .exit-off-canvas {background: rgba(255, 255, 255, 0.4);}

/* SUBMENUS */
.right-submenu {background: white}

			/*======================================================================================================
			Cards
			======================================================================================================*/
		#filter-options {
			margin-bottom: 15px;
		}

#filter-options ul {
	margin: 0;
}

#filter-options li {
	display: inline-block;
	list-style: none;
	background-color: #48546a;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	padding: 0.5rem 1rem;
}

#filter-options li:hover {
	background-color: #626c7f;
}

.card {
	border-radius: 5px;
	background-color: white;
	position: relative;
	height: 250px;
	padding: 20px;
	margin-bottom: 25px;
	overflow: hidden;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.12);
}

.card-image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.card-overlay {
	border-radius: 6px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #e0e485;
	padding: 15px;
}

.card-text {
	text-align: center;
	overflow: hidden;
	height: 70%;
}

.card-text p {
	font-size: 0.9rem;
}

.card-button {
	display: block;
	text-align: center;
	background: #48546a;
	color: white !important;
}

.card-button:hover {
	color: #48546a !important;
	background-color: #ccd234;
}

/*======================================================================================================
Integration Page
======================================================================================================*/
#intro-header h1 {
	border-bottom: 3px solid #f5f5f5;
}

h2.subheader {
	border-bottom: 1px solid #f5f5f5;
}

#intro-header img {
	height: 250px;
}

#categories ul {
	margin: 0;
}

#categories li {
	display: inline-block;
	list-style: none;
	padding: 0.5rem 1rem;
	background-color: #ccd234;
	color: white;
	border-radius: 5px;
}

#features ul {
	list-style: none
}

#features li {
	list-style-image: url('/themes/paystation/img/icons/righnav-bullet.png');
	background-color: #f5f5f5;
}

#versions ol {
	margin: 0;
	list-style: none;
}

/*======================================================================================================
Case study Page
======================================================================================================*/
.slider-container {
	margin-bottom: 2rem;
	background-color: #eeeeee;
}

.slick-dots {
	bottom: -100px;
}

.slick-initialized .slick-slide {
	text-align: center;
}

ul.slick-dots {
	margin: 0;
}

.slick-next:before, .slick-prev:before {
	color: #48546a;
}

.slick-dots li button:before {
	font-size: 10px;
}

.card:hover .customer-story-image,
.card:focus .customer-story-image {
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.customer-story-image {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.customer-story-text {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	background: white;
	margin: 0;
	height: 2rem;
}

/*============================================================================================================================================================================================================

Extra large Screens

============================================================================================================================================================================================================*/

@media only screen and (min-width: 100em) and (max-width:110em){
	.utilities{ padding-right:6.0rem;}
	.top-bar-section li:last-child{padding-right:5.8em;}
}

@media only screen and (min-width: 110em) {
	.utilities{padding-right:8.8rem;}
	.top-bar-section li:last-child{padding-right:7.8em; }
	p, li {font-size:1.1rem; }
	h1 {    font-size: 2.725em;/*42px*/ font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif; margin-bottom:1.5rem;}
	h2 {    font-size: 2.1em; /*32px*/ font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif;}
	h3 {    font-size: 1.925em;/*26px*/ font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif;}
	h4 {    font-size: 1.225em;/*18px*/ font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; }
	h5 {    font-size: 1.163em;/*17px*/  font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;}

	.right-nav a{font-size:1.1rem; }



}


@media only screen and (min-width: 100em){

	.dropdownwrap .login-form{max-width:100%; margin:0; }
	.dropdownwrap  {  padding-left:5rem; padding-right:5rem; }
	.header{max-width:100%; margin:0; position:relative;}
	.xx-header-cont	{  padding-left:5rem; padding-right:5rem; }
	.xx-land-cont	{  padding-left:5rem; padding-right:5rem; }
	.map-container{padding:0 5rem; height:auto; background:none;}
	.map-content{display:block; max-width:100%; padding:0;}

	.hm-slider-container{ max-width:87.5em; margin:0 auto; position:relative; background:#fff; padding-left: 0; padding-right: 0; padding-bottom:4rem;}
	.xx-slider-cont{ position:relative; background:#fff;}
	.xx-land-cont{ position:relative; padding-left:6rem; padding-right:6rem; background:#fff; margin:0 5rem;}
	.hm-dev-container{ max-width:90rem; margin:0 auto; position:relative; padding:0; }
	.xx-landing-container{ max-width:100%; margin:0 auto; position:relative; background:#ebe9e5; padding:0;  padding-bottom:4rem;}

	.xx-about-us-cont	{ position:relative; padding-left:5rem; padding-right:5rem; background:white; margin:0 5rem;}
	.xx-dev-cont	{ position:relative; background:white; margin:0 5rem;}
	.xx-landing-content	{ position:relative; padding-left:5rem; padding-right:5rem; background:#ebe9e5; margin:0 5rem;}
	.hm-hero{ max-width:100%;  position:relative; }
	.hm-pic { background-size: cover; }
	.sec-land{ max-width:100%;  position:relative; }
	.hm-pic{min-height:580px; }

	.xx-hero-cont	{ position:relative; padding-left:5rem; padding-right:5rem; }
	.hm-hero .hm-hero-inner{width:80%; margin:0 auto; padding:150px 0 0 0;}
	.hm-hero h1{color:#fff; font-size: 3.5rem;/*50px*/ text-align:center;  }
	.hm-hero p{color:#fff; text-align:center; font-size:1.4rem; font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif; margin-bottom:3rem}
	.hm-hero button, .hm-hero .button{text-transform:uppercase;}
	.hm-dev-container h2 {text-align: center;margin: 4rem 0 2rem 0;font-size:2.32rem;}
	#website-trigger a, #manual-trigger a, #automated-trigger a, #customised-trigger a{ font-size:1.1rem;  }
	.hm-dev-container p { padding-bottom: 1rem; }
	.slide-content ul li a, .slide-content-active ul li a {font-size: 1rem;}
	.sec-hero, .sec-hero-pages{ max-width:100%; }
	.xx-sec-hero-cont	{ position:relative; padding-left:5rem; padding-right:5rem; }
	.xx-content{position:relative; padding-left:6rem; padding-right:6rem; background: #fafafa;
		/* Old browsers */
		background: -moz-linear-gradient(left,  #fafafa 0%, #fafafa 50%, #f6f6f6 50%, #f6f6f6 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(50%,#fafafa), color-stop(50%,#f6f6f6), color-stop(100%,#f6f6f6));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* IE10+ */
		background: linear-gradient(to right,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */}

	.no-nav .xx-content	{
		background: -moz-linear-gradient(left,  #fafafa 0%, #fafafa 50%, #f6f6f6 50%, #f6f6f6 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(50%,#fafafa), color-stop(50%,#f6f6f6), color-stop(100%,#f6f6f6));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* IE10+ */
		background: linear-gradient(to right,  #fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f6f6f6',GradientType=1 );
		/* IE6-9 */}

	#parent-sec .xx-content{background:#fff;}
	#blank .xx-content{background:#fff;}


	.content-container{  margin:0 auto; position:relative; padding:0;}
	.pre-footer-container{ margin:0 auto; position:relative; padding:2rem 0;   }
	.pre-footer-container .structure{max-width:90rem; margin:0; }

	#land-target .pre-footer-container, #land-target .footer, #land-target .footer-base, #land-target .pre-footer-container .structure, #land-target .structure, #land-target .footer-base .structure{ max-width:100%;  margin:0;  }
	#sec-foot-target .pre-footer-container, #sec-foot-target .pre-footer-container .structure, #sec-foot-target .footer-base, #sec-foot-target .footer, #sec-foot-target .structure, #sec-footer-target .footer-base .structure{ max-width:90em;  margin:0 auto;  }





	.xx-pre-footer-cont{ position:relative; padding-left:6rem; padding-right:6rem; background: white;}
	.footer{ max-width:90rem; margin:0 auto; position:relative; }
	.footer .structure{max-width:90rem;}
	.xx-footer-cont{ position:relative; padding-left:6rem; padding-right:6rem; background:#48546a; }
	.footer-base{ max-width:90rem; margin:0 auto; position:relative; background:#222; padding:2rem 0 2rem 0 ; }
	.footer-base .structure{max-width:90rem;}
	.xx-footer-base-cont{ position:relative; padding-left:6rem; padding-right:6rem; background:#222; }
	#sec-target .fluid-content {max-width:100%; }
	#sec-target  .content-container{max-width:100%; margin:0 auto; position:relative; padding:0;}
	#sec-target  .fluid-content, #sec-target  .structure,  #sec-target  .footer{max-width:100%!important; }
	#sec-target .xx-content, #sec-target .xx-pre-footer-cont, #sec-target .xx-pre-footer-cont, #sec-target .xx-footer-cont, #sec-target .xx-footer-base-cont {padding-left:5rem; padding-right:5rem; }
	#sec-target .pre-footer-container{max-width:100%!important;}
	#sec-target .footer-base{max-width:100%;}

	.case-studies .cs-pic .inner{padding:2rem 0 2rem 2rem; display:block;}

	.services-pic {
		background: #78767f url(../img/headers/land-header-xxx-2.jpg) 0 0 no-repeat;
		background-size: cover;
	}
	.sec-land .land-container p {
		text-align: left;
		width: 70rem;
		color: #fff;

	}
	.dev-land .item p {
		padding-right: 2rem;
		font-size: 1rem;
	}
	.dev-land .item{padding-bottom:2rem;}
	.land-summary{padding-right:3rem;}


	.signup-button {
		text-transform: uppercase;
		text-align: center;
		font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 300;
		padding: 1.1rem 1.8rem;
		width: 180px;
		height: auto;
		background: #48546a;
		color: #FFF!important;
		overflow: hidden;
		transition: all 0.5s;
		-moz-transition: all 0.5s;
	}

	.main-content{ padding-right:5rem}

}



@media only screen and (min-width: 120em){
	.main-section{margin:0 auto;}
	.header-container{max-width:130em; margin:0 auto;}
	.hm-pic{min-height:620px; }


	.hm-hero .hm-hero-inner{width:100%; margin:0; padding:10rem 0 0;}
	.hm-hero h1{color:#fff; font-size: 3.8rem;/*50px*/ text-align:center;  }
	.intro-container .row{max-width:70%;}
	.hm-hero p{font-size: 1.6rem;}
	.top-bar-section li:not(.has-form) a:not(.button) {

		padding: 0 1.4rem;}

	.top-bar-section ul li > a {

		font-size: 0.95rem;}
	.top-bar-section .f-dropdown ul li h3 a {

		padding: 0 0 1rem 1rem!important;

		font-size: 1rem;

	}
	.top-bar-section .f-dropdown ul li:not(.has-form) a:not(.button) {
		line-height:1.2rem;
		font-size: .9rem;
		margin-bottom: 0.9rem;
	}

	#sec-foot-target{max-width:130em; margin:0 auto;}


}
/*============================================================================================================================================================================================================

MEDIUM - LARGE SCREENS min-width 768px and max-width 1140px

============================================================================================================================================================================================================*/
@media only screen and (min-width: 48.063em) and (max-width:71.250em) {
	.top-bar{float:left; clear:right; width:100%; background:#9fa710; margin-top: 0; height: 3.2rem; line-height: 3.1rem;}
	.top-bar{ background:#9fa710; }
	.top-bar-section {float:none;}
	.top-bar-section ul {background: none; float:none;}
	.top-bar-section ul{position:relative; display:block;  text-align:center;}
	.top-bar-section ul ul{ text-align:left;}
	.top-bar-section ul li{display:inline-block; float: none; padding-top:0;}
	.top-bar-section ul li a{display:inline-block;}
	.top-bar-section li:not(.has-form) a:not(.button) { line-height: 3.1rem;}
	.top-bar-section .f-dropdown ul li h3{line-height:1.4; text-align:left; padding:0!important; }
	.top-bar-section .f-dropdown ul li h3 a{ font-size:0.9rem; color:#c4cc32; border-bottom:none; text-align:left; padding:0!important;}
	.top-bar-section .f-dropdown ul li:not(.has-form) a:not(.button) {padding: 0.5rem 0; line-height: 1.8rem;}
	.top-bar-section .has-dropdown > a:after {top: 1.6rem;  }
	.top-bar-section .f-dropdown ul li h3 a.website-icon,.top-bar-section .f-dropdown ul li h3 a.manual-icon, .top-bar-section .f-dropdown ul li h3 a.automatic-icon, .top-bar-section .f-dropdown ul li h3 a.customised-icon{background:none;}
	.top-bar-section .f-dropdown ul li h3 a.website-icon:hover,.top-bar-section .f-dropdown ul li h3 a.manual-icon:hover, .top-bar-section .f-dropdown ul li h3 a.automatic-icon:hover, .top-bar-section .f-dropdown ul li h3 a.customised-icon:hover{background:none!important; -webkit-transition: none; -moz-transition: none;
		transition: none;}
	.signup-button { width: 130px; padding: 0.5rem 1rem;}
	.header h1{ padding:20px 0 26px 35px; }
	.utilities {float: right; padding: 15px 35px 0 0; margin:0; background:none;}
	.hm-hero {max-width: 100%; margin: 0; padding-top:110px; position:relative;}

	.services-pic {
		background: #78767f url(../img/headers/land-header-med.jpg) 0 0 no-repeat;
		min-height: auto;
	}
	.dev-pic {
		background: #21252c url(../img/headers/land-header-dev-med.jpg) 0 0 no-repeat;
		min-height: auto;
	}

	.sec-land .land-container h1 {
		text-align: left;
		width: auto;
		color: #fff;
		font-size: 3rem;
		margin: 1.5rem 0 1.25rem 0;
	}
	.sec-land .land-container {
		text-align: left;
		padding: 9rem 2rem 3rem 2rem;
		width: 100%;
		margin: 0;
	}
	.sec-land .land-container p{font-size:1.2rem; width:auto;}

	.sec-land {max-width: 100%; margin: 0;  min-height:252px; position:relative;}

	.sec-land .dl-menuwrapper{display:none;}

	.hm-hero .hm-hero-inner{width:auto; margin:0; padding:5rem 1rem 2rem 1rem;}
	.hm-hero h1{color:#fff; font-size: 2.625rem;/*42x*/ text-align:center;  line-height:1.4;  }
	.hm-hero p{color:#fff; text-align:center; font-size:1.1rem;  margin-bottom:2.3rem}
	.hm-hero button, .hm-hero .button{padding-top: 0.9rem;padding-right: 2rem; padding-bottom: 0.9rem; padding-left: 2rem; font-size: 0.9rem;}
	.intro-container{position:absolute; top:0; left:0; width:100%;}
	.mega .large-3 {width: 25%;}
	.hm-slider-container{ width:100%; margin:0; position:relative; background:#fff; padding-left:2.5rem; padding-right:2.5rem; padding-bottom:2rem; padding-bottom: 0;}
	.land-cont{ width:100%; margin:0; position:relative; background:#fff; padding-left:2.5rem; padding-right:2.5rem; padding-bottom:2rem;}
	.slide-content .text, .slide-content-active .text{display:inline-block; width:69%; margin-right:3%; vertical-align:top;}
	.slide-content ul, .slide-content-active ul{display:inline-block; width:27%; padding:0; margin:-2.5rem 0 0 0; list-style:none; vertical-align:top;}
	.hm-dev-container{ width:100%; margin:0; position:relative; padding-left:1.5625rem; padding-right:1.5625rem;  padding-bottom:4rem;}
	.xx-landing-container{ width:100%; margin:0; position:relative; background:#f2f2f2; padding-left:1.5625rem; padding-right:1.5625rem;  padding-bottom:4rem;}
	.dev-col{width:49%;}
	.sec-nav{background:#fff;}
	.sec-hero, .sec-hero-pages{max-width:90em; margin:0 auto; position:relative;}
	.content-container{ max-width:100%; margin:0 auto; position:relative; padding-left:0; padding-right:0; }
	.main-content, #blank .main-content {padding:2rem 2rem 2rem 2rem;}

	.no-nav .nav-r{padding:0 0 0 2rem;  width:35%;}
	.no-nav .main-content{width:65%;}

	.adjust-faq .nav-r{ height:auto!important; float:left!important; display:block; background:#eaebdd; width:100%;}
	.adjust-faq  .main-content{width:100%;!important}

	#blank .main-content {width: 100%;}
	.right-nav{padding:1rem;}
	.right-nav a{ font-size:0.95rem;}


	.pre-footer-container{ max-width:100%; margin:0 auto; position:relative; padding-left:1.5625rem; padding-right:1.5625rem; }
	.pre-footer-container a{ font-size:1rem;}
	.footer{ max-width:100%; margin:0; position:relative; padding-left:1.5625rem; padding-right:1.5625rem; }
	.footer-base{ max-width:100%; margin:0 auto; position:relative; background:#222; padding-left:1.5625rem; padding-right:1.5625rem; }

}


/*============================================================================================================================================================================================================

SMALL SCREENS

============================================================================================================================================================================================================*/
@media only screen and (max-width: 48.063em) {
	.tab-bar .menu-icon span::after {
		box-shadow: 0 0 0 1px #ddd, 0 7px 0 1px #ddd, 0 14px 0 1px #ddd;
	}

	.mb-only{display:block;}
	img.float-left, img.float-left{float:none; margin:1rem 0; display:block; min-width:100%;}



	h1 { line-height: 1.4; }
	.right-off-canvas-menu{display:block;}
	.reveal-modal{width: 100%;max-width: 100%;left: 0;right: 0;margin: 0 ; top:0;}
	.reveal-modal h2{margin-left:1rem;}

	.header h1{ padding:18px 0 24px 20px; }
	.header h1 a {width:145px; height: 45px;}
	.no-svg .header h1 a {    background: url('../img/brand/logo.png') 0 0 no-repeat;}
	.slide-content ul li a, .slide-content-active ul li a{padding:0.5rem 0; display:block; background:url(../img/icons/svg/arrow-blue.svg) 100% 50% no-repeat;}
	.hm-slider-container, .hm-dev-container, .land-cont, .xx-landing-container, .hm-about-us-container { width:100%; margin:0; position:relative; padding-left:0; padding-right:0; padding-bottom:2rem; padding-top: 1rem; }
	.dev-col{width:100%;}
	.dev-col p{display:none;}
	.hm-dev-container h4{margin:0; padding:0; font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif; font-size:1rem; }
	.dev-col h4 a{display:block; border-bottom:1px solid #ddd; padding:0.8rem 0; position:relative;}
	.dev-col h4 a:after {content: "\2192";color: #999;position: absolute;right: 0;}
	.hm-dev-container span.blue-arrow a { display: none; }
	.top-bar, .utilities{ display:none;}
	/*.signup-button{  text-transform: uppercase;   text-align: center;  font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;  font-weight: 300;    margin: 0;    font-size: 1rem;  padding: 1rem 1.6rem;  width: auto;  height:auto;    color: #FFF!important;  overflow: hidden;    transition: all 0.5s; background:#959c10; border: 1px solid #bac232; -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; }*/
	.signup-button span:after {
		content: none;
		position: absolute;
		top: 0;
		right: 0;

		background: none;
		border: none;
		border-top: none;
		border-right: none;
		transition:none;
		transform: none;
	}

	.signup-button:hover span, .button:active span {  padding-right: 0;}

	.hightlight{background:#FFC; padding:0.8rem 0; text-align:center; display: block;}

	.info-graphic{display:none;}

	.reveal-modal, dialog {

		padding: 1rem;
	}
	#login-panel-mb button,  #login-panel-mb .button{display:block;}
	a.forgot {
		margin-left: 0;
	}
	.right-small { border: none; top: 20px; }
	.lines-button {  padding: 1rem 0.5rem;  transition: .3s;  cursor: pointer;  user-select: none;  /* */}
	.lines-button:hover {  opacity: 1;}
	.lines-button:active {  transition: 0;}
	.lines {  display: inline-block;  width: 2rem;  height: 0.2rem;  background: #ecf0f1;  transition: 0.3s;  position: relative;}
	.lines:before, .lines:after {  display: inline-block;  width: 2rem;  height: 0.2rem;  background: #ecf0f1;  transition: 0.3s;  position: absolute;  left: 0;  content: '';  -webkit-transform-origin: 0.1rem center;  transform-origin: 0.1rem center;}
	.lines:before {  top: 0.7rem;}
	.lines:after {  top: -0.7rem;}
	.lines-button:hover .lines:before {  top: 0.57143rem;}
	.lines-button:hover .lines:after {  top: -0.57143rem;}
	.lines-button.close {  -webkit-transform: scale3d(0.4, 0.4, 0.4);  transform: scale3d(0.4, 0.4, 0.4);}
	.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {  top: 0;  width: 1.5rem;}
	.lines-button.arrow.close .lines:before {  -webkit-transform: rotate3d(0, 0, 0.5, 40deg);  transform: rotate3d(0, 0, 0.5, 40deg);}
	.lines-button.arrow.close .lines:after {  -webkit-transform: rotate3d(0, 0, 0.5, -40deg);  transform: rotate3d(0, 0, 0.5, -40deg);}
	.asso-contain{padding:1rem; }
	.hm-hero{background-size: cover; padding:0 0 1rem 0; min-height:0; width:100%;}
	.sec-land{background:#fff;   padding:0 0 1rem 0; min-height:0; width:100%;}
	.signup-button{margin:0 auto; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; text-transform:none;  }
	.signup-button:focus{background: #2788a5;}
	.sec-land .land-container{display:none;}

	.land-spec .services-pic{background:#fff;}
	.land-spec .dev-pic{background:#fff;}

	.land-summary ul li{
		display: block; margin:0; padding:0;
	}

	.land-summary ul li a{border-right:none; border-top:1px solid #ddd; padding:0.8rem 0; display:block; background:url(../img/icons/arrow-blue.png) 100% 50% no-repeat;}





	.sec-land .land-container h1{color:#222; font-size: 2.625em;}
	.sec-land .land-container p{color:#222; font-size:1rem; width:auto;}
	.asso-contain li{display:block; width:100%; margin:0; padding:0; vertical-align:top;}
	.hm-hero .hm-hero-inner {width: auto;margin: 0; padding: 90px 10rem 0 1rem; text-align:left;}
	.hm-hero h1{color:#fff; font-size: 2.4rem;  text-align:left; line-height:1.3; margin-bottom:1rem;   margin-top:1rem; /*font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;*/}
	.hm-hero p{text-align:left; padding:2rem 0 0.5rem 0; }
	.hm-hero p.intro{ font-size:1rem; color:#fff; margin-bottom:2rem; display:none; }
	.hm-slider-container{display:none;}
	.hm-accordion{display:block;}
	.mb-nav{display:block;}
	.tab-bar {-webkit-backface-visibility: hidden;background: #333333;color: #FFFFFF;height: 2.8125rem;line-height: 2.8125rem;position: absolute; right:25px;z-index:9999;}
	a.website-trigger-on, a.manual-trigger-on, a.automated-trigger-on, a.customised-trigger-on{ color:#90970c;}
	a.website-trigger-off, a.manual-trigger-off, a.automated-trigger-off, a.customised-trigger-off{ color:#999;}
	.website-trigger-off:hover{color:#90970c; background:url(../img/icons/icon-devices.png);}
	.manual-trigger-off:hover{color:#90970c; background:url(../img/icons/icon-human.png);}
	.automated-trigger-off:hover{color:#90970c; background:url(../img/icons/icon-clock.png);}
	.customised-trigger-off:hover{color:#90970c; background:url(../img/icons/icon-toolbox.png);}


	.hm-buttons {list-style:none; padding:0.5rem 0 0 0; margin:0; display:block; background:#fff;}
	.hm-buttons  li{border-bottom:1px solid #ddd; padding:0; margin:0;}
	.hm-buttons a{padding:1.2rem 1rem 1.2rem 4rem; display:block; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;}
	.hm-buttons a.website{background:url(../img/icons/homepage/online.svg) top -11px left -2px/70px no-repeat; }
	.hm-buttons a.manual{background:url(../img/icons/homepage/manual.svg) top -10px left -8px/70px no-repeat; }
	.hm-buttons a.automated{background:url(../img/icons/homepage/bespoke.svg) top -10px left -5px/70px no-repeat; }
	.hm-buttons a.customised{background:url(../img/icons/homepage/add-ons.svg) top -10px left -5px/70px no-repeat; }

	.hm-about-us-container h2 { text-align:left; font-size:1.8rem; padding-left:1rem;  padding-right:1rem; }
	.hm-about-us-container p, .hm-about-us-container h4 { text-align:left; padding-left:1rem;  padding-right:1rem; }

	.hm-dev-container h2{text-align:left; font-size:1.8rem; padding-left:1rem;  padding-right:1rem; margin-top:0rem;}
	.hm-dev-container p.blue-arrow{ border-bottom:1px solid #ddd; padding-top:0.7rem;}
	.hm-dev-container p.blue-arrow a{display:none;}
	a.back-to-top{display:block; background:#FFF url('../img/icons/svg/icon-back-to-top.svg') 50% 50% no-repeat!important; text-indent:-9999px;  padding:2rem 0;}
	.no-svg a.back-to-top {    background: url('../img/icons/icon-back-to-top.png') 50% 0 no-repeat;}
	.content-container{padding:2rem 0 0 0; background:#fff;}
	.no-nav .content-container{padding:2rem 0 0 0; background:#fff;}
	.sec-hero, .sec-hero-pages {max-width: 100%; margin: 0; position: relative;}
	.main-content {background: #fff;padding: 3rem 1rem 2rem 1rem;}
	#blank .main-content{padding:0.5rem 1rem 2rem 1rem;}
	.no-nav .main-content {padding-top: 0.5rem;}
	.land-spec .main-content {padding-top: 5rem ;}
	.breadcrumbs-col{display:none;}
	.menu-col{position:absolute; top:-32px; left:0; width:100%;}
	.land-spec .menu-col{position:absolute; top:0; left:0; width:100%;}


	.sign-col{padding:0 0 1rem 0; display:block; border-bottom:1px solid #ccc;}

	#hidden-div {
		padding: 0.4rem 1rem;
	}
	.sign-col{padding:0 0 1rem 0; display:block;  width:100%; margin:0 0 1.5rem 0;   }
	.circle{
		position: relative;
		height: 42px;
		width: 42px;
		background-color: #e9ebd9;
		border-radius: 150px;
		text-align:center;
		font-size: 1.5em; font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif;
		color:#848b0d;
		margin-bottom:0.8rem;
	}

	.contact-form button, .contact-form .button{display:block;}
	.tabs dd > a, .tabs .tab-title > a {

		padding: 1rem 0.8rem;
		font-size:0.95rem;
	}

	.tabs-content > .content {

		padding: 1rem 1rem 0 1rem;

	}
	img.large-screen{display:none;}
	img.small-screen{display:block; margin:0 auto;}


	.case-studies .cs-text .inner{padding:0 1rem!important; display:block; }

	table.responsive { margin-bottom: 0; }

	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }

	div.table-wrapper { position: relative; margin-bottom: 50px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }


	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }


	.dev-land{margin:0;}
	.dev-land .item{width:100%; display:block; border-bottom:1px solid #ccc; padding-bottom:1rem; }
	.dev-land .item h2{font-size:1.6rem; margin-bottom:0.5rem;}
	.dev-land  .item p{padding-right:0; font-size:1rem;}






}



/*============================================================================================================================================================================================================

SPECIFIC SCREEN AREAS

============================================================================================================================================================================================================*/

@media only screen and (min-width: 48.063em) and (max-width:50em) {
	.hm-hero h1 {color: #fff;font-size: 2rem;text-align: center;line-height: 1.4;font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;}

}

@media only screen and (min-width: 63.063em) and (max-width:71.500em) {
	.no-nav .nav-r{padding:2rem; }



}


@media only screen and (min-width: 71.500em) and (max-width:90.813em) {
	.header h1 {padding-left:53px;}
	.land-container {
		text-align: left;
		padding-left: 3.4375rem;
		padding-right: 3.4375rem;
		width: 100%;
		margin: 0;
	}
	.no-nav .nav-r{padding:2rem 0 0 2.5rem; }
	.xx-landing-container {
		padding-left: 3.4375rem;
		padding-right: 3.4375rem;

	}

}
@media only screen and (max-width: 64.063em){
	.tab-mb-only{display:block;}
	.content-container{background:#fff;}
	.nav-r{display:none;}
	.no-nav .nav-r{display:block; }
	.no-nav .nav-r img{float:left; margin:0 2rem 2rem 0;}
	a.back-to-top {display: block;background: url('../img/icons/svg/icon-back-to-top.svg') 50% 50% no-repeat;text-indent: -9999px;padding: 2rem 0;}
	.no-nav a.back-to-top {background:#eaebdd url('../img/icons/svg/icon-back-to-top.svg') 50% 50% no-repeat!important;}
	#sec-target a.back-to-top {background: #fff url('../img/icons/svg/icon-back-to-top.svg') 50% 50% no-repeat;}
	a.back-to-top-sec{display:none;}
	#blank a.back-to-top-sec{display:block;}
	.breadcrumbs-col{display:inline-block; width:60%;  vertical-align:top;}
	.breadcrumbs a{padding-right:0.75rem;}
	.breadcrumbs > *:before {content: "/";color: #AAAAAA;margin: 0 0.75rem 0 0;position: relative;top: 1px;}
	.menu-col{display:block;}

	.breadcrumbs > * {margin: 0 0 0.5rem 0;line-height: 1.5;}
	.no-nav .nav-r{padding:2rem 2rem 0 2rem; width:100%; background:#eaebdd;}
	.no-nav .main-content{width:100%;}
	.no-nav .dl-menuwrapper{display:none;}
	.tab-con-det{display:block; margin-top:-2.5rem!important; border-bottom:1px solid #ccc; margin-bottom:2rem!important;}
	.tab-con-det h3 span{display:block; font-size:1.2rem;}
	.contact-col{display:none!important;}
	.same-height{min-height:0!important;}



	.case-studies .cs-pic {display:none;}
	.case-studies .cs-text {width:100%;}
	.case-studies .cs-text .inner{padding:0.5rem 2rem; display:block;}
	.case-studies .cs-text h3{ font-size:1rem; margin:2rem 0 0 0; color:#999; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; }
	.case-studies .cs-text h2{margin:0.3rem 0 1rem 0 ;}
	.case-studies .cs-text h2 a{}
	.case-studies .cs-text p{font-size:0.95rem;}
}

@media only screen and (max-width: 90em){
	.map-container{background:#fff; }
	.map-content{padding:2rem; }
}

@media only screen and (max-width: 50em) {
	.pre-footer-container .large-3{width:100%;}
	.pre-footer-container{ max-width:100%; margin:0 auto; position:relative; padding-left: 0; padding-right: 0;   }
	.pre-footer-container a{display:block;  padding:1rem 0 1rem 3rem; border-bottom:1px solid #ddd; border-right:none; font-size:1.1rem; text-align:center; margin-left:0; text-align:left;}
	.pre-footer-container a.get-started{ background:url(../img/icons/homepage/get-started.svg) top left/50px no-repeat; }
	.no-svg .pre-footer-container a.get-started {    background: url('../img/icons/icon-signup-small.png') 0 0 no-repeat;}
	.pre-footer-container a.brochure{background:url(../img/icons/homepage/brochure.svg) top left/50px no-repeat;}
	.no-svg .pre-footer-container a.brochure {    background: url('../img/icons/icon-brochure-small.png') 0 0 no-repeat;}
	.pre-footer-container a.talk{background:url(../img/icons/homepage/help.svg) top left/50px no-repeat;}
	.no-svg .pre-footer-container a.staff {    background: url('../img/icons/icon-staff-small.png') 0 0 no-repeat;}
	.pre-footer-container a.enquiry{background:url(../img/icons/homepage/contact-us.svg) top 5px left/50px no-repeat}
	.no-svg .pre-footer-container a.enquiry {    background: url('../img/icons/icon-envelope-small.png') 0 0 no-repeat;}
	.pre-footer-container a:hover{color:#d0d66c; background-position:none;}
	.footer{padding-left: 0.83333rem; padding-right: 0.83333rem;}
	.footer-base{ max-width:100%; margin:0; padding-left: 0.83333rem; padding-right: 0.83333rem;  }
	.footer-base p{color:#999;}
	.footer-base p.small{font-size:1rem; margin:0.5rem 0; line-height:0;}
	.footer-base p.large{font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif; font-size:2.4rem; margin:0;}
	.footer-base ul.inline-list{padding-top:0;}
	.footer-base ul.inline-list > li{list-style: none; float: none; display: block; border-bottom:1px solid #333; margin-bottom:0;}
	.footer-base ul li a{font-size:0.9rem; display:block; padding:0.3rem 0;}
	.footer-base ul li a{color:#999; display:block;}
	.footer-base ul li a:hover{color:#fff;}
}
@media only screen and (max-width: 48.063em) {
	.footer{ max-width:100%; margin:0 auto; position:relative; padding:0; }
	.footer .columns{padding:0;}
	.footer .large-6{padding:0;}
	.footer ul{margin:0; padding-bottom:2rem; padding:0;}
	.footer ul li {margin-bottom:0;}
	.footer ul li a{color:#ccc; display:block; font-size:1rem; padding:0.2rem 1rem;}
	.footer ul li a:hover{color:#999;}
	.footer ul li:first-child{color:#fff; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; line-height:36px; padding:0.8rem 1rem; margin: 0; }
	.footer-base{ max-width:100%; margin:0; padding-left: 0; padding-right: 0;  }
	.footer-base p{color:#999;}
	.footer-base p.small{font-size:1rem; margin:0.5rem 0; line-height:0;}
	.footer-base p.large{font-family: 'OpenSansLight', "Helvetica", Helvetica, Arial, sans-serif; font-size:2.4rem; margin:0;}
	.footer-base ul.inline-list{padding-top:1rem;}
	.footer-base ul.inline-list > li{ list-style: none; float: none; display: block; border-bottom: none; margin: 0; }
	.footer-base ul li a{font-size:1rem; display:block; padding:0.3rem 0;}
	.footer-base ul li a{color:#999; display:block;}
	.footer-base ul li a:hover{color:#fff;}
	.hm-hero .hm-hero-inner {padding: 90px 0 20px 0;}
	.no-nav .nav-r img{display:none;}
}
@media only screen and (max-width: 31.250em) {
	/*.hm-hero{background-position:-120px 40px;}*/
	.page-anchors ul li{display:block; width:100%; }
	/*.signup-button{  text-transform: uppercase;   text-align: center;  font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;  font-weight: 300;    margin: 0;    font-size: 1rem;  padding: 1rem 1.6rem;  width: auto;  height:auto;    color: #FFF!important;  overflow: hidden;    transition: all 0.5s; background:#959c10; border: 1px solid #bac232; -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; display:block;}*/
	.hm-hero p {

		margin-bottom: 1rem;
	}
	.mb-accordion dt {

		font-size: 1.2rem;
		font-weight: 400;

	}
	.signup-button{width:100%; display:block; margin-bottom:1rem; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif; text-transform:none;   /* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

		/* IE 5-7 */
		filter: alpha(opacity=90);

		/* Netscape */
		-moz-opacity: 0.9;

		/* Safari 1.x */
		-khtml-opacity: 0.9;

		/* Good browsers */
		opacity: 0.9;
		border:none;}
	.signup-button:focus{background: #2788a5;}
	.hm-hero h1{color:#fff; font-size: 2.4rem;  text-align:left; line-height:1.3; margin-bottom:0.5rem;   margin-top:0.5rem; /*font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;*/}
	.hm-hero p{text-align:left; padding:1rem 0 0.5rem 0; }
	.hm-hero .hm-hero-inner {
		padding: 90px 0 10px 0;
	}


}











/*============================================================================================================================================================================================================

CONTENT PAGE MENU

============================================================================================================================================================================================================*/
.dl-menuwrapper{display:none}

@media only screen and (max-width: 64.063em){
	#med-sticko{position:absolute; top:0; right:30px;}
	.dl-menuwrapper {	display:block;	width: 100%;	max-width: 100%;	position: relative;	-webkit-perspective: 1000px;	perspective: 1000px;	-webkit-perspective-origin: 50% 200%;	perspective-origin: 50% 200%;	z-index:1;	background:none;	float:right;	margin:0; }
	.dl-menuwrapper:first-child {	margin-right: 0;}
	.dl-menuwrapper button {	float:right;	border: none;	width: auto;	height: 55px;	width:300px;	overflow: hidden;	position: relative;	cursor: pointer;	outline: none;	margin: 0;text-transform:uppercase;font-size:0.95rem;text-align: left;background:#2788a5 url('../img/icons/white-arrow-down.png') 95% 50% no-repeat;color:#e7eef0!important;-webkit-transition: background-position 0.25s ease; -moz-transition: background-position 0.25s ease;
		transition: background-position 0.25s ease;padding-left:20px;}
	.dl-menuwrapper button.dl-active {background:#1b7691 url('../img/icons/white-arrow-down.png') 95% 50% no-repeat;}
	.dl-menuwrapper button:hover {	background:#48546a url('../img/icons/white-arrow-down.png') 95% 60% no-repeat;}
	.dl-menuwrapper button:after {}
	.dl-menuwrapper ul {	padding: 0;	list-style: none;	-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;	background:#626c7f; margin-top:0; margin-bottom:0;}
	.dl-menuwrapper li {	position: relative;	padding:0; margin:0;}
	.dl-menuwrapper li.current{border-left:5px solid #ccd234;border-right:5px solid #ccd234;}
	.dl-menuwrapper li.current a{padding: 15px 20px 15px 15px;}
	.dl-menuwrapper li a {	display: block;	position: relative;	padding: 15px 20px;	font-size: 16px;	line-height: 20px;	font-weight: 300;	color: #fff;	outline: none;	border-top:1px solid rgba(255, 255, 255, 0.1);	font-size:0.95rem;}
	.dl-menuwrapper ul li.more{background:#cbced4;   }
	.dl-menuwrapper ul li.more a{color:#48546a; font-family: 'OpenSansSemibold', "Helvetica", Helvetica, Arial, sans-serif;}
	.dl-menuwrapper ul li.more a:hover{color:#fff;}
	.dl-menuwrapper ul li.more ul{background:#2788a5;}
	.dl-menuwrapper ul li.more ul li{background-color:none;}
	.dl-menuwrapper ul li.more ul li a{color:#e7eef0!important; font-family: 'OpenSansRegular', "Helvetica", Helvetica, Arial, sans-serif;  }
	.no-touch .dl-menuwrapper li a:hover {	background-color:#3393af;}
	.dl-menuwrapper li.dl-back > a {	padding-left: 3.5rem;		color:#fff; background:#3b9ab7 url('../img/icons/arrow-blue-light-back.png') 1.2rem 50% no-repeat;}
	.dl-menuwrapper li.dl-back > a:hover{ color: #fff; }

	.dl-menuwrapper li > a:not(:only-child){background:url('../img/icons/blue-light.png') 95% 59% no-repeat;}
	.dl-menuwrapper li > a:not(:only-child):after {	position: absolute;	top: 0;	line-height: 50px;	speak: none;	-webkit-font-smoothing: antialiased;	}
	.dl-menuwrapper li.more > a:not(:only-child){	background:url('../img/icons/blue-med.png') 95% 59% no-repeat;}
	.dl-menuwrapper li.dl-back{}
	/*.dl-menuwrapper li.dl-back:after{	position: absolute;	top: 0;	line-height: 50px;	speak: none;	-webkit-font-smoothing: antialiased;	}
	.dl-menuwrapper li.dl-back:after {	left: 10px;	color: rgba(212,204,198,0.3);	-webkit-transform: rotate(180deg);	transform: rotate(180deg);}*/
	.dl-menuwrapper li > a:after {	right: 10px;	color: rgba(0,0,0,0.15);}
	.dl-menuwrapper .dl-menu {	margin: 50px 0 0 0;	position: absolute;	right:0;	width: 300px;	opacity: 0;	pointer-events: none;	-webkit-transform: translateY(10px);	transform: translateY(10px);	-webkit-backface-visibility: hidden;backface-visibility: hidden; }
	.dl-menuwrapper .dl-menu.dl-menu-toggle {	transition: all 0.3s ease;}
	.dl-menuwrapper .dl-menu.dl-menuopen {	opacity: 1;	pointer-events: auto;	-webkit-transform: translateY(0px);	transform: translateY(0px); }
	.dl-menuwrapper li .dl-submenu {	display: none;}
	.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a {	display: none;}
	.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {	display: block;	margin-left:0;}
	.dl-menuwrapper > .dl-submenu {	position: absolute;	width: 300px;	top: 50px;	right: 0;	margin: 0;}
	.dl-menu.dl-animate-out-1 {	-webkit-animation: MenuAnimOut1 0.4s;	animation: MenuAnimOut1 0.4s;}


	.sec-land .dl-menuwrapper{padding-top:4.9rem;}


	@-webkit-keyframes MenuAnimOut1 {
		0% { }
		50% {
			-webkit-transform: translateZ(-250px) rotateY(30deg);
		}
		75% {
			-webkit-transform: translateZ(-372.5px) rotateY(15deg);
			opacity: .5;
		}
		100% {
			-webkit-transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut2 {
		0% { }
		100% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut3 {
		0% { }
		100% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut4 {
		0% { }
		100% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut5 {
		0% { }
		100% {
			-webkit-transform: translateY(40%);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut1 {
		0% { }
		50% {
			-webkit-transform: translateZ(-250px) rotateY(30deg);
			transform: translateZ(-250px) rotateY(30deg);
		}
		75% {
			-webkit-transform: translateZ(-372.5px) rotateY(15deg);
			transform: translateZ(-372.5px) rotateY(15deg);
			opacity: .5;
		}
		100% {
			-webkit-transform: translateZ(-500px) rotateY(0deg);
			transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut2 {
		0% { }
		100% {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut3 {
		0% { }
		100% {
			-webkit-transform: translateZ(300px);
			transform: translateZ(300px);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut4 {
		0% { }
		100% {
			-webkit-transform: translateZ(-300px);
			transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut5 {
		0% { }
		100% {
			-webkit-transform: translateY(40%);
			transform: translateY(40%);
			opacity: 0;
		}
	}

	.dl-menu.dl-animate-in-1 {
		-webkit-animation: MenuAnimIn1 0.3s;
		animation: MenuAnimIn1 0.3s;
	}

	.dl-menu.dl-animate-in-2 {
		-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
		animation: MenuAnimIn2 0.3s ease-in-out;
	}

	.dl-menu.dl-animate-in-3 {
		-webkit-animation: MenuAnimIn3 0.4s ease;
		animation: MenuAnimIn3 0.4s ease;
	}

	.dl-menu.dl-animate-in-4 {
		-webkit-animation: MenuAnimIn4 0.4s ease;
		animation: MenuAnimIn4 0.4s ease;
	}

	.dl-menu.dl-animate-in-5 {
		-webkit-animation: MenuAnimIn5 0.4s ease;
		animation: MenuAnimIn5 0.4s ease;
	}

	@-webkit-keyframes MenuAnimIn1 {
		0% {
			-webkit-transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}
		20% {
			-webkit-transform: translateZ(-250px) rotateY(30deg);
			opacity: 0.5;
		}
		100% {
			-webkit-transform: translateZ(0px) rotateY(0deg);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn2 {
		0% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn3 {
		0% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn4 {
		0% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn5 {
		0% {
			-webkit-transform: translateY(40%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateY(0);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn1 {
		0% {
			-webkit-transform: translateZ(-500px) rotateY(0deg);
			transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}
		20% {
			-webkit-transform: translateZ(-250px) rotateY(30deg);
			transform: translateZ(-250px) rotateY(30deg);
			opacity: 0.5;
		}
		100% {
			-webkit-transform: translateZ(0px) rotateY(0deg);
			transform: translateZ(0px) rotateY(0deg);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn2 {
		0% {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn3 {
		0% {
			-webkit-transform: translateZ(300px);
			transform: translateZ(300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn4 {
		0% {
			-webkit-transform: translateZ(-300px);
			transform: translateZ(-300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn5 {
		0% {
			-webkit-transform: translateY(40%);
			transform: translateY(40%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}
	}

	.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
		-webkit-animation: SubMenuAnimIn1 0.4s ease;
		animation: SubMenuAnimIn1 0.4s ease;
	}



	@-webkit-keyframes SubMenuAnimIn1 {
		0% {
			-webkit-transform: translateX(50%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn2 {
		0% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn3 {
		0% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn4 {
		0% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn5 {
		0% {
			-webkit-transform: translateZ(-200px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn1 {
		0% {
			-webkit-transform: translateX(50%);
			transform: translateX(50%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn2 {
		0% {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn3 {
		0% {
			-webkit-transform: translateZ(-300px);
			transform: translateZ(-300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn4 {
		0% {
			-webkit-transform: translateZ(300px);
			transform: translateZ(300px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn5 {
		0% {
			-webkit-transform: translateZ(-200px);
			transform: translateZ(-200px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			opacity: 1;
		}
	}

	.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
		-webkit-animation: SubMenuAnimOut1 0.4s ease;
		animation: SubMenuAnimOut1 0.4s ease;
	}


	@-webkit-keyframes SubMenuAnimOut1 {
		0% {
			-webkit-transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateX(50%);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut2 {
		0% {
			-webkit-transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut3 {
		0% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut4 {
		0% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut5 {
		0% {
			-webkit-transform: translateZ(0);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(-200px);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut1 {
		0% {
			-webkit-transform: translateX(0%);
			transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateX(50%);
			transform: translateX(50%);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut2 {
		0% {
			-webkit-transform: translateX(0%);
			transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut3 {
		0% {
			-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(-300px);
			transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut4 {
		0% {
			-webkit-transform: translateZ(0px);
			transform: translateZ(0px);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(300px);
			transform: translateZ(300px);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut5 {
		0% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(-200px);
			transform: translateZ(-200px);
			opacity: 0;
		}
	}

	/* No JS Fallback */
	.no-js .dl-menuwrapper .dl-menu {
		position: relative;
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}

	.no-js .dl-menuwrapper li .dl-submenu {
		display: block;
	}

	.no-js .dl-menuwrapper li.dl-back {
		display: none;
	}

	.no-js .dl-menuwrapper li > a:not(:only-child) {
		background: rgba(0,0,0,0.1);
	}

	.no-js .dl-menuwrapper li > a:not(:only-child):after {
		content: '';
	}

	/* Colors for demos */

	/* Demo 1 */
	.demo-1 .dl-menuwrapper button {
		background: #c62860;
	}

	.demo-1 .dl-menuwrapper button:hover,
	.demo-1 .dl-menuwrapper button.dl-active,
	.demo-1 .dl-menuwrapper ul {
		background: #9e1847;
	}



}



@media only screen and (max-width: 48.063em){
	#med-sticko{position:relative; top:0; right:0; width:100%;}
	.dl-menuwrapper {
		display:block;
		width: 100%;
		max-width: 100%;
		position: relative;
		-webkit-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
		z-index:1;
		background:none;
		float:none;
		margin:0;


	}

	.dl-menuwrapper:first-child {
		margin-right: 0;
	}

	.dl-menuwrapper button {
		float:right;
		border: none;
		width: auto;
		height: 55px;
		width:100%;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		outline: none;
		margin: 0;
		text-transform:uppercase;
		text-align: left;
		background:#48546a url('../img/icons/white-arrow-down.png') 95% 50% no-repeat;
		color:#fff!important;
		padding-left:1.2rem;
		font-size:1rem;
	}
	.breadcrumbs-col {
		display: none;
	}

	.dl-menuwrapper button.dl-active {

		background:#48546a url('../img/icons/white-arrow-down.png') 95% 50% no-repeat;
		width:100%;
		color:#fff!important;
		/*padding-left:2.2rem;*/
		font-size:1rem;
	}



	.dl-menuwrapper .dl-menu {
		margin: 55px 0 0 0;
		position: absolute;
		right:0;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.dl-menuwrapper li a {

		padding-left: 1rem;

		font-size: 1rem;
	}




}










/*Delays-------------------------------------------------------------------*/
.dk 						{ animation-delay:0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s; }
.dd 						{ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.dj 						{ animation-delay:0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; }
.de 						{ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.dn 						{ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.da 						{ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }

.dg 						{ animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s; }

.dr 						{ animation-delay:1.2s; -moz-animation-delay:1.2s; -webkit-animation-delay:1.2s; }
.ds 						{ animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
.dt 						{ animation-delay:1.6s; -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s; }
.du 						{ animation-delay:1.8s; -moz-animation-delay:1.8s; -webkit-animation-delay:1.8s; }
.dv 						{ animation-delay:2s; -moz-animation-delay:2s; -webkit-animation-delay:2s; }

.zz 						{ animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
.zo 						{ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.zn 						{ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.ze






	/* @mixin respond-to
	------------------------------------------------------------------- */
.m-code table td { padding: 5px; }
.m-code table pre { margin: 0; }
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
/* line 10, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; }

/* line 17, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite; }

/* line 22, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s; }


@-webkit-keyframes bounceIn {
	/* line 512, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 517, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3); }

	/* line 523, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1); }

	/* line 528, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9); }

	/* line 533, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03); }

	/* line 539, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97); }

	/* line 544, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
	/* line 552, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 557, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3); }

	/* line 564, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1); }

	/* line 570, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9); }

	/* line 576, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03); }

	/* line 583, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		-ms-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97); }

	/* line 589, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1); } }

/* line 597, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s; }

@-webkit-keyframes bounceInDown {
	/* line 605, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 610, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0); }

	/* line 616, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0); }

	/* line 622, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0); }

	/* line 627, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0); }

	/* line 632, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: none;
		transform: none; } }

@keyframes bounceInDown {
	/* line 639, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 644, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0); }

	/* line 651, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0); }

	/* line 658, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0); }

	/* line 664, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0); }

	/* line 670, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none; } }

/* line 677, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
	/* line 683, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 688, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0); }

	/* line 694, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0); }

	/* line 700, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0); }

	/* line 705, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0); }

	/* line 710, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: none;
		transform: none; } }

@keyframes bounceInLeft {
	/* line 717, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 722, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0); }

	/* line 729, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0); }

	/* line 736, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0); }

	/* line 742, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0); }

	/* line 748, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none; } }

/* line 755, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
	/* line 761, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 766, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0); }

	/* line 772, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0); }

	/* line 778, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0); }

	/* line 783, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0); }

	/* line 788, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: none;
		transform: none; } }

@keyframes bounceInRight {
	/* line 795, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 800, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0); }

	/* line 807, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		-ms-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0); }

	/* line 814, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0); }

	/* line 820, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		-ms-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0); }

	/* line 826, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none; } }

/* line 833, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
	/* line 839, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 844, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0); }

	/* line 850, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0); }

	/* line 856, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0); }

	/* line 861, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0); }

	/* line 866, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
	/* line 873, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

	/* line 878, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0); }

	/* line 885, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0); }

	/* line 892, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0); }

	/* line 898, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0); }

	/* line 904, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0); } }

/* line 911, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
	/* line 917, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9); }

	/* line 922, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1); }

	/* line 928, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
	/* line 936, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		-ms-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9); }

	/* line 942, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1); }

	/* line 949, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3); } }

/* line 957, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s; }

@-webkit-keyframes bounceOutDown {
	/* line 965, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0); }

	/* line 970, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0); }

	/* line 976, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
	/* line 984, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0); }

	/* line 990, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0); }

	/* line 997, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0); } }

/* line 1005, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
	/* line 1011, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0); }

	/* line 1017, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
	/* line 1025, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0); }

	/* line 1032, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0); } }

/* line 1040, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
	/* line 1046, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0); }

	/* line 1052, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
	/* line 1060, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		-ms-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0); }

	/* line 1067, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0); } }

/* line 1075, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
	/* line 1081, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0); }

	/* line 1086, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0); }

	/* line 1092, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
	/* line 1100, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0); }

	/* line 1106, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0); }

	/* line 1113, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0); } }

/* line 1121, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
	/* line 1127, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0; }

	/* line 1131, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 1; } }

@keyframes fadeIn {
	/* line 1137, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	0% {
		opacity: 0; }

	/* line 1141, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
	100% {
		opacity: 1; } }

/* line 1146, /Users/mperez/Sites/smoothstate/source/stylesheets/keyframes.css.scss */
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn; }

#Form_GoLiveForm .validation { background: #b2cbd1; padding: 5px }