@charset "UTF-8";

 /*---------------------------------------------------------------------------\
 | KCIT Website Framework                                                     |
 |  _  ______ ___ _____                                                       |
 | | |/ / ___|_ _|_   _|                                                      |
 | | ' / |    | |  | |                                                        |
 | | . \ |___ | |  | |                                                        |
 | |_|\_\____|___| |_|                                                        |
 |                                                                            |
 | Enquiries contact chris@kcit.com.au                                        |
 | Copyright Keep Calm IT PTY LTD                                             |
 \---------------------------------------------------------------------------*/
 
 @import url("/css/fonts.css");
 /*
 @import url("/fontawesome-pro-5.0.13/webfont-css/fontawesome-all.min.css");
 */
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");


label {
    display: block !important;
}

.form-control-feedback {
    right: 15px !important;
}

body {
    font-family: HelveticaNeueW01-45Ligh !important;
	font-size: 16px !important;
	position: relative; /*this is for scroll spy*/
}	

h1, h2, h3, h4, .navbar-brand {
    /*font-family: HelveticaNeueW01-47LtCn_692686 !important;*/
	font-family: HelveticaNeueW01-45Ligh !important;
	font-weight: bold;
}	

h3 a, h4 a, h3 button, h4 button {
    font-family: HelveticaNeueW01-45Ligh !important;
	font-weight: bold;
}

h5, h6 {
    /*font-family: HelveticaNeueW01-47LtCn_692686 !important;*/
	font-family: HelveticaNeueW01-45Ligh !important;
}	

p, ul, li {
    font-family: HelveticaNeueW01-45Ligh, sans-serif !important;
}	

oldbody {
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
}	

/* section top padding to take into account fixed nav bar */

section {
	padding-top:120px!important;
	margin-top:-120px!important;
}

.section-raw {
	padding-top: 0!important;
	margin-top: 0!important;
}

a {
	color: #777 !important;
}

h1.packman, h2.packman, h3.packman, h4.packman {

	font-family: ITC Lubalin Graph W01 Book !important;

}

h5.packman, h6.packman, p.packman, ul.packman {
	font-family: ITC Lubalin Graph W01 Bold !important;
	font-weight: bold;
}

.packman{
	font-family: ITC Lubalin Graph W01 Book !important;
}

.packman-extra-light{
	font-family: ITC Lubalin Graph W01 Bold !important;
}

h1.packman-demi, h2.packman-demi, h3.packman-demi, h4.packman-demi, button.packman-demi {
	font-family: ITC Lubalin Graph W01 Demi !important;
}

.packman-demi{
	font-family: ITC Lubalin Graph W01 Demi !important;
}


.headline1, .headline1 li {
	font-family: HelveticaNeueW01-HvExt !important;
}

.headline2, .headline2 li {
	font-family: HelveticaNeueW01-BlkExt_710327 !important;
}

button.hn {

	font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-weight: bold;

}

h5.packman-demi, h6.packman-demi, p.packman-demi, ul.packman-demi {

	font-family: ITC Lubalin Graph W01 Demi !important;
	font-weight: bold;
}

/* Packman UL Icon */
ul.packman {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
	margin-bottom: 10px;
}

ul.packman li {
    background-image: url(/img/bretts.packman.png);
    background-repeat: no-repeat;
    background-position: 0px center; 
	background-size: 16px 16px;
    padding-left: 20px; 
}

ul.packman.h1 li {
	background-size: 40px 40px;
    padding-left: 50px; 
}

ul.packman.h2 li {
	background-size: 36px 36px;
    padding-left: 40px; 
}

ul.packman.h3 li {
	background-size: 30px 30px;
    padding-left: 34px; 
}

ul.packman.h4 li {
	background-size: 20px 20px;
    padding-left: 24px; 
}

ul.packman.h5 li {
	background-size: 16px 16px;
    padding-left: 20px; 
	padding-top: 1px;
}

ul.packman.h6 li {
	background-size: 14px 14px;
    padding-left: 18px; 
	padding-top: 2px;
}

/* webdot UL Icon */
ul.webdot {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
	margin-bottom: 10px;
}

ul.webdot li {
    background-image: url(//img.bretts.com.au/webdot.png);
    background-repeat: no-repeat;
    background-position: 0px center; 
	background-size: 25px 25px;
    padding-left: 24px; 
	padding-top: 8px;
	padding-bottom: 10px;	
}

ul.webdot.h1 li {
	background-size: 60px 60px; /* Fullsize is 25px x 35px which is 1.4:1*/
    padding-left: 54px; 
	padding-top: 12px;
	padding-bottom: 14px;
}

ul.webdot.h2 li {
	background-size: 48px 48px;
    padding-left: 42px; 
	padding-top: 12px;
	padding-bottom: 16px;	
}

ul.webdot.h3 li {
	background-size: 38px 38px;
    padding-left: 36px; 
}

ul.webdot.h4 li {
	background-size: 34px 34px;
    padding-left: 32px; 
}

ul.webdot.h5 li {
	background-size: 26px 26px;
    padding-left: 24px; 
	padding-top: 10px;
}

ul.webdot.h6 li {
	background-size: 20px 20px;
    padding-left: 18px; 
	padding-top: 10px;
}

/* Link ZHover */

a:hover {
	color: red !important;
}

/* Fix Bootstrap Modal Button Blue Box Issue */

a:focus, button:focus {
    outline: 0;
}

img.retina {
    height: 50%;
    width: 50%;
}

.breadcrumb {
	margin-bottom:0px !important;
	background-color: transparent;
}

.roundbtn {
	border-radius: 25px;
	border: 2px solid white;
	background-color: #0099cc;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 120px;
	margin-left: auto;
    margin-right: auto;	
	position: absolute;
	left: 0; 
	bottom: -55px; 
	right: 0;
	text-align: center !important;
}

@media (max-width: 768px) {
	.roundbtn {
		bottom: -2px !important;
	}
}

.round  {
	color: white !important;
}

.buttons {
	margin-bottom: 30px !important;
	padding-bottom: 30px !important;
}

.buttons-xs {
	margin-bottom: 40px !important;
	padding-bottom: 40px !important;
}

.slick-slide
{
    height: auto !important;
}

img.packman {
	width:18px;
	height:18px;
	margin-bottom:4px;
}

/*  ALL NAVS */

nav p {
	margin: 0 0 0 0 !important;
}

.nb {
	padding: 5px 5px !important;
	min-height: 55px;
}

/* BAND1 */

.band1 {
	background-color: #00ABBD;/*  */
	color: #FFF !important;
}

.band1 h3, .band1xs h3 {
	margin-bottom: 18px !important;
}

.band1>div>ul {
	padding-bottom: 10px !important;
}

.band1>div>ul>li {
	border-left: 1px solid #aaa;
}

.band1>div>ul>li>a {
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	height: 100%;
}

.band1xs>div>ul>li {
	border-bottom: thin solid #aaa;	
}

.band1xs a {
	display:block;
}

.band1 a:link, .band1 a:visited, .band1 a:active, .band1xs a:link, .band1xs a:visited, .band1xs a:active {
	color: #eee !important;
	text-decoration: none !important;
	
}

.band1 .bsection {
	color: #0f0 !important;
}

.band1 .active {
	background-color: #0099cc !important;
}

.band1 a:hover, .band1xs a:hover {
    color: #fff !important;
	text-decoration: none !important;
	display:block;
	background-color: #0099cc !important;
	border-radius: 25px;
}

.band1 a:focus, .band1xs a:focus {
    color: #fff !important;
	text-decoration: none !important;
	display:block;
	background-color: #0099cc !important;
	border-radius: 25px;
}

.band1xs a:active {
    color: #eee !important;
	text-decoration: none !important;
}

li.band1right {
	border-right: 1px solid #aaa;	
}

a.band1, a.band1:link, a.band1:visited, a.band1:active {
	color: #666 !important;
	text-decoration: none !important;
}

a.band1:hover {
    color: #000 !important;
	text-decoration: none !important;
}


/* BAND2 */

.band2 {
	background-color: #F0F0F0;/*  */
}

.band2 a:link, .band2 a:visited, .band2 a:active, .band2xs a:link, .band2xs a:visited, .band2xs a:active {
	color: #666 !important;
	background-color: #F0F0F0;/*  */
	text-decoration: none !important;
}

.band2 a:hover {
    color: #f00 !important;
	text-decoration: none !important;
}

/* BAND60 */

div.band60 {
	background-color: #bbb;
	color: white;
}

.band60 a:link, .band60 a:visited, .band60 a:active {
	color: red;
	text-decoration: none !important;
}

.band60 a:hover {
    color: #f00;
	text-decoration: none !important;
}

.band60 .btn {
	color: white !important;
}

/* band70 */
.band70 {
	background-color: #F0F0F0;/*  */
}
.band70 a:link, .band70 a:visited, .band70 a:active {
	color: red;
	text-decoration: none !important;
}
.band70 a:hover {
	color: #f00;
	text-decoration: none !important;
}
.band70 .btn {
	color: white !important;
}
.band70 * h1{
	font-size:50px!important;
}

/* band71 */
.band71 {
	background-color: #FFF;/*  */
}
.band71 a:link, .band70 a:visited, .band70 a:active {
	color: red;
	text-decoration: none !important;
}
.band71 a:hover {
	color: #f00;
	text-decoration: none !important;
}
.band71 .btn {
	color: white !important;
}
.band71 * h1{
	font-size:50px!important;
}

/* band72 */

div.band72 {
	background-color: #bbb;
	color: black;
    border-radius:6px;
    position:relative;	
	background:repeating-radial-gradient(#b8e7bf, #b8e7bf 5px, white 5px, white 10px);
	text-shadow: 2px 2px 4px #FFF;
}

.band72 a:link, .band72 a:visited, .band72 a:active {
	color: red;
	text-decoration: none !important;
}

.band72 a:hover {
    color: #f00;
	text-decoration: none !important;
}

.band72 .btn {
	color: white !important;
}

/* BAND3 */

.band3 {
	background-color: #000;/*  */
}

/* BAND4 */

.band4 {
	background-color: #ddd;/*  */
}

a.band4 {
	color: #666 !important;
}

a.band4:hover {
    color: #f00 !important;
	text-decoration: none !important;
}

.band4 .active {
    background: #fff !important;
	color: #000 !important
}

/* BAND5 */

.band5 {
	background-color: #bfeaee;/*  */
	color: #555 !important;
}

.band5 h3, .band5xs h3 {
	margin-bottom: 18px !important;
}

.band5>div>ul {
	min-height: 60px;
}

.band5>div>ul>li {
	border-left: thin solid #fff;	
}

.band5xs>div>ul>li {
	border-bottom: thin solid #fff;	
}

.band5xs a {
	display:block;
}

.band5 a:link, .band5 a:visited, .band5 a:active, .band5xs a:link, .band5xs a:visited, .band5xs a:active {
	color: #666 !important;
	text-decoration: none !important;
}

.band5 a:hover, .band5xs a:hover {
    color: #f00 !important;
	text-decoration: none !important;
	display:block;
}

.band5xs a:active {
    color: #000 !important;
	text-decoration: none !important;
}

li.band5right {
	border-right: thin solid #fff;	
}

a.band5, a.band5:link, a.band5:visited, a.band5:active {
	color: #666 !important;
	text-decoration: none !important;
}

a.band5:hover {
    color: #000 !important;
	text-decoration: none !important;
}

.band5 .active {
    background: #fff !important;
	color: #000 !important
}

/* band6 */

.band6 {
	background-color: #FE8220;/*  */
	color: #FFF !important;
}

.band6 h3, .band6xs h3 {
	margin-bottom: 18px !important;
}

.band6>div>ul {
	padding-bottom: 10px !important;
}

.band6>div>ul>li {
	border-left: 1px solid #aaa;
}

.band6>div>ul>li>a {
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	height: 100%;
}

.band6xs>div>ul>li {
	border-bottom: thin solid #aaa;	
}

.band6xs a {
	display:block;
}

.band6 a:link, .band6 a:visited, .band6 a:active, .band6xs a:link, .band6xs a:visited, .band6xs a:active {
	color: #eee !important;
	text-decoration: none !important;
}

.band6 a:hover, .band6xs a:hover {
    color: #f00 !important;
	text-decoration: none !important;
	display:block;
}

.band6xs a:active {
    color: #eee !important;
	text-decoration: none !important;
}

li.band6right {
	border-right: 1px solid #aaa;	
}

a.band6, a.band6:link, a.band6:visited, a.band6:active {
	color: #666 !important;
	text-decoration: none !important;
}

a.band6:hover {
    color: #000 !important;
	text-decoration: none !important;
}


/* BAND7 */

.band7 {
	background-color: #DDD;/*  */
	color: #555 !important;
}

.band7>div>ul {
	min-height: 60px;
}

.band7 h3, .band7xs h3 {
	margin-bottom: 18px !important;
}

.band7>div>ul>li {
	border-left: thin solid #fff;	
}

.band7>div>ul>li>a {
	padding: 5px 5px !important;
	min-height: 55px;
}

.band7xs>div>ul>li {
	border-bottom: thin solid #fff;	
}

.band7xs a {
	display:block;
}

.band7xs a:link, .band7xs a:visited, .band7xs a:active {
	color: #666 !important;
	text-decoration: none !important;
}

.band7xs a:hover {
    color: #F00 !important;
	text-decoration: none !important;
	display:block;
}

.band7xs a:active {
    color: #000 !important;
	text-decoration: none !important;
}

li.band7right {
	border-right: thin solid #fff;	
}

a.band7, a.band7:link, a.band7:visited, a.band7:active {
	color: #666 !important;
	text-decoration: none !important;
}

a.band7:hover {
    color: #f00 !important;
	text-decoration: none !important;
}

/* BAND8 */

.band8 {
	background-color: #ddd;
	color: #000 !important;
}

.band8 a {

}

.band8 h3, .band8xs h3 {
	margin-bottom: 18px !important;
}

.band8>div>ul {
	padding-bottom: 10px !important;
}

.band8>div>ul>li {
	border-left: 1px solid #aaa;
	height:1px;
}

.band8>div>ul>li>a {
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	min-height: 100% !important;	
}

.band8xs>div>ul>li {
	border-bottom: thin solid #aaa;	
}

.band8xs a {
	display:block;
}

.band8 a:link, .band8 a:visited, .band8 a:active, .band8xs a:link, .band8xs a:visited, .band8xs a:active {
	color: #000 !important;
	text-decoration: none !important;
}

.band8 a:hover, .band8xs a:hover {
    color: #f00 !important;
	text-decoration: none !important;
	display:block;
}

.band8xs a:active {
    color: #000 !important;
	text-decoration: none !important;
}

li.band8right {
	border-right: 1px solid #aaa;	
}

a.band8, a.band8:link, a.band8:visited, a.band8:active {
	color: #666 !important;
	text-decoration: none !important;
}

a.band8:hover {
    color: #000 !important;
	text-decoration: none !important;
}


/* BAND9 */

.band9 {
	background-color: #FFF;/*  */
}

.band9 .active {
	background-color: #ccc !important;
}

/* BAND10 */

.band10 {
	background-color: #FF0080;/*  */
}

/* BAND11 */

.band11 {
	background-color: #800080;/*  */
	color: white;
}

.band12 {
	background-color: #000;/*  */
	color: white;
}

/* band13 */

.band13 {
	background-color: #f00;/*  */
	color: #fff !important;
}

.band13 h3, .band13xs h3 {
	margin-bottom: 18px !important;
}

.band13>div>ul {
	min-height: 60px;
}

.band13>div>ul>li {
	border-left: thin solid #000;	
}

.band13>div>ul>li>a {
	padding: 5px 5px !important;
	min-height: 55px;
}

.band13>div>ul>li>a { /* equal height section for buttons*/
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	height: 100%;
}


.band13xs>div>ul>li {
	border-bottom: thin solid #000;	
}

.band13xs a {
	display:block;
}

.band13 a:link, .band13 a:visited, .band13 a:active, .band13xs a:link, .band13xs a:visited, .band13xs a:active {
	color: #fff !important;
	text-decoration: none !important;
}

.band13 a:hover, .band13xs a:hover {
    color: #000 !important;
	text-decoration: none !important;
	display:block;
}

.band13 a:active, .band13xs a:active {
    background: #df0000 !important;
	color: #fff !important;
}

.band13 .active {
    background: #df0000 !important;
	color: #fff !important
}

.band13 .nav8-heading  {
    background: #df0000 !important;
	margin: 0px !important;
	padding: 20px !important;
	border-left: thin solid #500;	
	border-right: thin solid #500;	
}

.band13xs a:active {
    color: #000 !important;
	text-decoration: none !important;
}

li.band13right {
	border-right: thin solid #000;	
}

a.band13, a.band13:link, a.band13:visited, a.band13:active {
	color: #fff !important;
	text-decoration: none !important;
}

a.band13:hover {
    color: #000 !important;
	text-decoration: none !important;
}

/* BAND14 */

.band14 .btn {
	font-size: 20px !important;
}

.band14 span[id^="xg"] {
	font-size: 20px !important;
}

.band14 {
	background-color: #EDEDED;/*  */
}

.band14 a:link, .band14 a:visited, .band14 a:active, .band14xs a:link, .band14xs a:visited, .band14xs a:active {
	color: #f00 !important;
	background-color: #EDEDED;/*  */
	text-decoration: none !important;
}

.band14 a:hover {
    color: #000 !important;
	text-decoration: none !important;
}

/* band99 */

.band99 {
	background-color: #FFF6CA;/*  */
	color: #555 !important;
}

.band99>div>ul {
	min-height: 60px;
}

.band99 h3, .band99xs h3 {
	margin-bottom: 18px !important;
}

.band99>div>ul>li {
	border-left: thin solid #fff;	
}

.band99>div>ul>li>a {
	padding: 5px 5px !important;
	min-height: 55px;
}

.band99xs>div>ul>li {
	border-bottom: thin solid #fff;	
}

.band99xs a {
	display:block;
}

.band99xs a:link, .band99xs a:visited, .band99xs a:active {
	color: #666 !important;
	text-decoration: none !important;
}

.band99xs a:hover {
    color: #F00 !important;
	text-decoration: none !important;
	display:block;
}

.band99xs a:active {
    color: #000 !important;
	text-decoration: none !important;
}

li.band99right {
	border-right: thin solid #fff;	
}

a.band99, a.band99:link, a.band99:visited, a.band99:active {
	color: #666 !important;
	text-decoration: none !important;
}

a.band99:hover {
    color: #f00 !important;
	text-decoration: none !important;
}

/* GRID */

div.grid {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-bottom: 30px !important;
    display: block;
    padding: 0px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.box a, .box select {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 0px;
	width: 70%;
}

div.outline {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
	display: table-row; 
	height: 100%; 
}

/* MAIN */

div.main {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;

}

p.main1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 24px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
    border-top: thin solid #fff;	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;

	
	font-weight: bold;
}

p.main2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 13px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
	padding: 5px;
}

a.main {

color: #000 !important; /* EE7D00 */

}

a.main:hover {
    color: #f00 !important; /* EE7D00 */
	text-decoration: none !important;
	background-color: #0f0 !important;
}

div.box6 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
	border-right: thin solid #fff;	
	height: 80px;
}


p.box6 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 30px;
	font-weight:bold;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

p.box6a {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 25px;
	font-weight:bold;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

p.box6b {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 20px;
	font-weight:normal;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

div.box8 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
	border-right: thin solid #fff;	
	height: 80px;	
}


p.box8 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 30px;
	font-weight:bold;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

p.box8a {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 18px;
	font-weight:normal;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

p.box8b {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 20px;
	font-weight:normal;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

/* bottom */

div.bottom1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
	border-right: thin solid #fff;	
}

div.bottom2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

div.bottom3 {
    margin-top: 0px !important;
    margin-bottom: -1px !important;
	margin-right: 0px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	border: thin solid #fff;	
}

div.bottom4 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

p.bottom1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 14px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	

}

p.bottom2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 12px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;		
}

/* bottomnav */

a.bottomnav, a.band7:link, a.band7:visited, a.band7:active {
	color: #fff !important;
	text-decoration: none !important;
}

a.bottomnav:hover {
    color: #f00 !important;
	text-decoration: none !important;
}

div.bottomnav1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
	padding-left: 1px;
	padding-right: 1px;	
}

div.bottomnav2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

div.bottomnav3 {
    margin-top: 0px !important;
    margin-bottom: -1px !important;
	margin-right: 0px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

div.bottomnav4 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

p.bottomnav1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 20px;
	color: white;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

p.bottomnav2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 16px;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;		
}

p.bottomnav3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-size: 20px;
	color: white;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

@media (min-width: 768px) {
	div.bottomnav5 {
		border-left: thin solid #555;	
		border-right: thin solid #555;	
		margin-top: 8px !important;
		margin-bottom: 8px !important;
		margin-right: 0px !important;
		margin-left: 0px !important;		
	}
	
	div.bottomnav1 {
		padding-left: 20px;
		padding-right: 20px;	
	}	
 }

div.bottomnav5 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;		
}


/* topbar2 bands */

.band2 .topbar2-contact, .band2 .topbar2-contact a:link, .band2 .topbar2-contact a:active, .band2 .topbar2-contact a:visited {
	color: #666 !important;
}

.band2 .topbar2-contact a:hover {
	color: #f00 !important;
	text-decoration: none !important;
}

.band4 .topbar2-contact, .band4 .topbar2-contact a:link, .band4 .topbar2-contact a:active, .band4 .topbar2-contact a:visited {
	color: #666 !important;
}

.band4 .topbar2-contact a:hover {
	color: #f00 !important;
	text-decoration: none !important;	
}

/* topbar2 */

div.topbar2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

p.topbar2 {
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	color: #333;
	font-size: 16px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;
}

p.topbar2-number {
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	color: #00ABBD;
	font-size: 28px;
	font-weight: bold;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

p.topbar2-contact {
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	color: #00ABBD;
	font-size: 16px;
	font-weight: normal;
    margin-top: 4px !important;
    margin-bottom: 5px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}

p.topbar2-contact2 {
    font-family: HelveticaNeueW01-47LtCn_692686 !important;
	color: #00ABBD;
	font-size: 14px;
	font-weight: normal;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	line-height: 1.1 !important;	
}
 
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
} 

.navbar-text {
  width:120px;
}

 /* Diagnostic Bar */
 
.ui-trans{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=30) !important;
  font: 12px courier new, courier !important;
}

h6.ui-trans{
	font: 15px courier new, courier;
}

/* justified nav adjustments */

@media (max-width: 768px) {
	.nav-justified>li>a {
	  margin-bottom: 0px !important;
	  text-align: left;
	}
}	


 /* Navbar */
 
 /*font-family:'HelveticaNeueW01-55Roma';*/
 
.nav-custom1 {
	background-color: #555!important;
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.nav-custom2 {
	background-color: #555!important;
}

.nav-custom1>ul>li.open>a {
	background-color:red!important;
	font-size:1.1em;
	font-family:'HelveticaNeueW01-75Bold'!important;
}

.nav-custom1>ul>li.dropdown>a, .nav-custom1>ul>li.dropdown>a, .nav-custom1>ul>li.dropdown>a:hover {
	font-family:'HelveticaNeueW01-75Bold'!important;
}

.nav-custom1>ul>li>a {
	color:white!important;
	font-size:1.1em;	
	font-family:'HelveticaNeueW01-55Roma'!important;
}

.nav-custom1>ul>li>a:hover {
	color:white!important;
	background-color:red!important;
	font-size:1.1em;
	font-family:'HelveticaNeueW01-55Roma'!important;
}



.xnavbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.navbar {min-height:100px !important}
.xnavbar-text {margin-top:5px !important; margin-bottom:5px !important; xpadding-top:7px !important;}
.xnavbar-adj {padding-top:3px !important;}
.xnavbar-toggle {margin-top:5px !important; margin-bottom:5px !important; padding:2px  !important;}
.xnavbar-nav {margin-top:0px; margin-bottom:2px !important;}
.xnavbar-toggle .icon-bar {
	display: block;
	width: 20px;
	height: 3px;
border-radius: 1px;
}
.xnavbar-brand {
float: left;
height: 20px;
padding: 4px 4px;
font-size: 18px;
line-height: 20px;
}

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

.carousel-indicators {
	bottom: -12px !important;
}

 /* fix for extra space for nav bar at top */
body {
  padding-top: 0px; /* was 60px before new menu */
}

/* Fix for date picker not being on top of everything */
#ui-datepicker-div {
	z-index: 9999999 !important;
}

/* Fix for chrome resizing horiz */
textarea { 
	resize: vertical;
}

/* set minimum width for containers*/
.container {
	min-width: 300px !important;
}

.white {
    color: white;
}

.table td {
  vertical-align: middle !important;
}

.progress {
  height: 10px !important;
}

.text-darkgrey {
color: #555555 !important;
}
.text-grey {
color: #888888 !important;
}

.stack {
  display:table-cell;
}

.btn-yellow { 
  color: #ffffff; 
  background-color: #D9C700; 
  border-color: #BDAD00; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #ffffff; 
  background-color: #C2B200; 
  border-color: #BDAD00; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #D9C700; 
  border-color: #BDAD00; 
} 
 
.btn-yellow .badge { 
  color: #D9C700; 
  background-color: #ffffff; 
}

/* Fix for Photoswipe + Bootstrap*/

figure, figcaption {
	padding: 10px;
}

.pointer { cursor: pointer; cursor: hand; }

/* additional stylings 2016 */
.text-muted {
    color: #818a91 !important;
}

.text-special {
    color: #f00 !important;
}

.text-strike {
    text-decoration: line-through !important;
}

.text-overline {
    text-decoration: overline !important;
}

.text-underline {
    text-decoration: underline !important;
}

.text-strikethrough {
  position: relative;
}
.text-strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-2deg);
  -moz-transform:rotate(-2deg);
  -ms-transform:rotate(-2deg);
  -o-transform:rotate(-2deg);
  transform:rotate(-2deg);
}

/* Responsive Text Alignment */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.right {
    right: 0px;
    width: 300px;
    border: 3px solid #73AD21;
    padding: 10px;
}

div.row.row-border * {
	border: 1px solid;
	border-color: red;
	margin-bottom: -1px;
}

div.row.row-border div:not(:last-child) {
	border-right:0;
}

div.row.row-pillar * {
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: red;
	margin-bottom: -1px;
}

div.row.row-pillar div:not(:last-child) {
	border-right:0;
}
/*
*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}
*/

/* product display styling */
.prod_name {
	font-family: HelveticaNeueW01-47LtCn_692686 !important;
	font-weight: bold;
	line-height: 1.0 !important;
	font-size: 16px;
	margin-bottom:10px;
}

.prod_price {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.0 !important;
}

.prod_quantity {
	height: 25px;
	font-weight: bold;
	line-height: 1.0 !important;
	font-size: 0.9em;
}

.prod_dollar {
	height: 25px;
	font-weight: bold;
	vertical-align: 30%;
	line-height: 1.0 !important;
}

.prod_unit {
	height: 25px;
	font-size: 0.9em;
	font-weight: bold;
}

.prod_data {
	margin-bottom:10px !important;
}

/* back to top styling */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 80px;
    right: 30px;
    display:none;
	background:none;
	padding: 8px 14px;
}

/* flex styling */
.flex-container {
    display: -webkit-flex;
    display: flex;
    width: 400px;
    height: 250px;
    background-color: lightgrey;
}

.flex-item {
    background-color: cornflowerblue;
    width: 100px;
    height: 100px;
    margin: 10px;
}


/* */

div.st-ui-injected-overlay-container section.st-ui-no-results .st-ui-type-heading, section.st-ui-no-results .st-ui-type-heading {
    position:static!important;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -80px 0 0;
    padding: 144px 36px 36px;
    text-align: center;
    color: #8B9BAD;
    background: #fff no-repeat 50% 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFW…BRGP%2BdzhpaKjhf6C7DO1RZQ%2FEpnO%2B0vFSD%2FwswAEpjnN9gFctlAAAAAElFTkSuQmCC);
}

section.st-ui-no-results {
	margin-top:20px!important;
}

/* Google Custom Search Fixes */

.gsc-control-cse .gsc-table-result {
	font-family : inherit;
}

.gsc-control-cse .gsc-input-box {
	height : inherit;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button, input.gsc-search-button-v2 {
	box-sizing  : content-box;
	line-height : normal;
	margin-top  : 0px;
}
	
	
/* custom bootstrap hack to make grid system behave like a table so the rows line up better */

.row.flex {
    display: flex;
    flex-wrap: wrap;
}
.row.flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


/* SIDEBAR slider */

/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden;
	padding-top: 0px !important;
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 0px;
	margin-top: 100px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0;
	margin-top: -21px;
}

/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: red;
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}


.navbar-nav.navbar-center {
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
}

.nav-link-active{
	border-color: #aaa!important;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-bottom: 0.1rem!important;
	padding-bottom: 0.7rem!important;
}

@media (max-width:767px) { 
	#slide-nav .container {
	    margin: 0!important;
	    padding: 0!important;
      height:100%;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 80%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 20px;
		padding-top:20px;
	    z-index: 2;
	    top: -8px;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    width: 80%;
	    white-space: normal;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav.navbar #slidemenu {
	    /*background: #ccc;*/
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
      bottom:0;
	    width: 80%;
	    left: -80%;
	    background: #f7f7f7;
	}
	#navbar-height-col.inverse {
	    background: #333;
	    z-index: 1;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}
}
@media (min-width:768px) { 
	#page-content {
	    left: 0!important
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
}

.appradio {
  border: 1px solid #b3b4b4;
  border-radius: 50%;
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 22px;
}

.appradiolabel {
	cursor: pointer;
	color: #888;
}

.appinput {
  margin-bottom: 10px;
}

label.error {
	color: rgba(255,0,0,0.8);
	margin-top:0px;	
	margin-bottom:0px;	
}

label.app {
	margin-top:20px;	
}

input.error {
	background-color: rgba(255,0,0,0.1);
	margin-bottom:0px;
}

.label-clean {
    font-size: 100% !important;
    font-weight: 400 !important;
}

.bdr {
	/*margin: 4px;*/
	padding: 20px;
}

.bdr-orange {
	outline: 2px solid orange;
}

.bdr-green {
	outline: 2px solid green;
}

.bdr-blue {
	outline: 2px solid blue;
}

.bdr-pink {
	outline: 2px solid pink;
}

.bdr-purple {
	outline: 2px solid purple;
}

.bdr-red {
	outline: 2px solid red;
}

.align-bottom {
    vertical-align: bottom !important;
}

.btn-pad {
    margin-bottom: 10px !important;
}

.btn-special {
    background: purple !important;
    color: #ffffff !important;
}

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width:1200px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		width: 90%;
		max-width:1900px;
	}
}

@media (max-width: 991px) {
	.block-sm {
	  display: block !important;
	  text-align: left !important;
	  width: 100% !important;
	}
}	

@media (max-width: 768px) {
	.block-xs {
	  display: block !important;
	  text-align: left !important;
	  width: 100% !important;
	}
}	

.xcontrol-label {
	font-size: 24px !important;
}

.div-bdr {
	border: 1px solid #ddd; border-radius: 4px;
}

.div-pad {
	margin: 10px;
}

.hr-danger {
    display: block !important;
    height: 1px !important;
    border: 0 !important;
    border-top: 1px dashed #999 !important;
    margin: 1em 0 !important;
    padding: 0 !important;
}

.hr-dbl {
    display: block !important;
    height: 3px !important;
    border: 0 !important;
    border-top: 3px double #999 !important;
    margin: 1em 0 !important;
    padding: 0 !important;
}

.addcart:hover {
    color: white !important;
	background-color: #196F3D !important;
    border-color: #145A32 !important;
	font-weight: bold;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.strong {
  font-weight: bold;
}


.img-cont {
    position: relative;
    width: 100%;
}

.img-center {
    margin: 0 auto !important;
}

.img-hov {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.img-mid {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.img-cont:hover .img-hov {
  opacity: 0.3;
}

.img-cont:hover .img-mid {
  opacity: 1;
}

.img-text {
  background-color: white;
  color: #333;
  font-size: 16px;
  padding: 16px 32px;
  margin-bottom: 8px;
}

.xprodbox {
	xbackground-color: #EDEDED;
	background-color: #F7F4ED;
}

.owl-stage-outer {
    position:relative;
    z-index:10;
}

.owl-nav {
    position:relative;
    z-index:99;
    margin-top:20px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-left: -10px;
	margin-top:-15px !important;
    display: block !important;
    border:0px solid black;
}

.owl-next {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0px;
	margin-top:-15px !important;
    display: block !important;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(4,4); color: #F00; margin-top: 0px;}

.owl-dot {
    position:relative;
    z-index:99;
}

/* Accordion with plus minus */

.panel-title.plusme > a:before {
    float: right !important;
	font-family: "Font Awesome 5 Pro"!important;
	font-weight: 900; /* Fix for FA version 5.0.9 */
    content:"\f068";
    padding-right: 5px;
}
.panel-title.plusme > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title.plusme > a:hover, 
.panel-title.plusme > a:active, 
.panel-title.plusme > a:focus  {
    text-decoration:none;
}

.panel-gap {
	margin-top:20px!important;
}

/* Sticky Image */

.shove-right {
    right: 10px;
	bottom:300px;
	z-index:9999;
    text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff!important;  
}


xmp{
   white-space: -moz-pre-wrap !important;
   white-space: -o-pre-wrap !important;
   white-space: pre-wrap !important;
   word-wrap: break-word !important;
   margin: 0 !important;
}

/* Extra Hero */
.text-white{
	color:white;
}

.text-shadow-dark{
	text-shadow: 2px 2px 10px #000;
}

.text-shadow-light{
	text-shadow: 2px 2px 10px #333;
}

.btn-white-outline{
	color: #fff!important;
	background-color: rgba(0,0,0, .25)!important;
	border-color: white!important;
	font-family: HelveticaNeueW01-45Ligh !important;
	font-weight: bold;
	border: 3px solid white!important;
	border-radius: 23px;
}

.btn-white-outline:hover{
	background-color: white!important;
	color: #333!important;
}

.vh-full{
	min-height: calc(100vh - 50px) !important;
	max-height: calc(100vh - 50px) !important;
}

/* HERO */
.hero .hero-image img, .hero .hero-video {
	display: block;
	height: 100vh;
	height: var(--media-height);
	max-height: 100vh;
	max-height: var(--media-height);
	max-width: none;
	min-height: 100vh;
	min-height: var(--media-height);
	font-family: "object-fit:cover";
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}


:root {
    --callouts-width:100%;--mobile-callouts-width:33%;--cmp-banner-item:1;--cmp-banner-transition-delay:.15s;--cmp-banner-transition-property:all;--cmp-banner-transition-timing-function:cubic-bezier(.455,.03,.515,.955);--iphone-media-height:calc(100vh - 30px);--iphone-x-media-height:calc(100vh - 69px);--iphone-xr-media-height:calc(100vh - 69px);--iphone-xs-max-media-height:calc(100vh - 69px);--media-height:100vh}

.hero {
    min-height: 100vh;
    min-height: var(--media-height);
    overflow: hidden;
    position: relative
}

@media (min-width: 640px) {
    .hero.hero--default .button-group {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape) {
    .hero {
        max-height:none;
        min-height: 100%
    }
}

@media (max-width: 839px) and (orientation:landscape) {
    .hero {
        height:100vh;
        height: var(--media-height);
        min-height: 700px
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media (max-width: 639px) and (orientation:portrait) {
        .hero {
            min-height:calc(100vh - 30px);
            min-height: var(--iphone-media-height)
        }
    }

    @media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (device-width:375px) and (device-height:812px) and (min-resolution:3dppx) and (orientation:portrait) {
        .hero {
            min-height:calc(100vh - 69px);
            min-height: var(--iphone-x-media-height)
        }
    }

    @media only screen and (device-width: 414px) and (device-height:896px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (device-width:414px) and (device-height:896px) and (min-resolution:3dppx) and (orientation:portrait) {
        .hero {
            min-height:calc(100vh - 69px);
            min-height: var(--iphone-xs-max-media-height)
        }
    }

    @media only screen and (device-width: 414px) and (device-height:896px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (device-width:414px) and (device-height:896px) and (min-resolution:2dppx) and (orientation:portrait) {
        .hero {
            min-height:calc(100vh - 69px);
            min-height: var(--iphone-xr-media-height)
        }
    }
}

@media (min-width: 769px) and (orientation:portrait),(min-width:1025px) and (orientation:landscape) {
    .hero .hero-asset,.hero .hero-regions {
        -webkit-transform:none!important;
        transform: none!important
    }
}

.hero.is-iphone-Chrome {
    height: 100vh
}

.hero.is-iphone-Chrome .hero-image img {
    height: 100vh;
    min-height: 100vh
}

.hero .hero-image img,.hero .hero-video {
    display: block;
    height: 100vh;
    height: var(--media-height);
    max-height: 100vh;
    max-height: var(--media-height);
    max-width: none;
    min-height: 100vh;
    min-height: var(--media-height);
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
    .hero .hero-image img {
        -o-object-position:center 35%;
        object-position: center 35%
    }

    .hero .hero-image img,.hero .hero-video {
        height: 100vh;
        height: var(--media-height);
        max-height: 100vh;
        max-height: var(--media-height);
        min-height: 0
    }
}

@media (max-width: 839px) and (orientation:landscape) {
    .hero .hero-image img {
        height:100vh;
        height: var(--media-height);
        min-height: 700px
    }
}

@media (max-width: 639px) and (orientation:portrait) {
    .hero {
        -o-object-position:initial;
        object-position: initial
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .hero .hero-video {
        max-height: none
    }
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    .hero .hero-video {
        max-height: none
    }
}

.hero .hero-regions--wrapper {
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    height: 100vh;
    -webkit-box-pack: stretch;
    justify-content: stretch;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
	.hero .hero-regions--wrapper {
		padding-bottom:3vh
	}
}

@media (max-width: 839px) and (orientation:landscape) {
	.hero .hero-regions--wrapper {
		padding-bottom:24px
	}
}

@media (max-width: 639px) {
	.hero .hero-regions--wrapper {
		padding-bottom:calc(80px - 3vh)
	}
}

.hero .hero-regions {
	-webkit-box-orient: horizontal;
	flex-flow: row nowrap;
	-webkit-box-flex: 1;
	flex-grow: 1;
	width: 100%
}

.hero .hero-regions,.hero .hero-regions .hero-region--center {
	align-content: stretch;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	height: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between
}

.hero .hero-regions .hero-region--center {
	-webkit-box-orient: vertical;
	flex-flow: column nowrap;
	text-align: center
}

.hero .hero-regions .hero-region--center.hero-region--with-callouts {
	-webkit-box-flex: 1;
	flex: 1 1 100%;
	width: 100%
}

.hero .hero-regions .hero-region--center .hero-region--center-top .tds-o-btn {
	left: 0;
	min-width: 250px
}

.hero .hero-regions .hero-region--center .hero-region--center-bottom,.hero .hero-regions .hero-region--center .hero-region--center-top {
	min-width: 100%
}

.hero .hero-regions .hero-region--center .hero-region--center-bottom {
	position: relative
}

.hero .hero-regions>div[class^=hero-region--] {
	-webkit-box-flex: 1;
	flex: 1 0 33%;
	width: 33%
}

.hero .hero-regions>div[class^=hero-region--] header {
	padding-top: 9vh
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape) {
	.hero .hero-regions>div[class^=hero-region--] header {
		padding-top:6vh;
		width: 100%
	}
}

@media (max-width: 419px) {
	.hero .hero-regions>div[class^=hero-region--] header {
		padding-top:3vh
	}
}

.hero .hero-regions>div[class^=hero-region--] header .header--white {
	color: #fff;
	color: var(--tds-color--white)
}

.hero .hero-regions>div[class^=hero-region--] header .header-upper {
	display: block;
	margin-top: 4px;
	-webkit-transition-delay: .33s;
	transition-delay: .33s
}

.hero .hero-regions>div[class^=hero-region--] header .header-lower {
	display: block;
	margin-top: 5px;
	-webkit-transition-delay: .46s;
	transition-delay: .46s
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape) {
	.hero .hero-regions>div[class^=hero-region--] header .header-lower {
		font-size:0.8em;
		margin-top: 0
	}
}

.hero .hero-regions .hero-copy {
	margin: 25px auto;
	width: 100%
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
	.hero .hero-regions .hero-copy {
		margin:20px auto;
		padding: 0 20px
	}
}

.hero .hero-regions .hero-copy.hero-copy--desktop {
	display: block
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
	.hero .hero-regions .hero-copy.hero-copy--desktop {
		display:none
	}
}

.hero .hero-regions .hero-copy.hero-copy--mobile {
	display: none;
	line-height: 19px
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
	.hero .hero-regions .hero-copy.hero-copy--mobile {
		display:block
	}
}

@media only screen and (max-device-width: 320px) and (orientation:portrait) {
	.hero .hero-regions .hero-copy.hero-copy--mobile {
		display:none
	}
}

.hero .hero-regions .hero-copy.hero-copy--white {
	color: #fff;
	color: var(--tds-color--white)
}

@supports (-webkit-overflow-scrolling:touch) {
	@media (max-width: 639px) {
		.hero:not(.hero--with-banner) .hero-regions--wrapper {
			padding-bottom:calc(140px - 3vh)
		}
	}
}

.hero:not(.hero--with-banner) .hero-regions .hero-region--center {
	padding-top: 3vh
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
	.hero:not(.hero--with-banner) .hero-regions .hero-region--center {
		padding-top:calc(6vh - 24px)
	}
}

@media (max-width: 839px) and (orientation:landscape) {
	.hero:not(.hero--with-banner) .hero-regions .hero-region--center {
		padding-top:56px
	}
}

@media (max-width: 639px) {
	.hero:not(.hero--with-banner) .hero-regions .hero-region--center {
		padding-top:6vh
	}
}

@media (max-width: 839px) and (orientation:landscape) {
	.hero:not(.hero--with-banner) .tds-icon-arrow_down {
		display:none
	}
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
	.hero:not(.hero--with-banner) picture {
		display:block;
		min-height: 100vh;
		min-height: var(--media-height)
	}
}

@media (max-width: 839px) and (orientation:landscape) {
	.hero:not(.hero--with-banner) .hero-image img,.hero:not(.hero--with-banner) .hero-video,.hero:not(.hero--with-banner) picture {
		min-height:700px
	}
}

@media (max-width: 639px) and (orientation:portrait),(max-width:839px) and (orientation:landscape),(min-width:640px) and (max-width:1023px) and (orientation:portrait) {
	.hero .hero-regions {
		-webkit-box-orient:vertical;
		-webkit-box-direction: normal;
		flex-direction: column
	}

	.hero .hero-regions .hero-region--center {
		-webkit-box-align: stretch;
		align-items: stretch;
		-webkit-box-ordinal-group: 2;
		order: 1
	}

	.hero .hero-regions .hero-region--center .hero-region--center-bottom,.hero .hero-regions .hero-region--center .hero-region--center-top {
		min-height: auto
	}

	.hero .hero-regions>div[class^=hero-region--] {
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		height: auto;
		margin: 0;
		width: 100%
	}

	.hero .hero-regions>div[class^=hero-region--].hero-region--with-callouts {
		-webkit-box-ordinal-group: 4;
		order: 3
	}
}

/* BS4 style margin control */

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.min-vh-100-m146 {
    min-height: calc( 100vh - 146px ) !important
}

.min-vh-100-m111 {
    min-height: calc( 100vh - 111px ) !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.mh-100{
	--media-height: 100vh;
}

.vmax100{
	height: 100vh !important
	
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.m-0 {
    margin: 0 !important
}

.mt-0,.my-0 {
    margin-top: 0 !important
}

.mr-0,.mx-0 {
    margin-right: 0 !important
}

.mb-0,.my-0 {
    margin-bottom: 0 !important
}

.ml-0,.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 0.25rem !important
}

.mt-1,.my-1 {
    margin-top: 0.25rem !important
}

.mr-1,.mx-1 {
    margin-right: 0.25rem !important
}

.mb-1,.my-1 {
    margin-bottom: 0.25rem !important
}

.ml-1,.mx-1 {
    margin-left: 0.25rem !important
}

.m-2 {
    margin: 0.5rem !important
}

.mt-2,.my-2 {
    margin-top: 0.5rem !important
}

.mr-2,.mx-2 {
    margin-right: 0.5rem !important
}

.mb-2,.my-2 {
    margin-bottom: 0.5rem !important
}

.ml-2,.mx-2 {
    margin-left: 0.5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,.my-3 {
    margin-top: 1rem !important
}

.mr-3,.mx-3 {
    margin-right: 1rem !important
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,.my-5 {
    margin-top: 3rem !important
}

.mr-5,.mx-5 {
    margin-right: 3rem !important
}

.mb-5,.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,.py-0 {
    padding-top: 0 !important
}

.pr-0,.px-0 {
    padding-right: 0 !important
}

.pb-0,.py-0 {
    padding-bottom: 0 !important
}

.pl-0,.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 0.25rem !important
}

.pt-1,.py-1 {
    padding-top: 0.25rem !important
}

.pr-1,.px-1 {
    padding-right: 0.25rem !important
}

.pb-1,.py-1 {
    padding-bottom: 0.25rem !important
}

.pl-1,.px-1 {
    padding-left: 0.25rem !important
}

.p-2 {
    padding: 0.5rem !important
}

.pt-2,.py-2 {
    padding-top: 0.5rem !important
}

.pr-2,.px-2 {
    padding-right: 0.5rem !important
}

.pb-2,.py-2 {
    padding-bottom: 0.5rem !important
}

.pl-2,.px-2 {
    padding-left: 0.5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,.py-3 {
    padding-top: 1rem !important
}

.pr-3,.px-3 {
    padding-right: 1rem !important
}

.pb-3,.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,.px-4 {
    padding-left: 1.5rem !important
}

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

.pt-5,.py-5 {
    padding-top: 3rem !important
}

.pr-5,.px-5 {
    padding-right: 3rem !important
}

.pb-5,.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -0.25rem !important
}

.mt-n1,.my-n1 {
    margin-top: -0.25rem !important
}

.mr-n1,.mx-n1 {
    margin-right: -0.25rem !important
}

.mb-n1,.my-n1 {
    margin-bottom: -0.25rem !important
}

.ml-n1,.mx-n1 {
    margin-left: -0.25rem !important
}

.m-n2 {
    margin: -0.5rem !important
}

.mt-n2,.my-n2 {
    margin-top: -0.5rem !important
}

.mr-n2,.mx-n2 {
    margin-right: -0.5rem !important
}

.mb-n2,.my-n2 {
    margin-bottom: -0.5rem !important
}

.ml-n2,.mx-n2 {
    margin-left: -0.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,.my-auto {
    margin-top: auto !important
}

.mr-auto,.mx-auto {
    margin-right: auto !important
}

.mb-auto,.my-auto {
    margin-bottom: auto !important
}

.ml-auto,.mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0 !important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: 0.25rem !important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: 0.25rem !important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: 0.25rem !important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: 0.25rem !important
    }

    .m-sm-2 {
        margin: 0.5rem !important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: 0.5rem !important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: 0.5rem !important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: 0.5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: 0.25rem !important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: 0.25rem !important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: 0.25rem !important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: 0.25rem !important
    }

    .p-sm-2 {
        padding: 0.5rem !important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: 0.5rem !important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: 0.5rem !important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: 0.5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem !important
    }

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

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -0.25rem !important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -0.25rem !important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -0.25rem !important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -0.25rem !important
    }

    .m-sm-n2 {
        margin: -0.5rem !important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -0.5rem !important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -0.5rem !important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -0.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0 !important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: 0.25rem !important
    }

    .mt-md-1,.my-md-1 {
        margin-top: 0.25rem !important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: 0.25rem !important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: 0.25rem !important
    }

    .m-md-2 {
        margin: 0.5rem !important
    }

    .mt-md-2,.my-md-2 {
        margin-top: 0.5rem !important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: 0.5rem !important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: 0.5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: 0.25rem !important
    }

    .pt-md-1,.py-md-1 {
        padding-top: 0.25rem !important
    }

    .pr-md-1,.px-md-1 {
        padding-right: 0.25rem !important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-md-1,.px-md-1 {
        padding-left: 0.25rem !important
    }

    .p-md-2 {
        padding: 0.5rem !important
    }

    .pt-md-2,.py-md-2 {
        padding-top: 0.5rem !important
    }

    .pr-md-2,.px-md-2 {
        padding-right: 0.5rem !important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-md-2,.px-md-2 {
        padding-left: 0.5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem !important
    }

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

    .pt-md-5,.py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -0.25rem !important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -0.25rem !important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -0.25rem !important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -0.25rem !important
    }

    .m-md-n2 {
        margin: -0.5rem !important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -0.5rem !important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -0.5rem !important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -0.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0 !important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: 0.25rem !important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: 0.25rem !important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: 0.25rem !important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: 0.25rem !important
    }

    .m-lg-2 {
        margin: 0.5rem !important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: 0.5rem !important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: 0.5rem !important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: 0.5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: 0.25rem !important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: 0.25rem !important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: 0.25rem !important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: 0.25rem !important
    }

    .p-lg-2 {
        padding: 0.5rem !important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: 0.5rem !important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: 0.5rem !important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: 0.5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem !important
    }

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

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -0.25rem !important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -0.25rem !important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -0.25rem !important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -0.25rem !important
    }

    .m-lg-n2 {
        margin: -0.5rem !important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -0.5rem !important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -0.5rem !important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -0.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0 !important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: 0.25rem !important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: 0.25rem !important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: 0.25rem !important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: 0.25rem !important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: 0.25rem !important
    }

    .m-xl-2 {
        margin: 0.5rem !important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: 0.5rem !important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: 0.5rem !important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: 0.5rem !important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: 0.5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: 0.25rem !important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: 0.25rem !important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: 0.25rem !important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: 0.25rem !important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: 0.25rem !important
    }

    .p-xl-2 {
        padding: 0.5rem !important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: 0.5rem !important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: 0.5rem !important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: 0.5rem !important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: 0.5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem !important
    }

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

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -0.25rem !important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -0.25rem !important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -0.25rem !important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -0.25rem !important
    }

    .m-xl-n2 {
        margin: -0.5rem !important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -0.5rem !important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -0.5rem !important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -0.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto !important
    }
}

/* Additional padding and margin control */
.p-t-25{
	padding-top:25px!important;
}

.p-t-50{
	padding-top:50px!important;
}

.p-t-100{
	padding-top:100px!important;
}

.p-t-125{
	padding-top:125px!important;
}

.p-t-150{
	padding-top:150px!important;
}

.p-t-175{
	padding-top:175px!important;
}

.p-b-25{
	padding-bottom:25px!important;
}

.p-b-50{
	padding-bottom:50px!important;
}

.p-b-100{
	padding-bottom:100px!important;
}

.p-b-125{
	padding-bottom:125px!important;
}

.p-b-150{
	padding-bottom:150px!important;
}

.p-b-175{
	padding-bottom:175px!important;
}

.w-250{
	width:250px;
}

/* TDS Community Icons */

:root {
    --tds-icon-width:24px;--tds-icon-height:24px;--tds-icon-bg_size:100%;--tds-icon-bg_color:transparent;--tds-icon-bg_repeat:no-repeat;--tds-icon-bg_position:center;--tds-icon_size--jump:20px}

.tds-icon {
    content: "";
    display: block;
    max-width: 100%;
    width: 24px!important;
    width: var(--tds-icon-width);
    height: 24px!important;
    height: var(--tds-icon-height);
    background-size: 100%!important;
    background-size: var(--tds-icon-bg_size)v;
    background-color: transparent!important;
    background-color: var(--tds-icon-bg_color)!important;
    background-repeat: no-repeat!important;
    background-repeat: var(--tds-icon-bg_repeat)!important;
    background-position: 50%!important;
    background-position: var(--tds-icon-bg_position)!important;
    text-indent: -9999px;
    overflow: hidden;
	border:none;
	color:white!important;
}

.hero .tds-icon.tds-icon--bounce.hero-arrow_down.hero-arrow_down--white {
	-webkit-filter: invert(100%);
	filter: invert(100%)
}

.tds-icon--circle {
    position: relative;
    display: block
}

.tds-icon--circle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4gIDxwYXRoIGQ9Ik01MCAwQzIyLjQgMCAwIDIyLjQgMCA1MHMyMi40IDUwIDUwIDUwIDUwLTIyLjQgNTAtNTBTNzcuNiAwIDUwIDB6bTAgOTcuNUMyMy44IDk3LjUgMi41IDc2LjIgMi41IDUwUzIzLjggMi41IDUwIDIuNSA5Ny41IDIzLjggOTcuNSA1MCA3Ni4yIDk3LjUgNTAgOTcuNXoiLz48L3N2Zz4=")
}

.tds-icon--circle_thick {
    border-radius: 100px;
    border: 2px solid #000;
    border: 2px solid var(--tds-color--black)
}

.tds-icon--alt {
    filter: invert(1)
}

.tds-icon--bounce {
    position: absolute;
    bottom: 25px;
    left: 50%;
    background-size: cover;
    cursor: pointer;
    animation-name: tds-keyframe--bounce;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

.tds-icon.tds-icon--bounce {
    width: 20px!important;
    width: var(--tds-icon_size--jump);
    height: 20px!important;
    height: var(--tds-icon_size--jump);
    margin-left: -10px;
    margin-left: calc(var(--tds-icon_size--jump)/2*-1)
}

.tds-icon--xsmall {
    height: 8px;
    height: var(--tds-size);
    width: 8px;
    width: var(--tds-size)
}

.tds-icon--small {
    height: 16px;
    height: var(--tds-size--2x);
    width: 16px;
    width: var(--tds-size--2x)
}

.tds-icon--medium {
    height: 40px;
    height: var(--tds-size--5x);
    width: 40px;
    width: var(--tds-size--5x)
}

.tds-icon--large {
    height: 56px;
    height: var(--tds-size--7x);
    width: 56px;
    width: var(--tds-size--7x)
}

.tds-icon--xlarge {
    height: 72px;
    height: var(--tds-size--9x);
    width: 72px;
    width: var(--tds-size--9x)
}

.tds-icon--xxlarge {
    height: 88px;
    height: var(--tds-size--11x);
    width: 88px;
    width: var(--tds-size--11x)
}

.tds-icon--jumbo {
    height: 104px;
    height: var(--tds-size--13x);
    width: 104px;
    width: var(--tds-size--13x)
}

.tds-icon-arrow--down {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNMTAwIDUuNWMwIDEuMy0uNSAyLjYtMS41IDMuNUw1MCA1Ny41IDEuNSA5Yy0yLTItMi01LjEgMC03LjFzNS4xLTIgNy4xIDBMNTAgNDMuNCA5MS41IDEuOWMyLTIgNS4xLTIgNy4xIDAgLjkgMSAxLjQgMi4zIDEuNCAzLjZ6Ii8+PC9zdmc+")
}

.tds-icon-arrow--left {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNNzMuNSAxMDBjLTEuMyAwLTIuNi0uNS0zLjUtMS41TDIxLjUgNTAgNzAgMS41YzItMiA1LjEtMiA3LjEgMHMyIDUuMSAwIDcuMUwzNS42IDUwbDQxLjUgNDEuNWMyIDIgMiA1LjEgMCA3LjEtMSAuOS0yLjMgMS40LTMuNiAxLjR6Ii8+PC9zdmc+")
}

.tds-icon-arrow--right {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNMjYuNSAwYzEuMiAwIDIuNS41IDMuNSAxLjVMNzguNSA1MCAzMCA5OC41Yy0yIDItNS4xIDItNy4xIDBzLTItNS4xIDAtNy4xTDY0LjQgNTAgMjIuOSA4LjVjLTItMi0yLTUuMSAwLTcuMSAxLS45IDIuMy0xLjQgMy42LTEuNHoiLz48L3N2Zz4=")
}

.tds-icon-arrow--up {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNMCA1Mi41YzAtMS4zLjUtMi42IDEuNS0zLjVMNTAgLjUgOTguNSA0OWMyIDIgMiA1LjEgMCA3LjFzLTUuMSAyLTcuMSAwTDUwIDE0LjYgOC41IDU2LjFjLTIgMi01LjEgMi03LjEgMC0uOS0xLTEuNC0yLjMtMS40LTMuNnoiLz48L3N2Zz4=")
}

.tds-icon-badge--circle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYWdjbGlwLXBhdGgiPjxwYXRoIGNsYXNzPSJhZ2Nscy0xIiBkPSJNMTIgOC41NWwtMS42NS0yQTE1LjU2IDE1LjU2IDAgMDA0LjcgNy45MWE1IDUgMCAwMDIuMTUgMS42MWMuMS0uOTUuNzctMS4xOSAyLjg4LTEuMTlMMTIgMjAuODlsMi4yMS0xMi41NWMyLjEzIDAgMi44LjIzIDIuOSAxLjE4YTUgNSAwIDAwMi4xNS0xLjYxIDE1LjgxIDE1LjgxIDAgMDAtNS42My0xLjM2eiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJhZ2NsaXAtcGF0aC0yIj48cGF0aCBjbGFzcz0iYWdjbHMtMSIgZD0iTTEyIDVhMjEuNjcgMjEuNjcgMCAwMC04IDEuNTYgOC4yMSA4LjIxIDAgMDAuNDUuOTJBMTguMzQgMTguMzQgMCAwMTEyIDZhMTguMzQgMTguMzQgMCAwMTcuNTMgMS41MSA1LjkxIDUuOTEgMCAwMC40Ny0uOTVBMjEuNjcgMjEuNjcgMCAwMDEyIDUiLz48L2NsaXBQYXRoPjxzdHlsZT4uYWdjbHMtMXtmaWxsOm5vbmU7Y2xpcC1ydWxlOmV2ZW5vZGR9LmFnY2xzLTR7ZmlsbDojZmZmfTwvc3R5bGU+PC9kZWZzPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSIjYzAwIi8+PGcgY2xpcC1wYXRoPSJ1cmwoI2FnY2xpcC1wYXRoKSI+PHBhdGggY2xhc3M9ImFnY2xzLTQiIGQ9Ik0tLjMgMS41NWgyNC41NlYyNS45SC0uM3oiLz48L2c+PGcgY2xpcC1wYXRoPSJ1cmwoI2FnY2xpcC1wYXRoLTIpIj48cGF0aCBjbGFzcz0iYWdjbHMtNCIgZD0iTS0xIDBoMjUuOTZ2MTIuNDhILTF6Ii8+PC9nPjwvc3ZnPg==")
}

.tds-icon-badge--marker {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQwIDQwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYWhjbGlwLXBhdGgiPjxwYXRoIGNsYXNzPSJhaGNscy0xIiBkPSJNMjAgMTIuNmwtMS43Mi0yLjA5YTE2LjUgMTYuNSAwIDAwLTUuODkgMS40MiA1LjI1IDUuMjUgMCAwMDIuMjQgMS42OWMuMTEtMSAuODEtMS4yNCAzLTEuMjRMMjAgMjUuNTFsMi4zNC0xMy4xM2MyLjIyIDAgMi45Mi4yNCAzIDEuMjRhNS4yNSA1LjI1IDAgMDAyLjI0LTEuNjkgMTYuNSAxNi41IDAgMDAtNS44OS0xLjQyeiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJhaGNsaXAtcGF0aC0yIj48cGF0aCBjbGFzcz0iYWhjbHMtMSIgZD0iTTIwIDguODlhMjIuNzggMjIuNzggMCAwMC04LjM1IDEuNjMgOSA5IDAgMDAuNDcgMUExOS4yNyAxOS4yNyAwIDAxMjAgOS45YTE5LjI3IDE5LjI3IDAgMDE3Ljg4IDEuNTggNy4yMSA3LjIxIDAgMDAuNDctMUEyMi43OCAyMi43OCAwIDAwMjAgOC44OSIvPjwvY2xpcFBhdGg+PHJhZGlhbEdyYWRpZW50IGlkPSJhaHJhZGlhbC1ncmFkaWVudCIgY3g9IjIwIiBjeT0iMzcuODYiIHI9IjkuNDYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLjIyIDAgMjkuNTMpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLW9wYWNpdHk9Ii41Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxzdHlsZT4uYWhjbHMtMXtmaWxsOm5vbmU7Y2xpcC1ydWxlOmV2ZW5vZGR9LmFoY2xzLTV7ZmlsbDojZmZmfTwvc3R5bGU+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMCIgY3k9IjM3LjkxIiByeD0iOS40MSIgcnk9IjIuMDkiIGZpbGw9InVybCgjYWhyYWRpYWwtZ3JhZGllbnQpIi8+PHBhdGggZD0iTTMzLjQ1IDEyLjNBMTMuNjQgMTMuNjQgMCAwMDIwIDEuMDUgMTMuNjQgMTMuNjQgMCAwMDYuNTUgMTIuM2ExMi43NiAxMi43NiAwIDAwMS4yOSA3LjU5IDU5LjYyIDU5LjYyIDAgMDA2LjMzIDEwLjJjMS41MiAyLjA3IDMuMTUgNC4wNSA0LjggNmExLjMxIDEuMzEgMCAwMDEgLjUgMS4zMSAxLjMxIDAgMDAxLS41YzEuNjUtMiAzLjI4LTMuOTQgNC44LTZhNTkuNjIgNTkuNjIgMCAwMDYuMzMtMTAuMiAxMi43NiAxMi43NiAwIDAwMS4zNS03LjU5eiIgZmlsbD0iI2MwMCIvPjxnIGNsaXAtcGF0aD0idXJsKCNhaGNsaXAtcGF0aCkiPjxwYXRoIGNsYXNzPSJhaGNscy01IiBkPSJNNy4xNiA1LjI4aDI1LjY4djI1LjQ2SDcuMTZ6Ii8+PC9nPjxnIGNsaXAtcGF0aD0idXJsKCNhaGNsaXAtcGF0aC0yKSI+PHBhdGggY2xhc3M9ImFoY2xzLTUiIGQ9Ik02LjQzIDMuNjZoMjcuMTV2MTMuMDVINi40M3oiLz48L2c+PHBhdGggY2xhc3M9ImFoY2xzLTUiIGQ9Ik0yMCAzNy42NWgtLjA4YTIuMzYgMi4zNiAwIDAxLTEuNzctLjg4Yy0xLjU4LTEuODgtMy4yNi0zLjkxLTQuODQtNi4wNWE2MS41MyA2MS41MyAwIDAxLTYuNDQtMTAuNCAxMy42NiAxMy42NiAwIDAxLTEuMzctOC4xOUExNC43MiAxNC43MiAwIDAxMjAgMGExNC43MyAxNC43MyAwIDAxMTQuNDggMTIuMTMgMTMuNjYgMTMuNjYgMCAwMS0xLjM3IDguMTkgNjAuODkgNjAuODkgMCAwMS02LjQ0IDEwLjRjLTEuNTcgMi4xMy0zLjI2IDQuMTctNC44NCA2LjA1YTIuMzggMi4zOCAwIDAxLTEuODMuODh6bTAtMi4wOWEuMjkuMjkgMCAwMC4yNC0uMTNjMS41Ny0xLjg2IDMuMjMtMy44NyA0Ljc3LTUuOTVhNTkuMjUgNTkuMjUgMCAwMDYuMjItMTAgMTEuNzUgMTEuNzUgMCAwMDEuMjEtN0ExMi42MyAxMi42MyAwIDAwMjAgMi4wOSAxMi42MyAxMi42MyAwIDAwNy41OCAxMi40N2ExMS43NSAxMS43NSAwIDAwMS4yMSA3IDU5LjkgNTkuOSAwIDAwNi4yMiAxMGMxLjU1IDIuMDkgMy4yIDQuMSA0Ljc2IDUuOTVhLjQ4LjQ4IDAgMDAuMjMuMTR6Ii8+PC9zdmc+")
}

.tds-icon-badge--pin {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYWljbGlwLXBhdGgiPjxwYXRoIGNsYXNzPSJhaWNscy0xIiBkPSJNMTIgNy44OGwtMS4xNC0xLjM5YTEwLjg0IDEwLjg0IDAgMDAtMy45IDEgMy41MiAzLjUyIDAgMDAxLjQ5IDEuMDZjLjA2LS42Ni41My0uODIgMi0uODJsMS41NSA4LjcgMS41NS04LjdjMS40NyAwIDEuOTMuMTYgMiAuODJBMy41MiAzLjUyIDAgMDAxNyA3LjQ0YTEwLjg0IDEwLjg0IDAgMDAtMy45LTF6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImFpY2xpcC1wYXRoLTIiPjxwYXRoIGNsYXNzPSJhaWNscy0xIiBkPSJNMTIgNS40MkExNS4xMSAxNS4xMSAwIDAwNi40OCA2LjVhNC4zNSA0LjM1IDAgMDAuMy42NCAxMi44OCAxMi44OCAwIDAxNS4yMi0xIDEyLjg4IDEyLjg4IDAgMDE1LjIyIDEgMy45MiAzLjkyIDAgMDAuMy0uNjRBMTUuMTEgMTUuMTEgMCAwMDEyIDUuNDIiLz48L2NsaXBQYXRoPjxzdHlsZT4uYWljbHMtMXtmaWxsOm5vbmU7Y2xpcC1ydWxlOmV2ZW5vZGR9LmFpY2xzLTR7ZmlsbDojZmZmfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0yMC45IDcuNkE5LjA4IDkuMDggMCAwMDEyIDBhOS4wOCA5LjA4IDAgMDAtOC45IDcuNiA4LjY5IDguNjkgMCAwMC45IDUuMTIgNDAuMzUgNDAuMzUgMCAwMDQuMTkgNi44OWMxIDEuMzkgMi4wOSAyLjczIDMuMTggNC4wNUEuODcuODcgMCAwMDEyIDI0YS44Ny44NyAwIDAwLjY4LS4zNGMxLjA5LTEuMzIgMi4xNy0yLjY2IDMuMTgtNC4wNWE0MC4zNSA0MC4zNSAwIDAwNC4xOS02Ljg5IDguNjkgOC42OSAwIDAwLjg1LTUuMTJ6IiBmaWxsPSIjYzAwIi8+PGcgY2xpcC1wYXRoPSJ1cmwoI2FpY2xpcC1wYXRoKSI+PHBhdGggY2xhc3M9ImFpY2xzLTQiIGQ9Ik0zLjUgMy4wM2gxN3YxNi44NmgtMTd6Ii8+PC9nPjxnIGNsaXAtcGF0aD0idXJsKCNhaWNsaXAtcGF0aC0yKSI+PHBhdGggY2xhc3M9ImFpY2xzLTQiIGQ9Ik0zLjAxIDEuOTZoMTcuOTd2OC42NEgzLjAxeiIvPjwvZz48L3N2Zz4=")
}

.tds-icon-chevron_down--alternate {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNzYuNCA0Mi45bC03LjEtNy4xTDUxIDU0LjEgMzIuNyAzNS44bC03LjEgNy4xTDUxIDY4LjIiLz48L3N2Zz4=")
}

.tds-icon-chevron_down--circle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNMTUuNiA4NS40YzE5LjUgMTkuNSA1MS4yIDE5LjUgNzAuNyAwczE5LjUtNTEuMiAwLTcwLjctNTEuMi0xOS41LTcwLjcgMC0xOS41IDUxLjEgMCA3MC43em0yLjItNjguNkMzNi4xLTEuNSA2Ni0xLjUgODQuMyAxNi44YzE4LjMgMTguMyAxOC4zIDQ4LjIgMCA2Ni41LTE4LjMgMTguMy00OC4yIDE4LjMtNjYuNSAwLTE4LjMtMTguNC0xOC4zLTQ4LjIgMC02Ni41eiIvPjxwYXRoIGQ9Ik03Ni40IDQyLjlsLTcuMS03LjFMNTEgNTQuMSAzMi43IDM1LjhsLTcuMSA3LjFMNTEgNjguMiIvPjwvc3ZnPg==")
}

.tds-icon-chevron_down {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNNzYuNCA0Mi45bC03LjEtNy4xTDUxIDU0LjEgMzIuNyAzNS44bC03LjEgNy4xTDUxIDY4LjIiLz48L3N2Zz4=")
}

.tds-icon-chevron_left--alternate {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNNTcuMSA3NS40bDcuMS03LjFMNDUuOSA1MGwxOC4zLTE4LjMtNy4xLTcuMUwzMS44IDUwIiBmaWxsPSIjZmZmIi8+PC9zdmc+")
}

.tds-icon-chevron_left--circle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNMTQuNiAxNC42Yy0xOS41IDE5LjUtMTkuNSA1MS4yIDAgNzAuN3M1MS4yIDE5LjUgNzAuNyAwIDE5LjUtNTEuMiAwLTcwLjctNTEuMS0xOS41LTcwLjcgMHptNjguNiAyLjJjMTguMyAxOC4zIDE4LjMgNDguMiAwIDY2LjVzLTQ4LjIgMTguMy02Ni41IDAtMTguMy00OC4yIDAtNjYuNWMxOC40LTE4LjMgNDguMi0xOC4zIDY2LjUgMHoiLz48cGF0aCBkPSJNNTcuMSA3NS40bDcuMS03LjFMNDUuOSA1MGwxOC4zLTE4LjMtNy4xLTcuMUwzMS44IDUwIi8+PC9zdmc+")
}

.tds-icon-chevron_left {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNNTcuMSA3NS40bDcuMS03LjFMNDUuOSA1MGwxOC4zLTE4LjMtNy4xLTcuMUwzMS44IDUwIi8+PC9zdmc+")
}

.tds-icon-chevron_right--alternate {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDIuOSAyNC42bC03LjEgNy4xTDU0LjEgNTAgMzUuOCA2OC4zbDcuMSA3LjFMNjguMiA1MCIvPjwvc3ZnPg==")
}

.tds-icon-chevron_right--circle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNODUuNCA4NS40YzE5LjUtMTkuNSAxOS41LTUxLjIgMC03MC43cy01MS4yLTE5LjUtNzAuNyAwLTE5LjUgNTEuMiAwIDcwLjcgNTEuMSAxOS41IDcwLjcgMHptLTY4LjYtMi4yQy0xLjUgNjQuOS0xLjUgMzUgMTYuOCAxNi43czQ4LjItMTguMyA2Ni41IDAgMTguMyA0OC4yIDAgNjYuNWMtMTguNCAxOC4zLTQ4LjIgMTguMy02Ni41IDB6Ii8+PHBhdGggZD0iTTQyLjkgMjQuNmwtNy4xIDcuMUw1NC4xIDUwIDM1LjggNjguM2w3LjEgNy4xTDY4LjIgNTAiLz48L3N2Zz4=")
}

.tds-icon-chevron_right {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNNDIuOSAyNC42bC03LjEgNy4xTDU0LjEgNTAgMzUuOCA2OC4zbDcuMSA3LjFMNjguMiA1MCIvPjwvc3ZnPg==")
}

.tds-icon-chevron_up--alternate {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNMjQuNiA1Ny4xbDcuMSA3LjFMNTAgNDUuOWwxOC4zIDE4LjMgNy4xLTcuMUw1MCAzMS44IiBmaWxsPSIjZmZmIi8+PC9zdmc+")
}

.tds-icon-chevron_up--circle {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNODUuNCAxNC42Yy0xOS41LTE5LjUtNTEuMi0xOS41LTcwLjcgMHMtMTkuNSA1MS4yIDAgNzAuNyA1MS4yIDE5LjUgNzAuNyAwIDE5LjUtNTEuMSAwLTcwLjd6bS0yLjIgNjguNmMtMTguMyAxOC4zLTQ4LjIgMTguMy02Ni41IDBzLTE4LjMtNDguMiAwLTY2LjUgNDguMi0xOC4zIDY2LjUgMGMxOC4zIDE4LjQgMTguMyA0OC4yIDAgNjYuNXoiLz48cGF0aCBkPSJNMjQuNiA1Ny4xbDcuMSA3LjFMNTAgNDUuOWwxOC4zIDE4LjMgNy4xLTcuMUw1MCAzMS44Ii8+PC9zdmc+")
}

.tds-icon-chevron_up {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48cGF0aCBkPSJNMjQuNiA1Ny4xbDcuMSA3LjFMNTAgNDUuOWwxOC4zIDE4LjMgNy4xLTcuMUw1MCAzMS44Ii8+PC9zdmc+")
}

.tds-icon-close {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDg1IDg1IiB3aWR0aD0iODUiIGhlaWdodD0iODUiPjxwYXRoIGQ9Ik0zIDNjLTMgMi0zIDcgMCAxMGw3MCA2OWMyIDMgNyAzIDEwIDAgMi0yIDItNyAwLTlMMTMgM0MxMCAwIDUgMCAzIDN6Ii8+PHBhdGggZD0iTTgzIDNjMiAyIDIgNyAwIDEwTDEzIDgyYy0zIDMtOCAzLTEwIDAtMy0yLTMtNyAwLTlMNzMgM2MyLTMgNy0zIDEwIDB6Ii8+PC9zdmc+")
}

.tds-icon-close--stroke {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZyBmaWxsPSIjMTcxQTIwIj48cGF0aCBkPSJNMzAuMSAzMC4xYy0xLjIgMS4yLTEgMy4yLjQgNC42TDY1IDY5LjNjMS40IDEuNCAzLjQgMS42IDQuNi40IDEuMi0xLjIgMS0zLjItLjQtNC42TDM0LjcgMzAuNWMtMS40LTEuNC0zLjQtMS42LTQuNi0uNHoiLz48cGF0aCBkPSJNNjkuNyAzMC4xYzEuMiAxLjIgMSAzLjItLjQgNC42TDM0LjcgNjkuM2MtMS40IDEuNC0zLjQgMS42LTQuNi40LTEuMi0xLjItMS0zLjIuNC00LjZMNjUgMzAuNWMxLjQtMS40IDMuNC0xLjYgNC42LS40eiIvPjxwYXRoIGQ9Ik01MCAwYTUwIDUwIDAgMTAwIDEwMEE1MCA1MCAwIDAwNTAgMHptMCA5NGE0NCA0NCAwIDExLjEtODguMUE0NCA0NCAwIDAxNTAgOTR6Ii8+PC9nPjwvc3ZnPg==")
}

.tds-icon-close--stroke-white {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMzAuMSAzMC4xYy0xLjIgMS4yLTEgMy4yLjQgNC42TDY1IDY5LjNjMS40IDEuNCAzLjQgMS42IDQuNi40IDEuMi0xLjIgMS0zLjItLjQtNC42TDM0LjcgMzAuNWMtMS40LTEuNC0zLjQtMS42LTQuNi0uNHoiLz48cGF0aCBkPSJNNjkuNyAzMC4xYzEuMiAxLjIgMSAzLjItLjQgNC42TDM0LjcgNjkuM2MtMS40IDEuNC0zLjQgMS42LTQuNi40LTEuMi0xLjItMS0zLjIuNC00LjZMNjUgMzAuNWMxLjQtMS40IDMuNC0xLjYgNC42LS40eiIvPjxwYXRoIGQ9Ik01MCAwYTUwIDUwIDAgMTAwIDEwMEE1MCA1MCAwIDAwNTAgMHptMCA5NGE0NCA0NCAwIDExLjEtODguMUE0NCA0NCAwIDAxNTAgOTR6Ii8+PC9nPjwvc3ZnPg==")
}

.tds-icon-close--white {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDg1IDg1IiB3aWR0aD0iODUiIGhlaWdodD0iODUiPjxnIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik0zIDNjLTMgMi0zIDcgMCAxMGw3MCA2OWMyIDMgNyAzIDEwIDAgMi0yIDItNyAwLTlMMTMgM0MxMCAwIDUgMCAzIDN6Ii8+PHBhdGggZD0iTTgzIDNjMiAyIDIgNyAwIDEwTDEzIDgyYy0zIDMtOCAzLTEwIDAtMy0yLTMtNyAwLTlMNzMgM2MyLTMgNy0zIDEwIDB6Ii8+PC9nPjwvc3ZnPg==")
}