body {
	background-color: #eee;
	margin: 0;
	padding: 0;
	font-size: 16px;
	overflow-x: hidden;
}

body.newhome {
	background-color: #000;
}

.modal-backdrop { 
	height: 10000px;
}

#top-banner {
	background-color: #333;
	color: #fff;
	padding: 5px;
	font-size: 80%;
}

#top-banner a {
	color: red;
	margin-left: 20px;
	white-space: nowrap;
}

header {
	height: 140px;
	width: 100%;
	background-color: #000;
}

body.newhome header {
	width: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
}

header nav {
	height: 100px;
	padding: 25px 0 0 0;
}
header .container-xxl {
	width: 96%;
	padding-left: 0;
	padding-right: 0;
}

header .container-xxl .row {
	margin-left: 0;
	margin-right: 0;
}

header .nav-logo {

}

header .nav-ctas {
	padding-top: 20px;
}

header nav ul li.nav-item {
	border: 0;
}

header nav ul li.nav-item a.nav-link {
	margin: 0 15px;
	transition: none;
}

header nav ul li.nav-item a.nav-link:hover {
	background-color: transparent;
}

header nav .nav > li > a {
	padding: unset;
}

header nav .nav > li.icon > a {
	padding: 4px 0;
	margin: 0;
}

header nav .nav > li.button > a {
	padding: 8px 16px;
	margin: 0 20px 0 0;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

header nav .nav > li.button > a:hover {
	color: #000;
}

#site-alert {
	text-align: center;
	text-transform: uppercase;
	padding: 5px 5px;
	color: white;
	background-color: #c00;
	font-size: 125%;
	border-bottom: 1px solid #fff;
}

#site-alert span {
	padding: 0 10px;
}

#site-alert a {
	text-decoration: underline;
	font-weight: bold;
	color: #fff;
}

body.newhome header nav .nav > li.button > a {
	background-color: transparent;
}

body.newhome header nav .nav > li.button > a:hover {
	background-color: #fff;
	color: #000;
}

header nav a {
	color: #fff;
	font-size: 200%;
	font-weight: normal;
}

header nav a:hover {
	color: #01b7c2;
}

.sitelogo {
	width: 250px;
	max-width: 95%;
}

.heropad {
	padding-top: 160px;
}

.axiom-logo {
	width: 600px;
	max-width: 90%;
}

.teal {
	color: #13aab8;
}

.gold {
	color: #ffc300;
}

.red {
	color: #ff0000;
}

#main {
	
}

body.newhome #main h2 { font-size: 400%; }
body.newhome #main h3 { font-size: 250%; margin-bottom: 50px; }
body.newhome #main h4 { font-size: 175%; margin-bottom: 40px; }
body.newhome #main h5 { font-size: 150%; }
body.newhome #main h6 { font-size: 125%; margin-bottom: 40px; }

body.newhome h4.media-heading {
	font-size: unset;
}

.modal {
	z-index: 1100;
}

.modal .btn {
	white-space: normal;
}

p {
	margin: 0 0 16px 0;
}

.p-5 {
	padding: 5rem 3rem !important;
}

.red {
	color: red;
}

.cta {
	margin: 50px 0;
}

.newhome .cta {
	margin: 50px 0 25px 0;
}

.btn-cta, .btn-cta.off:hover {
	color: #fff;
	background-color: #01b7c2;
	text-transform: uppercase;
	padding: 12px 36px;
	font-weight: bold;
}

.btn-cta:hover, .btn-cta.off {
	background-color: #000;
	color: #01b7c2 !important;
	border-color: #01b7c2;
}

.btn-cta.btn-red {
	color: #fff;
	background-color: #f92e2e;
	text-transform: uppercase;
	padding: 18px 36px;
	font-weight: bold;
	font-size: 14px;
}

.btn-cta.btn-red:hover {
	background-color: #000;
	color: #f92e2e !important;
	border-color: #f92e2e;
}

.btn-cta.outline {
	color: #fff !important;
	background-color: transparent;
	border-color: #fff !important;
}

.btn-cta.outline:hover {
	background-color: #333;
	color: #ffff !important;
	border-color: #333;
}

.btn-cta.btn-gold {
	background-color: gold;
	color: #665700 !important;
}

.btn-cta.btn-gold:hover {
	background-color: transparent !important;
	border-color: gold !important;
	color: gold !important;
}

.btn-blk {
	background-color: #000;
	color: #fff;
}

.btn-blk:hover {
	color: #000;
	background-color: #fff;
}

.btn-group .pill-left {
	border-radius: 50rem 0 0 50rem;
}

.btn-group .pill-right {
	border-radius: 0 50rem 50rem 0;
}

.btn.btn-lower {
	text-transform: lowercase !important;
}

.toggle-app {
	margin-top: 40px;
}

.downer {
	margin-top: 100px;
	font-weight: normal;
	font-size: 400%;
	color: #fff;
}

.bg-white {
	background-color: #fff;
}

.bg-gray {
	background-color: #F4F4F4;
}

.container-vpad-lg {
	padding-top: 50px;
	padding-bottom: 50px;
}

.container-vpad-xl {
	padding-top: 100px;
	padding-bottom: 100px;
}

.white-text { color: #fff; }
.red-text { color: #f00; }
.aqua-text { color: #00b6c1; }

.left-text { text-align: left; }
.center-text { text-align: center; }
.right-text { text-align: right; }

.normal-text { font-weight: normal; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.semibold { font-weight: 600; }

.uc { text-transform: uppercase; }

del { color: rgb(170, 170, 170); }

.nopad {
	padding: 0 !important;
	margin: 0 !important;
}

.carousel-vid-actions {
	height: 30px;
	text-align: center;
	margin-bottom: 10px;
}

.carousel-vid-actions span {
	height: 30px;
}

img {
	max-width: 100%;
}

footer {
	background-color: #000;
}

footer a {
	color: #ccc;
}

footer a:hover {
	color: #00b6c1;
	text-decoration: none;
}

footer nav ul li.nav-item {
	border: 0;
}

footer nav ul li.nav-item a {
	color: #fff;
	font-weight: 700;
}

footer nav ul li.nav-item a.nav-link:hover {
	background-color: transparent;
	color: #00b6c1;
}

footer .subfooter {
	color: #ccc;
}

footer .subfooter a {
	color: #ccc;
}

.offcanvas {
	background-color: #000;
	border-left: 1px solid #555;
	color: #fff !important;
	width: 100%;
	max-width: 700px;
	overflow-y: auto;
	box-shadow: -5px 0 50px #000;
}

.offcanvas h5 {
	color: #fff;
}

.offcanvas .offcanvas-header h2 {
	margin-top: 0;
}

.offcanvas .offcanvas-header a {
	color: #fff;
	font-size: 150%;
	text-decoration: none;
}

.offcanvas .offcanvas-header a:hover {
	color: #01b7c2;
	text-decoration: none;
	cursor: pointer;
}

.offcanvas h2.accordion-header {
	margin-top: 0;
}

.offcanvas .list-group .list-group-item {
	background-color: #000 !important;
}

.offcanvas .accordion .accordion-item {
	background-color: #000 !important;
	border-top: 1px solid #555 !important;
	margin-bottom: 0;
}

.offcanvas .accordion .accordion-item.link :after,
.offcanvas .accordion.sub .accordion-item :after  {
	background: unset;
}

.offcanvas .accordion .accordion-item:first-child {
	border-top: unset !important;
}

.offcanvas .accordion .accordion-item .show .accordion-body {
	visibility: visible;
}

.offcanvas .accordion .accordion-item .show .accordion-body p {
	margin-bottom: 1em;
}

.offcanvas .accordion .accordion-item .accordion-button {
	background-color: #000;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}

.offcanvas .accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: #000;
	color: #01b7c2;
}

.offcanvas .accordion.sub .accordion-item {
	margin-left: 30px;
}

.offcanvas .accordion.sub .accordion-item:first-child {
	border-top: unset !important;
}

.offcanvas .accordion-bottom {
	text-align: center;
	margin-top: 40px;
}

.offcanvas .accordion-bottom a {
	margin-right: 20px;
}

.offcanvas .badge {
	margin-left: 10px;
}

#loginForm {
	padding: 40px;
}

.show-d { display: flex !important; }
.hide-d { display: none !important; }
.show-m { display: none !important; }
.show-mb { display: none !important; }

.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.hero {
	background-color: #000;
	background-image: url('/assets/images/home/axiom-hero-chuck.jpg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 750px;
	text-align: center;
}

.hero1000 {
	background-color: #000;
	background-image: url('/assets/images/home/bg-hero-2000.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 1100px;
	text-align: center;
}

body.newhome #main .hero1000 h6 {
	margin-bottom: 30px;
	font-size: 140%;
}

.hero1000 iframe {
	margin-bottom: 30px;
}

.hero1000 .hero-cover {
	background-color: rgba(0, 0, 0, 0.25);
	width: 100%;
	min-height: 1100px;
}



.hero1000 .heropad {
	padding-top: 120px;
	padding-left: 30%;
}

.hero-cover {
	background-color: rgba(0, 0, 0, 0.65);
	width: 100%;
	min-height: 750px;
}

.hero h2 {
	color: #fff;
	text-transform: uppercase;
}

.hero h3 {
	color: #fff;
	text-transform: uppercase;
}

.container-bg-course {
	background-color: #000;
	background-image: url('/assets/images/home/bg-course-bw.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 600px;
	text-align: center;
}

.container-bg-honeycomb {
	background-color: #000;
	background-image: url('/assets/images/home/bg-honeycomb.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	min-height: 1200px;
	text-align: center;
}

.dd-video-placeholder {
	background-color: #000;
	background-image: url('/assets/images/home/hero-axiom-4.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 400px;
	border-radius: 20px;
}

.phone-placeholder {
	background-color: transparent;
	background-image: url('/assets/images/home/phone.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 400px;
}

#start-striping-it img {
	
}

#select-a-subscription .container-xxl.pricing-130 {
	max-width: 960px;
}

#cta-grid {
	max-width: 100%;
	overflow-x: hidden;
}

#cta-grid .row {
	/* max-width: 101%; */
	overflow-x: hidden;
}

#cta-grid h3.golfer img {
	width: 96px;
	height: 120px;
}

#cta-grid h3.one img {
	width: 219px;
	height: 100px;
}

#cta-grid .video {
	background-image: url('/assets/images/home/bg-golfer-1.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 600px;
	padding-left: 100px;
	padding-right: 100px;
	display: flex;
	align-items: center;
}

#cta-grid .video.course-2 {
	background-image: url('/assets/images/home/bg-course-2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

#cta-grid .video.course-3 {
	background-image: url('/assets/images/home/bg-course-3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.black-cover {
	/* background-color: rgba(0, 0, 0, 0.8); */
	width: 100%;
	min-height: 600px;
}

#cta-grid .text {
	padding: 100px 10%;
} 

#cta-grid .image {
	background-color: #999;
}

.num-tabs .num-tab {
	cursor: pointer;		
}

.num-tabs .num-tab .tagline {
	text-align: left;
	border-bottom: 3px solid #656565;
	padding-bottom: 20px;
}

.num-tabs .num-tab.active .tagline {
	color: #00b6c1;
	border-bottom: 3px solid #00b6c1;
}

.black-cover .num-tabs .num-tab .tagline {
	color: #ccc;
}

.black-cover .num-tabs .num-tab.active .tagline {
	color: #00b6c1;
}

.num-tabs .num-tab .num-index {
	font-size: 16px;
	padding: 6px 0 0 0;
	margin: 0 0 20px 0;
	text-align: center;
	width: 40px;
	height: 40px;
	color: #656565;
	border: 2px solid #656565;
}

.num-tabs .num-tab.active .num-index {
	border: 2px solid #00b6c1;
	color: #00b6c1;
}

.num-index-lg {
	font-size: 32px;
	padding: 12px 0 0 0;
	margin: 0 0 30px 0;
	text-align: center;
	width: 80px;
	height: 80px;
	color: #00b6c1;
	border: 2px solid #00b6c1;
}

.num-stage {
	margin: 100px 0 0 0;
}

.black-cover .num-stage {
	color: #ccc;
}

.num-stage .num-stage-row {
	display: none;
}

.num-stage .num-stage-row.active {
	display: flex;
}

.num-stage .tagline {
	padding: 20px 0;
	border-top: 1px solid #fff;
	cursor: pointer;
	font-size: 125%;
}

.round-border {
	border-radius: 50%;
}

.contrast-cols {
	margin-top: 80px;
}

.contrast-cols .col-md-6 {
	width: 48%;
	margin-right: 4%;
	border-top: 15px solid #01b7c2;
	padding-top: 0 !important;
}

.contrast-cols .sub-col {
	padding-top: 0 !important;
	border-top: 15px solid #01b7c2;
}

.comparo-cols .comparo-col {
	background-image: url('/assets/images/home/list-icon-placeholder-2.png');
	background-position: 0 50px;
	background-repeat: no-repeat;
	padding-left: 60px !important;
}

.contrast-cols .col-md-6.last {
	margin-right: 0;
}

.contrast-cols img {
	max-width: 75%;
}

/*
.contrast-cols .sub-col img {
	width: 100%;
	max-width: 400px;
}
*/

.contrast-cols .call {
	margin-top: 45px;
}

.contrast-cols .call .price-period {
	font-style: italic;
	font-size: 80%;
}

.contrast-cols .call img {
	max-width: 100%;
	margin: 20px auto;
}

.contrast-cols .details {
	text-align: left;
	margin-bottom: 40px;
}

.contrast-cols .details p {
	line-height: 100%;
	margin-bottom: 18px;
}

.contrast-cols .details ul li {
	line-height: 100%;
	margin-bottom: 10px;
}

.contrast-cols .price-diff {
	margin: -45px 0 40px 0;
}

.contrast-cols .price-diff span {
	color: #fff;
	padding: 0 15px 10px 15px;
	margin-bottom: 0 0 20px 0;
	font-size: 18px;
	font-weight: bold;
	height: 18px;
	line-height: 1;
	border-radius: 0 0 5px 5px;
	text-transform: uppercase;
}

.contrast-cols .price-diff span.aqua {
	background-color: #01b7c2;
}

.contrast-cols .price-savings {
	color: rgba(15, 137, 56, 1);
	text-transform: uppercase;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 40px;
}

.contrast-cols .col-sm-4.sub-col,
.contrast-cols .col-md-4.sub-col {
	width: 32%;
	margin-right: 2%;
}

.contrast-cols .col-sm-4.sub-col.last,
.contrast-cols .col-md-4.sub-col.last {
	margin-right: 0;
}

.contrast-cols .col-sm-4.sub-col.short,
.contrast-cols .col-md-4.sub-col.short {
	margin-top: 40px;
	margin-bottom: 40px;
}

h2.plan-price {
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
}

.plan-price .price-per {
	font-size: 50%;
	color: #999;
}

h6.plan-term {
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 0;
	margin-top: 0;
	line-height: 1;
	margin-bottom: 40px;
}

ul.stacked {
	border-top: 1px solid #ccc;
	margin-bottom: 40px;
	padding-left: 0;
}

ul.stacked li {
	padding: 30px 0 30px 60px;
	border-bottom: 1px solid #ccc;
	background-image: url('/assets/images/home/list-icon-placeholder.png');
	background-position: 0 30px;
	background-repeat: no-repeat;
	list-style: none;
	min-height: 100px;
}

ul.stacked li.community {
	background-image: url('/assets/images/home/list-icon-community.png');
}

ul.stacked li.golfer {
	background-image: url('/assets/images/home/list-icon-golfer.png');
}

.quotes {
	width: 1260px;
	margin-top: 60px;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: auto;
	margin-right: auto;
}

.quotes .quote-container {
	margin-top: 20px;
	width: 10000px;
}

.quotes .quote {
	height: 400px;
	width: 380px;
	margin-right: 60px;
	float: left;
}

.quotes .quote .headshot {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: -20px auto 0 auto;
	border-radius: 50%;
	border: 5px solid #fff;
}

.quotes .quote .quote-text {
	height: 200px;
	padding: 40px 20px;
}

.quotes .quote .headshot img {
	width: 100%;
	height: 100%;
}

.quotes .quote .author .author-name {
	font-weight: bold;
	color: #01b7c2;
}

.quotes .quote-nav ul.nav {
	margin: 40px auto 80px auto;
}

.quotes .quote-nav span {
	color: #fff;
	font-size: 200%;
}

.quotes .quote-nav ul.nav > li {
	border: unset;
	cursor: pointer;
}

.quotes .quote-nav a {

}

#bna-container {
	height: 400px;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#bna-current {
	border-radius: 10px;
}

.bna-nav ul.nav {
	margin: 40px auto 80px auto;
}

.bna-nav span {
	color: #fff;
	font-size: 200%;
}

.bna-nav ul.nav > li {
	border: unset;
	cursor: pointer;
}

.bna-nav a {

}

ul.car-nav li {
	border: 2px solid #01b7c2 !important;
	border-radius: 50%;
	margin-right: 20px;
}

ul.car-nav li i {
	color: #01b7c2 !important;
	font-size: 30px;
	line-height: 60px;
	padding: 15px;
}

ul.car-nav li:hover {
	border-color: #fff !important;
}

ul.car-nav li:hover i {
	color: #fff !important;
}

.nav-tabs .nav-link {
	background-color: #e6e6e6 !important;
	color: #555;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0.5rem 2rem;
	border-top-color: #9f9f9f;
	border-right-color: #9f9f9f;
	border-left-color: #9f9f9f;
}

.nav-tabs .nav-link:hover {
	background-color: #fff !important;
	border-top-color: #9f9f9f;
	border-right-color: #9f9f9f;
	border-left-color: #9f9f9f;
}

.nav-tabs .nav-link.active {
	background-color: #fff !important;
	color: #000;
	border-top-color: #9f9f9f;
	border-right-color: #9f9f9f;
	border-left-color: #9f9f9f;
}

.tab-content {
	border: 1px solid #e6e6e6 !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 0;
	overflow-x: scroll;
}

body.newhome iframe {
	border-radius: 10px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	box-shadow: 0 10px 20px #333;
}

#dashboardUsageModal .modal-dialog,
#freeSignupModal .modal-dialog,
#videoModal .modal-dialog {
	width: 1000px;
	max-width: 90vw;
	margin-right: auto;
	margin-left: auto;
}

#dashboardUsageModal .modal-content,
#freeSignupModal .modal-content,
#videoModal .modal-content {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	max-width: 90vw;
	max-height: 90vh;
	margin-top: 5vh;
	margin-bottom: 5vh;
}

#videoModal .modal-header {
	padding: 5px 15px 15px 15px;
}

#videoModal .modal-body {
	margin-top: -10px;
	padding-top: 0;
}

.modal-header {
	background-color: #000;
	color: #fff;
	border: 1px solid #fff;
}

.modal-header h4.modal-title,
.modal-header h5.modal-title {
	color: #fff;
	font-size: 18px;
}

.btn {
	text-transform: uppercase;
	font-weight: normal;
}

.btn-close {
	background-image: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	opacity: 1.0;
}

.btn-close:hover {
	color: #01b7c2;
}

.btn-success {
	background-color: #13aa86;
	border-color: #13aa86;
	color: #fff;
}

.btn-success.outline {
	background-color: #fff;
	color: #13aa86;
	border: 2px solid #13aa86;
}

.btn-success.outline:hover {
	color: #fff;
	background-color: #13aa86;
	border-color: #13aa86;
}

.btn-primary {
	background-color: #2d3273;
	border-color: #2d3273;
	color: #fff;
	border-radius: 6px;
}

.btn-primary:hover {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

.btn-primary.outline {
	background-color: #fff;
	border: 2px solid #2d3273;
	color: #2d3273;
}

.btn-primary.outline:hover {
	background-color: #2d3273;
	color: #fff;
}

.btn-green {
	background-color: #01b7c2;
	border-color: #01b7c2;
	color: #fff;
	border-radius: 6px;
}

.btn-green:hover {
	background-color: #000;
	color: #01b7c2;
	border-color: #01b7c2;
}

.btn-green.outline {
	background-color: #fff;
	border: 2px solid #13aab8;
	color: #13aab8 !important;
	border-radius: 6px;
}

.btn-green.outline:hover {
	color: #fff !important;
	background-color: #13aab8 !important;
}

.btn-fave {
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
	border-radius: 6px;
}

.btn-fave:hover {
	background-color: #999;
	border-color: #999;
	color: #900;
}

.btn-fave.active {
	color: #f00;
}



.btn-full {
	width: 100% !important;
}

.btn-border {
	border: 2px solid #000;
}

.btn-border-white { border-color: #FFF; }
.btn-border-cta { border-color: #01b7c2; }
.btn-border-danger { border-color: ##f92e2e; }
.btn-border-gold { border-color: gold; }

.btn-ds {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
}

.btn-text-red { color: #dc3545; }
.btn-text-black { color: #000; }

.btn i {
	padding-left: 5px;
}

.favorite i {
	padding-left: 5px;
}

.completed i {
	padding-left: 5px;
}

ul.nav-stacked li {
	width: 100%;
}

.collapse.show {
	visibility: visible;
}

#main {
	/* background-image: url('/assets/images/bg/golf-ball.jpg'); */
	background-position-x: right;
	background-position-y: top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 40px;
}

body.newhome #main,
body.dashboard #main {
	background-image: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/*
#main .content .container {
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: white;
}
*/

.row.legacy-video {
	flex-wrap: unset;
}

#videoModal div.overlay {
	z-index: 1000000;
}

table.autowidth {
	width: unset !important;
}
 
@media only screen and (min-width: 768px) and (max-width: 1319px) {
	.sitelogo {
		margin-left: 10px;
	}
	
	.quotes  {
		width: 700px;
	}

	.quotes .quote {
		width: 330px;
		margin-right: 40px;
	}
}

@media only screen and (max-width: 1199px) {
	.row.xl-reverse {
		display: flex;
		flex-flow: column-reverse;
	}
	
	#cta-grid .text {
		padding: 50px 10%;
	} 
	
	#cta-grid .video {
		padding: 50px 10%;
		min-height: unset;
	} 
	
	.container-xl {
		max-width: 98%;
	}
	
	.container-xxl {
		max-width: 96%;
	}
	
	@media screen and (min-width: 768px) and (max-width: 1199px) {
	    .col-md-9 {
	    	width: 72%;
	    }
	    
	    .col-md-8 {
	    	width: 64%;
	    }
    
	    .col-md-7 {
	    	width: 57%;
	    }
    
	    .col-md-6 {
	    	width: 48%;
	    }
    
	    .col-md-5 {
	    	width: 40%;
	    }
    
	    .col-md-4 {
	    	width: 32%;
	    }
	    
	    .col-md-2 {
	    	width: 24%;
	    }
	    
	    .col-md-1 {
	    	width: 12%;
	    }
	}
}

@media only screen and (max-width: 899px) {
	.hero {
		min-height: 800px;
	}
	
	.hero-cover {
		min-height: 800px;
	}
	
	.hero1000 .heropad {
		padding-top: 120px;
		padding-left: 0;
	}
	
	.nav-tabs .nav-link {
		padding: 0.5rem 1rem;
	}
}

@media only screen and (max-width: 767px) {
	.btn {
		font-size: 12px;
		white-space: normal;
	}
	
	.vp-ctas .btn {
		margin-bottom: 3px;
	}
	
	.sitelogo {
		margin-left: 10px;
	}
	
	.heropad {
		padding-top: 120px;
	}
	
	header {
		height: 120px;
	}
	
	header nav {
		overflow: hidden;
	}
	
	header nav .nav-ctas {
		padding-top: 10px;
	}
	
	.row.mobile-reverse {
		display: flex;
		flex-flow: column-reverse;
	}

	.show-mb { display: block !important; }
	.show-m { display: flex !important; }
	.hide-m { display: none !important; }

	body {
		font-size: 14px;
	}
	
	.hero h3 {
		font-size: 200%;
	}
	
	.accordion-bottom .col-md-6 {
		margin-bottom: 20px;
	}

	h3 span {
		display: block;
	}

	.comparo-cols {
		margin-top: 40px;
	}

	.comparo-cols .comparo-col {
		text-align: center;
		background-position: top center;
		padding-left: 30px !important;
	}

	.num-stage {
		margin-top: 40px;
	}

	.contrast-cols .col-md-6 {
		width: 100%;
		margin-right: 0;
	}

	.mobile-rows .action .btn,
	.mobile-rows .action .btn-cta {
		padding: 8px 16px;
	}

	.quotes  {
		width: 300px;
		max-width: 100%;
	}

	.quotes .quote {
		width: 300px;
	}

	.mobile-rows .mr {
		margin-bottom: 2px;
	}

	.mobile-rows .mr.mr-white {
		border-left: 10px solid #01b7c2;
		background-color: #fff !important;
	}

	.mobile-rows .mr.mr-grey {
		border-left: 10px solid #999;
		background-color: #eee !important;
	}

	.mobile-rows .mr.mr-yel {
		border-left: 10px solid #ff6;
		background-color: #ffd !important;
	}

	.mobile-rows .mr.thin {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	footer nav .col-md-6 {
		text-align: center;
		float: none;
	}
	
	footer ul.nav li {
		display: block;
		width: 100%;
	}

	footer ul {
		margin-bottom: 50px;
	}

	footer ul li {
		display: block;
		text-align: left;
	}
	
	#main {
		background-size: cover;
	}
	
	.row.legacy-video {
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 500px) {
	.hero {
		min-height: 850px;
	}
	
	.hero-cover {
		min-height: 850px;
	}
	
	.content {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}