

/* Fonts
 ========================================================================== */

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-light-webfont.woff') format('woff'),
        url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-reg-webfont.eot');
    src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-reg-webfont.woff') format('woff'),
        url('../fonts/proximanova-reg-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-reg-webfont.svg#ProximaNovaReg') format('svg');
    font-weight: 400;
    font-style: normal;
}
body {color:#666; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;}
/*h1,h2,h3 {font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;}*/
h1,h2,h3 {font-family: 'Lato',"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}

h1 {font-weight:300; color:#246CAC; font-size:3.6rem;}
h2 {font-weight:400; color:#2F353E; font-size:2.6rem;}
h3 {font-weight:400; color:#2F353E;}

/* HEADER ———————————————————————————————————————— */

nav.navbar-main {display:block; width:100%; height:48px; background-color:#FFF;}
nav.navbar-main .container {width:90%;}
nav.navbar-main.stuck {position:fixed; height:48px; top:0px; z-index:888;}
nav.navbar-main.stuckself {position:fixed; height:48px; top:0px; z-index:888; box-shadow:0 2px 4px rgba(0, 0, 0, .3);}

header #axnlogo {float:left; padding:10px 0 0 0; background:0; text-indent:-9999px;}
header #axnlogo a {background-image:url(../images/global/altora-logo.png); background-repeat:no-repeat; width:148px; height:25px; background-position:0 0; display:block; background-size:148px 25px; border:0; margin-left:0;}

header #mainNav {display:none;}

@media (min-width: 992px) {
	nav.navbar-main,
	nav.navbar-main.stuck,
	nav.navbar-main.stuckself {height:76px; }

	header #axnlogo { padding:24px 0 15px 0; margin-right: 3rem;}
	header #axnlogo a {width:148px; height:25px; background-size:148px 25px;}
	header #mainNav {display:block; margin-left:3rem;}
}

header ul#primary {background:0; border:0; list-style:none; margin-bottom:0;}
header ul#primary li { position:relative; float:left; margin-bottom:0;}
header ul#primary li a {float:left; color:#000; text-transform:none; font-size:1.4rem; line-height:1; letter-spacing:.075rem; padding:10px 18px; margin:23px 1px 22px 1px; white-space:nowrap; overflow:hidden; text-decoration:none;}
header ul#primary li.active a,
header ul#primary li a:hover {background-color:#1A74BB; color:#FFF;}

header ul#primary-noNav {float:left; position:relative; background:0; border:0; list-style:none; margin-bottom:0;}
header ul#primary-noNav li {position:relative; float:left; margin-bottom:0; font-size:1.2rem; line-height:1.2rem; padding:10px 18px; margin:23px 1px 22px 1px; font-weight:700; }

@media (min-width: 992px) {
	header ul#primary { display:block;}
}

header ul#second {background:0; border:0; list-style:none; margin-left:1.5rem; margin-bottom:0;}
header ul#second li {position:relative; float:right; margin-bottom:0;}
header ul#second li a {float:left; background-color:#97C032; color:#FFF; text-transform:none; font-size:1.4rem; line-height:1; letter-spacing:.075rem; padding:9px 16px; margin:23px 0 22px; white-space:nowrap; overflow:hidden; text-decoration:none; border:1px solid #97C032;}
header ul#second li a:hover { opacity:0.9;}

a.tel {color: #333; text-decoration: none;background-image:url(../images/icons/icon-telephone.png); background-repeat:no-repeat; background-size:16px 16px; background-position: left; padding-left:21px;}
a.tel:hover {color: #888; text-decoration: none;}


/* MAIN ———————————————————————————————————————— */


#navbar-second-screen {display:none;}
#navbar-second-mobile {display:inline-block; float:right;}
#navbar-second-mobile-02 {display:block;}

nav.navbar-sub { display:block; width:100%; height:42px; background-color:#1F252E;  }
nav.navbar-sub.stuck {position:fixed; height:42px; top:0px; /*padding:3px 0;*/ z-index:888; box-shadow:0 2px 4px rgba(0, 0, 0, .3);}
.navbar-sub__container {width:100%; padding:0; margin:0 auto;}

@media (min-width: 992px) {
	#navbar-second-screen {display:inline-block;}
	#navbar-second-mobile {display:none;}
	#navbar-second-mobile-02 {display:none;}
}
nav.navbar-sub .navbar-list {display:inline-block; padding:14px 0; margin:0; color:#FFF; font-weight:400; font-size:1.2rem; line-height:1;}
nav.navbar-sub .navbar-item,
nav.navbar-sub .navbar-title { position:relative; float:left; margin-bottom:0; list-style:none; }
nav.navbar-sub .navbar-link,
nav.navbar-sub .navbar-title {margin-right:3.5rem; text-decoration:none; color:#FFF;}
nav.navbar-sub .navbar-title {background-image:url(../images/icons/icon-arrow-blue.png); background-position:right bottom; background-repeat:no-repeat; padding-right:12px;}
nav.navbar-sub .navbar-item.active a,
nav.navbar-sub .navbar-link:hover {color:#ADB3B9; text-decoration:none;}

#navbar-second-mobile-02 {display:inline-block; padding:16px 0 12px 0; margin:0; color:#FFF; font-weight:800; font-size:1.2rem; line-height:1; width:100%;}
/*#navbar-second-mobile-02 li {width:90%;}
#navbar-second-mobile-02 li a {width:95%;}*/
#navbar-second-mobile-02 .navbar-link {margin-right:0;  text-align:left; padding:0 5%; width:90%;}
#navbar-second-mobile-02 .navbar-link:hover {color:#FFF;}
#navbar-second-mobile-02 .navbar-link span.nav-arrow { display:block; margin-top:-8px; position:relative; float:right; height:25px; width:25px; background-image:url(../images/icons/nav-arrow.png); background-position:left center; background-repeat:no-repeat; background-size:50px 25px;}
/*#navbar-second-mobile-02 .navbar-link:hover span.nav-arrow,
#navbar-second-mobile-02 .navbar-link span.nav-arrow:hover {  background-position:right center;}*/
#navbar-second-mobile-02 .navbar-link span.nav-arrow-down { display:block; margin-top:-8px; position:relative; float:right; height:25px; width:25px; background-image:url(../images/icons/nav-arrow.png); background-position:right center; background-repeat:no-repeat; background-size:50px 25px;}
#navbar-second-mobile-02 .navlist-mobile__second {list-style:none; width:100%; position:relative; margin:0; padding:3rem 0;}





@media (min-width: 992px) {
	nav.navbar-sub {height:70px;}
	nav.navbar-sub.stuck {height:70px; top:76px;}
	
	nav.navbar-sub .navbar-list { padding:28px 0; }
	nav.navbar-sub .navbar-title  {margin-right:3.5rem;}
	
}





/*main #section__hero-home {padding:60px 0 5px 0; width:100%; background-position:900px -300px; }*/
main #section__hero-home {padding:60px 0 5px 0; width:100%; background-position:1800px -30px; }
main #section__hero-home .container {width:90%;}
main #section__hero-home h1 {color:#fff; padding-top:0; text-align:left; font-size:4.4rem; font-weight:400;}
main #section__hero-home p {color:#fff; text-align:left; font-size:1.6rem;}
main #section__hero-home .button {border-color:#17232F; background-color:#17232F; color:#FFF; margin-right:1rem; text-transform: none; border-radius:4px; font-size:1.4rem; font-weight: normal;}
main #section__hero-home .button.trial {background-color: #97C032; border-color:#97C032;}
main #section__hero-home .button:hover {color:#E1E1E1;}
main #section__hero-home .prop-hero {padding:0; margin:0;}
main #section__hero-home .prop-hero img {width:100%; display:block; margin:0 auto;}


main #section__hero-home h1.headline-home {font-size:5.6rem; letter-spacing:-.68px; line-height:1.1; text-align: center;}
main #section__hero-home p.byline-home {font-size:1.8rem; color:#FFF; text-align:center; margin: 25px 0;} 
/*main #section__hero-home {background-image:url(../images/bg/three-shades.png); margin:0 auto; background-size: auto;} Old Image*/
main #section__hero-home {background-image:url(../images/bg/altora-website-header.jpg); margin:0 auto; background-size: auto;}
/*.hero-panel { margin-bottom:3.5rem; background:#d9e3ef; opacity: 0.85; padding:10px 12px 0 21px; }*/

/* Resize header image to be appropriate size and location as window is resized*/
@media (min-width: 1200px) {
	main #section__hero-home .prop-hero img {width:auto;}
	/*main #section__hero-home {padding:130px 0 5px 0; background-size:100%; background-position:0px -450px;} Old Image*/
	main #section__hero-home {padding:130px 0 5px 0; background-size:180%; background-position:-500px 0px;}
}

/* Resize header image to be appropriate size and location as window is resized*/
@media (min-width: 1480px) {
	main #section__hero-home .prop-hero img {width:auto;}
	/*main #section__hero-home {padding:130px 0 5px 0; background-size:100%; background-position:0px -450px;} Old Image*/
	main #section__hero-home {padding:130px 0 5px 0; background-size:135%; background-position:-200px 0px;}
}

main #section__grey {background-color:#FCFCFC; font-size:1.4rem; color:#666; line-height:1.5; padding:2.4rem 0 4.4rem 0; margin:0; border-bottom:1px solid #E0E5E9; }
main #section__faqs {font-size:1.4rem; color:#666; line-height:1.5; padding:2.4rem 0 4.4rem 0; margin:0; }
	main #section__faqs .value-prop {text-align:left;}


main .container__blue-border {border-top:1px solid #BFD8EC;}


main #section__logos { padding:2.4rem 0 4.4rem 0; background-color:#FFF; }
	
	#section__logos .logos {margin:0; margin:2.5rem auto 0;}
  #section__logos .logos img { display:inline-block; max-height:42px;}
	.logos span {display:inline-block; min-width:114px; text-align:center;}
	
main .section__colgrid { display:none;}
	
@media (min-width: 550px) {
	main .section__colgrid { display:block; padding:2.4rem 0 4.4rem 0; background-color:#FFF; }
	.section__colgrid .itemcol { text-align:center;}
	.itemcol img {display:inline-block;}
	.itemcol span {display:inline-block; text-align:center; margin-right:13px;}
	.itemcol span:last-child {margin-right:0;}

	.section__colgrid .itemcol { margin:2.5rem auto 0;}
}
	
main #section__whyaxion { padding:3.4rem 0;}

main #section__join {background-color:#424251; color:#FFF; padding:2.4rem 0 2.4rem 0; margin:0;}
main #section__join h3 {font-size:2.2rem; color:#FFF; letter-spacing:.05rem; font-weight:300;}

main #section__blue {background-color:#5497CD; color:#FFF;}
main #section__blue h1.strike,
main #section__blue h2.strike,
main #section__blue h3 {color:#FFF; margin-top:1rem;}
main #section__blue p {color:#FFF; font-size:1.4rem; line-height:1.5; padding-bottom:0; margin-bottom:0;}
main #section__blue h1.strike span,
main #section__blue h2.strike span {background:#5497CD; }
main #section__blue button {border-color:#FFF; background-color:transparent; color:#FFF; border-radius:0;}


@media (min-width: 550px) {
	main #section__join h3 {color:#FFF; letter-spacing:.05rem; font-weight:300; background-position:left center;}
}
h1.strike,
h2.strike {color:#1777B7; position:relative; text-align:center; margin-top:25px;}
h1.strike span,
h2.strike span {background:#FFF; padding:0 15px; position:relative; z-index:1;}
h1.strike span.dark,
h2.strike span.dark {background:#FCFCFC; }
h1.strike:before,
h2.strike:before {background:none; content:""; display:inline; height:auto; position:inherit; top:auto; width:auto;}
h1.strike:before,
h2.strike:before {left:auto;}

@media (min-width: 750px) {
h1.strike,
h2.strike {color:#1777B7; position:relative; text-align:center;}
h1.strike span,
h2.strike span {background:#FFF; padding:0 15px; position:relative; z-index:1;}
h1.strike:before,
h2.strike:before {background:#BFD8EC; content:""; display:block; height:1px; position:absolute; top:50%; width:100%;}
h1.strike:before,
h2.strike:before {left:0;}
}

main .value-spacer {padding-top:4.4rem; padding-bottom:0;}
main .value-props {padding-top:0rem; padding-bottom:0rem; /*margin-left:4%;*/ font-size:1.4rem;}
main .value-props .logos {text-align: center;}
main .value-prop {margin-top:2rem; text-align:center;}
main .value-prop .value-title {display:block; font-weight:700; text-transform:uppercase; color:#333; margin:1rem 0; font-size:1.5rem;}
main .value-prop .wIcon {background-repeat:no-repeat; background-position:0 0; padding-left:58px; min-height:40px; text-align:left;}
main .value-prop .wIcon.iUsers {background-image:url(../images/icons/prop-users.png);}
main .value-prop .wIcon.iGirl {background-image:url(../images/icons/prop-girl.png);}
main .value-prop .wIcon.iRocket {background-image:url(../images/icons/prop-rocket.png);}
main .value-prop .wIcon.iMobile {background-image:url(../images/icons/prop-mobile.png);}



@media (min-width: 750px) {
	main .value-props {padding-bottom:1.8rem;}
}



main .value-img {margin-bottom:1rem; display:block; text-align:center; margin:2.5rem auto 0;}
main .value-img.left {text-align:center; margin:2.5rem auto 0;}
main .value-img.percent80 {width:80%;}

@media (min-width: 750px) {
	main .value-prop {text-align:left;}
	main .value-img.left {text-align:left; margin:0 0 2rem 0;}
}





main .value-list {font-size:1.4rem; clear:both; margin-top:2rem; }
main .value-list li { width:auto; list-style:none; color:#666; margin:2.5rem 0 1rem 0; line-height:1.5; display:block;  }
main .value-list li strong {display:block; font-weight:700; text-transform:uppercase; color:#1777B7; margin-bottom:.5rem;}

main .value-list.icons li strong {color:#333;}
main .value-list.quadlist li:nth-child(3) {clear:left;}

main .value-list li ul.sublist li.subitem {margin:0 0 0 5px; padding:0 0 7px 5px; list-style-type:disc; list-style-position:outside; display:list-item; }
main .list-terms {font-size:1.2rem;}
main .list-terms li {margin:0; padding:0 0 15px 0; list-style:none; display:list-item;}
main .list-terms li strong {display:block; letter-spacing:.05rem; margin-bottom:5px;}
main .list-terms li ol,
main .list-terms li ul {padding:0px; margin-bottom:0; margin-top:5px; }
main .list-terms li ol li,
main .list-terms li ul li {margin:0 0 0 5px; padding:0 0 7px 5px; list-style-type:disc; list-style-position:outside; display:list-item;}
main .list-terms li ol li {list-style-type:lower-alpha;}		
		
main .value-icon {display:block; font-weight:700; text-transform:uppercase; color:#333; margin:1rem 0; padding-left:36px; background-position:left top; background-repeat:no-repeat;}
main .iFolder {background-image:url(../images/icons/icon-sml-folder.png);}
main .iClipboard {background-image:url(../images/icons/icon-sml-clipboard.png);}
main .iChecklist {background-image:url(../images/icons/icon-sml-checklist.png);}
main .iDocClip {background-image:url(../images/icons/icon-sml-documentclip.png);}

main .iCloud {background-image:url(../images/icons/icon-sml-cloud.png);}
main .iDocument {background-image:url(../images/icons/icon-sml-document.png);}
main .iEditor {background-image:url(../images/icons/icon-sml-editor.png);}
main .iContractor {background-image:url(../images/icons/icon-sml-contractor.png);}

main .iCourseEditor {background-image:url(../images/icons/icon-sml-course-editor.png);}
main .iCourseQna {background-image:url(../images/icons/icon-sml-buildqna.png);}
main .iCourseConfig {background-image:url(../images/icons/icon-sml-courseconfig.png);}
main .iCourseVideo {background-image:url(../images/icons/icon-sml-video.png);}

main .iIntegration {background-image:url(../images/icons/icon-sml-integration.png);}

@media (min-width: 750px) {
main .value-list li {float:left; width:44%; list-style:none; color:#666; margin:2.5rem 1.4rem 1.5rem 0; line-height:1.5; display:block;}
main .value-list li strong {display:block; font-weight:700; text-transform:uppercase; color:#1777B7; margin-bottom:1rem;}
main .value-list.full li {width:auto; float:none; margin-top:3.5rem;}
}

main blockquote {font-size:1.5rem; line-height:1.5;}
main blockquote strong {display:block; padding-top:1rem; font-size:1.6rem; }



/*main h2,h3,h4,h5 {text-align:center;}*/

/*main h1,h4 {color:#246DAC;}*/


.button, 
button {border-color:#246DAC; color:#246DAC; background-color:#FFF; margin-top:1rem; height:46px; padding:0 30px; font-size:1.2rem;}
.button:hover, 
button:hover {background-color:#246DAC; color:#FFF; border-color:transparent;}
.button {height:auto !important;}

.button-primary {background-color:#246DAC !important; color:#FFF; border-color:transparent !important; margin-top:1rem;}
.button-primary:hover {opacity:0.9;}


main .feature-box,
main .pricing-box {margin:2.5rem 0 4.5rem 0; }
main .centre {text-align:center; border-bottom:1px solid #E0E5E9; padding-bottom:2.5rem;}

main .feature-box h3.color-blue {color:#1869AB;}

main p.zerobtm,
main .zerobtm {padding-bottom:0 !important; margin-bottom:0 !important;}
main p.zerobtm {line-height:1; font-size:1px;}

/*main .gray-box {background-color:#F5F5F5; padding:1.65rem; }*/
/*main .blue-box {background-color:#E1F0FC; padding:2.3rem 2.6rem;  }*/

main .center-box {text-align:center;}
main .center-box p.title-sub { padding:0 15%; color:#8e959c;}



main .fullwidth,
main .feature-wrap-centre {text-align:left; padding:4.5rem 0 2.5rem 0; border-top:1px solid #E0E5E9;}
main .fullwidth h3,
main .feature-wrap-centre h3 {font-size:2.6rem; line-height: 1.301em; text-align: left; margin-top:5px; margin-bottom:20px; max-width:460px; padding-left:0;}

main .fullwidth:first-child,
main .feature-wrap-centre:first-child { text-align:center; border:none; padding:inherit;}
	main .feature-wrap-centre:nth-child(odd) {background-color:#FCFCFC;}
	main .feature-wrap-centre:nth-child(even) {background-color:#FFF;}
main .fullwidth .container,
main .feature-wrap-centre .container {margin-bottom:2.5rem; width: 90%;}


main #section__hero-feature {text-align:left; padding:0; margin:0; background-color:#5497CD;}
main #section__hero-feature h1,
main #section__hero-feature p {color:#FFF;}
main #section__hero-feature .button {border-color:#FFF; background-color:transparent; color:#FFF; border-radius:0; margin-right:2rem;}
main #section__hero-feature .button.dark {border-color:#FFF; background-color:#17232F; color:#FFF; border-radius:0; margin-right:2rem;}
main #section__hero-feature.padbtm {padding-bottom:2.5rem;}
main #section__hero-feature.bgdark {background-color:#1777B7;}

main .section__hero-generic {text-align:center; padding:4.5rem 0 2.5rem 0; margin:0; background-color:#FFF;}
main .section__hero-generic h1 {font-weight:300; /*color:#2F353E; font-size:3.0rem;*/}
main .section__hero-generic p {color:#AAA;}

/* images that stretch outside of the standard container widths, made responsive */
.resp-section {background-image:none; background-repeat:no-repeat;}
.resp-section .resp-column5,
.resp-section .resp-column7,
.resp-section .resp-column {width:100%; float:left; box-sizing:border-box; margin-left:0; text-align:center; margin-top:20px;}
.resp-image {display:block; width: 100%; box-sizing: border-box;}

@media (min-width: 768px) {
	main #section__hero-feature {padding-top:4.5rem;}
	/* --- features root --- */
	.resp-section.features-home_dash {background-image:url(../images/props/hero-home-dash.png); background-position:calc(50% + 341px) 100%;} /*682*/
	.resp-section.features {background-image:url(../images/props/hero-task-manager.png); background-position:calc(50% + 341px) 100%;} /*682*/
	.resp-section.features-user_tasklist {background-image:url(../images/props/user-tasklist.png); background-position:calc(48% - 295px - 2%) 50%;} /*590*/
	.resp-section.features-admin_mytasks {background-image:url(../images/props/admin-mytasks-doc.png); background-position:calc(57% + 295px + 1%) 50%;} /*590*/
	.resp-section.features-admin_dashboard {background-image:url(../images/props/admin-dashboard.png); background-position:calc(48% - 268px - 2%) 50%;}  /*536*/
	.resp-section.features-admin_matrix {background-image:url(../images/props/admin-matrix.png); background-position:calc(60% + 295px + 1%) 50%;} /*590*/
	
	.resp-section.induction-online_delivery {background-image:url(../images/props/prop-deliver-inductions-online.png); background-position:calc(48% - 291px - 2%) 50%;} /*582*/
	.resp-section.induction-reporting {background-image:url(../images/props/prop-reporting-tools.png); background-position:calc(48% - 245px - 2%) 50%;} /*491*/
	
	/* -- document tracking --*/
	.resp-section.features-doctrack__verify {background-image:url(../images/props/admin-mytasks.png); background-position:calc(48% - 268px - 5%) 50%;} /*590*/
	
	
	.resp-section .resp-column {width:48%; text-align:left; padding-left:7%;}
	.resp-section .resp-column5 {width:39.3333333333%; text-align:left;}
	.resp-section .resp-column7 {width:56.6666666667%; text-align:left;}
	.resp-image {display:none;}
}

@media (min-width: 992px) {
	.resp-section .resp-column {  min-height:321px;}
}


.link-features-top {margin:0 !important; padding:0 !important; text-align:center; max-width:100% !important;}
.link-features-top a {text-transform:uppercase; font-size:1.1rem; line-height:1; font-weight:400; color:#adb3b9; letter-spacing:.05rem; border-bottom:1px solid #adb3b9; padding-bottom:1px; text-decoration:none; margin-bottom:1px;}

@media (min-width: 992px) {
.link-features-top {display:none;}
}


/*
main ul.feature-list-small {font-size:1.4rem; max-width:320px; padding-left:0; margin:0;}
main .feature-list-small li { list-style:none; color:#adb3b9; margin:25px 0; line-height:1.5; display:block; }
main .feature-list-small li strong {display:block; font-weight:700; text-transform:uppercase; color:#2f353e; margin-bottom:10px;}
*/

.full-width-signup {padding:5rem 0; background-color:#F5F5F5; color:#333; font-size:2rem;}
.full-width-signup .author {font-size:1.6rem; color:#333;}

.full-width-signup h3 {color:#666; font-size:2.0rem;}
.full-width-signup .contact {font-size:1.6rem; color:#666;}
.full-width-signup .contact strong {color:#333;}

.center-box-signup { margin-top:3.5rem; padding:3rem 0 0 0; color:#999; font-size:2rem; border-top: 1px solid #e0e5e9; /*box-shadow: 0 2px 0 0 #f6f6f8 inset;*/}




/* PRICING */
#plan-opts { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#plan-opts .list-item-package {display:inline-block; list-style-type:none; text-align: left; margin:10px auto; border: 1px solid #e0e5e9;  box-shadow:none; box-shadow: 0 3px 9px 0 rgba(57,76,93,0.13); width: 90%;margin-left:5%; border-bottom-right-radius:4px; border-bottom-left-radius: 4px; background-color:#FCFCFC;}

#plan-opts .plan-title {display:block; margin-bottom:0; font-weight:700; color: #5B6B7F; font-size: 2.8rem; line-height:1.2; padding:2rem 2rem 1rem 2rem; text-align:center; }

#plan-opts .plan-price { margin:0 auto; position: relative; text-align: center;}
#plan-opts .plan-price .plus {font-size: 2.2rem; font-weight: normal; padding-right:5px;}
#plan-opts .plan-price .dollar {font-size:1.2rem; line-height:1; letter-spacing:normal; position:relative; top:-7px; left:-2px;}
#plan-opts .plan-price .figure {font-size: 2.6rem;}
#plan-opts .plan-price .month {display:inline-block; margin-left:.5rem;}

#plan-opts .plan-details {font-size:1.35rem; line-height:1.3; text-align:center; margin:1.5rem 2rem;  }

#plan-opts .plan-list {margin-left: 0;}
#plan-opts .plan-list li {list-style:none; border-bottom:1px solid #EFEFEF; text-align: center; padding: 1.3rem 0; margin:0 2rem; font-weight:400; color:#2F353E;}
#plan-opts .plan-list li:last-child {border-bottom: none;}

#plan-opts .list-item-package .button,
#plan-opts .list-item-package .button-primary {margin-bottom:0; margin-top:.2rem; border-top-right-radius:0px; border-top-left-radius: 0px; width:100%; background-color: #5B6B7F !important;}

/* -- custom tier colours -- */
#plan-opts .tier1 {background-color:#FCFCFC;}
#plan-opts .tier1 .plan-title,
#plan-opts .tier1 .plan-price {color:#5B6B7F;}

#plan-opts .tier2 {background-color:#fff;}
#plan-opts .tier2 .plan-title,
#plan-opts .tier2 .plan-price {color:#246DAC;}
#plan-opts .tier2 .button,
#plan-opts .tier2 .button-primary {background-color:#246DAC !important;}

#plan-opts .tier3 {background-color:#FCFCFC;}
#plan-opts .tier3 .plan-title,
#plan-opts .tier3 .plan-price {color:#97C032;}
#plan-opts .tier3 .button,
#plan-opts .tier3 .button-primary {background-color:#97C032 !important;}


/* -- addon styles -- */
#plan-opts .list-item-package.addon {width:90%; margin-left:5%;}
#plan-opts .list-item-package.addon .plan-header {display:block; margin:0; padding:0.5rem 2rem; font-weight:700; color:#1777B7; background-color:#fff; text-align:center; border-bottom: 1px solid #e0e5e9;}
#plan-opts .list-item-package.addon .plan-details {margin:1.5rem 1rem;}

/* other pricing elements */

.terms-gen {padding:8px; font-weight: normal; font-size:1.1rem; text-align:center; display:block; clear: both;}
.terms-promo {color: #97C032; display:none;}


/* -- features -- */

#plan-features {display:block;}

#plan-features table { font-size:1.4rem; margin:0 auto;}
#plan-features td {color:#FFF; padding:8px; margin:0; text-align:center;}

#plan-features tbody td {color:#333; border:1px solid #E0E5E9;}
#plan-features tr.subtitle td {font-weight:800; background-color:#FCFCFC;}
#plan-features tr td{text-align:left; color:#333; background-color:#fff; }
#plan-features tr td:nth-child(2) {background-image:url(../images/icons/icon-tick-blue.png); background-repeat:no-repeat; background-position:center center; background-size:16px 14px; min-width:16px; min-height:14px;}


/* === responsive === */

@media (min-width: 550px) {
	#plan-opts .list-item-package {width:20%; margin-left:0;}
	#plan-opts .list-item-package.addon {width:20%; margin-left:0.5%;}

}

@media (min-width: 768px) {
	#plan-opts .list-item-package {width:24%; margin-left:0;}
	#plan-opts .list-item-package.addon {width:24%; margin-left:0.5%;}
}


@media (min-width: 992px) {  
	#plan-opts .list-item-package {width:25%; margin-left:0;}
	#plan-opts .list-item-package.addon {width:21.5%; margin-left:1%;}
}




/* FOOTER ———————————————————————————————————————— */

footer {color:#D1E1EE; /*margin-top:35px;*/ }

footer a {text-decoration:none; color:#D1E1EE;}
footer a:hover {text-decoration:underline; color:#FEFEFE;}

footer .section.mainFoot {background-color:#1869AB; border-bottom:1px solid #5A8AAF; padding:20px 0; font-size:1.2rem; color:#D1E1EE;}
footer .section.mainFoot .container {width:90%;}
footer .section.mainFoot .mission strong {color:#FFF; font-weight:bold; font-size:1.3rem;}


footer ul.footerNav {float:left; position:relative; background:0; border:0; list-style:none;}
footer .footerNav li {padding-bottom:3px; margin-bottom:0;}
footer .footerNav li:first-child { font-size:1.3rem; padding-bottom:1.2rem; font-weight:bold; color:#FFF; }
footer .footerNav li a:hover {text-decoration:none; color:#FEFEFE;}

footer .section.secondFoot {background-color:#124F81; font-size:1.1rem; padding:10px 0; color:#D0DCE6;}

footer .nbcf {background-image:url(../images/global/ribbon-nbcf.png); background-position:top left; background-repeat:no-repeat; padding-left:54px; padding-top:15px; color:#FF9AB5; font-size: 1.3rem; padding-bottom: 1.2rem; height:67px; line-height:1.5; }

@media (min-width: 992px) {
	footer .nbcf {height:67px; line-height:67px; padding-top:0; }

}

/*footer #axnlogo { padding:18px 0 0 0; background:0; margin:0 30px 0 0; text-indent:-9999px; width:134px;}
footer #axnlogo a {background-image:url('../images/global/axnlogo.jpg'); background-repeat:no-repeat; width:134px; height:32px; background-position:0 0; display:block; background-size:134px 32px; border:0; margin-left:0;} */




/* INFO NOTES ———————————————————————————————————————— */

.info-note { clear:both; margin:0 0 15px 0; padding:11px 18px 10px 18px !important; font-size:1.2rem; line-height:1.35;}
.info-note.success { background-color:#EEFCEF; color:#31313F; border: 1px solid #30b661; 
padding-left:37px !important; background-image:url(../images/icons/icon-note-sml-tick.png); background-position:11px center; background-repeat:no-repeat; }
.info-note.error { background-color:#FFE3DF; color:#CD0444; /*border: 1px solid #e2a8a8;*/
padding-left:37px !important; background-image:url(../images/icons/icon-note-sml-warning-red.png); background-position:11px center; background-repeat:no-repeat; }

span.parsley-required { color: #CD0444; font-size: 1.1rem; font-weight: 600; display: block; margin: -10px 0 15px 0;}
.parsley-error {/*color: #B94A48;*/ background-color: #F2DEDE !important; /*border: 1px solid #CD0444 !important;*/}

/* PAGE SPECIFIC ———————————————————————————————————————— */


/* About/Customers  –––––––––––––––––––––––––––––––––––––––––––––––––– */
		.li-item-customers { padding:10px 3%; overflow:hidden; min-height:143px; display:block; list-style:none; color:#333; background-color:#F5F5F5; margin-bottom:2%; line-height:1.2;}
		.li-item-customers.half { padding:0; background-color:#FFF;}
		.li-item-customers.half div { float:left; padding:10px 3%; min-height:143px; width:43%;}
		.li-item-customers.half div:first-child {margin-right:2%;}
		.li-item-customers span.title { color:#FFF; font-size:1.7rem;}
		.li-item-customers span.title.btm {margin-top:138px; float:left;} 
		
		.cMedium {background-color:#236DA8;}
		.cDark {background-color:#034F77; color:#FFF;}

		.li-item-customers.quote p {font-size:1.4rem; margin-bottom:1rem; line-height:1.5; margin-top:1rem; }
		.li-item-customers.quote p.last-child {margin-bottom:0;}
		.li-item-customers.quote p.author {padding:5px 0 0 0; font-weight:bold; color:#666;}		
		.li-item-customers.quote p.author span {color:#888; font-weight:normal;} 
		.dblsize {min-height:143px ;}

		.wImage {background-repeat:no-repeat; background-position:top left; background-size:cover;}
		.wImage.gover {background-image:url(../images/props/gen/government.png);}
		.wImage.infas {background-image:url(../images/props/gen/infrastructure.png);}
		.wImage.logis {background-image:url(../images/props/gen/logistics.png);}
		.wImage.manuf {background-image:url(../images/props/gen/manufacturing.png);}
		.wImage.termi {background-image:url(../images/props/gen/terminals.png);}

/*
		#cusWrap .cusCol3 {width:32.66%; margin-left:1%;}*/
		#cusWrap .cusCol3:first-child {margin-left:0;}

@media (min-width: 550px) {
		#cusWrap .cusCol3 {width:100%; margin-left:0;}
		#cusWrap .cusCol3:first-child {margin-left:0;}
		.li-item-customers { margin-bottom:1%; }
		.li-item-customers.half div { width:43.5%;}
		.li-item-customers.half div:first-child {margin-right:1%;}
}

@media (min-width: 750px) {
		#cusWrap .cusCol3 {width:32.66%; margin-left:1%;}
		#cusWrap .cusCol3:first-child {margin-left:0;}
		.li-item-customers,
		.li-item-customers.half div { padding-top:5px; padding-bottom:5px; min-height:153px;}
		.li-item-customers span.title { font-size:1.4rem;}
		.li-item-customers.quote p {font-size:1.4rem;}
		.dblsize {min-height:321px;}
}

/* Trial request  –––––––––––––––––––––––––––––––––––––––––––––––––– */
		.testimonial {margin-top:38px;}
		.testimonial p span.quote { color:#8e959c; font-family: 'Lato', sans-serif; font-size:1.6rem; line-height:1.2;}
		.testimonial p strong {display:block; font-size:1.3rem; padding-top:10px;}
		.testimonial p strong span {font-weight:400; display:block;}
		
		.customers-logos {margin:40px 0 0 0;}
		.customers-logos p.title { font-weight: 700; text-transform: uppercase; color: #1777B7; margin-bottom: 1.5rem;}
		.customers-logos p.mention {font-size:1.3rem; color:#8e959c; padding-bottom:20px;}
		.customers-logos span {float:left; width:50%;}
		.customers-logos p.mention label {width:60px; display:inline-block;}
		
		.form-trial {border:1px solid #CCC; width:100%; font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}
		.form-trial form { padding:38px 32px 18px 32px;}
		.form-trial form .split div {float:left; width:100%; padding-left:0;}
		.form-trial form .split div:first-child { padding-right:0; padding-left:0;}
		.form-trial form .split div label,
		.form-trial p label { font-weight:400; text-transform:uppercase; font-size:1.4rem; line-height:1; color:#595959; padding-left:3px;}
		.form-trial form .split div label em,
		.form-trial p label em {color:#1777B7; color:red; padding:0 .2rem;}
		.form-trial form .split div input[type="text"],
		.form-trial form .split div input[type="email"] {width:100%;}
		.form-trial form .split div input[type="text"],
		.form-trial form .split div input[type="email"],
		.form-trial p input[type="email"],
		.form-trial p input[type="text"],
		.form-trial p textarea { width:100%; background-color:#F9F9F9; height:40px; font-size:1.4rem; line-height:1; border-radius:0;}
		.form-trial p button {width:100%; background-color:#246DAC; color:#FFF;}
		.form-trial p.label-small {font-size:1.3rem; color:#595959;}
		.form-trial p.disclaimer {font-size:1.1rem; color:#adb3b9;}
		.form-trial p.disclaimer a,
		.form-trial p.disclaimer a:hover { color:#8e959c; text-decoration:none;}

@media (min-width: 750px) {
		.form-trial form .split div {float:left; width:48%; padding-left:2%;}
		.form-trial form .split div:first-child { padding-right:2%; padding-left:0;}
}



/* page specific  –––––––––––––––––––––––––––––––––––––––––––––––––– */

		
