/* Last Update: 8/15/2019 */
/* test ie9 css*/
/***/
.cart-preview-item-count {
    display: none;
}

.list-unstyled {list-style:none !important;}
.cart-preview {
    font-size: 11pt!important;
    
  }

/*# Migrated eWeb Reports #*/
.bodyTXT {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
.PageTitle{font-family:Verdana,Arial, Helvetica, sans-serif;color:#4e4e4e;font-size:15px;font-weight:bold; margin-bottom:20px; width=526px;}
.DGDataFormChildDataGridHeader{font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;background-color:#cccccc;color:#000000;}
.DataFormChildDataGridHeader{font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;background-color:#cccccc;color:#2d2d2d; border-bottom: 1px solid black;}
.DataFormChildDataGridHeader1{font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 8pt; background-color:#cccccc;color:#2d2d2d; border-bottom: 1px solid black;}
.heading1TXT {
    font-size: 10pt; 
    font-family:  Verdana, Arial, Helvetica, sans-serif; 
    color:#000000;
}
.bodyTXTvMilddle { 
    font-size: 8pt; 
    font-family:  Verdana, Arial, Helvetica, sans-serif; 
    color:#000000; 
    vertical-align:middle;
}
.icar_sectionbar
{
  color: #ffffff;
  text-indent: 6px;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 5px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background-color: rgb(0,101,189);
 }
.icar_sectionbar_pdp {
	color: #ffffff;
	text-indent:6px;
	padding-top:2px;
	padding-right:3px;
	padding-bottom:2px;
	padding-left:5px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	background-color:rgb(0,101,189);
}
  .icar_title_table_row_pdp {
    color: #ffffff;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:rgb(0,101,189);
}
    .icar_detail_table_row_pdp {
    color: #000000;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	background-color:rgb(243,240,246);    
}


div.order-confirmation { padding-left:15px }
.order-confirmation > h4 > span { color:#575e69 }
.launch-class-button { margin-top:100px }
.launch-class-message ul{ 
  list-style:disc; 
  padding-left:40px;
}

.enrolled-reg-detail>thead>tr>th {
  font-weight: bold ;
  background: #EDEDEF;
  color: #000000;
  font-size: 16px;
} 

#myTableFlyer {
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
    width:400px;
    border-collapse:initial;
}

#myTable {
    border: 0px solid #ccc;
    padding: 2px;
    background: #fff;
    width:400px;
    border-collapse:initial;
}

#myTable table{
  border-collapse: inherit;
}

.class-search-flyer p {
  margin-top:12px; 
  margin-bottom: 12px;
}

.class-search-flyer ul{ 
  list-style:disc; 
  padding-left:40px;
}

.class-search-flyer .style7{
  color: #FF0000;
  }

.class-search-flyer .style8 {
    color: #0065BD;
}

hr.style8{
  border-color:#0065BD;
}

.class-search-flyer h3 {
  border-bottom: solid 1px;
  }

.course-description h2 {
    color: #0065db; 
  }

.course-description h2.border-bottom {
  border-bottom: 3pt solid #0065BD;
  }

.course-description ul{ 
  list-style:disc; 
  padding-left:40px;
}


.course-description iframe {
  width:560px;
  height:315px;
}



.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

#zipcode {
  padding-bottom: 0px\9;
}

.flexslider .slides > li a img{visibility:visible !important; opacity:1 !important;filter:alpha(opacity=100) !important;}

.alliance_td {
  background: #e8edff;
  border-bottom: 1px solid #fff;
  color: #669;
  border-top: 1px solid transparent;
  padding: 8px;
} 

.megamenu .two-columns .megapanel {
  width:530px;
}

.megamenu .two-columns .megapanel h5{
  float:left;
  margin-top:10px;
}

.megamenu .two-columns .megapanel header {
  border-bottom: 1px solid #c9cdd3;
  margin-bottom: 15px;
}
.megamenu .two-columns .megapanel .btn-container{
  float:right;
}

.megamenu .two-columns .megapanel .program-list>li{
  float:left;
  width:40%;
}

.megamenu .two-columns .megapanel .program-list>li a {
  display:inline-block;
}

.megamenu .two-columns .megapanel .program-list>li img {
  float:left;
}

.megamenu .two-columns .megapanel .program-list>li p{
  font-size: 14px;
  padding-left: 65px;
  font-weight: 400;
  line-height: 16px;
}
.megamenu .two-columns .megapanel .program-list>li:nth-child(even){
  margin-right:0;
}


/*# Base Style #*/
#PageContent {
  color: #575e69;
  font: 16px 'Source Sans Pro', sans-serif; /*LMF Changed from 14 per Illya*/
  font-weight: 400;
  line-height: 20px;
  background: #575e69 !important;
  margin: 0;}

#page-content {
  overflow: hidden;
}

ul.menu-link, ul#menuElem, ul#menuElem ul{
  list-style: none;
  margin: 0;
  padding: 0;}

ul.menu-link a:not(.btn), ul#menuElem, ul#menuElem a:not(.btn), .side-link a:not(.btn){
  display:block;
}

.centered{
  text-align: center;}
.h-center{
  margin: 0 auto;}


a.btn-warning{
  background: #f47920;
  border-radius: 3px;
  font-weight: 600;
  padding: 2px 6px;
  display: none;

  
  -moz-box-shadow: 3px 3px 5px #888;
  -webkit-box-shadow: 3px 3px 5px #888;
  box-shadow: 3px 3px 5px #888;}
a.btn-warning:hover{
  text-decoration: none;
  background: #d6600b;}

a.btn-primary{
  background: #006cb4;
  border-color: #006cb4;
  border-radius: 3px;
  font-weight: 600;
  padding: 2px 6px;
  
  -moz-box-shadow: 3px 3px 5px #888;
  -webkit-box-shadow: 3px 3px 5px #888;
  box-shadow: 3px 3px 5px #888;}
a.btn-primary:hover{
  text-decoration: none;
  background: #225F87;}
.play-button{
  background: url('https://pdp-ee.i-car.com/CMSImportFiles/img/videos/play-button.png') no-repeat;
  width: 76px;
  height: 53px;
}

#main>article .side-item .side-search {
  background: #F47920;
  padding: 15px 10px;
}    
#main>article .side-item .side-search h5{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
  text-transform: uppercase;} 

#main>article .side-item figure>img{
  margin-bottom: 10px;}
#main>article .side-item figcaption{
  text-align: center;}
#main>article .side-link>a:hover{
  text-decoration: none;}    
#main>article .side-link .desc{
  padding-left: 20px;
}
#firefox {
  padding-bottom:23px;
  padding-right:8px;
}
/*# SPRITE IMAGE #*/
.icar-class-search, .icar-course-catalog, .icar-enrollment, .icar-gplus, .icar-linkedin, .icar-resource, .icar-train, .icar-youtube {
  background: url('https://pdp-ee.i-car.com/CMSImportFiles/img/icar-s32053bd677.png') no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;}
.icar-class-search {
  background-position: 0 -89px;}
.icar-course-catalog {
  background-position: 0 -64px;}
.icar-enrollment {
  background-position: 0 -171px;}
.icar-gplus {
  background-position: 0 -32px;}
.icar-linkedin {
  background-position: 0 -114px;}
.icar-resource {
  background-position: 0 -196px;}
.icar-train {
  background-position: 0 -146px;}
.icar-youtube {
  background-position: 0 0;}
.icar-gplus, .icar-linkedin, .icar-youtube {
  width: 32px;
  height: 32px;}
.icar-gplus:hover, .icar-linkedin:hover, .icar-youtube:hover {
  opacity: 0.8;}

/*# Navbar #*/
.navbar-default{
  background: #fff;
  border-radius: 0px;
  border-bottom-color: #006cb4;
  box-shadow: inset 0px -35px 44px -35px #499bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;}
.navbar-toggle{
  margin-left: 5px;
  float:left;}
.navbar-default .navbar-nav>li{
  padding-top: 15px;
  padding-bottom: 15px;}
.navbar-default .navbar-nav>li>a{
  color: #006cb4;
  padding: 0px 10px;}
.navbar-default .navbar-button{
  padding: 11px 15px;}
.navbar-default .navbar-button>a{
  color: #fff;
  background: #006cb4;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 10px;}
.navbar-default .navbar-button>a:hover{
  background: #225F87;}
.navbar-default .header-logo{
  background: #fff;
  display: none;}
.navbar-default .header-logo:hover{
  opacity: 0.7;
  text-decoration: none;
}
.navbar-default .header-logo figure{
  padding-top: 20px;}
.navbar-default .header-logo figcaption{
  color: #003663;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 13px;
  padding-top: 10px;
  padding-bottom: 10px;}
#navbar-collapse-menu>ul>li{
  border-bottom: 1px solid #e7e7e7;}
#navbar-collapse-menu>ul>li:last-child{
  border-bottom: none;}
#navbar-collapse-menu>ul>li>a{
  font-size: 16px;
  position: relative;}
#navbar-collapse-menu>ul>li>a:after{
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #006cb4;
  position: absolute;
  right: 20px;
  top: 5px;
}
#navbar-collapse-menu>ul>li.open>a:after,
#navbar-collapse-menu>ul>li.active>a:after{
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #006cb4;
  border-bottom: none;
}
/*# Header Wrap #*/
#header-wrap{
  position: relative;}
#header-wrap:before:not(.segment){
  box-shadow: inset 0px 4px 8px -5px #151515;
  content: " ";
  width: 100%;
  left: 0px;
  position: absolute;
  top: 0;
  height: 30px;
  z-index: 1;}
#header-wrap .side-nav{
  background: #006cb4;
  float: left;
  width: 210px;
  position: relative;}
#header-wrap .side-nav:before{
  box-shadow: inset -15px 0 15px -15px #151515;
  content: " ";
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 15px;}
#header-wrap .side-nav:after {
  box-shadow: inset 15px 0 15px -15px #151515;
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
  width: 15px;
  z-index: 1;}
/* modified css, heirachy change */
#header-wrap .side-nav ul{}
#header-wrap .side-nav ul>li>a{
  border-top: 1px solid #80b6da;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 16.7px 5px;} /* padding: 20px 5px;} Illya - Consumer Segment - 09/11/14 */

#header-wrap .side-nav .side-nav-li-active{
  background: #fff;
}


#header-wrap .side-nav .side-nav-active-a {
  border-top: 1px solid #80b6da;
  color: #006cb4;
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 16.7px 5px;} /* padding: 20px 5px;} Illya - Consumer Segment - 09/11/14 */

#header-wrap .side-nav ul>li>a:hover{
  text-decoration: none;
  background: #225F87;}    
#header-wrap .side-nav ul>li:first-child>a{
  border: none;}
#header-wrap .side-nav ul>li.active>a{
  color: #006cb4;
  background: #fff;
}
/* mod end. */
#header-wrap .side-nav .header-form{
  background: #f47920;
  padding: 6px 10px 19px; /* padding: 20px 10px 19px; Illya - Consumer Segment - 09/11/14 */
  box-shadow: inset 0px 4px 12px -5px #151515;}
#header-wrap .side-nav .header-form p{
  margin-bottom: 10px; /* margin-bottom: 20px; Illya - Consumer Segment - 09/11/14 */
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;}
#header-wrap .side-nav .header-form label{
  padding-left: 12px;}
#header-wrap .side-nav .header-form label>a{
  padding-top: 10px;
  text-decoration: underline;}
#header-wrap .side-nav .header-form label,
#header-wrap .side-nav .header-form label>a{
  color: #fff;
  display: block;
  text-align: left;}
#header-wrap .side-nav .header-form label>a:hover{
  text-decoration: none;}
#header-wrap .side-nav .header-form .form-control{
  height: 24px;}
#header-wrap .side-nav .header-form span.customSelect { 
  background:#fff url('https://pdp-ee.i-car.com/CMSImportFiles/img/arrows.png') right center no-repeat;
  padding: 1px 12px;}
#header-wrap .side-nav .header-form .customSelectInner{
  width: 100% !important;
  text-align: left;}
#header-wrap .side-nav .header-form .btn{
  background: #fff;
  color: #f47920;
  padding: 1px 10px;}
#header-wrap .side-nav .header-form .btn:hover{
  opacity: 0.8;}
#header-wrap .side-nav .header-form .form-group.row{
  margin-left: -10px;
  margin-right: -10px;}
#header-wrap .side-nav .header-form .form-group.row>div{
  padding-left: 10px;
  padding-right: 10px;}
#header-wrap .slider{
  margin-left: 210px;}
#header-wrap .slider>header{
  height: 50px;}
#header-wrap #slider li{
  position: relative;}
#header-wrap #slider .flex-caption{
  background: rgba(0,0,0,.7);
  color: #fff;
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;}
#header-wrap #slider .flex-caption>h2,
#header-wrap #slider .flex-caption>h4{
  width: 100%; 
  margin-left: auto;
  margin-right: auto;}
#header-wrap #slider .flex-caption>h4{
  font-size: 16px;
  margin-bottom: 15px;}
#header-wrap #slider .flex-caption>h4>.btn-container>.btn{
  background: #f47920;
  display: inline-block;
  font-weight: 600;
  margin-left: 30px;
  padding: 2px 7px;}
#header-wrap #slider .flex-direction-nav{
  display: none;}
#header-wrap #carousel{
  padding: 0 22px;}
#header-wrap #carousel figure{
  background: #787e89;
  border: 4px solid #787e89;
  margin: 10px 8px;}
#header-wrap #carousel figure:hover{
  cursor: pointer;}
#header-wrap #carousel figure>figcaption{
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;}
.insurance #header-wrap #carousel figure>figcaption{
  font-size: 14px;
  padding-top: 13px;
  padding-bottom: 13px;
}
#header-wrap #carousel .flex-active-slide figure{
  background: #fff;
  border-color: #f47920;
  position: relative;
  
  -webkit-transition: all .5s ease; 
  -moz-transition: all .5s ease; 
  -o-transition: all .5s ease; 
  transition: all .5s ease;}
#header-wrap #carousel .flex-active-slide figure:before{
  content: "";
  width: 0;
  height: 0;
  border-bottom: 10px solid #f47920;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -10px;}
#header-wrap #carousel .flex-active-slide figure>figcaption{
  color: #006cb4;}

/*# -- Content -- #*/
/*# Home #*/
#main>article{
  background: #ffffff;
  padding-top: 25px;
  padding-bottom: 35px;
  box-shadow: inset 0px 18px 8px -8px #CCC,
    inset 0px -12px 8px -6px #CCC;}
#main>article:after{
  content: "";
  clear: both;
  display: table;}


/*sbahta start change for Anchor block property.*/
.tab-content a:not(.btn){
  display: block;
}

.ICarEditablehtml a:not(.btn) {
  display:inline;
}

#main>article a:not(.btn){
  /* display: block;*/
  color: #006cb4;
  text-decoration: underline;}

/* sbahta end change*/
#main header>.content-title{
  color: #575e69;
  font-weight: 600;}
#main header>p{
  color: #575e69;
  font-size: 16px;
  text-align: left;}
#main section>ul>li>figure{
  width: 200px;}
#main figure>figcaption{
  text-align: left;}
#main figure>figcaption>h4{
  font-size: 16px;
  font-weight: 700;}
#main figure>figcaption>p{
  color: #575e69;
  margin-bottom: 15px;}
#main>article aside{
  padding-top: 25px;}
#main>article .side-item-first {
  padding-top: 0px !important;
}
#main>article .side-item{
  padding-top: 45px;}

#main>article .side-item>h5{
  border-top: 1px solid #c9cdd3 ;/*#979ca0;*/
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;}
#main>article .side-item figure>img{
  margin-bottom: 10px;}
#main>article .side-item figcaption{
  text-align: center;}
#main>article .side-link>a:hover{
  text-decoration: none;}    
#main>article .testimonial h2{
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;}
#main>article .testimonial .img-holder{
  position: relative;}
#main>article .testimonial .img-holder .play-button{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -27px;
  margin-left: -38px;}
#main>article .img-holder>img{
  width: 100%;}
#main>article .testimonial blockquote {
  padding: 0px 20px;
  margin: 0 0 20px;
  font-size: 16px;
  border-left: 0px solid transparent;}
#main>article .testimonial blockquote>p{
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;}
#main>article .testimonial blockquote>p:before{
  color: #bac9e6;
  content: "“";
  font-size: 60px;
  position: absolute;
  top: 10px;
  left: -30px;}
#main>article .testimonial blockquote>p:after{
  color: #bac9e6;
  content: "”";
  font-size: 60px;
  position: absolute;
  bottom: -12px;
  right: -30px;}
#main>article .testimonial blockquote>footer{
  color: #575e69;
  font-weight: 600;
  padding: 0 25px;}
#main>article .testimonial blockquote>footer:before{
  content: "";
  display: none;}

.home #main header{
  /* max-width: 745px; */
  margin: 0 auto;
  padding: 0 15px;}
.home #main section>ul>li{
  display: inline-block;
  padding: 10px;}

.home #main {
  padding-left: 15px;
  padding-right: 15px;}

/*# Insurance #*/
.insurance #main header{
  padding-bottom: 25px;}
.insurance #main .nav-tabs{
  border-color: #70a4d8;}
.insurance #main .nav-tabs>li>a{
  font-size: 18px;
  font-weight: 700;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;}
.insurance #main .nav-tabs>li.active>a{
  color: #575e69;
  border-color: #70a4d8;
  border-bottom-color: transparent;}
.insurance #main .nav-tabs>li:not(.active)>a,
.insurance #main .navtabs-header{
  color: #fff;
  background: rgba(84,145,207,1);
  background: -moz-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,145,207,1)), color-stop(46%, rgba(120,166,212,1)), color-stop(50%, rgba(123,168,212,1)), color-stop(56%, rgba(118,165,211,1)), color-stop(100%, rgba(84,145,207,1)));
  background: -webkit-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: -o-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: -ms-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: linear-gradient(to bottom, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5491cf', endColorstr='#5491cf', GradientType=0 );
}
.insurance #main .tab-content{
  border: 1px solid #70a4d8;
  border-top: none;
  padding: 10px 10px 40px 10px;}
.insurance #main .tab-content h4{
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 5px;
  text-transform: uppercase;}
.insurance #main .tab-content .heading{
  padding-bottom: 10px;}
.insurance #main .tab-content .heading h4{
  margin-top: 35px;
  margin-bottom: 10px;}
.insurance #main .tab-content .heading p{
  font-size: 16px;}
.insurance #main .tab-content figure:not(.heading){
  padding-top: 45px;}
.insurance #main .tab-content figure:not(.heading)>figcaption>p{
  margin-bottom: 3px;}
.insurance #main .tab-content figure>figcaption>ul>li{
  display: inline-block;
  padding-right: 40px;}
.tab-list li {
  display: list-item !important;
}
.insurance #main .tab-content figure>figcaption a{
  padding-left: 10px;
  padding-right: 10px;}
.insurance #main .tab-content a:hover{
  text-decoration: none;
}    
.insurance #main .navtabs-header:after{
  content: "";
  clear: both;
  display: table;}
.insurance #main .navbar-toggle.navtabs-toggle{
  border-color: #fff;}
.insurance #main .navbar-toggle.navtabs-toggle .icon-bar{
  background: #fff;}

.TestimonialVideo {
  width:280px; 
  height:180px;
}

.MaintenanceMessage{
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
  color: white;
  border-radius: 5px;
  border-left: 5px solid red;
  border-right: 5px solid red;
  text-align:center;
  background-color: red;
  /* display: inline-block; */
  
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
}

.BrowserMessage{
  width: 550px;
  margin-left: auto !important;
  margin-right: auto !important;
  color: white;
  border-radius: 5px;
  border-left: 5px solid red;
  border-right: 5px solid red;
  text-align:center;
  font-size: 18px !important;
  background-color: red;
  /* display: inline-block; */
  
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
}

.BrowserMessage a{
  width: 500px;
  margin-left: auto !important;
  margin-right: auto !important;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline !important;
  font-size: 18px !important;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 0px 0px 0px 15px !important;
padding:1px 6px 1px 6px;
background-repeat: no-repeat;
background-position: 10px center;
}

.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}

/*# Segment #*/
.segment #main .segment-header{
  padding-left:0px;
  padding-right:50px;
}
.segment #main header{
  padding-bottom: 25px;}
.segment #main .nav-tabs{
  border-color: #70a4d8;}
.segment #main .nav-tabs>li>a{
  font-size: 18px;
  font-weight: 700;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;}
.segment #main .nav-tabs>li.active>a{
  color: #575e69;
  border-color: #70a4d8;
  border-bottom-color: transparent;}
.segment #main .nav-tabs>li:not(.active)>a,
.segment #main .navtabs-header{
  color: #fff;
  background: rgba(84,145,207,1);
  background: -moz-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,145,207,1)), color-stop(46%, rgba(120,166,212,1)), color-stop(50%, rgba(123,168,212,1)), color-stop(56%, rgba(118,165,211,1)), color-stop(100%, rgba(84,145,207,1)));
  background: -webkit-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: -o-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: -ms-linear-gradient(top, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  background: linear-gradient(to bottom, rgba(84,145,207,1) 0%, rgba(120,166,212,1) 46%, rgba(123,168,212,1) 50%, rgba(118,165,211,1) 56%, rgba(84,145,207,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5491cf', endColorstr='#5491cf', GradientType=0 );
}
.segment #main .tab-content{
  border: 1px solid #70a4d8;
  border-top: none;
  padding: 10px 10px 40px 10px;}
.segment #main .tab-content h4{
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 5px;
  text-transform: uppercase;}
.segment #main .tab-content .heading{
  padding-bottom: 10px;}
.segment #main .tab-content .heading h4{
  margin-top: 35px;
  margin-bottom: 10px;}
.segment #main .tab-content .heading p{
  font-size: 16px;}
.segment #main .tab-content figure:not(.heading){
  padding-top: 45px;}
.segment #main .tab-content figure:not(.heading)>figcaption>p{
  margin-bottom: 3px;}
.segment #main .tab-content figure>figcaption>ul {
  display:table-cell; 
}
.segment #main .tab-content figure>figcaption>ul>li{
  display: table-cell;
  padding-right: 40px;}
.segment #main .tab-content figure>figcaption a{
  padding-left: 10px;
  padding-right: 10px;}
.segment #main .tab-content a:hover{
  text-decoration: none;
}    
.segment #main .navtabs-header:after{
  content: "";
  clear: both;
  display: table;}
.segment #main .navbar-toggle.navtabs-toggle{
  border-color: #fff;}
.segment #main .navbar-toggle.navtabs-toggle .icon-bar{
  background: #fff;}

/* */
.segment #main>article .content .testimonial h2{
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;}
.segment #main>article .content .testimonial .img-holder{
  position: relative;}
.segment #main>article .content .testimonial .img-holder .play-button{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -27px;
  margin-left: -38px;}
.segment #main>article .img-holder>img{
  width: 100%;}
.segment #main>article .testimonial blockquote {
  padding: 0px 20px;
  margin: 0 0 20px;
  font-size: 16px;
  border-left: 0px solid transparent;}
.segment #main>article .content .testimonial blockquote>p{
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;}
.segment #main>article .content .testimonial blockquote>p:before{
  color: #bac9e6;
  content: "“";
  font-size: 60px;
  position: absolute;
  top: 10px;
  left: -30px;}
.segment #main>article .content .testimonial blockquote>p:after{
  color: #bac9e6;
  content: "”";
  font-size: 60px;
  position: absolute;
  bottom: -12px;
  right: -30px;}
.segment #main>article .content .testimonial blockquote>footer{
  color: #575e69;
  font-weight: 600;
  padding: 0 25px;}
.segment #main>article .content .testimonial blockquote>footer:before{
  content: "";
  display: none;}

.ICarEditablehtml {
  padding: 25px 25px 25px 25px;
}

.ICarEditablehtml li {
  list-style: disc;
}

/*# Testimonial Video #*/
.testimonial-video {
  width:280px;
  height:158px;
}

/*
.segment .testimonial .testimonialvideo {
width
}
*/

/*# Events #*/
.ICarEvent {padding-top:30px;}

.ICarEventDetails {padding-top:30px;}

.ICarEventDetailImage {float:right;}

.ICarEventDetails p{
  margin-top:15px;
}

.ICarEventDetailImage {float:right;}

.ICarEventDetailImage img {
  vertical-align:middle;
  border:0;}

.ICarEventDetailright {
  text-align:left;
  display:block;}

.ICarEventDetailTitle {
  font-weight:800;
  font-size:22px;
  text-decoration:none;
  color:#428bca;}

.event .row {margin-left: -50px;}

.eventhighlighted {background:#EAF0F9;}

.ICarEventnotice {
  text-align:center;
  background:#FBF1C7;
  text-transform:uppercase;
  font-style:italic;
  margin-bottom:20px;}

.ICarEventDetailSummary {
  padding-top:20px;
  padding-bottom:20px;}

.PagerNumberArea {
  color:#006cb4;
  font-size:18px;
  font-weight:600;
  border:0;
  border-radius:0;
  text-align:center;}

.ICarPager {
  color:#006cb4;
  font-size:18px;
  font-weight:600;
  border:0;
  border-radius:0;
  text-align:center;}

.icarevent .PagerResults {
  display:none;}

.ICarEventPhotos {padding-bottom:10px;}

.ICarEventDetailPhotos .img {
  padding-bottom:10px;
  padding-left:30px;}

.ICarEventPhoto {
  padding-bottom:10px;
  padding-left:10px;}


.ICarPager {
}
/*# BLOGS #*/
.blog #main>article{
  padding-top: 20px !important;
}

.blog .post-header img{
  width:100%;
  padding: 30px 0px 10px 0px;
}

/*# PDP #*/
.pdp #main a:hover{
  text-decoration: none;
}
.pdp #main>article{
  padding-top: 0;}

.pdp #main>article .side-nav{
  padding: 0;}

.pdp #main>article .side-nav:before{
  box-shadow: inset -15px 0 15px -15px #151515;
  content: " ";
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 15px;}
.pdp #main>article .side-nav:after{
  box-shadow: inset 15px 0 15px -15px #151515;
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
  width: 15px;
  z-index: 1;}

.pdp #main .side-nav li{
  background: #006cb4;
  border-top: 1px solid #6fa8cf;}

.pdp #main .side-nav li>a{
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  padding: 10px 20px;
  text-decoration: none;}

.pdp #main .side-nav li>span{
  color: #fff;
  /*font-size: 16px;*/
  font-weight: 700;
  line-height: 23px;
  /*padding: 10px 20px;*/
  text-decoration: none;
  text-align: right;}
.pdp #main .side-nav li>ul>li>a{
  font-size: 14px;
  line-height: 16px;}
.pdp #main .side-nav li.divider{
  background: #003663;
  border-top: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 20px;
  text-transform: uppercase;}
.pdp #main .side-nav li.divider+li,
.pdp #main .side-nav li.active>ul>li:first-child{
  border-top: none;}
.pdp #main .side-nav li.CMSListMenuLI ul{
  display:none;
}

.pdp #main .side-nav li.CMSListMenuHighlightedLI{
  background: #d6e1f3;}

.pdp #main .side-nav li.CMSListMenuHighlightedLI a{
  color: #006cb4;
}

.pdp #main .side-nav li.CMSListMenuHighlightedLI>span{
  color: #006cb4;}




/*first level left nav only rule */
.pdp #main .side-nav #menuElem>li.CMSListMenuLI>a:hover{
  background:#225f87;
  text-decoration: none;}

pdp #main .side-nav ul {
  margin-left:10px;
}

pdp #main .side-nav ul ul ul {
  margin-left:20px;
}

/*second level left nav*/

ul#menuElem ul {
  margin-left:15px;
}
pdp #main .side-nav ul#menuElem ul {
  margin-left:12px;
}

.pdp #main .side-nav li.CMSListMenuHighlightedLI>ul{
  background: #d6e1f3;
}

.pdp #main .side-nav li.CMSListMenuHighlightedLI>ul>li{
  /* padding-left:5px; */
  background: transparent;
  margin-left: 7px;
  margin-right: 7px;
  font-weight:normal;
  border-top:1px solid #6fa8cf; /* use border-top:none; to disable lines between sub menu items */
}


.pdp #main .side-nav li.CMSListMenuHighlightedLI>ul>li a{
  font-weight:normal;
}

.pdp #main .side-nav li.CMSListMenuHighlightedLI>ul>li a:hover{
  font-weight:bold;
}

.pdp #main .side-nav li.CMSListMenuHighlightedLI>ul>li.CMSListMenuHighlightedLI>a{
  font-weight:bold;
  color:#006cb4;
}

.pdp #main>article section{
  padding: 0;}
.pdp #main section .breadcrumb, .blog #main .breadcrumb{
  background: transparent;
  /*padding: 15px;*/
  margin-bottom:0px;
  position: relative;}
.pdp #main section .breadcrumb li,
.pdp #main section .breadcrumb a,
.blog #main .breadcrumb li,
.blog #main .breadcrumb a{
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  z-index: 2}

.pdp #main section .content:not(.no-right-rail){
  border-right:1px solid #c9cdd3;
}

/*
.pdp #main section .content p{
font-size: 16px;
line-height: 22px;}
*/

.pdp #main section .content>article h2{
  font-weight: 600;
  margin-top: 40px;}
.pdp #main section .content>article:not(.heading){
  border-bottom: 1px solid #c9cdd3;}
.pdp #main section .content>.heading figure{
  padding-top: 5px;
  padding-bottom: 20px;}
.pdp #main section .content>.heading figure:after {
  content: "";
  display: table;
  clear: both;}
.pdp #main section .content>.heading figure>img{
  float: left;}
.pdp #main section .content>.heading figcaption{
  font-size: 44px;
  font-weight: 600;
  line-height: 44px;
  padding-left: 220px;}
.pdp #main section .content>.heading h4{
  font-weight: 700;
  margin-bottom: 30px;}
.pdp #main section .content>.heading p{
  margin-bottom: 30px;}
.pdp #main section .content>.segment{
  padding-top: 25px;
  padding-bottom: 30px;}
.pdp #main section .content>.segment figure>a{
  font-size: 20px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;}
.pdp #main section .content>.segment figcaption>h5{
  font-size: 16px;
  font-weight: 700;
  margin-top: 25px;}
.pdp #main section .content>.segment figcaption>a{
  padding-top: 5px;
  padding-bottom: 5px;}
.pdp #main section .content>.segment .button-container{
  padding-top: 10px;
  text-align: center;}
.pdp #main .content>.benefits{
  padding-bottom: 40px;}
.pdp #main .content>.pro-levels{}
.pdp #main .content>.pro-levels>h2{
  margin-bottom: 25px;}
.pdp #main .content>.pro-levels>ul{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;}
.pdp #main .content>.pro-levels>ul>li{
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 30px;}
.pdp #main .content>.pro-levels>ul>li:not(:last-child){
  padding-right: 0px;}
.pdp #main .content>.pro-levels figure>div{
  padding: 31px 10px;
  position: relative;
  border-radius: 20px;}
.pdp #main .content>.pro-levels li:not(.level-1) figure>div{
  padding-left: 18px;
  padding-right: 6px;}
.pdp #main .content>.pro-levels figure>div:before,
.pdp #main .content>.pro-levels figure>div:after{
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 12px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -15px;}
.pdp #main .content>.pro-levels figure>div:before{
  left: 0;}
.pdp #main .content>.pro-levels figure>div:after{
  right: -11px;
  z-index: 1;}
.pdp #main .content>.pro-levels .level-1 figure>div{
  background: #94b8e1;}
.pdp #main .content>.pro-levels .level-1 figure>div:before{
  display: none;}
.pdp #main .content>.pro-levels .level-1 figure>div:after{
  border-left-color: #94b8e1;}
.pdp #main .content>.pro-levels .level-2 figure>div{
  background: #318fce;}
.pdp #main .content>.pro-levels .level-2 figure>div:after{
  border-left-color: #318fce;}
.pdp #main .content>.pro-levels .level-3 figure>div{
  background: #0079c1;}
.pdp #main .content>.pro-levels .level-3 figure>div:after{
  border-left-color: #0079c1;}
.pdp #main .content>.pro-levels .level-4 figure>div{
  background: #f57d1f;}
.pdp #main .content>.pro-levels .level-4 figure>div:after{
  display: none;}
.pdp #main .content>.pro-levels figure figcaption{
  color: #f57d1f;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;}
.pdp #main .content>.benefits figure:after{
  content: "";
  clear: both;
  display: table;}
.pdp #main .content>.benefits figcaption{
  padding: 0;}
.pdp #main .content>.benefits figcaption>h2{
  margin-bottom: 25px;}
.pdp #main .content>.benefits .img-holder{
  padding-right: 0;
  padding-top: 60px;}
.pdp #main .content>.benefits .img-holder>img{
  width: 100%;}
.pdp #main section .content>.testimonial{
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 30px;}
.pdp #main section .content>.testimonial h2{
  padding: 0;}
.pdp #main section .content>.testimonial figure{
  padding-top: 15px;
  padding-bottom: 20px;}
.pdp #main section .content>.testimonial blockquote{
  padding-left: 15px;
  padding-right: 15px;}
.pdp #main .content>.testimonial .button-container .btn{
  padding: 5px 14px;}
.pdp #main section .content>.course-banner{
  border-bottom: none !important;}
.pdp #main .content>.course-banner figure{
  padding-top: 10px;}
.pdp #main .content>.course-banner figure:after{
  content: "";
  clear: both;
  display: table;}
.pdp #main .content>.course-banner figure .banner-container{
  float: left;
  position: relative;
  text-align: center;}
.pdp #main .content>.course-banner figure .banner-container>img{
  margin-bottom: 20px;}
.pdp #main .content>.course-banner figure .span{
  background: rgba(0,0,0,.8);
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -60px;}
.pdp #main .content>.course-banner figure .span>h4{
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;}
.pdp #main .content>.course-banner figure .span>h2{
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 400;}

.pdp #main .content>.course-banner figcaption{
  float: right;}

.pdp #main .content>.course-banner figcaption .btn{
  padding: 5px 14px;}

.pdp .divrel {
  position: relative;
  display:block;
  height:490px;
}

.pdp .bottom {
  position: absolute;
  bottom: -20px; }

/*.figimg {float: left;}*/
#headfigure>div>img{float: left;}

/*# Footer #*/
#footer{
  background: url('https://pdp-ee.i-car.com/CMSImportFiles/img/background/footer.jpg') repeat;
  position: relative;
  z-index: 0;
  padding-top: 30px;
  padding-bottom: 20px;}
#footer:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  
  background: -moz-linear-gradient(top,  transparent 0%, #000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,#000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  transparent 0%,#000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  transparent 0%,#000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  transparent 0%,#000 100%); /* IE10+ */
  background: linear-gradient(top,  transparent 0%,#000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); /* IE6-9 */}
#footer>ul{
  padding-bottom: 30px;}
#footer>ul .menu-link{
  padding-top: 15px;
  padding-left: 5px;}
#footer>ul .menu-link>li{
  margin-bottom: 9px;}
#footer>ul .menu-link>li>a{
  color: #fff;
  font-weight: 600;
  text-decoration: underline;}
#footer>ul .menu-link>li>a:hover{
  text-decoration: none;}
#footer>ul .quick-link>h4{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding-left: 15px;}
#footer>ul .quick-link a{
  color: #fff;
  font-size: 12px;
  text-decoration: underline;}
#footer>ul .quick-link a:hover {
  text-decoration: none;}
#footer .social-box{
  text-align: center;}
#footer .social-box>li{
  display: inline-block;
  padding: 5px;}
#footer p,
#footer p>a{
  color: #fff;
  font-size: 10px;}
#footer p{
  padding-left: 20px;}
#footer p>a{
  text-decoration: underline;}
#footer p>a:hover{
  text-decoration: none;}  

/*# Megamenu #*/  
.megamenu {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 50px;
  list-style: none;
  display: inline-block;
  position: relative;
  font-size: 15px;
  padding-left: 20px;
  padding-top: 11px;}
.megamenu li {
  float: left;
  display: inline;
  margin-right: 5px;}
.megamenu>li>a {
  background: #006cb4;
  border: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  float: left;
  padding: 9px 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  
  background: -moz-linear-gradient(top,  #006cb4 0%, #005995 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006cb4), color-stop(100%,#005995)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #006cb4 0%,#005995 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #006cb4 0%,#005995 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #006cb4 0%,#005995 100%); /* IE10+ */
  background: linear-gradient(top,  #006cb4 0%,#005995 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb4', endColorstr='#005995',GradientType=0 ); /* IE6-9 */
  
  transition: color .4s ease-in-out;
  -moz-transition: color .4s ease-in-out;
  -webkit-transition: color .4s ease-in-out;
  -o-transition: color .4s ease-in-out;}
.megamenu>li>a>i:before{
  content: "\f078";}
.megamenu>li:hover>a,
.megamenu>li.active>a {
  background: #fff;
  border: solid #006cb4;
  border-width: 1px 1px 0 1px;
  color: #006cb4;
  margin-bottom: -3px;
  padding-bottom: 11px;
  position: relative;
  z-index: 100;
  filter:none;/*for ie9 and ie8*/
}
.megamenu>li.active>a{
  
}
.megamenu>li:hover>a>i:before{
  content: "\f077";}
.megamenu>li.right {
  float: right;}
/*# search control -modified. #*/
.megamenu>li>.form-inline{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0px 5px;
  
  background: -moz-linear-gradient(top,  #006cb4 0%, #005995 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006cb4), color-stop(100%,#005995)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #006cb4 0%,#005995 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #006cb4 0%,#005995 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #006cb4 0%,#005995 100%); /* IE10+ */
  background: linear-gradient(top,  #006cb4 0%,#005995 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb4', endColorstr='#005995',GradientType=0 ); /* IE6-9 */}
.megamenu>li>.form-inline .form-control{
  font-size: 14px;
  font-weight: 400;
  padding: 1px 12px;
  height: 24px;}
.megamenu>li>.form-inline .btn{
  background: #f47920;
  border-color: #f47920;
  padding: 1px 10px;
  margin-left: 10px;}
.megamenu>li>.form-inline .btn:hover{
  color: #333;}

.megamenu>li>.form-inline label{
  display: none;}


/* search control style end. */
.megamenu .dropdown {
  top: 59px;}
.megamenu .dropdown li .dropdown {
  left: 160px;
  top: inherit;}
.megamenu .dropdown li {
  clear: both;
  width: 100%;
  border-bottom: solid 1px rgba(0,0,0,0.1);}
.megamenu .dropdown li:last-child {
  border-bottom: 0;}
.megamenu .dropdown li a {
  float: left;
  width: 100%;
  padding: 10px 25px;
  text-decoration: none;
  display: block;
  border: 0 none;
  font-size: 14px;
  color: #444;
  background: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: color .4s ease-in-out;
  -moz-transition: color .4s ease-in-out;
  -webkit-transition: color .4s ease-in-out;
  -o-transition: color .4s ease-in-out;}
.megamenu .dropdown li:hover>a {
  background: #dbdbdb;}
.megamenu>li{
  position: relative;}
.megamenu>li>.megapanel {
  position: absolute;
  display: none;
  background: #fff;
  color: #006cb4;
  width: 940px;
  top: 40px;
  left: -1px;
  z-index: 99;
  padding: 20px 30px 20px;
  border: 1px solid #006cb4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  -moz-box-shadow: 0px 1px 4px 1px #608fae;
  -webkit-box-shadow: 0px 1px 4px 1px #608fae;
  box-shadow: 0px 1px 4px 1px #608fae;}
.megamenu .megapanel ul {
  margin: 0;
  padding: 0;}
.megamenu .megapanel header>h2{
  margin-top: 5px;
  margin-bottom: 0;}
.megamenu .megapanel header>h5{
  margin-top: 0;
  display:inline;}
.megamenu .megapanel ul>li{
  display: inline-block;
  vertical-align: top;}
.megamenu .programs .megapanel h4{
  border-top: 1px solid #c9cdd3;
  border-bottom: 1px solid #c9cdd3;
  color: #575e69;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 10px 0;}
.megamenu .programs .megapanel ul>li>a>img{
  float: left;}
.megamenu .programs .megapanel ul>li>a>p{
  font-size: 14px;
  padding-left: 65px;
  font-weight: 400;
  line-height: 16px;}

.megamenu .megapanel .program-list{}
.megamenu .megapanel .program-list>li{
  width: 200px;
  height: 60px;
  margin-right: 15px;}
.megamenu .megapanel .program-list>li>a{
  display: inline-block;}
.megamenu .megapanel .program-list>li>a:after{
  display: table;content: "";clear: both;}
.megamenu .programs .megapanel .recognition-list>li>a>p{
  padding-left: 70px;}
.megamenu .programs .megapanel .credits{
  background: #006cb4;
  background: #006cb4;
  margin-left: -29px;
  margin-right: -29px;
  margin-top: 20px;
  margin-bottom: -19px;}
.megamenu .programs .megapanel .credits>li{
  float: none;}
.megamenu .programs .megapanel .credits>li>a{
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  padding: 5px 10px;}
.megamenu .programs .megapanel .credits>li>a:hover{
  text-decoration: none;
  opacity: 0.8;}
.megamenu .programs .megapanel .credits>li>a>i{
  vertical-align: middle;}
.megamenu .programs .megapanel .credits>li>a>span{
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;}
.megamenu .megapanel .btn-container .btn{
  background: #006cb4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 3px 12px;}
.megamenu .megapanel .btn-container .btn:hover{
  background: #225F87;}
/*# megamenu technical #*/
.megamenu .technical .megapanel header{
  border-bottom: 1px solid #c9cdd3;
  margin-bottom: 15px;}
.megamenu .technical .megapanel h5{
  width: 310px;
  display: inline-block;
  margin-bottom: 15px;}
.megamenu  .technical .megapanel .btn-container{
  display: inline-block;}
.megamenu .technical .megapanel .btn-container .btn{
  margin-top: -15px;}
.megamenu .technical .megapanel figure{
  width: 415px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;}
.megamenu .technical .megapanel figure>img{
  float: left;}
.megamenu .technical .megapanel figcaption{
  padding-left: 55px;}
.megamenu .technical .megapanel figcaption>h5{
  font-weight: 700;}
.megamenu .technical .megapanel figcaption>p{
  padding-left: 10px;}
.megamenu .technical .megapanel figcaption>p>a{
  font-weight: 400;
  text-decoration: underline;}

/*# megamenu solutions #*/
.megamenu .solutions .megapanel header{
  border-bottom: 1px solid #c9cdd3;
  margin-bottom: 15px;}
.megamenu .solutions .megapanel h5{
  width: 310px;
  display: inline-block;
  margin-bottom: 15px;}
.megamenu .solutions .megapanel .btn-container{
  display: inline-block;}
.megamenu .solutions .megapanel .btn-container .btn{
  margin-top: -15px;}
.megamenu .solutions .megapanel figure{
  width: 415px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;}
.megamenu .solutions .megapanel figure>img{
  float: left;}
.megamenu .solutions .megapanel figcaption{
  padding-left: 55px;}
.megamenu .solutions .megapanel figcaption>h5{
  font-weight: 700;}
.megamenu .solutions .megapanel figcaption>p{
  padding-left: 10px;}
.megamenu .solutions .megapanel figcaption>p>a{
  font-weight: 400;
  text-decoration: underline;}

.megamenu .solutions .megapanel ul>li>a>img{
  float: left;}
.megamenu .solutions .megapanel ul>li>a>p{
  font-size: 14px;
  padding-left: 65px;
  font-weight: 400;
  line-height: 16px;}



.megamenu>li.showhide {
  display: none !important;}

.back-to-top {
  border-radius: 5px;
  text-align: center;
  background: #000;
  color: #fff;
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  z-index: 9999;
}
.back-to-top:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*# Jquery appear #*/
.hiding {
  opacity: 0;
}

.visible {
  opacity: 1;
}

/*# VIDEO POP UP #*/
.vidModal .modal-dialog {
  margin-top: 80px;
}
.vidModal .modal-content {
  border-radius: 0;
}
.vidModal .modal-body {
  padding: 7px;
}
.vidModal .video-container {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.vidModal .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vidModal .close {
  position: absolute;
  top: -12px;
  right: -12px;
  z-index: 10;
  opacity: 0.8;
}
.vidModal .close:hover {
  opacity: 1;
}

/*# Mobile device 767 #*/
@media (max-width: 767px) {
  .pager li a {
    font-size: 12px;
  }
  
  .zoneMainContent {
    background:white;
  }
  #PageContent {
    background:white;
  }
  
  .pdp #main section .content:not(.no-right-rail) {
    border-right: none;
  }
  .navbar-header {
    display:block;
  }
  .mobile-mission{
    display:block;
  }
  .account-status{
    display:block;
  }
  .navbar-toggle {
    margin-right:0px;
  }
  .HideSearchLabel {
    display:none; 
  }
  .navbar-header .mobile-search{
    float: right;
	font-size: 30px;
	padding-top: 10px;
  }
  
  .btn-search{
    margin-top:5px;
  }
  .navbar-header .mobile-logo{
    width:30%;
    padding-top:10px;
  }
  
  /*left navigation menu */
  .mobile-link-toggle {
    display:block;
    background: #003663;
    border-top: none;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 20px;
    text-transform: uppercase;
    text-decoration:none;
  }
  
  .mobile-link-toggle .fa-plus-square {
    padding-right: 5px;
    font-size: 20px;
  }
  
  #main>article a#toggle-link {
    color:white;
    font-size: 18px;
    text-decoration: none;
  }
  
  /*end left navigation*/
  
  .mobile-mission {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
  }
  .mobile figcaption{
    text-align:center;
    width:200px;
    color: #003663;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 13px;
    padding-top:5px;
  }
  
  .navbar-header .mobile-left{
    float:left; 
  }
  
  .navbar-header .mobile-right{
    float:right;
  }
  
  .navbar-header .mobile-center{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  
  #header-wrap #slider .flex-caption{
    text-align: center;}
  #header-wrap #slider .flex-caption>h2{
    font-size: 24px;} 
  #header-wrap #slider .flex-caption>h4{
    font-size: 14px;}
  #header-wrap #slider .flex-caption>h4>.btn-container{
    display: block;
    margin-left: -30px;
    margin-top: 10px;}
  .megamenu>li {
    display: block;
    width: 100%;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
  .insurance #main .navtabs-header{
    border-bottom: 1px solid #70a4d8;}
  .insurance #main .nav-tabs>li{
    float: none;}
  .insurance #main .nav-tabs>li>a{
    border-radius: 0;
    margin-right: 0;}
  .insurance #main .nav-tabs>li>a .fa{
    font-size: 18px;
    margin-right: 10px;
  }
  .insurance #main .tab-content figure:not(.heading)>figcaption{
    margin-top: 20px;
    text-align: center !important;}
  .insurance #main .tab-content figure>figcaption>ul>li{
    padding-right: 0; }
  
  /* segment page change start.*/
  
  .segment #main .navtabs-header{
    border-bottom: 1px solid #70a4d8;}
  .segment #main .nav-tabs>li{
    float: none;}
  .segment #main .nav-tabs>li>a{
    border-radius: 0;
    margin-right: 0;}
  .segment #main .nav-tabs>li>a .fa{
    font-size: 18px;
    margin-right: 10px;
  }
  .segment #main .tab-content figure:not(.heading)>figcaption{
    margin-top: 20px;
    text-align: center !important;}
  .segment #main .tab-content figure>figcaption>ul>li{
    padding-right: 0; }
  
  /*sbahta end segment page */
  
  .pdp #main section .content>.segment,
  .pdp #main section .content>.segment figcaption{
    text-align: center;}
  .pdp #main .content>.pro-levels figure>div:before,
  .pdp #main .content>.pro-levels figure>div:after{
    visibility: hidden; }
  .megamenu>li:hover,.megamenu>li.active {
    border-top: 0;}
  .megamenu>li>a {
    padding: 15px 25px;}
  .megamenu>li:hover>a,.megamenu>li.active>a {
    padding: 15px 25px;}
  .megamenu a {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
  .megamenu>li>.megapanel {
    position: static;
    margin-top: 50px;}
  
  .container #main {
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
  }
  
}
/* end mobile device 767 */

/*# Mobile device 991 #*/
@media (max-width: 991px){
  
    .MyICARMenu li.CMSListMenuLI ul{
  display:none !important;}
  
  .MyICARMenu li>ul>li>ul>li>a{
    display:none !important;}
  
  #PageContent {
    background:white;
  }
  
 
  .nav>li.collapse{
    display:none;
  }
  
  .pager li a {
    font-size: 12px!important;
  }
  .nf a.pager-icon {
    display:none!important;
  }
  
  #header-nav{
    display: none;}
  
  .pdp #main section .content:not(.no-right-rail) {
    border-right: none;
  }
  
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;}
  #header-wrap .side-nav{
    float: none; 
    margin: 0 auto;
    width: 100%;}
  #header-wrap .side-nav .header-form form{
    max-width: 300px;
    margin: 0 auto;}
  
  /* sbatha 07212014 - testing mobile slider issue. replace this commented part. */
  
  #header-wrap .slider{
    margin-left: 0px;
  }
  
  #slider .slides img{
    /* mobile slider test ...height: 300px; 150 px*/
    height:150px; /* commented the width out - to take this back to baseline... width:100%;  */
  }
  
  /* sbahta end. */
  
  .navbar-default{
    box-shadow: inset 0px -35px 20px -35px #499bd1;}
  .navbar-default .navbar-header{
    width: 103%;}
  .navbar-default .navbar-button{
    float: none;
    text-align: right;
    margin-right: 60px}
  #main>article .testimonial h2,
  #main>article .testimonial figure,
  #main>article .testimonial figcaption,
  #main>article .side-item{
    text-align: center; }
  #main>article .img-holder>img{
    width: auto;}
  #footer{
    text-align: center;}
  #footer>ul .quick-link{
    margin-top: 40px;}	
  
}

/*# Mobile device 639 #*/
@media (max-width: 639px){
   
  .pdp #main section .content:not(.no-right-rail) {
    border-right: none;
  }
  
  .pdp #main section .content>.heading figure{
    text-align: center;}
  .pdp #main section .content>.heading figure>img{
    float: none;}
  .pdp #main section .content > .heading figcaption{
    padding-top: 20px;
    padding-left: 0;
    text-align: center;}
  .pdp #main .content>.course-banner figure .banner-container,
  .pdp #main .content>.course-banner figcaption{
    float: none;
    text-align: center;}
  .pdp #main .content>.course-banner figcaption{
    padding-top: 30px; }
  .pdp #main .content>.course-banner figure .banner-container>img{
    width: 100%;}
}

/*# Tablet device #*/
@media (min-width: 768px) {
  .navbar-collapse.collapse {
    display: none !important;
    height: 1px !important;
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch;}
  .navbar-collapse.collapse.in{
    display: block !important;
    height: auto !important;
    overflow-y: auto !important;} 
  .navbar-header {
    display:block;
  }
  
  
  
  .HideSearchLabel {
    display:none;
  }
  .navbar-toggle {
    margin-right:0px;
  }
  
  .navbar-header .mobile-search{
    color:#f47920
      float: right;
	font-size: 30px;
	padding-top: 10px;
  }
  
  .btn-search{
    margin-top:5px;
  }
  .navbar-header .mobile-logo{
    width:30%;
    padding-top:10px;
  }
  
  /*left navigation toggle effect.*/
  .mobile-link-toggle {
    display:block;
    background: #003663;
    border-top: none;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 20px;
    text-transform: uppercase;
    text-decoration:none;
  }
  
  .mobile-link-toggle .fa-plus-square {
    padding-right: 5px;
    font-size: 20px;
  }
  #main>article a#toggle-link{
    color:white;
    font-size: 18px;
    text-decoration: none;
  }
  
  /*end mobile left navigation*/
  
  .mobile-mission figcaption{
    color: #003663;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .navbar-header .mobile-left{
    float:left; 
  }
  
  .navbar-header .mobile-right{
    float:right;
  }
  
  .navbar-header .mobile-center{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  
  .navbar-toggle{
    background:#f47920;
    display: block;
    float:left;}
  
  .navbar-right{
    float: none!important;}
  .navbar-nav {
    margin: 7.5px -15px;}
  .navbar-nav>li{
    display: block;
    float: none;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: #e7e7e7;}
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
    margin-left: -15px;
    margin-right: -15px;}
  /*# tablet insurance #*/
  .insurance #main .tab-content{
    padding: 10px 10px 40px 40px;}
  .insurance #main .tab-content .heading .img-holder>img{
    width: 100% !important;}
  .insurance #main .navbar-toggle.navtabs-toggle{
    display: none;}
  .insurance #main .nav-tabs.collapse{
    display: block !important;}
  .insurance #main .nav-tabs>li>a .fa{
    display: none;}
  /*# tablet PDP #*/
  .pdp #main section .content>.segment li:not(:last-child){
    border-right: 1px solid #c9cdd3;}
  .pdp #main section .content>.segment ul{
    display: table;} 
  .pdp #main section .content>.segment ul>li{
    float: none;
    display: table-cell;}
  .pdp #main section .content>.segment figcaption{
    min-height: 222px;}
  .pdp #main .content>.course-banner figcaption{
    padding: 8%;}
  .pdp #main .content>.pro-levels figure>div:before,
  .pdp #main .content>.pro-levels figure>div:after{
    visibility: visible; }
}

/*#Desktop small screen #*/
/* end mobile experience ...*/
@media (min-width: 992px) { 
  
  .nav>li.collapse{
    display:block;
  }
  .navbar-default>.container{
    position: relative;}
  .navbar-default .header-logo{
    display: block;
    width: 212px;
    position: absolute;
    vertical-align: bottom;
    left: 15px;
    text-align: center;
    box-shadow: inset 0px -35px 44px -35px #499bd1;}
  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
  }
  
  
  /*control left navigation display */
  #left-navigation {
    display:block; 
  }
  
  .mobile-link-toggle {
    display:none;
  }
  
  /* navigation control end. */
  
  #navbar-collapse-menu.collapse{
    display: none !important;}
  .navbar-toggle{
    display: none;}
  .navbar-header {
    display:none;
  }
  .mobile-mission{
    display:none;
  }
  
  .HideSearchLabel {
    display:none;
  }
  #mobile-search{
    display:none;
  }
  
  .navbar-right{
    float: right!important;}
  .navbar-nav{
    float: left;
    margin: 0;
    padding-right: 20px;}
  .navbar-nav>li{
    float: left;}
  .navbar-default{
    padding-bottom: 8px;    min-height: 140px;}
  .navbar-default .navbar-header{
    float: right;}
  .navbar-default .navbar-nav>li>a:before{
    content: "|";
    position: absolute;
    top: 0;
    left: 0px;}
  .navbar-default .navbar-nav>li:first-child>a:before,
  .navbar-default .navbar-nav>li:last-child>a:before{
    content: "";}
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
    margin-left: 0px;
    margin-right: 0px;}
  .navbar-default .header-logo{
    padding: 0;margin: 0 !important;}
  .navbar-default .navbar-button{
    float: right;padding-right: 0;}
  .navbar-default .navbar-collapse{
    border-color: transparent;
    float: right;
    padding-right: 15px;    }
  .navbar-default .navbar-collapse>ul{
    padding-right: 0;}
  .navbar-default .megamenu{
    float: left;
    padding-left: 0;}
  .navbar-default .megamenu{
    padding-top: 18px;}
  .megamenu>li>.megapanel{
    left:-15px;}
  .megamenu .programs .megapanel{
    width: 968px;}
  .megamenu .technical .megapanel{
    width: 500px;
    left: -50px;}
  .megamenu .solutions .megapanel{
    width: 500px;
    left: -50px;}
  .megamenu>li>.form-inline .form-control{
    width: 270px;}
  .megamenu>li.right{
    margin-right: 0;}
  #header-wrap .side-nav ul{
    position: relative;}
  #slider .slides img {
    min-height: 345px;}
  #header-wrap #slider .flex-caption>h2, #header-wrap #slider .flex-caption>h4{
    width: 90%;}
  #footer{
    background: url('https://pdp-ee.i-car.com/CMSImportFiles/img/background/footer-bg.jpg') repeat-x;
    padding-left: 40px;}
  #footer>ul .quick-link{
    margin-left: -95px;}
  #footer>ul .quick-link>ul:last-child{
    margin-left: -10px;}
  #footer .social-box {
    text-align: right;
    margin-top: -20px;
    margin-right: 50px;}
  /*# DesktopSmallScreen Insurance #*/
  .insurance #main>article>.content{
    padding-left: 50px;
    padding-right: 50px;}
  .insurance #main aside{
    margin-left: -10px;
    padding-left: 0;
    padding-right: 0px;}
  #main>article .side-item{
    padding-left: 0;
    padding-right: 0px;}
  #main>article .side-link>a{
    padding-left: 20px;}
  #main>article .side-item .poster{
    width: 100%;}
  /*# DesktopSmallScreen PDP #*/
  .pdp #main>article .side-nav{
    width: 213px;}
  .pdp #main .side-nav li.active>a{
    margin-right: -15px;
    padding-right: 35px;
    background: #fff;
    position: relative;
    z-index: 2;}
  .pdp #main>article section{
    padding-left: 20px;
    width: 727px;}
  .pdp #main section .breadcrumb{
    padding-left: 5px;
    padding-right: 5px;}   
  .pdp #main section .content{
    padding-left: 0;
    padding-right: 25px;}
  .pdp #main section .content>.segment figcaption{
    min-height: 281px;}
  .pdp #main section .content>.testimonial figure{
    margin-left: 5.333333%;
    padding-left: 5px;
    padding-right: 5px;}
  .pdp #main .content>.pro-levels figure>div:before,
  .pdp #main .content>.pro-levels figure>div:after{
    visibility: hidden; }
}

@media (min-width: 992px) and (max-width: 1199px){
  .pdp #main .content>.course-banner figure .banner-container,
  .pdp #main .content>.course-banner figcaption{
    float: none;
    text-align: center;}
  .pdp #main .content>.course-banner figure .banner-container{
    width: 377px;
    margin: 0 auto;}
  .pdp #main .content>.course-banner figcaption{
    padding-top: 30px; }
}

/*# Desktop large screen #*/
@media (min-width: 1200px) {
  
  /*control left navigation display */
  #left-navigation {
    display:block; 
  }
  
  .mobile-link-toggle {
    display:none;
  }
  
  /* navigation control end. */
  
  .container {
    width: 1230px;}
  .navbar-default .megamenu{
    padding-left: 225px;}
  .megamenu>li.right{
    margin-right: 10px;}
  #header-wrap #slider .flex-caption>h2, #header-wrap #slider .flex-caption>h4{width: 70%;}
  #slider .slides img {
    min-height: 0px;}
  #footer{
    padding-left: 105px;}
  #footer>ul .quick-link{
    margin-left: -85px;}
  #footer>ul .quick-link>ul:last-child{
    margin-left: -45px;}
  #footer .social-box{
    margin-right: 120px;}
  /*# DesktopLargeScreen PDP #*/
  .pdp #main>article .side-nav{
    width: 225px;}
  .pdp #main>article section{
    width: 975px;}
  .pdp #main section .breadcrumb:before{
    content: "";
    /*background: #fff;*/
    width: 211px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: -19px;
    z-index: 1;}
  .pdp #main section .content>.heading,
  .pdp #main section .content>.segment{
    padding-left: 25px;
    padding-right: 40px;}
  .pdp #main section .content>.segment figcaption{
    min-height: 222px;}
  .pdp #main .content>.pro-levels figure>div:before,
  .pdp #main .content>.pro-levels figure>div:after{
    visibility: visible; }
}

/*# Contact Us #*/
.ContactUsImage {float:right;}

/*# MyICAR #*/
.icar_component_title { border-color: black black #d9cfc0; font-weight: bold; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;}

.pdp #main .side-nav .MyICARMenu li.CMSListMenuLI ul{
  display:block ;
  color: red !important;
}

.pdp #main .side-nav .MyICARMenu li>ul>li>ul>li>a{
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  padding: 10px 20px;
  text-decoration: none;
  display: none}

#ui-datepicker-div {background:white !important;}

iframe {width: 900px;
  height: 1200px;
  align:left; 
  border:0;
  overflow: scroll;}

.iframe-container {
  position: relative;
  padding-bottom: 16.25%;
  padding-top: 35px;
  height: 1000;
  overflow: hidden;
}

.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nf a{
  display: inline !important;
}

.newLanding1 {
  font-size: 26px;
  color: #0065db;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}
.newLanding2 {
  font-size: 16px;
  color: #0065db;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

#gray-box {
  width: 220px;
  padding-left: 20px;
  padding-right: 30px;
  border-style:solid;
  border-color:#a2a6af;
  border-width: 1px;
  border-radius: 5px;
  margin: 0px; 
  box-shadow: 0px 1px 4px 1px #d7d1d1;
}

#header-padding{
  padding: 0px 0px 10px 30px;
}
/*# Hierarchical side nav #*/
.side-nav .hierarchical-left-nav{
  padding: 0;}
.side-nav .Hierarchical-left-nav:before{
  box-shadow: inset -15px 0 15px -15px #151515;
  content: " ";
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 15px;}
.side-nav .hierarchical-left-nav:after{
  box-shadow: inset 15px 0 15px -15px #151515;
  content: " ";
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
  width: 15px;
  z-index: 1;}
.side-nav .hierarchical-left-nav li{
  background: #006cb4;
  border-top: 1px solid #6fa8cf;}
.side-nav .hierarchical-left-nav li>a{
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  padding: 10px 20px;
  text-decoration: none;}
.side-nav .hierarchical-left-nav li>ul>li>a{
  font-size: 14px;
  line-height: 16px;}
.side-nav .hierarchical-left-nav li.divider{
  background: #003663;
  border-top: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 20px;
  text-transform: uppercase;}
.side-nav .hierarchical-left-nav li.divider+li,
.side-nav .hierarchical-left-nav li.active>ul>li:first-child{
  border-top: none;}

.side-nav .hierarchical-left-nav li.CMSListMenuLI ul{
  display:none;
}
.side-nav .hierarchical-left-nav li.CMSListMenuHighlightedLI{
  background: #fff;}
.side-nav .hierarchical-left-nav li.CMSListMenuHighlightedLI a{
  color: #006cb4;}
.side-nav .hierarchical-left-nav li.CMSListMenuHighlightedLI>ul{
  background: #d6e1f3;}
.side-nav .hierarchical-left-nav li.CMSListMenuHighlightedLI>ul>li{
  background: transparent;
  margin-left: 10px;
  margin-right: 10px;}
.side-nav .hierarchical-left-nav li.CMSListMenuHighlightedLI>ul>li .CMSListMenuHighlightedLI{
  background: transparent;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;}

.myicar-icon-box {
  display: inline-block;
  width: 120px;
  height: 100px;
  margin: 1em;
  text-align: center;
}

/*#Press Page #*/

/**************************************
** PRESS PAGE
***************************************/

.press .breadcrumb {
  margin-bottom: 0;
}

.press #main section .content {
  padding-bottom: 40px;
}

.press .heading h1 {
  font-size: 44px;
  font-weight: 600;
  color: #575e69;
  padding-right: 85px;
}

.press .heading h4 {
  padding-right: 85px;
}

.press .heading .action a {
  display: block;
  margin-top: 7px;
}

.press-item {
  padding: 30px 0;
  margin: 14px 0;
  position: relative;
}

.press-item:before {
  border-top: 1px solid #C9CDD3;
  width: 100%;
  position: absolute;
  top: -7px;
}

.press-item.featured {
  background: #F5F6F6;
}

.press-item .title a {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #006cb4;
  text-decoration: none !important;
}

.press-item .title a:hover {
  text-decoration: underline !important;
}

.press-item .date {
  font-size: 16px;
  color: #575e69;
  margin-bottom: 20px;
}

.press-item p {
  font-size: 16px;
  line-height: 20px !important;
  color: #575e69;
  margin-bottom: 20px;
}

.see-all {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #006cb4;
  font-weight: 600;
  background: #D6E1F3;
  text-decoration: none !important;
  border-radius: 5px;
  padding: 8px;
}

.wrapper-see-all {
  background: #fff;
  width: 100%;
  border-radius: 5px;
  padding: 1px;
  -moz-box-shadow: 3px 3px 5px #888;
  -webkit-box-shadow: 3px 3px 5px #888;
  box-shadow: 3px 3px 5px #888;
}

.wrapper-see-all:hover {
  opacity: 0.7;
}

.wrapper-search {
  position: relative;
}

.wrapper-search input {
  padding-right: 40px;
  border-radius: 0;
  border-color: #868686;
  height: 28px;
}

.wrapper-search label {
  display:none;
}

.wrapper-search .press-search-button {
  position: absolute;
  right: 0;
  top: 0;
  background: #006CB4;
  border-color: #006CB4;
  border-radius: 0;
  line-height: 28px;
  height: 28px;
  width: 28px;
  padding: 0 0 0 2px;
}
.wrapper-search .btn:hover {
  background: #225F87;
}

/*# Press Detail #*/

/**************************************
** PRESS DETAIL PAGE
***************************************/

.press-content a {
  display: inline-block !important;
}

.press-content img {
  margin: 5px 25px 10px 0px;
  float:left;
}

.press-content p {
  font-size: 16px;
  line-height: 22px;
}

/*# Search Page #*/

/**************************************
** SEARCH PAGE
***************************************/ 
.search .content {
  padding-left: 50px !important;
}

.search .breadcrumb {
  margin-left: 20px;
  margin-bottom: 0;
}

.search #main section .breadcrumb:before {
  display: none;
}

.search .results .item {
  border-bottom: 1px solid #C9CDD3;
  margin-bottom: 40px;
  padding-bottom: 25px;
}

.search .results .item a {
  display: inline-block !important;
}

.search .results .item .title {
  font-size: 18px;
  color: #006cb4;
}

.search .results .item .bar {
  display: block;
  background: #DFE0E1;
  width: 122px;
  height: 8px;
  margin-top: 20px;
}

.search .results .item .fill {
  display: block;
  background: #92B7E0;
  width: 122px;
  height: 8px;
}

#search-form {
  margin-bottom: 50px;
}

#search-form label {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

#search-form .form-group {
  width: 40%;
}

#search-form input {
  width: 100%;
  border-radius: 0; 
  border-color: #B7B7B7;
}

#search-form .btn {
  background: #f47920;
  border-color: #f47920;
  margin-left: 5px;
}

#search-form .btn:hover {
  color: #333;
}

.pager {
  margin: 0 auto;
}

.pager li {
  border: 0 !important;
  display: inline-block !important;
}

.pager li a {
  font-size: 18px;
  font-weight: 600;
  color: #006cb4;
  text-decoration: none !important;
  border: 0;
  border-radius: 0;
}

.pager li a.current {
  background: #D6E1F3;
}

/*# Class Search #*/
.cs #class_search {
  
  background: none repeat scroll 0% 0% #F47920;
  padding: 20px 10px 19px;
  box-shadow: 0px 4px 12px -5px #151515 inset;
}

.cs #btn {
  display: inline-block;
  margin-bottom: 0px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -moz-user-select: none;
}

.cs #p , #a{
  margin-bottom: 20px;
  border: medium none;
  color: #FFF !important;
  font-size: 15px;
  font-weight: 600;
  font: 600 15px/20px 'Source Sans Pro',sans-serif;
}

.cs #zip{
  margin-bottom: 20px;
  border: medium none;
  color: #575E69 !important;
  font-size: 15px;
  font-weight: 600;
  font: 600 15px/20px 'Source Sans Pro',sans-serif;
}

.pdp_manual_heading {color:##114c80 !important;font-size:40pt;}

.NewCoursestitle {
  font-size: 18px;
  font-weight:800;
  margin-bottom: 10px;}

.NewCoursesdescription {
  text-align: left;
  margin-top: 10px;}

.newcoursesbottomcenter {text-align: center;}

/*# PDP CRP PAGE #*/ 
/* .pdp-crp #main .side-nav li.active a {
color: #043861;
}

.pdp-crp #main>article{
padding-bottom: 0px !important;
}

.pdp-crp #main section .content>.heading figcaption {
margin-top: 57px;
}
*/
#main .pdp-crp-paths {
  padding: 30px;
}

#main .pdp-crp-paths li {
  padding-left: 7.5px;
  padding-right: 7.5px;
  margin-bottom: 15px;
}
#main .pdp-crp-paths li figure {
  text-align: center;
  border: 1px solid #92B7DF;
  padding: 20px 10px;
}

#main .pdp-crp-paths li figure.featured {
  background: #EAF0F9;
}

#main .pdp-crp-paths li figure p {
  text-align: center;
}

#main .pdp-crp-paths li figure .role {
  margin-bottom: 10px;
  vertical-align: bottom;
}

#main .pdp-crp-paths li figure .role.single {
  margin-top: 20px;
}

#main .pdp-crp-paths li figure .role a {
  font-size: 18px;
  font-weight: bold;
}

#main .pdp-crp-paths li figure img {
  width: auto;
  margin-bottom: 10px;
}

.pdp-crp #main .content>.gold-class-calculator{
  padding-bottom: 40px;
}

.pdp-crp .left-line {
  height: 2350px;
}

/*# AppDocs #*/ 
.appdoc .row {
  height:30px;}

.appdoccategory {
  padding-bottom:20px;}

.appdoc .divappdocheader {
  font-size:18px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:20px;
  border-style:solid;
  border-width: 1px 0 0 0;
  border-color: #c9cdd3;
}

.appdoclink {
  padding-bottom:8px;}

.appdoclink>img {
  float:left;
  height:18px;}

.appdoclink>figcaption {
  padding-left:20px;}

/*# print Style #*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }  Add link*/
  a[href]:after {content:none !important;}  /* Remove Link*/
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:none; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hierarchical-left-nav {display:none;}
  ul#menuElem {display:none;}
  .footerBlock {display:none;}
  .mobile-link-toggle {display:none;}
  .side-nav .left {display:none; width:1px; float:left; position:abosolute; left:-1000px; overflow:hidden;} /* */
  #left-navigation {display:none; width:1px; float:left;  position:abosolute; left:-1000px; overflow:hidden;} /* */
  .btnprint {display:none;}
  .content {float:left; }
  .col-md-9,.col-md-9 {float:left; }
  
}

/*# ASETest #*/
.asetablehead {
  font-weight:800;
  margin-top:20px;}

.asetable { 
  width:448px;
  border="0";
  cellspacing="1";
  cellpadding="2"}

.asetablecol2 { 
  width:381px;
  nowrap="nowrap";
  valign="bottom";}

.asetablecol2 { 
  width:67px;
  nowrap="nowrap";
  valign="bottom";}

.resizedTextbox {width: 50px;}
.resizedTextbox2 {width: 250px;}
.resizedTextfont{font-size: 14px;}

/*# Instructors #*/
.IframeInstructorSearch #C_2_1_LabelFindHeader {display: none;}

.IframeInstructorSearch .DataFormLabelHeader {display: none;}

/*# Brightcove scale #*/

.video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:6px;
  height:0;
  overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:100% !important;
}

#volSpan {
  padding-right:3px;
  }

#volLabel {
  padding-right:30px;
  color:#FF0000;
  }

/* Start new styles for blog */

.PagerControl {
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .PagerControl {
        margin-bottom: 20px;
    }
}

.PagerNumberArea {
    border: 1px solid #dee1e2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 3px;
}

.PagerNumberArea span,
.PagerNumberArea a {
    padding: 10px 5px;
    text-decoration: none !important;
}

.PagerNumberArea>span:first-child,
.PagerNumberArea>span:last-child {
    background: #eee;
    color: #c1c2c4;
}

.sideNav {
  margin-bottom:16px;
}
.sideNav-item {
  margin-bottom:5px;
}
.sideNav-item a {
  display:block;
  text-decoration:none;
  padding-top:3px;
  padding-bottom:3px;
}

.blogHeader{
  margin: 0 auto;
  padding: 30px 30px 50px 30px;
}


/* End new styles for blog */

/* Start new styles for collision repair landing page */

.locatorHero {
	background:url(https://pdp-ee.i-car.com/I-CAR/media/Media_library_01/locatorBck.jpg) no-repeat center;
	min-height:688px;
	text-align:center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center ;
    align-items: center;
    padding:0 !important;
    height:100vh;
    max-height:688px;
}
.locatorHero-inner {
  padding:16px;
}
.locatorHero-heading {
	text-transform:uppercase;
	color:#0072bc;
	font-weight:700;
	margin-bottom:20px;
}
.locatorHero-input {
	font-size:20px;
	text-align:center;
	padding:1rem;
	margin-bottom:10px;
	display:block;
	width:235px;
	text-transform:uppercase;
	margin:0 auto 10px auto;
	border-radius:0;
	height:auto;
	border-color:#989da3;
	box-shadow:none;
}
.locatorHero-input:-ms-input-placeholder{color:#575e69 !important;}
.locatorHero-input::placeholder{color:#575e69 !important;}
.locatorHero-btn {
	display:inline-block;
	font-size:20px;
	padding:12px 24px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff !important;
	background:#f57920;
	text-decoration:none !important;
}
.locatorHero-subCopy {
	margin-top:auto;
  font-size:10px;
}

.locator iframe{
  width: 100% !important;
  }

.locatorHero-error{
  display:none;
  color: red;
 }
/* End new styles for collision repair landing page */

/* Start Collision Reporter TOC Styles */

.socialGrid {
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 1em;
    -ms-flex-pack: center;
    justify-content: center
}

.socialGrid-item {
    padding-right: 15px;
    padding-left: 15px
}

.socialGrid-item img {
    max-height: 52px
}

.crIssuesGrid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
    -ms-flex-pack: center;
    justify-content: center;
}

.crIssuesGrid-item {
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative
}

.crIssuesGrid-item:after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    border-bottom: 1px dashed;
    opacity: .25;
    height: 0
}

.crIssuesGrid-item:last-child:after {
    display: none
}

.crIssuesGrid-item>*:first-child {
    margin-top: 0 !important
}

.crIssuesGrid-item>*:last-child {
    margin-bottom: 0 !important
}



@media only screen and (min-width: 480px) {
    .crIssuesGrid-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        border-bottom-width: 0
    }
    .crIssuesGrid-item:after {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .crIssuesGrid-item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

/* End Collision Reporter TOC Styles */
/* Some utility/helper classes */

.tag {
    display: inline-block;
    background: #0073bc;
    color: #fff;
    font-weight: bold;
    padding: .5rem 1rem;
    border-radius: 6px 0 6px 0;
    text-transform: uppercase;
    font-size: 18px
}

.btn-flat {
    box-shadow: none !important;
    border-width: 0 !important
}

.colorBlue {
    color: #006cb4 !important
}

.muted {
    opacity: .75
}
/*
	Some Bootstrap 4 helper classes

 */
.float-none {
  float:none !important;
}
.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.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: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .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: 1.75rem !important
}

.mt-5,
.my-5 {
    margin-top: 1.75rem !important
}

.mr-5,
.mx-5 {
    margin-right: 1.75rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 1.75rem !important
}

.ml-5,
.mx-5 {
    margin-left: 1.75rem !important
}

.m-6 {
    margin: 2rem !important
}

.mt-6,
.my-6 {
    margin-top: 2rem !important
}

.mr-6,
.mx-6 {
    margin-right: 2rem !important
}

.mb-6,
.my-6 {
    margin-bottom: 2rem !important
}

.ml-6,
.mx-6 {
    margin-left: 2rem !important
}

.m-7 {
    margin: 2.25rem !important
}

.mt-7,
.my-7 {
    margin-top: 2.25rem !important
}

.mr-7,
.mx-7 {
    margin-right: 2.25rem !important
}

.mb-7,
.my-7 {
    margin-bottom: 2.25rem !important
}

.ml-7,
.mx-7 {
    margin-left: 2.25rem !important
}

.m-8 {
    margin: 2.5rem !important
}

.mt-8,
.my-8 {
    margin-top: 2.5rem !important
}

.mr-8,
.mx-8 {
    margin-right: 2.5rem !important
}

.mb-8,
.my-8 {
    margin-bottom: 2.5rem !important
}

.ml-8,
.mx-8 {
    margin-left: 2.5rem !important
}

.m-9 {
    margin: 3rem !important
}

.mt-9,
.my-9 {
    margin-top: 3rem !important
}

.mr-9,
.mx-9 {
    margin-right: 3rem !important
}

.mb-9,
.my-9 {
    margin-bottom: 3rem !important
}

.ml-9,
.mx-9 {
    margin-left: 3rem !important
}

.m-10 {
    margin: 3.25rem !important
}

.mt-10,
.my-10 {
    margin-top: 3.25rem !important
}

.mr-10,
.mx-10 {
    margin-right: 3.25rem !important
}

.mb-10,
.my-10 {
    margin-bottom: 3.25rem !important
}

.ml-10,
.mx-10 {
    margin-left: 3.25rem !important
}

.m-11 {
    margin: 3.5rem !important
}

.mt-11,
.my-11 {
    margin-top: 3.5rem !important
}

.mr-11,
.mx-11 {
    margin-right: 3.5rem !important
}

.mb-11,
.my-11 {
    margin-bottom: 3.5rem !important
}

.ml-11,
.mx-11 {
    margin-left: 3.5rem !important
}

.m-12 {
    margin: 3.75rem !important
}

.mt-12,
.my-12 {
    margin-top: 3.75rem !important
}

.mr-12,
.mx-12 {
    margin-right: 3.75rem !important
}

.mb-12,
.my-12 {
    margin-bottom: 3.75rem !important
}

.ml-12,
.mx-12 {
    margin-left: 3.75rem !important
}

.m-13 {
    margin: 4rem !important
}

.mt-13,
.my-13 {
    margin-top: 4rem !important
}

.mr-13,
.mx-13 {
    margin-right: 4rem !important
}

.mb-13,
.my-13 {
    margin-bottom: 4rem !important
}

.ml-13,
.mx-13 {
    margin-left: 4rem !important
}

.m-14 {
    margin: 4.25rem !important
}

.mt-14,
.my-14 {
    margin-top: 4.25rem !important
}

.mr-14,
.mx-14 {
    margin-right: 4.25rem !important
}

.mb-14,
.my-14 {
    margin-bottom: 4.25rem !important
}

.ml-14,
.mx-14 {
    margin-left: 4.25rem !important
}

.m-15 {
    margin: 4.5rem !important
}

.mt-15,
.my-15 {
    margin-top: 4.5rem !important
}

.mr-15,
.mx-15 {
    margin-right: 4.5rem !important
}

.mb-15,
.my-15 {
    margin-bottom: 4.5rem !important
}

.ml-15,
.mx-15 {
    margin-left: 4.5rem !important
}

.m-16 {
    margin: 4.75rem !important
}

.mt-16,
.my-16 {
    margin-top: 4.75rem !important
}

.mr-16,
.mx-16 {
    margin-right: 4.75rem !important
}

.mb-16,
.my-16 {
    margin-bottom: 4.75rem !important
}

.ml-16,
.mx-16 {
    margin-left: 4.75rem !important
}

.m-17 {
    margin: 5rem !important
}

.mt-17,
.my-17 {
    margin-top: 5rem !important
}

.mr-17,
.mx-17 {
    margin-right: 5rem !important
}

.mb-17,
.my-17 {
    margin-bottom: 5rem !important
}

.ml-17,
.mx-17 {
    margin-left: 5rem !important
}

.m-18 {
    margin: 5.25rem !important
}

.mt-18,
.my-18 {
    margin-top: 5.25rem !important
}

.mr-18,
.mx-18 {
    margin-right: 5.25rem !important
}

.mb-18,
.my-18 {
    margin-bottom: 5.25rem !important
}

.ml-18,
.mx-18 {
    margin-left: 5.25rem !important
}

.m-19 {
    margin: 5.25rem !important
}

.mt-19,
.my-19 {
    margin-top: 5.25rem !important
}

.mr-19,
.mx-19 {
    margin-right: 5.25rem !important
}

.mb-19,
.my-19 {
    margin-bottom: 5.25rem !important
}

.ml-19,
.mx-19 {
    margin-left: 5.25rem !important
}

.m-20 {
    margin: 5.5rem !important
}

.mt-20,
.my-20 {
    margin-top: 5.5rem !important
}

.mr-20,
.mx-20 {
    margin-right: 5.5rem !important
}

.mb-20,
.my-20 {
    margin-bottom: 5.5rem !important
}

.ml-20,
.mx-20 {
    margin-left: 5.5rem !important
}

.m-21 {
    margin: 5.75rem !important
}

.mt-21,
.my-21 {
    margin-top: 5.75rem !important
}

.mr-21,
.mx-21 {
    margin-right: 5.75rem !important
}

.mb-21,
.my-21 {
    margin-bottom: 5.75rem !important
}

.ml-21,
.mx-21 {
    margin-left: 5.75rem !important
}

.m-22 {
    margin: 6rem !important
}

.mt-22,
.my-22 {
    margin-top: 6rem !important
}

.mr-22,
.mx-22 {
    margin-right: 6rem !important
}

.mb-22,
.my-22 {
    margin-bottom: 6rem !important
}

.ml-22,
.mx-22 {
    margin-left: 6rem !important
}

.m-23 {
    margin: 6.25rem !important
}

.mt-23,
.my-23 {
    margin-top: 6.25rem !important
}

.mr-23,
.mx-23 {
    margin-right: 6.25rem !important
}

.mb-23,
.my-23 {
    margin-bottom: 6.25rem !important
}

.ml-23,
.mx-23 {
    margin-left: 6.25rem !important
}

.m-24 {
    margin: 6.5rem !important
}

.mt-24,
.my-24 {
    margin-top: 6.5rem !important
}

.mr-24,
.mx-24 {
    margin-right: 6.5rem !important
}

.mb-24,
.my-24 {
    margin-bottom: 6.5rem !important
}

.ml-24,
.mx-24 {
    margin-left: 6.5rem !important
}

.m-25 {
    margin: 6.75rem !important
}

.mt-25,
.my-25 {
    margin-top: 6.75rem !important
}

.mr-25,
.mx-25 {
    margin-right: 6.75rem !important
}

.mb-25,
.my-25 {
    margin-bottom: 6.75rem !important
}

.ml-25,
.mx-25 {
    margin-left: 6.75rem !important
}

.m-26 {
    margin: 7rem !important
}

.mt-26,
.my-26 {
    margin-top: 7rem !important
}

.mr-26,
.mx-26 {
    margin-right: 7rem !important
}

.mb-26,
.my-26 {
    margin-bottom: 7rem !important
}

.ml-26,
.mx-26 {
    margin-left: 7rem !important
}

.m-27 {
    margin: 7.25rem !important
}

.mt-27,
.my-27 {
    margin-top: 7.25rem !important
}

.mr-27,
.mx-27 {
    margin-right: 7.25rem !important
}

.mb-27,
.my-27 {
    margin-bottom: 7.25rem !important
}

.ml-27,
.mx-27 {
    margin-left: 7.25rem !important
}

.m-28 {
    margin: 7.5rem !important
}

.mt-28,
.my-28 {
    margin-top: 7.5rem !important
}

.mr-28,
.mx-28 {
    margin-right: 7.5rem !important
}

.mb-28,
.my-28 {
    margin-bottom: 7.5rem !important
}

.ml-28,
.mx-28 {
    margin-left: 7.5rem !important
}

.m-29 {
    margin: 7.75rem !important
}

.mt-29,
.my-29 {
    margin-top: 7.75rem !important
}

.mr-29,
.mx-29 {
    margin-right: 7.75rem !important
}

.mb-29,
.my-29 {
    margin-bottom: 7.75rem !important
}

.ml-29,
.mx-29 {
    margin-left: 7.75rem !important
}

.m-30 {
    margin: 8rem !important
}

.mt-30,
.my-30 {
    margin-top: 8rem !important
}

.mr-30,
.mx-30 {
    margin-right: 8rem !important
}

.mb-30,
.my-30 {
    margin-bottom: 8rem !important
}

.ml-30,
.mx-30 {
    margin-left: 8rem !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: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .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: 1.75rem !important
}

.pt-5,
.py-5 {
    padding-top: 1.75rem !important
}

.pr-5,
.px-5 {
    padding-right: 1.75rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 1.75rem !important
}

.pl-5,
.px-5 {
    padding-left: 1.75rem !important
}

.p-6 {
    padding: 2rem !important
}

.pt-6,
.py-6 {
    padding-top: 2rem !important
}

.pr-6,
.px-6 {
    padding-right: 2rem !important
}

.pb-6,
.py-6 {
    padding-bottom: 2rem !important
}

.pl-6,
.px-6 {
    padding-left: 2rem !important
}

.p-7 {
    padding: 2.25rem !important
}

.pt-7,
.py-7 {
    padding-top: 2.25rem !important
}

.pr-7,
.px-7 {
    padding-right: 2.25rem !important
}

.pb-7,
.py-7 {
    padding-bottom: 2.25rem !important
}

.pl-7,
.px-7 {
    padding-left: 2.25rem !important
}

.p-8 {
    padding: 2.5rem !important
}

.pt-8,
.py-8 {
    padding-top: 2.5rem !important
}

.pr-8,
.px-8 {
    padding-right: 2.5rem !important
}

.pb-8,
.py-8 {
    padding-bottom: 2.5rem !important
}

.pl-8,
.px-8 {
    padding-left: 2.5rem !important
}

.p-9 {
    padding: 3rem !important
}

.pt-9,
.py-9 {
    padding-top: 3rem !important
}

.pr-9,
.px-9 {
    padding-right: 3rem !important
}

.pb-9,
.py-9 {
    padding-bottom: 3rem !important
}

.pl-9,
.px-9 {
    padding-left: 3rem !important
}

.p-10 {
    padding: 3.25rem !important
}

.pt-10,
.py-10 {
    padding-top: 3.25rem !important
}

.pr-10,
.px-10 {
    padding-right: 3.25rem !important
}

.pb-10,
.py-10 {
    padding-bottom: 3.25rem !important
}

.pl-10,
.px-10 {
    padding-left: 3.25rem !important
}

.p-11 {
    padding: 3.5rem !important
}

.pt-11,
.py-11 {
    padding-top: 3.5rem !important
}

.pr-11,
.px-11 {
    padding-right: 3.5rem !important
}

.pb-11,
.py-11 {
    padding-bottom: 3.5rem !important
}

.pl-11,
.px-11 {
    padding-left: 3.5rem !important
}

.p-12 {
    padding: 3.75rem !important
}

.pt-12,
.py-12 {
    padding-top: 3.75rem !important
}

.pr-12,
.px-12 {
    padding-right: 3.75rem !important
}

.pb-12,
.py-12 {
    padding-bottom: 3.75rem !important
}

.pl-12,
.px-12 {
    padding-left: 3.75rem !important
}

.p-13 {
    padding: 4rem !important
}

.pt-13,
.py-13 {
    padding-top: 4rem !important
}

.pr-13,
.px-13 {
    padding-right: 4rem !important
}

.pb-13,
.py-13 {
    padding-bottom: 4rem !important
}

.pl-13,
.px-13 {
    padding-left: 4rem !important
}

.p-14 {
    padding: 4.25rem !important
}

.pt-14,
.py-14 {
    padding-top: 4.25rem !important
}

.pr-14,
.px-14 {
    padding-right: 4.25rem !important
}

.pb-14,
.py-14 {
    padding-bottom: 4.25rem !important
}

.pl-14,
.px-14 {
    padding-left: 4.25rem !important
}

.p-15 {
    padding: 4.5rem !important
}

.pt-15,
.py-15 {
    padding-top: 4.5rem !important
}

.pr-15,
.px-15 {
    padding-right: 4.5rem !important
}

.pb-15,
.py-15 {
    padding-bottom: 4.5rem !important
}

.pl-15,
.px-15 {
    padding-left: 4.5rem !important
}

.p-16 {
    padding: 4.75rem !important
}

.pt-16,
.py-16 {
    padding-top: 4.75rem !important
}

.pr-16,
.px-16 {
    padding-right: 4.75rem !important
}

.pb-16,
.py-16 {
    padding-bottom: 4.75rem !important
}

.pl-16,
.px-16 {
    padding-left: 4.75rem !important
}

.p-17 {
    padding: 5rem !important
}

.pt-17,
.py-17 {
    padding-top: 5rem !important
}

.pr-17,
.px-17 {
    padding-right: 5rem !important
}

.pb-17,
.py-17 {
    padding-bottom: 5rem !important
}

.pl-17,
.px-17 {
    padding-left: 5rem !important
}

.p-18 {
    padding: 5.25rem !important
}

.pt-18,
.py-18 {
    padding-top: 5.25rem !important
}

.pr-18,
.px-18 {
    padding-right: 5.25rem !important
}

.pb-18,
.py-18 {
    padding-bottom: 5.25rem !important
}

.pl-18,
.px-18 {
    padding-left: 5.25rem !important
}

.p-19 {
    padding: 5.25rem !important
}

.pt-19,
.py-19 {
    padding-top: 5.25rem !important
}

.pr-19,
.px-19 {
    padding-right: 5.25rem !important
}

.pb-19,
.py-19 {
    padding-bottom: 5.25rem !important
}

.pl-19,
.px-19 {
    padding-left: 5.25rem !important
}

.p-20 {
    padding: 5.5rem !important
}

.pt-20,
.py-20 {
    padding-top: 5.5rem !important
}

.pr-20,
.px-20 {
    padding-right: 5.5rem !important
}

.pb-20,
.py-20 {
    padding-bottom: 5.5rem !important
}

.pl-20,
.px-20 {
    padding-left: 5.5rem !important
}

.p-21 {
    padding: 5.75rem !important
}

.pt-21,
.py-21 {
    padding-top: 5.75rem !important
}

.pr-21,
.px-21 {
    padding-right: 5.75rem !important
}

.pb-21,
.py-21 {
    padding-bottom: 5.75rem !important
}

.pl-21,
.px-21 {
    padding-left: 5.75rem !important
}

.p-22 {
    padding: 6rem !important
}

.pt-22,
.py-22 {
    padding-top: 6rem !important
}

.pr-22,
.px-22 {
    padding-right: 6rem !important
}

.pb-22,
.py-22 {
    padding-bottom: 6rem !important
}

.pl-22,
.px-22 {
    padding-left: 6rem !important
}

.p-23 {
    padding: 6.25rem !important
}

.pt-23,
.py-23 {
    padding-top: 6.25rem !important
}

.pr-23,
.px-23 {
    padding-right: 6.25rem !important
}

.pb-23,
.py-23 {
    padding-bottom: 6.25rem !important
}

.pl-23,
.px-23 {
    padding-left: 6.25rem !important
}

.p-24 {
    padding: 6.5rem !important
}

.pt-24,
.py-24 {
    padding-top: 6.5rem !important
}

.pr-24,
.px-24 {
    padding-right: 6.5rem !important
}

.pb-24,
.py-24 {
    padding-bottom: 6.5rem !important
}

.pl-24,
.px-24 {
    padding-left: 6.5rem !important
}

.p-25 {
    padding: 6.75rem !important
}

.pt-25,
.py-25 {
    padding-top: 6.75rem !important
}

.pr-25,
.px-25 {
    padding-right: 6.75rem !important
}

.pb-25,
.py-25 {
    padding-bottom: 6.75rem !important
}

.pl-25,
.px-25 {
    padding-left: 6.75rem !important
}

.p-26 {
    padding: 7rem !important
}

.pt-26,
.py-26 {
    padding-top: 7rem !important
}

.pr-26,
.px-26 {
    padding-right: 7rem !important
}

.pb-26,
.py-26 {
    padding-bottom: 7rem !important
}

.pl-26,
.px-26 {
    padding-left: 7rem !important
}

.p-27 {
    padding: 7.25rem !important
}

.pt-27,
.py-27 {
    padding-top: 7.25rem !important
}

.pr-27,
.px-27 {
    padding-right: 7.25rem !important
}

.pb-27,
.py-27 {
    padding-bottom: 7.25rem !important
}

.pl-27,
.px-27 {
    padding-left: 7.25rem !important
}

.p-28 {
    padding: 7.5rem !important
}

.pt-28,
.py-28 {
    padding-top: 7.5rem !important
}

.pr-28,
.px-28 {
    padding-right: 7.5rem !important
}

.pb-28,
.py-28 {
    padding-bottom: 7.5rem !important
}

.pl-28,
.px-28 {
    padding-left: 7.5rem !important
}

.p-29 {
    padding: 7.75rem !important
}

.pt-29,
.py-29 {
    padding-top: 7.75rem !important
}

.pr-29,
.px-29 {
    padding-right: 7.75rem !important
}

.pb-29,
.py-29 {
    padding-bottom: 7.75rem !important
}

.pl-29,
.px-29 {
    padding-left: 7.75rem !important
}

.p-30 {
    padding: 8rem !important
}

.pt-30,
.py-30 {
    padding-top: 8rem !important
}

.pr-30,
.px-30 {
    padding-right: 8rem !important
}

.pb-30,
.py-30 {
    padding-bottom: 8rem !important
}

.pl-30,
.px-30 {
    padding-left: 8rem !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: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .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: 1.75rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 1.75rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 1.75rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 1.75rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 1.75rem !important
    }
    .m-sm-6 {
        margin: 2rem !important
    }
    .mt-sm-6,
    .my-sm-6 {
        margin-top: 2rem !important
    }
    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 2rem !important
    }
    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 2rem !important
    }
    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 2rem !important
    }
    .m-sm-7 {
        margin: 2.25rem !important
    }
    .mt-sm-7,
    .my-sm-7 {
        margin-top: 2.25rem !important
    }
    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 2.25rem !important
    }
    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 2.25rem !important
    }
    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 2.25rem !important
    }
    .m-sm-8 {
        margin: 2.5rem !important
    }
    .mt-sm-8,
    .my-sm-8 {
        margin-top: 2.5rem !important
    }
    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 2.5rem !important
    }
    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 2.5rem !important
    }
    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 2.5rem !important
    }
    .m-sm-9 {
        margin: 3rem !important
    }
    .mt-sm-9,
    .my-sm-9 {
        margin-top: 3rem !important
    }
    .mr-sm-9,
    .mx-sm-9 {
        margin-right: 3rem !important
    }
    .mb-sm-9,
    .my-sm-9 {
        margin-bottom: 3rem !important
    }
    .ml-sm-9,
    .mx-sm-9 {
        margin-left: 3rem !important
    }
    .m-sm-10 {
        margin: 3.25rem !important
    }
    .mt-sm-10,
    .my-sm-10 {
        margin-top: 3.25rem !important
    }
    .mr-sm-10,
    .mx-sm-10 {
        margin-right: 3.25rem !important
    }
    .mb-sm-10,
    .my-sm-10 {
        margin-bottom: 3.25rem !important
    }
    .ml-sm-10,
    .mx-sm-10 {
        margin-left: 3.25rem !important
    }
    .m-sm-11 {
        margin: 3.5rem !important
    }
    .mt-sm-11,
    .my-sm-11 {
        margin-top: 3.5rem !important
    }
    .mr-sm-11,
    .mx-sm-11 {
        margin-right: 3.5rem !important
    }
    .mb-sm-11,
    .my-sm-11 {
        margin-bottom: 3.5rem !important
    }
    .ml-sm-11,
    .mx-sm-11 {
        margin-left: 3.5rem !important
    }
    .m-sm-12 {
        margin: 3.75rem !important
    }
    .mt-sm-12,
    .my-sm-12 {
        margin-top: 3.75rem !important
    }
    .mr-sm-12,
    .mx-sm-12 {
        margin-right: 3.75rem !important
    }
    .mb-sm-12,
    .my-sm-12 {
        margin-bottom: 3.75rem !important
    }
    .ml-sm-12,
    .mx-sm-12 {
        margin-left: 3.75rem !important
    }
    .m-sm-13 {
        margin: 4rem !important
    }
    .mt-sm-13,
    .my-sm-13 {
        margin-top: 4rem !important
    }
    .mr-sm-13,
    .mx-sm-13 {
        margin-right: 4rem !important
    }
    .mb-sm-13,
    .my-sm-13 {
        margin-bottom: 4rem !important
    }
    .ml-sm-13,
    .mx-sm-13 {
        margin-left: 4rem !important
    }
    .m-sm-14 {
        margin: 4.25rem !important
    }
    .mt-sm-14,
    .my-sm-14 {
        margin-top: 4.25rem !important
    }
    .mr-sm-14,
    .mx-sm-14 {
        margin-right: 4.25rem !important
    }
    .mb-sm-14,
    .my-sm-14 {
        margin-bottom: 4.25rem !important
    }
    .ml-sm-14,
    .mx-sm-14 {
        margin-left: 4.25rem !important
    }
    .m-sm-15 {
        margin: 4.5rem !important
    }
    .mt-sm-15,
    .my-sm-15 {
        margin-top: 4.5rem !important
    }
    .mr-sm-15,
    .mx-sm-15 {
        margin-right: 4.5rem !important
    }
    .mb-sm-15,
    .my-sm-15 {
        margin-bottom: 4.5rem !important
    }
    .ml-sm-15,
    .mx-sm-15 {
        margin-left: 4.5rem !important
    }
    .m-sm-16 {
        margin: 4.75rem !important
    }
    .mt-sm-16,
    .my-sm-16 {
        margin-top: 4.75rem !important
    }
    .mr-sm-16,
    .mx-sm-16 {
        margin-right: 4.75rem !important
    }
    .mb-sm-16,
    .my-sm-16 {
        margin-bottom: 4.75rem !important
    }
    .ml-sm-16,
    .mx-sm-16 {
        margin-left: 4.75rem !important
    }
    .m-sm-17 {
        margin: 5rem !important
    }
    .mt-sm-17,
    .my-sm-17 {
        margin-top: 5rem !important
    }
    .mr-sm-17,
    .mx-sm-17 {
        margin-right: 5rem !important
    }
    .mb-sm-17,
    .my-sm-17 {
        margin-bottom: 5rem !important
    }
    .ml-sm-17,
    .mx-sm-17 {
        margin-left: 5rem !important
    }
    .m-sm-18 {
        margin: 5.25rem !important
    }
    .mt-sm-18,
    .my-sm-18 {
        margin-top: 5.25rem !important
    }
    .mr-sm-18,
    .mx-sm-18 {
        margin-right: 5.25rem !important
    }
    .mb-sm-18,
    .my-sm-18 {
        margin-bottom: 5.25rem !important
    }
    .ml-sm-18,
    .mx-sm-18 {
        margin-left: 5.25rem !important
    }
    .m-sm-19 {
        margin: 5.25rem !important
    }
    .mt-sm-19,
    .my-sm-19 {
        margin-top: 5.25rem !important
    }
    .mr-sm-19,
    .mx-sm-19 {
        margin-right: 5.25rem !important
    }
    .mb-sm-19,
    .my-sm-19 {
        margin-bottom: 5.25rem !important
    }
    .ml-sm-19,
    .mx-sm-19 {
        margin-left: 5.25rem !important
    }
    .m-sm-20 {
        margin: 5.5rem !important
    }
    .mt-sm-20,
    .my-sm-20 {
        margin-top: 5.5rem !important
    }
    .mr-sm-20,
    .mx-sm-20 {
        margin-right: 5.5rem !important
    }
    .mb-sm-20,
    .my-sm-20 {
        margin-bottom: 5.5rem !important
    }
    .ml-sm-20,
    .mx-sm-20 {
        margin-left: 5.5rem !important
    }
    .m-sm-21 {
        margin: 5.75rem !important
    }
    .mt-sm-21,
    .my-sm-21 {
        margin-top: 5.75rem !important
    }
    .mr-sm-21,
    .mx-sm-21 {
        margin-right: 5.75rem !important
    }
    .mb-sm-21,
    .my-sm-21 {
        margin-bottom: 5.75rem !important
    }
    .ml-sm-21,
    .mx-sm-21 {
        margin-left: 5.75rem !important
    }
    .m-sm-22 {
        margin: 6rem !important
    }
    .mt-sm-22,
    .my-sm-22 {
        margin-top: 6rem !important
    }
    .mr-sm-22,
    .mx-sm-22 {
        margin-right: 6rem !important
    }
    .mb-sm-22,
    .my-sm-22 {
        margin-bottom: 6rem !important
    }
    .ml-sm-22,
    .mx-sm-22 {
        margin-left: 6rem !important
    }
    .m-sm-23 {
        margin: 6.25rem !important
    }
    .mt-sm-23,
    .my-sm-23 {
        margin-top: 6.25rem !important
    }
    .mr-sm-23,
    .mx-sm-23 {
        margin-right: 6.25rem !important
    }
    .mb-sm-23,
    .my-sm-23 {
        margin-bottom: 6.25rem !important
    }
    .ml-sm-23,
    .mx-sm-23 {
        margin-left: 6.25rem !important
    }
    .m-sm-24 {
        margin: 6.5rem !important
    }
    .mt-sm-24,
    .my-sm-24 {
        margin-top: 6.5rem !important
    }
    .mr-sm-24,
    .mx-sm-24 {
        margin-right: 6.5rem !important
    }
    .mb-sm-24,
    .my-sm-24 {
        margin-bottom: 6.5rem !important
    }
    .ml-sm-24,
    .mx-sm-24 {
        margin-left: 6.5rem !important
    }
    .m-sm-25 {
        margin: 6.75rem !important
    }
    .mt-sm-25,
    .my-sm-25 {
        margin-top: 6.75rem !important
    }
    .mr-sm-25,
    .mx-sm-25 {
        margin-right: 6.75rem !important
    }
    .mb-sm-25,
    .my-sm-25 {
        margin-bottom: 6.75rem !important
    }
    .ml-sm-25,
    .mx-sm-25 {
        margin-left: 6.75rem !important
    }
    .m-sm-26 {
        margin: 7rem !important
    }
    .mt-sm-26,
    .my-sm-26 {
        margin-top: 7rem !important
    }
    .mr-sm-26,
    .mx-sm-26 {
        margin-right: 7rem !important
    }
    .mb-sm-26,
    .my-sm-26 {
        margin-bottom: 7rem !important
    }
    .ml-sm-26,
    .mx-sm-26 {
        margin-left: 7rem !important
    }
    .m-sm-27 {
        margin: 7.25rem !important
    }
    .mt-sm-27,
    .my-sm-27 {
        margin-top: 7.25rem !important
    }
    .mr-sm-27,
    .mx-sm-27 {
        margin-right: 7.25rem !important
    }
    .mb-sm-27,
    .my-sm-27 {
        margin-bottom: 7.25rem !important
    }
    .ml-sm-27,
    .mx-sm-27 {
        margin-left: 7.25rem !important
    }
    .m-sm-28 {
        margin: 7.5rem !important
    }
    .mt-sm-28,
    .my-sm-28 {
        margin-top: 7.5rem !important
    }
    .mr-sm-28,
    .mx-sm-28 {
        margin-right: 7.5rem !important
    }
    .mb-sm-28,
    .my-sm-28 {
        margin-bottom: 7.5rem !important
    }
    .ml-sm-28,
    .mx-sm-28 {
        margin-left: 7.5rem !important
    }
    .m-sm-29 {
        margin: 7.75rem !important
    }
    .mt-sm-29,
    .my-sm-29 {
        margin-top: 7.75rem !important
    }
    .mr-sm-29,
    .mx-sm-29 {
        margin-right: 7.75rem !important
    }
    .mb-sm-29,
    .my-sm-29 {
        margin-bottom: 7.75rem !important
    }
    .ml-sm-29,
    .mx-sm-29 {
        margin-left: 7.75rem !important
    }
    .m-sm-30 {
        margin: 8rem !important
    }
    .mt-sm-30,
    .my-sm-30 {
        margin-top: 8rem !important
    }
    .mr-sm-30,
    .mx-sm-30 {
        margin-right: 8rem !important
    }
    .mb-sm-30,
    .my-sm-30 {
        margin-bottom: 8rem !important
    }
    .ml-sm-30,
    .mx-sm-30 {
        margin-left: 8rem !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: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .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: 1.75rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 1.75rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 1.75rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 1.75rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 1.75rem !important
    }
    .p-sm-6 {
        padding: 2rem !important
    }
    .pt-sm-6,
    .py-sm-6 {
        padding-top: 2rem !important
    }
    .pr-sm-6,
    .px-sm-6 {
        padding-right: 2rem !important
    }
    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 2rem !important
    }
    .pl-sm-6,
    .px-sm-6 {
        padding-left: 2rem !important
    }
    .p-sm-7 {
        padding: 2.25rem !important
    }
    .pt-sm-7,
    .py-sm-7 {
        padding-top: 2.25rem !important
    }
    .pr-sm-7,
    .px-sm-7 {
        padding-right: 2.25rem !important
    }
    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 2.25rem !important
    }
    .pl-sm-7,
    .px-sm-7 {
        padding-left: 2.25rem !important
    }
    .p-sm-8 {
        padding: 2.5rem !important
    }
    .pt-sm-8,
    .py-sm-8 {
        padding-top: 2.5rem !important
    }
    .pr-sm-8,
    .px-sm-8 {
        padding-right: 2.5rem !important
    }
    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 2.5rem !important
    }
    .pl-sm-8,
    .px-sm-8 {
        padding-left: 2.5rem !important
    }
    .p-sm-9 {
        padding: 3rem !important
    }
    .pt-sm-9,
    .py-sm-9 {
        padding-top: 3rem !important
    }
    .pr-sm-9,
    .px-sm-9 {
        padding-right: 3rem !important
    }
    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 3rem !important
    }
    .pl-sm-9,
    .px-sm-9 {
        padding-left: 3rem !important
    }
    .p-sm-10 {
        padding: 3.25rem !important
    }
    .pt-sm-10,
    .py-sm-10 {
        padding-top: 3.25rem !important
    }
    .pr-sm-10,
    .px-sm-10 {
        padding-right: 3.25rem !important
    }
    .pb-sm-10,
    .py-sm-10 {
        padding-bottom: 3.25rem !important
    }
    .pl-sm-10,
    .px-sm-10 {
        padding-left: 3.25rem !important
    }
    .p-sm-11 {
        padding: 3.5rem !important
    }
    .pt-sm-11,
    .py-sm-11 {
        padding-top: 3.5rem !important
    }
    .pr-sm-11,
    .px-sm-11 {
        padding-right: 3.5rem !important
    }
    .pb-sm-11,
    .py-sm-11 {
        padding-bottom: 3.5rem !important
    }
    .pl-sm-11,
    .px-sm-11 {
        padding-left: 3.5rem !important
    }
    .p-sm-12 {
        padding: 3.75rem !important
    }
    .pt-sm-12,
    .py-sm-12 {
        padding-top: 3.75rem !important
    }
    .pr-sm-12,
    .px-sm-12 {
        padding-right: 3.75rem !important
    }
    .pb-sm-12,
    .py-sm-12 {
        padding-bottom: 3.75rem !important
    }
    .pl-sm-12,
    .px-sm-12 {
        padding-left: 3.75rem !important
    }
    .p-sm-13 {
        padding: 4rem !important
    }
    .pt-sm-13,
    .py-sm-13 {
        padding-top: 4rem !important
    }
    .pr-sm-13,
    .px-sm-13 {
        padding-right: 4rem !important
    }
    .pb-sm-13,
    .py-sm-13 {
        padding-bottom: 4rem !important
    }
    .pl-sm-13,
    .px-sm-13 {
        padding-left: 4rem !important
    }
    .p-sm-14 {
        padding: 4.25rem !important
    }
    .pt-sm-14,
    .py-sm-14 {
        padding-top: 4.25rem !important
    }
    .pr-sm-14,
    .px-sm-14 {
        padding-right: 4.25rem !important
    }
    .pb-sm-14,
    .py-sm-14 {
        padding-bottom: 4.25rem !important
    }
    .pl-sm-14,
    .px-sm-14 {
        padding-left: 4.25rem !important
    }
    .p-sm-15 {
        padding: 4.5rem !important
    }
    .pt-sm-15,
    .py-sm-15 {
        padding-top: 4.5rem !important
    }
    .pr-sm-15,
    .px-sm-15 {
        padding-right: 4.5rem !important
    }
    .pb-sm-15,
    .py-sm-15 {
        padding-bottom: 4.5rem !important
    }
    .pl-sm-15,
    .px-sm-15 {
        padding-left: 4.5rem !important
    }
    .p-sm-16 {
        padding: 4.75rem !important
    }
    .pt-sm-16,
    .py-sm-16 {
        padding-top: 4.75rem !important
    }
    .pr-sm-16,
    .px-sm-16 {
        padding-right: 4.75rem !important
    }
    .pb-sm-16,
    .py-sm-16 {
        padding-bottom: 4.75rem !important
    }
    .pl-sm-16,
    .px-sm-16 {
        padding-left: 4.75rem !important
    }
    .p-sm-17 {
        padding: 5rem !important
    }
    .pt-sm-17,
    .py-sm-17 {
        padding-top: 5rem !important
    }
    .pr-sm-17,
    .px-sm-17 {
        padding-right: 5rem !important
    }
    .pb-sm-17,
    .py-sm-17 {
        padding-bottom: 5rem !important
    }
    .pl-sm-17,
    .px-sm-17 {
        padding-left: 5rem !important
    }
    .p-sm-18 {
        padding: 5.25rem !important
    }
    .pt-sm-18,
    .py-sm-18 {
        padding-top: 5.25rem !important
    }
    .pr-sm-18,
    .px-sm-18 {
        padding-right: 5.25rem !important
    }
    .pb-sm-18,
    .py-sm-18 {
        padding-bottom: 5.25rem !important
    }
    .pl-sm-18,
    .px-sm-18 {
        padding-left: 5.25rem !important
    }
    .p-sm-19 {
        padding: 5.25rem !important
    }
    .pt-sm-19,
    .py-sm-19 {
        padding-top: 5.25rem !important
    }
    .pr-sm-19,
    .px-sm-19 {
        padding-right: 5.25rem !important
    }
    .pb-sm-19,
    .py-sm-19 {
        padding-bottom: 5.25rem !important
    }
    .pl-sm-19,
    .px-sm-19 {
        padding-left: 5.25rem !important
    }
    .p-sm-20 {
        padding: 5.5rem !important
    }
    .pt-sm-20,
    .py-sm-20 {
        padding-top: 5.5rem !important
    }
    .pr-sm-20,
    .px-sm-20 {
        padding-right: 5.5rem !important
    }
    .pb-sm-20,
    .py-sm-20 {
        padding-bottom: 5.5rem !important
    }
    .pl-sm-20,
    .px-sm-20 {
        padding-left: 5.5rem !important
    }
    .p-sm-21 {
        padding: 5.75rem !important
    }
    .pt-sm-21,
    .py-sm-21 {
        padding-top: 5.75rem !important
    }
    .pr-sm-21,
    .px-sm-21 {
        padding-right: 5.75rem !important
    }
    .pb-sm-21,
    .py-sm-21 {
        padding-bottom: 5.75rem !important
    }
    .pl-sm-21,
    .px-sm-21 {
        padding-left: 5.75rem !important
    }
    .p-sm-22 {
        padding: 6rem !important
    }
    .pt-sm-22,
    .py-sm-22 {
        padding-top: 6rem !important
    }
    .pr-sm-22,
    .px-sm-22 {
        padding-right: 6rem !important
    }
    .pb-sm-22,
    .py-sm-22 {
        padding-bottom: 6rem !important
    }
    .pl-sm-22,
    .px-sm-22 {
        padding-left: 6rem !important
    }
    .p-sm-23 {
        padding: 6.25rem !important
    }
    .pt-sm-23,
    .py-sm-23 {
        padding-top: 6.25rem !important
    }
    .pr-sm-23,
    .px-sm-23 {
        padding-right: 6.25rem !important
    }
    .pb-sm-23,
    .py-sm-23 {
        padding-bottom: 6.25rem !important
    }
    .pl-sm-23,
    .px-sm-23 {
        padding-left: 6.25rem !important
    }
    .p-sm-24 {
        padding: 6.5rem !important
    }
    .pt-sm-24,
    .py-sm-24 {
        padding-top: 6.5rem !important
    }
    .pr-sm-24,
    .px-sm-24 {
        padding-right: 6.5rem !important
    }
    .pb-sm-24,
    .py-sm-24 {
        padding-bottom: 6.5rem !important
    }
    .pl-sm-24,
    .px-sm-24 {
        padding-left: 6.5rem !important
    }
    .p-sm-25 {
        padding: 6.75rem !important
    }
    .pt-sm-25,
    .py-sm-25 {
        padding-top: 6.75rem !important
    }
    .pr-sm-25,
    .px-sm-25 {
        padding-right: 6.75rem !important
    }
    .pb-sm-25,
    .py-sm-25 {
        padding-bottom: 6.75rem !important
    }
    .pl-sm-25,
    .px-sm-25 {
        padding-left: 6.75rem !important
    }
    .p-sm-26 {
        padding: 7rem !important
    }
    .pt-sm-26,
    .py-sm-26 {
        padding-top: 7rem !important
    }
    .pr-sm-26,
    .px-sm-26 {
        padding-right: 7rem !important
    }
    .pb-sm-26,
    .py-sm-26 {
        padding-bottom: 7rem !important
    }
    .pl-sm-26,
    .px-sm-26 {
        padding-left: 7rem !important
    }
    .p-sm-27 {
        padding: 7.25rem !important
    }
    .pt-sm-27,
    .py-sm-27 {
        padding-top: 7.25rem !important
    }
    .pr-sm-27,
    .px-sm-27 {
        padding-right: 7.25rem !important
    }
    .pb-sm-27,
    .py-sm-27 {
        padding-bottom: 7.25rem !important
    }
    .pl-sm-27,
    .px-sm-27 {
        padding-left: 7.25rem !important
    }
    .p-sm-28 {
        padding: 7.5rem !important
    }
    .pt-sm-28,
    .py-sm-28 {
        padding-top: 7.5rem !important
    }
    .pr-sm-28,
    .px-sm-28 {
        padding-right: 7.5rem !important
    }
    .pb-sm-28,
    .py-sm-28 {
        padding-bottom: 7.5rem !important
    }
    .pl-sm-28,
    .px-sm-28 {
        padding-left: 7.5rem !important
    }
    .p-sm-29 {
        padding: 7.75rem !important
    }
    .pt-sm-29,
    .py-sm-29 {
        padding-top: 7.75rem !important
    }
    .pr-sm-29,
    .px-sm-29 {
        padding-right: 7.75rem !important
    }
    .pb-sm-29,
    .py-sm-29 {
        padding-bottom: 7.75rem !important
    }
    .pl-sm-29,
    .px-sm-29 {
        padding-left: 7.75rem !important
    }
    .p-sm-30 {
        padding: 8rem !important
    }
    .pt-sm-30,
    .py-sm-30 {
        padding-top: 8rem !important
    }
    .pr-sm-30,
    .px-sm-30 {
        padding-right: 8rem !important
    }
    .pb-sm-30,
    .py-sm-30 {
        padding-bottom: 8rem !important
    }
    .pl-sm-30,
    .px-sm-30 {
        padding-left: 8rem !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: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .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: 1.75rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 1.75rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 1.75rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 1.75rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 1.75rem !important
    }
    .m-md-6 {
        margin: 2rem !important
    }
    .mt-md-6,
    .my-md-6 {
        margin-top: 2rem !important
    }
    .mr-md-6,
    .mx-md-6 {
        margin-right: 2rem !important
    }
    .mb-md-6,
    .my-md-6 {
        margin-bottom: 2rem !important
    }
    .ml-md-6,
    .mx-md-6 {
        margin-left: 2rem !important
    }
    .m-md-7 {
        margin: 2.25rem !important
    }
    .mt-md-7,
    .my-md-7 {
        margin-top: 2.25rem !important
    }
    .mr-md-7,
    .mx-md-7 {
        margin-right: 2.25rem !important
    }
    .mb-md-7,
    .my-md-7 {
        margin-bottom: 2.25rem !important
    }
    .ml-md-7,
    .mx-md-7 {
        margin-left: 2.25rem !important
    }
    .m-md-8 {
        margin: 2.5rem !important
    }
    .mt-md-8,
    .my-md-8 {
        margin-top: 2.5rem !important
    }
    .mr-md-8,
    .mx-md-8 {
        margin-right: 2.5rem !important
    }
    .mb-md-8,
    .my-md-8 {
        margin-bottom: 2.5rem !important
    }
    .ml-md-8,
    .mx-md-8 {
        margin-left: 2.5rem !important
    }
    .m-md-9 {
        margin: 3rem !important
    }
    .mt-md-9,
    .my-md-9 {
        margin-top: 3rem !important
    }
    .mr-md-9,
    .mx-md-9 {
        margin-right: 3rem !important
    }
    .mb-md-9,
    .my-md-9 {
        margin-bottom: 3rem !important
    }
    .ml-md-9,
    .mx-md-9 {
        margin-left: 3rem !important
    }
    .m-md-10 {
        margin: 3.25rem !important
    }
    .mt-md-10,
    .my-md-10 {
        margin-top: 3.25rem !important
    }
    .mr-md-10,
    .mx-md-10 {
        margin-right: 3.25rem !important
    }
    .mb-md-10,
    .my-md-10 {
        margin-bottom: 3.25rem !important
    }
    .ml-md-10,
    .mx-md-10 {
        margin-left: 3.25rem !important
    }
    .m-md-11 {
        margin: 3.5rem !important
    }
    .mt-md-11,
    .my-md-11 {
        margin-top: 3.5rem !important
    }
    .mr-md-11,
    .mx-md-11 {
        margin-right: 3.5rem !important
    }
    .mb-md-11,
    .my-md-11 {
        margin-bottom: 3.5rem !important
    }
    .ml-md-11,
    .mx-md-11 {
        margin-left: 3.5rem !important
    }
    .m-md-12 {
        margin: 3.75rem !important
    }
    .mt-md-12,
    .my-md-12 {
        margin-top: 3.75rem !important
    }
    .mr-md-12,
    .mx-md-12 {
        margin-right: 3.75rem !important
    }
    .mb-md-12,
    .my-md-12 {
        margin-bottom: 3.75rem !important
    }
    .ml-md-12,
    .mx-md-12 {
        margin-left: 3.75rem !important
    }
    .m-md-13 {
        margin: 4rem !important
    }
    .mt-md-13,
    .my-md-13 {
        margin-top: 4rem !important
    }
    .mr-md-13,
    .mx-md-13 {
        margin-right: 4rem !important
    }
    .mb-md-13,
    .my-md-13 {
        margin-bottom: 4rem !important
    }
    .ml-md-13,
    .mx-md-13 {
        margin-left: 4rem !important
    }
    .m-md-14 {
        margin: 4.25rem !important
    }
    .mt-md-14,
    .my-md-14 {
        margin-top: 4.25rem !important
    }
    .mr-md-14,
    .mx-md-14 {
        margin-right: 4.25rem !important
    }
    .mb-md-14,
    .my-md-14 {
        margin-bottom: 4.25rem !important
    }
    .ml-md-14,
    .mx-md-14 {
        margin-left: 4.25rem !important
    }
    .m-md-15 {
        margin: 4.5rem !important
    }
    .mt-md-15,
    .my-md-15 {
        margin-top: 4.5rem !important
    }
    .mr-md-15,
    .mx-md-15 {
        margin-right: 4.5rem !important
    }
    .mb-md-15,
    .my-md-15 {
        margin-bottom: 4.5rem !important
    }
    .ml-md-15,
    .mx-md-15 {
        margin-left: 4.5rem !important
    }
    .m-md-16 {
        margin: 4.75rem !important
    }
    .mt-md-16,
    .my-md-16 {
        margin-top: 4.75rem !important
    }
    .mr-md-16,
    .mx-md-16 {
        margin-right: 4.75rem !important
    }
    .mb-md-16,
    .my-md-16 {
        margin-bottom: 4.75rem !important
    }
    .ml-md-16,
    .mx-md-16 {
        margin-left: 4.75rem !important
    }
    .m-md-17 {
        margin: 5rem !important
    }
    .mt-md-17,
    .my-md-17 {
        margin-top: 5rem !important
    }
    .mr-md-17,
    .mx-md-17 {
        margin-right: 5rem !important
    }
    .mb-md-17,
    .my-md-17 {
        margin-bottom: 5rem !important
    }
    .ml-md-17,
    .mx-md-17 {
        margin-left: 5rem !important
    }
    .m-md-18 {
        margin: 5.25rem !important
    }
    .mt-md-18,
    .my-md-18 {
        margin-top: 5.25rem !important
    }
    .mr-md-18,
    .mx-md-18 {
        margin-right: 5.25rem !important
    }
    .mb-md-18,
    .my-md-18 {
        margin-bottom: 5.25rem !important
    }
    .ml-md-18,
    .mx-md-18 {
        margin-left: 5.25rem !important
    }
    .m-md-19 {
        margin: 5.25rem !important
    }
    .mt-md-19,
    .my-md-19 {
        margin-top: 5.25rem !important
    }
    .mr-md-19,
    .mx-md-19 {
        margin-right: 5.25rem !important
    }
    .mb-md-19,
    .my-md-19 {
        margin-bottom: 5.25rem !important
    }
    .ml-md-19,
    .mx-md-19 {
        margin-left: 5.25rem !important
    }
    .m-md-20 {
        margin: 5.5rem !important
    }
    .mt-md-20,
    .my-md-20 {
        margin-top: 5.5rem !important
    }
    .mr-md-20,
    .mx-md-20 {
        margin-right: 5.5rem !important
    }
    .mb-md-20,
    .my-md-20 {
        margin-bottom: 5.5rem !important
    }
    .ml-md-20,
    .mx-md-20 {
        margin-left: 5.5rem !important
    }
    .m-md-21 {
        margin: 5.75rem !important
    }
    .mt-md-21,
    .my-md-21 {
        margin-top: 5.75rem !important
    }
    .mr-md-21,
    .mx-md-21 {
        margin-right: 5.75rem !important
    }
    .mb-md-21,
    .my-md-21 {
        margin-bottom: 5.75rem !important
    }
    .ml-md-21,
    .mx-md-21 {
        margin-left: 5.75rem !important
    }
    .m-md-22 {
        margin: 6rem !important
    }
    .mt-md-22,
    .my-md-22 {
        margin-top: 6rem !important
    }
    .mr-md-22,
    .mx-md-22 {
        margin-right: 6rem !important
    }
    .mb-md-22,
    .my-md-22 {
        margin-bottom: 6rem !important
    }
    .ml-md-22,
    .mx-md-22 {
        margin-left: 6rem !important
    }
    .m-md-23 {
        margin: 6.25rem !important
    }
    .mt-md-23,
    .my-md-23 {
        margin-top: 6.25rem !important
    }
    .mr-md-23,
    .mx-md-23 {
        margin-right: 6.25rem !important
    }
    .mb-md-23,
    .my-md-23 {
        margin-bottom: 6.25rem !important
    }
    .ml-md-23,
    .mx-md-23 {
        margin-left: 6.25rem !important
    }
    .m-md-24 {
        margin: 6.5rem !important
    }
    .mt-md-24,
    .my-md-24 {
        margin-top: 6.5rem !important
    }
    .mr-md-24,
    .mx-md-24 {
        margin-right: 6.5rem !important
    }
    .mb-md-24,
    .my-md-24 {
        margin-bottom: 6.5rem !important
    }
    .ml-md-24,
    .mx-md-24 {
        margin-left: 6.5rem !important
    }
    .m-md-25 {
        margin: 6.75rem !important
    }
    .mt-md-25,
    .my-md-25 {
        margin-top: 6.75rem !important
    }
    .mr-md-25,
    .mx-md-25 {
        margin-right: 6.75rem !important
    }
    .mb-md-25,
    .my-md-25 {
        margin-bottom: 6.75rem !important
    }
    .ml-md-25,
    .mx-md-25 {
        margin-left: 6.75rem !important
    }
    .m-md-26 {
        margin: 7rem !important
    }
    .mt-md-26,
    .my-md-26 {
        margin-top: 7rem !important
    }
    .mr-md-26,
    .mx-md-26 {
        margin-right: 7rem !important
    }
    .mb-md-26,
    .my-md-26 {
        margin-bottom: 7rem !important
    }
    .ml-md-26,
    .mx-md-26 {
        margin-left: 7rem !important
    }
    .m-md-27 {
        margin: 7.25rem !important
    }
    .mt-md-27,
    .my-md-27 {
        margin-top: 7.25rem !important
    }
    .mr-md-27,
    .mx-md-27 {
        margin-right: 7.25rem !important
    }
    .mb-md-27,
    .my-md-27 {
        margin-bottom: 7.25rem !important
    }
    .ml-md-27,
    .mx-md-27 {
        margin-left: 7.25rem !important
    }
    .m-md-28 {
        margin: 7.5rem !important
    }
    .mt-md-28,
    .my-md-28 {
        margin-top: 7.5rem !important
    }
    .mr-md-28,
    .mx-md-28 {
        margin-right: 7.5rem !important
    }
    .mb-md-28,
    .my-md-28 {
        margin-bottom: 7.5rem !important
    }
    .ml-md-28,
    .mx-md-28 {
        margin-left: 7.5rem !important
    }
    .m-md-29 {
        margin: 7.75rem !important
    }
    .mt-md-29,
    .my-md-29 {
        margin-top: 7.75rem !important
    }
    .mr-md-29,
    .mx-md-29 {
        margin-right: 7.75rem !important
    }
    .mb-md-29,
    .my-md-29 {
        margin-bottom: 7.75rem !important
    }
    .ml-md-29,
    .mx-md-29 {
        margin-left: 7.75rem !important
    }
    .m-md-30 {
        margin: 8rem !important
    }
    .mt-md-30,
    .my-md-30 {
        margin-top: 8rem !important
    }
    .mr-md-30,
    .mx-md-30 {
        margin-right: 8rem !important
    }
    .mb-md-30,
    .my-md-30 {
        margin-bottom: 8rem !important
    }
    .ml-md-30,
    .mx-md-30 {
        margin-left: 8rem !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: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .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: 1.75rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 1.75rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 1.75rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 1.75rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 1.75rem !important
    }
    .p-md-6 {
        padding: 2rem !important
    }
    .pt-md-6,
    .py-md-6 {
        padding-top: 2rem !important
    }
    .pr-md-6,
    .px-md-6 {
        padding-right: 2rem !important
    }
    .pb-md-6,
    .py-md-6 {
        padding-bottom: 2rem !important
    }
    .pl-md-6,
    .px-md-6 {
        padding-left: 2rem !important
    }
    .p-md-7 {
        padding: 2.25rem !important
    }
    .pt-md-7,
    .py-md-7 {
        padding-top: 2.25rem !important
    }
    .pr-md-7,
    .px-md-7 {
        padding-right: 2.25rem !important
    }
    .pb-md-7,
    .py-md-7 {
        padding-bottom: 2.25rem !important
    }
    .pl-md-7,
    .px-md-7 {
        padding-left: 2.25rem !important
    }
    .p-md-8 {
        padding: 2.5rem !important
    }
    .pt-md-8,
    .py-md-8 {
        padding-top: 2.5rem !important
    }
    .pr-md-8,
    .px-md-8 {
        padding-right: 2.5rem !important
    }
    .pb-md-8,
    .py-md-8 {
        padding-bottom: 2.5rem !important
    }
    .pl-md-8,
    .px-md-8 {
        padding-left: 2.5rem !important
    }
    .p-md-9 {
        padding: 3rem !important
    }
    .pt-md-9,
    .py-md-9 {
        padding-top: 3rem !important
    }
    .pr-md-9,
    .px-md-9 {
        padding-right: 3rem !important
    }
    .pb-md-9,
    .py-md-9 {
        padding-bottom: 3rem !important
    }
    .pl-md-9,
    .px-md-9 {
        padding-left: 3rem !important
    }
    .p-md-10 {
        padding: 3.25rem !important
    }
    .pt-md-10,
    .py-md-10 {
        padding-top: 3.25rem !important
    }
    .pr-md-10,
    .px-md-10 {
        padding-right: 3.25rem !important
    }
    .pb-md-10,
    .py-md-10 {
        padding-bottom: 3.25rem !important
    }
    .pl-md-10,
    .px-md-10 {
        padding-left: 3.25rem !important
    }
    .p-md-11 {
        padding: 3.5rem !important
    }
    .pt-md-11,
    .py-md-11 {
        padding-top: 3.5rem !important
    }
    .pr-md-11,
    .px-md-11 {
        padding-right: 3.5rem !important
    }
    .pb-md-11,
    .py-md-11 {
        padding-bottom: 3.5rem !important
    }
    .pl-md-11,
    .px-md-11 {
        padding-left: 3.5rem !important
    }
    .p-md-12 {
        padding: 3.75rem !important
    }
    .pt-md-12,
    .py-md-12 {
        padding-top: 3.75rem !important
    }
    .pr-md-12,
    .px-md-12 {
        padding-right: 3.75rem !important
    }
    .pb-md-12,
    .py-md-12 {
        padding-bottom: 3.75rem !important
    }
    .pl-md-12,
    .px-md-12 {
        padding-left: 3.75rem !important
    }
    .p-md-13 {
        padding: 4rem !important
    }
    .pt-md-13,
    .py-md-13 {
        padding-top: 4rem !important
    }
    .pr-md-13,
    .px-md-13 {
        padding-right: 4rem !important
    }
    .pb-md-13,
    .py-md-13 {
        padding-bottom: 4rem !important
    }
    .pl-md-13,
    .px-md-13 {
        padding-left: 4rem !important
    }
    .p-md-14 {
        padding: 4.25rem !important
    }
    .pt-md-14,
    .py-md-14 {
        padding-top: 4.25rem !important
    }
    .pr-md-14,
    .px-md-14 {
        padding-right: 4.25rem !important
    }
    .pb-md-14,
    .py-md-14 {
        padding-bottom: 4.25rem !important
    }
    .pl-md-14,
    .px-md-14 {
        padding-left: 4.25rem !important
    }
    .p-md-15 {
        padding: 4.5rem !important
    }
    .pt-md-15,
    .py-md-15 {
        padding-top: 4.5rem !important
    }
    .pr-md-15,
    .px-md-15 {
        padding-right: 4.5rem !important
    }
    .pb-md-15,
    .py-md-15 {
        padding-bottom: 4.5rem !important
    }
    .pl-md-15,
    .px-md-15 {
        padding-left: 4.5rem !important
    }
    .p-md-16 {
        padding: 4.75rem !important
    }
    .pt-md-16,
    .py-md-16 {
        padding-top: 4.75rem !important
    }
    .pr-md-16,
    .px-md-16 {
        padding-right: 4.75rem !important
    }
    .pb-md-16,
    .py-md-16 {
        padding-bottom: 4.75rem !important
    }
    .pl-md-16,
    .px-md-16 {
        padding-left: 4.75rem !important
    }
    .p-md-17 {
        padding: 5rem !important
    }
    .pt-md-17,
    .py-md-17 {
        padding-top: 5rem !important
    }
    .pr-md-17,
    .px-md-17 {
        padding-right: 5rem !important
    }
    .pb-md-17,
    .py-md-17 {
        padding-bottom: 5rem !important
    }
    .pl-md-17,
    .px-md-17 {
        padding-left: 5rem !important
    }
    .p-md-18 {
        padding: 5.25rem !important
    }
    .pt-md-18,
    .py-md-18 {
        padding-top: 5.25rem !important
    }
    .pr-md-18,
    .px-md-18 {
        padding-right: 5.25rem !important
    }
    .pb-md-18,
    .py-md-18 {
        padding-bottom: 5.25rem !important
    }
    .pl-md-18,
    .px-md-18 {
        padding-left: 5.25rem !important
    }
    .p-md-19 {
        padding: 5.25rem !important
    }
    .pt-md-19,
    .py-md-19 {
        padding-top: 5.25rem !important
    }
    .pr-md-19,
    .px-md-19 {
        padding-right: 5.25rem !important
    }
    .pb-md-19,
    .py-md-19 {
        padding-bottom: 5.25rem !important
    }
    .pl-md-19,
    .px-md-19 {
        padding-left: 5.25rem !important
    }
    .p-md-20 {
        padding: 5.5rem !important
    }
    .pt-md-20,
    .py-md-20 {
        padding-top: 5.5rem !important
    }
    .pr-md-20,
    .px-md-20 {
        padding-right: 5.5rem !important
    }
    .pb-md-20,
    .py-md-20 {
        padding-bottom: 5.5rem !important
    }
    .pl-md-20,
    .px-md-20 {
        padding-left: 5.5rem !important
    }
    .p-md-21 {
        padding: 5.75rem !important
    }
    .pt-md-21,
    .py-md-21 {
        padding-top: 5.75rem !important
    }
    .pr-md-21,
    .px-md-21 {
        padding-right: 5.75rem !important
    }
    .pb-md-21,
    .py-md-21 {
        padding-bottom: 5.75rem !important
    }
    .pl-md-21,
    .px-md-21 {
        padding-left: 5.75rem !important
    }
    .p-md-22 {
        padding: 6rem !important
    }
    .pt-md-22,
    .py-md-22 {
        padding-top: 6rem !important
    }
    .pr-md-22,
    .px-md-22 {
        padding-right: 6rem !important
    }
    .pb-md-22,
    .py-md-22 {
        padding-bottom: 6rem !important
    }
    .pl-md-22,
    .px-md-22 {
        padding-left: 6rem !important
    }
    .p-md-23 {
        padding: 6.25rem !important
    }
    .pt-md-23,
    .py-md-23 {
        padding-top: 6.25rem !important
    }
    .pr-md-23,
    .px-md-23 {
        padding-right: 6.25rem !important
    }
    .pb-md-23,
    .py-md-23 {
        padding-bottom: 6.25rem !important
    }
    .pl-md-23,
    .px-md-23 {
        padding-left: 6.25rem !important
    }
    .p-md-24 {
        padding: 6.5rem !important
    }
    .pt-md-24,
    .py-md-24 {
        padding-top: 6.5rem !important
    }
    .pr-md-24,
    .px-md-24 {
        padding-right: 6.5rem !important
    }
    .pb-md-24,
    .py-md-24 {
        padding-bottom: 6.5rem !important
    }
    .pl-md-24,
    .px-md-24 {
        padding-left: 6.5rem !important
    }
    .p-md-25 {
        padding: 6.75rem !important
    }
    .pt-md-25,
    .py-md-25 {
        padding-top: 6.75rem !important
    }
    .pr-md-25,
    .px-md-25 {
        padding-right: 6.75rem !important
    }
    .pb-md-25,
    .py-md-25 {
        padding-bottom: 6.75rem !important
    }
    .pl-md-25,
    .px-md-25 {
        padding-left: 6.75rem !important
    }
    .p-md-26 {
        padding: 7rem !important
    }
    .pt-md-26,
    .py-md-26 {
        padding-top: 7rem !important
    }
    .pr-md-26,
    .px-md-26 {
        padding-right: 7rem !important
    }
    .pb-md-26,
    .py-md-26 {
        padding-bottom: 7rem !important
    }
    .pl-md-26,
    .px-md-26 {
        padding-left: 7rem !important
    }
    .p-md-27 {
        padding: 7.25rem !important
    }
    .pt-md-27,
    .py-md-27 {
        padding-top: 7.25rem !important
    }
    .pr-md-27,
    .px-md-27 {
        padding-right: 7.25rem !important
    }
    .pb-md-27,
    .py-md-27 {
        padding-bottom: 7.25rem !important
    }
    .pl-md-27,
    .px-md-27 {
        padding-left: 7.25rem !important
    }
    .p-md-28 {
        padding: 7.5rem !important
    }
    .pt-md-28,
    .py-md-28 {
        padding-top: 7.5rem !important
    }
    .pr-md-28,
    .px-md-28 {
        padding-right: 7.5rem !important
    }
    .pb-md-28,
    .py-md-28 {
        padding-bottom: 7.5rem !important
    }
    .pl-md-28,
    .px-md-28 {
        padding-left: 7.5rem !important
    }
    .p-md-29 {
        padding: 7.75rem !important
    }
    .pt-md-29,
    .py-md-29 {
        padding-top: 7.75rem !important
    }
    .pr-md-29,
    .px-md-29 {
        padding-right: 7.75rem !important
    }
    .pb-md-29,
    .py-md-29 {
        padding-bottom: 7.75rem !important
    }
    .pl-md-29,
    .px-md-29 {
        padding-left: 7.75rem !important
    }
    .p-md-30 {
        padding: 8rem !important
    }
    .pt-md-30,
    .py-md-30 {
        padding-top: 8rem !important
    }
    .pr-md-30,
    .px-md-30 {
        padding-right: 8rem !important
    }
    .pb-md-30,
    .py-md-30 {
        padding-bottom: 8rem !important
    }
    .pl-md-30,
    .px-md-30 {
        padding-left: 8rem !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: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .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: 1.75rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 1.75rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 1.75rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 1.75rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 1.75rem !important
    }
    .m-lg-6 {
        margin: 2rem !important
    }
    .mt-lg-6,
    .my-lg-6 {
        margin-top: 2rem !important
    }
    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 2rem !important
    }
    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 2rem !important
    }
    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 2rem !important
    }
    .m-lg-7 {
        margin: 2.25rem !important
    }
    .mt-lg-7,
    .my-lg-7 {
        margin-top: 2.25rem !important
    }
    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 2.25rem !important
    }
    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 2.25rem !important
    }
    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 2.25rem !important
    }
    .m-lg-8 {
        margin: 2.5rem !important
    }
    .mt-lg-8,
    .my-lg-8 {
        margin-top: 2.5rem !important
    }
    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 2.5rem !important
    }
    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 2.5rem !important
    }
    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 2.5rem !important
    }
    .m-lg-9 {
        margin: 3rem !important
    }
    .mt-lg-9,
    .my-lg-9 {
        margin-top: 3rem !important
    }
    .mr-lg-9,
    .mx-lg-9 {
        margin-right: 3rem !important
    }
    .mb-lg-9,
    .my-lg-9 {
        margin-bottom: 3rem !important
    }
    .ml-lg-9,
    .mx-lg-9 {
        margin-left: 3rem !important
    }
    .m-lg-10 {
        margin: 3.25rem !important
    }
    .mt-lg-10,
    .my-lg-10 {
        margin-top: 3.25rem !important
    }
    .mr-lg-10,
    .mx-lg-10 {
        margin-right: 3.25rem !important
    }
    .mb-lg-10,
    .my-lg-10 {
        margin-bottom: 3.25rem !important
    }
    .ml-lg-10,
    .mx-lg-10 {
        margin-left: 3.25rem !important
    }
    .m-lg-11 {
        margin: 3.5rem !important
    }
    .mt-lg-11,
    .my-lg-11 {
        margin-top: 3.5rem !important
    }
    .mr-lg-11,
    .mx-lg-11 {
        margin-right: 3.5rem !important
    }
    .mb-lg-11,
    .my-lg-11 {
        margin-bottom: 3.5rem !important
    }
    .ml-lg-11,
    .mx-lg-11 {
        margin-left: 3.5rem !important
    }
    .m-lg-12 {
        margin: 3.75rem !important
    }
    .mt-lg-12,
    .my-lg-12 {
        margin-top: 3.75rem !important
    }
    .mr-lg-12,
    .mx-lg-12 {
        margin-right: 3.75rem !important
    }
    .mb-lg-12,
    .my-lg-12 {
        margin-bottom: 3.75rem !important
    }
    .ml-lg-12,
    .mx-lg-12 {
        margin-left: 3.75rem !important
    }
    .m-lg-13 {
        margin: 4rem !important
    }
    .mt-lg-13,
    .my-lg-13 {
        margin-top: 4rem !important
    }
    .mr-lg-13,
    .mx-lg-13 {
        margin-right: 4rem !important
    }
    .mb-lg-13,
    .my-lg-13 {
        margin-bottom: 4rem !important
    }
    .ml-lg-13,
    .mx-lg-13 {
        margin-left: 4rem !important
    }
    .m-lg-14 {
        margin: 4.25rem !important
    }
    .mt-lg-14,
    .my-lg-14 {
        margin-top: 4.25rem !important
    }
    .mr-lg-14,
    .mx-lg-14 {
        margin-right: 4.25rem !important
    }
    .mb-lg-14,
    .my-lg-14 {
        margin-bottom: 4.25rem !important
    }
    .ml-lg-14,
    .mx-lg-14 {
        margin-left: 4.25rem !important
    }
    .m-lg-15 {
        margin: 4.5rem !important
    }
    .mt-lg-15,
    .my-lg-15 {
        margin-top: 4.5rem !important
    }
    .mr-lg-15,
    .mx-lg-15 {
        margin-right: 4.5rem !important
    }
    .mb-lg-15,
    .my-lg-15 {
        margin-bottom: 4.5rem !important
    }
    .ml-lg-15,
    .mx-lg-15 {
        margin-left: 4.5rem !important
    }
    .m-lg-16 {
        margin: 4.75rem !important
    }
    .mt-lg-16,
    .my-lg-16 {
        margin-top: 4.75rem !important
    }
    .mr-lg-16,
    .mx-lg-16 {
        margin-right: 4.75rem !important
    }
    .mb-lg-16,
    .my-lg-16 {
        margin-bottom: 4.75rem !important
    }
    .ml-lg-16,
    .mx-lg-16 {
        margin-left: 4.75rem !important
    }
    .m-lg-17 {
        margin: 5rem !important
    }
    .mt-lg-17,
    .my-lg-17 {
        margin-top: 5rem !important
    }
    .mr-lg-17,
    .mx-lg-17 {
        margin-right: 5rem !important
    }
    .mb-lg-17,
    .my-lg-17 {
        margin-bottom: 5rem !important
    }
    .ml-lg-17,
    .mx-lg-17 {
        margin-left: 5rem !important
    }
    .m-lg-18 {
        margin: 5.25rem !important
    }
    .mt-lg-18,
    .my-lg-18 {
        margin-top: 5.25rem !important
    }
    .mr-lg-18,
    .mx-lg-18 {
        margin-right: 5.25rem !important
    }
    .mb-lg-18,
    .my-lg-18 {
        margin-bottom: 5.25rem !important
    }
    .ml-lg-18,
    .mx-lg-18 {
        margin-left: 5.25rem !important
    }
    .m-lg-19 {
        margin: 5.25rem !important
    }
    .mt-lg-19,
    .my-lg-19 {
        margin-top: 5.25rem !important
    }
    .mr-lg-19,
    .mx-lg-19 {
        margin-right: 5.25rem !important
    }
    .mb-lg-19,
    .my-lg-19 {
        margin-bottom: 5.25rem !important
    }
    .ml-lg-19,
    .mx-lg-19 {
        margin-left: 5.25rem !important
    }
    .m-lg-20 {
        margin: 5.5rem !important
    }
    .mt-lg-20,
    .my-lg-20 {
        margin-top: 5.5rem !important
    }
    .mr-lg-20,
    .mx-lg-20 {
        margin-right: 5.5rem !important
    }
    .mb-lg-20,
    .my-lg-20 {
        margin-bottom: 5.5rem !important
    }
    .ml-lg-20,
    .mx-lg-20 {
        margin-left: 5.5rem !important
    }
    .m-lg-21 {
        margin: 5.75rem !important
    }
    .mt-lg-21,
    .my-lg-21 {
        margin-top: 5.75rem !important
    }
    .mr-lg-21,
    .mx-lg-21 {
        margin-right: 5.75rem !important
    }
    .mb-lg-21,
    .my-lg-21 {
        margin-bottom: 5.75rem !important
    }
    .ml-lg-21,
    .mx-lg-21 {
        margin-left: 5.75rem !important
    }
    .m-lg-22 {
        margin: 6rem !important
    }
    .mt-lg-22,
    .my-lg-22 {
        margin-top: 6rem !important
    }
    .mr-lg-22,
    .mx-lg-22 {
        margin-right: 6rem !important
    }
    .mb-lg-22,
    .my-lg-22 {
        margin-bottom: 6rem !important
    }
    .ml-lg-22,
    .mx-lg-22 {
        margin-left: 6rem !important
    }
    .m-lg-23 {
        margin: 6.25rem !important
    }
    .mt-lg-23,
    .my-lg-23 {
        margin-top: 6.25rem !important
    }
    .mr-lg-23,
    .mx-lg-23 {
        margin-right: 6.25rem !important
    }
    .mb-lg-23,
    .my-lg-23 {
        margin-bottom: 6.25rem !important
    }
    .ml-lg-23,
    .mx-lg-23 {
        margin-left: 6.25rem !important
    }
    .m-lg-24 {
        margin: 6.5rem !important
    }
    .mt-lg-24,
    .my-lg-24 {
        margin-top: 6.5rem !important
    }
    .mr-lg-24,
    .mx-lg-24 {
        margin-right: 6.5rem !important
    }
    .mb-lg-24,
    .my-lg-24 {
        margin-bottom: 6.5rem !important
    }
    .ml-lg-24,
    .mx-lg-24 {
        margin-left: 6.5rem !important
    }
    .m-lg-25 {
        margin: 6.75rem !important
    }
    .mt-lg-25,
    .my-lg-25 {
        margin-top: 6.75rem !important
    }
    .mr-lg-25,
    .mx-lg-25 {
        margin-right: 6.75rem !important
    }
    .mb-lg-25,
    .my-lg-25 {
        margin-bottom: 6.75rem !important
    }
    .ml-lg-25,
    .mx-lg-25 {
        margin-left: 6.75rem !important
    }
    .m-lg-26 {
        margin: 7rem !important
    }
    .mt-lg-26,
    .my-lg-26 {
        margin-top: 7rem !important
    }
    .mr-lg-26,
    .mx-lg-26 {
        margin-right: 7rem !important
    }
    .mb-lg-26,
    .my-lg-26 {
        margin-bottom: 7rem !important
    }
    .ml-lg-26,
    .mx-lg-26 {
        margin-left: 7rem !important
    }
    .m-lg-27 {
        margin: 7.25rem !important
    }
    .mt-lg-27,
    .my-lg-27 {
        margin-top: 7.25rem !important
    }
    .mr-lg-27,
    .mx-lg-27 {
        margin-right: 7.25rem !important
    }
    .mb-lg-27,
    .my-lg-27 {
        margin-bottom: 7.25rem !important
    }
    .ml-lg-27,
    .mx-lg-27 {
        margin-left: 7.25rem !important
    }
    .m-lg-28 {
        margin: 7.5rem !important
    }
    .mt-lg-28,
    .my-lg-28 {
        margin-top: 7.5rem !important
    }
    .mr-lg-28,
    .mx-lg-28 {
        margin-right: 7.5rem !important
    }
    .mb-lg-28,
    .my-lg-28 {
        margin-bottom: 7.5rem !important
    }
    .ml-lg-28,
    .mx-lg-28 {
        margin-left: 7.5rem !important
    }
    .m-lg-29 {
        margin: 7.75rem !important
    }
    .mt-lg-29,
    .my-lg-29 {
        margin-top: 7.75rem !important
    }
    .mr-lg-29,
    .mx-lg-29 {
        margin-right: 7.75rem !important
    }
    .mb-lg-29,
    .my-lg-29 {
        margin-bottom: 7.75rem !important
    }
    .ml-lg-29,
    .mx-lg-29 {
        margin-left: 7.75rem !important
    }
    .m-lg-30 {
        margin: 8rem !important
    }
    .mt-lg-30,
    .my-lg-30 {
        margin-top: 8rem !important
    }
    .mr-lg-30,
    .mx-lg-30 {
        margin-right: 8rem !important
    }
    .mb-lg-30,
    .my-lg-30 {
        margin-bottom: 8rem !important
    }
    .ml-lg-30,
    .mx-lg-30 {
        margin-left: 8rem !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: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .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: 1.75rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 1.75rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 1.75rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 1.75rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 1.75rem !important
    }
    .p-lg-6 {
        padding: 2rem !important
    }
    .pt-lg-6,
    .py-lg-6 {
        padding-top: 2rem !important
    }
    .pr-lg-6,
    .px-lg-6 {
        padding-right: 2rem !important
    }
    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 2rem !important
    }
    .pl-lg-6,
    .px-lg-6 {
        padding-left: 2rem !important
    }
    .p-lg-7 {
        padding: 2.25rem !important
    }
    .pt-lg-7,
    .py-lg-7 {
        padding-top: 2.25rem !important
    }
    .pr-lg-7,
    .px-lg-7 {
        padding-right: 2.25rem !important
    }
    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 2.25rem !important
    }
    .pl-lg-7,
    .px-lg-7 {
        padding-left: 2.25rem !important
    }
    .p-lg-8 {
        padding: 2.5rem !important
    }
    .pt-lg-8,
    .py-lg-8 {
        padding-top: 2.5rem !important
    }
    .pr-lg-8,
    .px-lg-8 {
        padding-right: 2.5rem !important
    }
    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 2.5rem !important
    }
    .pl-lg-8,
    .px-lg-8 {
        padding-left: 2.5rem !important
    }
    .p-lg-9 {
        padding: 3rem !important
    }
    .pt-lg-9,
    .py-lg-9 {
        padding-top: 3rem !important
    }
    .pr-lg-9,
    .px-lg-9 {
        padding-right: 3rem !important
    }
    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 3rem !important
    }
    .pl-lg-9,
    .px-lg-9 {
        padding-left: 3rem !important
    }
    .p-lg-10 {
        padding: 3.25rem !important
    }
    .pt-lg-10,
    .py-lg-10 {
        padding-top: 3.25rem !important
    }
    .pr-lg-10,
    .px-lg-10 {
        padding-right: 3.25rem !important
    }
    .pb-lg-10,
    .py-lg-10 {
        padding-bottom: 3.25rem !important
    }
    .pl-lg-10,
    .px-lg-10 {
        padding-left: 3.25rem !important
    }
    .p-lg-11 {
        padding: 3.5rem !important
    }
    .pt-lg-11,
    .py-lg-11 {
        padding-top: 3.5rem !important
    }
    .pr-lg-11,
    .px-lg-11 {
        padding-right: 3.5rem !important
    }
    .pb-lg-11,
    .py-lg-11 {
        padding-bottom: 3.5rem !important
    }
    .pl-lg-11,
    .px-lg-11 {
        padding-left: 3.5rem !important
    }
    .p-lg-12 {
        padding: 3.75rem !important
    }
    .pt-lg-12,
    .py-lg-12 {
        padding-top: 3.75rem !important
    }
    .pr-lg-12,
    .px-lg-12 {
        padding-right: 3.75rem !important
    }
    .pb-lg-12,
    .py-lg-12 {
        padding-bottom: 3.75rem !important
    }
    .pl-lg-12,
    .px-lg-12 {
        padding-left: 3.75rem !important
    }
    .p-lg-13 {
        padding: 4rem !important
    }
    .pt-lg-13,
    .py-lg-13 {
        padding-top: 4rem !important
    }
    .pr-lg-13,
    .px-lg-13 {
        padding-right: 4rem !important
    }
    .pb-lg-13,
    .py-lg-13 {
        padding-bottom: 4rem !important
    }
    .pl-lg-13,
    .px-lg-13 {
        padding-left: 4rem !important
    }
    .p-lg-14 {
        padding: 4.25rem !important
    }
    .pt-lg-14,
    .py-lg-14 {
        padding-top: 4.25rem !important
    }
    .pr-lg-14,
    .px-lg-14 {
        padding-right: 4.25rem !important
    }
    .pb-lg-14,
    .py-lg-14 {
        padding-bottom: 4.25rem !important
    }
    .pl-lg-14,
    .px-lg-14 {
        padding-left: 4.25rem !important
    }
    .p-lg-15 {
        padding: 4.5rem !important
    }
    .pt-lg-15,
    .py-lg-15 {
        padding-top: 4.5rem !important
    }
    .pr-lg-15,
    .px-lg-15 {
        padding-right: 4.5rem !important
    }
    .pb-lg-15,
    .py-lg-15 {
        padding-bottom: 4.5rem !important
    }
    .pl-lg-15,
    .px-lg-15 {
        padding-left: 4.5rem !important
    }
    .p-lg-16 {
        padding: 4.75rem !important
    }
    .pt-lg-16,
    .py-lg-16 {
        padding-top: 4.75rem !important
    }
    .pr-lg-16,
    .px-lg-16 {
        padding-right: 4.75rem !important
    }
    .pb-lg-16,
    .py-lg-16 {
        padding-bottom: 4.75rem !important
    }
    .pl-lg-16,
    .px-lg-16 {
        padding-left: 4.75rem !important
    }
    .p-lg-17 {
        padding: 5rem !important
    }
    .pt-lg-17,
    .py-lg-17 {
        padding-top: 5rem !important
    }
    .pr-lg-17,
    .px-lg-17 {
        padding-right: 5rem !important
    }
    .pb-lg-17,
    .py-lg-17 {
        padding-bottom: 5rem !important
    }
    .pl-lg-17,
    .px-lg-17 {
        padding-left: 5rem !important
    }
    .p-lg-18 {
        padding: 5.25rem !important
    }
    .pt-lg-18,
    .py-lg-18 {
        padding-top: 5.25rem !important
    }
    .pr-lg-18,
    .px-lg-18 {
        padding-right: 5.25rem !important
    }
    .pb-lg-18,
    .py-lg-18 {
        padding-bottom: 5.25rem !important
    }
    .pl-lg-18,
    .px-lg-18 {
        padding-left: 5.25rem !important
    }
    .p-lg-19 {
        padding: 5.25rem !important
    }
    .pt-lg-19,
    .py-lg-19 {
        padding-top: 5.25rem !important
    }
    .pr-lg-19,
    .px-lg-19 {
        padding-right: 5.25rem !important
    }
    .pb-lg-19,
    .py-lg-19 {
        padding-bottom: 5.25rem !important
    }
    .pl-lg-19,
    .px-lg-19 {
        padding-left: 5.25rem !important
    }
    .p-lg-20 {
        padding: 5.5rem !important
    }
    .pt-lg-20,
    .py-lg-20 {
        padding-top: 5.5rem !important
    }
    .pr-lg-20,
    .px-lg-20 {
        padding-right: 5.5rem !important
    }
    .pb-lg-20,
    .py-lg-20 {
        padding-bottom: 5.5rem !important
    }
    .pl-lg-20,
    .px-lg-20 {
        padding-left: 5.5rem !important
    }
    .p-lg-21 {
        padding: 5.75rem !important
    }
    .pt-lg-21,
    .py-lg-21 {
        padding-top: 5.75rem !important
    }
    .pr-lg-21,
    .px-lg-21 {
        padding-right: 5.75rem !important
    }
    .pb-lg-21,
    .py-lg-21 {
        padding-bottom: 5.75rem !important
    }
    .pl-lg-21,
    .px-lg-21 {
        padding-left: 5.75rem !important
    }
    .p-lg-22 {
        padding: 6rem !important
    }
    .pt-lg-22,
    .py-lg-22 {
        padding-top: 6rem !important
    }
    .pr-lg-22,
    .px-lg-22 {
        padding-right: 6rem !important
    }
    .pb-lg-22,
    .py-lg-22 {
        padding-bottom: 6rem !important
    }
    .pl-lg-22,
    .px-lg-22 {
        padding-left: 6rem !important
    }
    .p-lg-23 {
        padding: 6.25rem !important
    }
    .pt-lg-23,
    .py-lg-23 {
        padding-top: 6.25rem !important
    }
    .pr-lg-23,
    .px-lg-23 {
        padding-right: 6.25rem !important
    }
    .pb-lg-23,
    .py-lg-23 {
        padding-bottom: 6.25rem !important
    }
    .pl-lg-23,
    .px-lg-23 {
        padding-left: 6.25rem !important
    }
    .p-lg-24 {
        padding: 6.5rem !important
    }
    .pt-lg-24,
    .py-lg-24 {
        padding-top: 6.5rem !important
    }
    .pr-lg-24,
    .px-lg-24 {
        padding-right: 6.5rem !important
    }
    .pb-lg-24,
    .py-lg-24 {
        padding-bottom: 6.5rem !important
    }
    .pl-lg-24,
    .px-lg-24 {
        padding-left: 6.5rem !important
    }
    .p-lg-25 {
        padding: 6.75rem !important
    }
    .pt-lg-25,
    .py-lg-25 {
        padding-top: 6.75rem !important
    }
    .pr-lg-25,
    .px-lg-25 {
        padding-right: 6.75rem !important
    }
    .pb-lg-25,
    .py-lg-25 {
        padding-bottom: 6.75rem !important
    }
    .pl-lg-25,
    .px-lg-25 {
        padding-left: 6.75rem !important
    }
    .p-lg-26 {
        padding: 7rem !important
    }
    .pt-lg-26,
    .py-lg-26 {
        padding-top: 7rem !important
    }
    .pr-lg-26,
    .px-lg-26 {
        padding-right: 7rem !important
    }
    .pb-lg-26,
    .py-lg-26 {
        padding-bottom: 7rem !important
    }
    .pl-lg-26,
    .px-lg-26 {
        padding-left: 7rem !important
    }
    .p-lg-27 {
        padding: 7.25rem !important
    }
    .pt-lg-27,
    .py-lg-27 {
        padding-top: 7.25rem !important
    }
    .pr-lg-27,
    .px-lg-27 {
        padding-right: 7.25rem !important
    }
    .pb-lg-27,
    .py-lg-27 {
        padding-bottom: 7.25rem !important
    }
    .pl-lg-27,
    .px-lg-27 {
        padding-left: 7.25rem !important
    }
    .p-lg-28 {
        padding: 7.5rem !important
    }
    .pt-lg-28,
    .py-lg-28 {
        padding-top: 7.5rem !important
    }
    .pr-lg-28,
    .px-lg-28 {
        padding-right: 7.5rem !important
    }
    .pb-lg-28,
    .py-lg-28 {
        padding-bottom: 7.5rem !important
    }
    .pl-lg-28,
    .px-lg-28 {
        padding-left: 7.5rem !important
    }
    .p-lg-29 {
        padding: 7.75rem !important
    }
    .pt-lg-29,
    .py-lg-29 {
        padding-top: 7.75rem !important
    }
    .pr-lg-29,
    .px-lg-29 {
        padding-right: 7.75rem !important
    }
    .pb-lg-29,
    .py-lg-29 {
        padding-bottom: 7.75rem !important
    }
    .pl-lg-29,
    .px-lg-29 {
        padding-left: 7.75rem !important
    }
    .p-lg-30 {
        padding: 8rem !important
    }
    .pt-lg-30,
    .py-lg-30 {
        padding-top: 8rem !important
    }
    .pr-lg-30,
    .px-lg-30 {
        padding-right: 8rem !important
    }
    .pb-lg-30,
    .py-lg-30 {
        padding-bottom: 8rem !important
    }
    .pl-lg-30,
    .px-lg-30 {
        padding-left: 8rem !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: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .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: 1.75rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 1.75rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 1.75rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 1.75rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 1.75rem !important
    }
    .m-xl-6 {
        margin: 2rem !important
    }
    .mt-xl-6,
    .my-xl-6 {
        margin-top: 2rem !important
    }
    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 2rem !important
    }
    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 2rem !important
    }
    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 2rem !important
    }
    .m-xl-7 {
        margin: 2.25rem !important
    }
    .mt-xl-7,
    .my-xl-7 {
        margin-top: 2.25rem !important
    }
    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 2.25rem !important
    }
    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 2.25rem !important
    }
    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 2.25rem !important
    }
    .m-xl-8 {
        margin: 2.5rem !important
    }
    .mt-xl-8,
    .my-xl-8 {
        margin-top: 2.5rem !important
    }
    .mr-xl-8,
    .mx-xl-8 {
        margin-right: 2.5rem !important
    }
    .mb-xl-8,
    .my-xl-8 {
        margin-bottom: 2.5rem !important
    }
    .ml-xl-8,
    .mx-xl-8 {
        margin-left: 2.5rem !important
    }
    .m-xl-9 {
        margin: 3rem !important
    }
    .mt-xl-9,
    .my-xl-9 {
        margin-top: 3rem !important
    }
    .mr-xl-9,
    .mx-xl-9 {
        margin-right: 3rem !important
    }
    .mb-xl-9,
    .my-xl-9 {
        margin-bottom: 3rem !important
    }
    .ml-xl-9,
    .mx-xl-9 {
        margin-left: 3rem !important
    }
    .m-xl-10 {
        margin: 3.25rem !important
    }
    .mt-xl-10,
    .my-xl-10 {
        margin-top: 3.25rem !important
    }
    .mr-xl-10,
    .mx-xl-10 {
        margin-right: 3.25rem !important
    }
    .mb-xl-10,
    .my-xl-10 {
        margin-bottom: 3.25rem !important
    }
    .ml-xl-10,
    .mx-xl-10 {
        margin-left: 3.25rem !important
    }
    .m-xl-11 {
        margin: 3.5rem !important
    }
    .mt-xl-11,
    .my-xl-11 {
        margin-top: 3.5rem !important
    }
    .mr-xl-11,
    .mx-xl-11 {
        margin-right: 3.5rem !important
    }
    .mb-xl-11,
    .my-xl-11 {
        margin-bottom: 3.5rem !important
    }
    .ml-xl-11,
    .mx-xl-11 {
        margin-left: 3.5rem !important
    }
    .m-xl-12 {
        margin: 3.75rem !important
    }
    .mt-xl-12,
    .my-xl-12 {
        margin-top: 3.75rem !important
    }
    .mr-xl-12,
    .mx-xl-12 {
        margin-right: 3.75rem !important
    }
    .mb-xl-12,
    .my-xl-12 {
        margin-bottom: 3.75rem !important
    }
    .ml-xl-12,
    .mx-xl-12 {
        margin-left: 3.75rem !important
    }
    .m-xl-13 {
        margin: 4rem !important
    }
    .mt-xl-13,
    .my-xl-13 {
        margin-top: 4rem !important
    }
    .mr-xl-13,
    .mx-xl-13 {
        margin-right: 4rem !important
    }
    .mb-xl-13,
    .my-xl-13 {
        margin-bottom: 4rem !important
    }
    .ml-xl-13,
    .mx-xl-13 {
        margin-left: 4rem !important
    }
    .m-xl-14 {
        margin: 4.25rem !important
    }
    .mt-xl-14,
    .my-xl-14 {
        margin-top: 4.25rem !important
    }
    .mr-xl-14,
    .mx-xl-14 {
        margin-right: 4.25rem !important
    }
    .mb-xl-14,
    .my-xl-14 {
        margin-bottom: 4.25rem !important
    }
    .ml-xl-14,
    .mx-xl-14 {
        margin-left: 4.25rem !important
    }
    .m-xl-15 {
        margin: 4.5rem !important
    }
    .mt-xl-15,
    .my-xl-15 {
        margin-top: 4.5rem !important
    }
    .mr-xl-15,
    .mx-xl-15 {
        margin-right: 4.5rem !important
    }
    .mb-xl-15,
    .my-xl-15 {
        margin-bottom: 4.5rem !important
    }
    .ml-xl-15,
    .mx-xl-15 {
        margin-left: 4.5rem !important
    }
    .m-xl-16 {
        margin: 4.75rem !important
    }
    .mt-xl-16,
    .my-xl-16 {
        margin-top: 4.75rem !important
    }
    .mr-xl-16,
    .mx-xl-16 {
        margin-right: 4.75rem !important
    }
    .mb-xl-16,
    .my-xl-16 {
        margin-bottom: 4.75rem !important
    }
    .ml-xl-16,
    .mx-xl-16 {
        margin-left: 4.75rem !important
    }
    .m-xl-17 {
        margin: 5rem !important
    }
    .mt-xl-17,
    .my-xl-17 {
        margin-top: 5rem !important
    }
    .mr-xl-17,
    .mx-xl-17 {
        margin-right: 5rem !important
    }
    .mb-xl-17,
    .my-xl-17 {
        margin-bottom: 5rem !important
    }
    .ml-xl-17,
    .mx-xl-17 {
        margin-left: 5rem !important
    }
    .m-xl-18 {
        margin: 5.25rem !important
    }
    .mt-xl-18,
    .my-xl-18 {
        margin-top: 5.25rem !important
    }
    .mr-xl-18,
    .mx-xl-18 {
        margin-right: 5.25rem !important
    }
    .mb-xl-18,
    .my-xl-18 {
        margin-bottom: 5.25rem !important
    }
    .ml-xl-18,
    .mx-xl-18 {
        margin-left: 5.25rem !important
    }
    .m-xl-19 {
        margin: 5.25rem !important
    }
    .mt-xl-19,
    .my-xl-19 {
        margin-top: 5.25rem !important
    }
    .mr-xl-19,
    .mx-xl-19 {
        margin-right: 5.25rem !important
    }
    .mb-xl-19,
    .my-xl-19 {
        margin-bottom: 5.25rem !important
    }
    .ml-xl-19,
    .mx-xl-19 {
        margin-left: 5.25rem !important
    }
    .m-xl-20 {
        margin: 5.5rem !important
    }
    .mt-xl-20,
    .my-xl-20 {
        margin-top: 5.5rem !important
    }
    .mr-xl-20,
    .mx-xl-20 {
        margin-right: 5.5rem !important
    }
    .mb-xl-20,
    .my-xl-20 {
        margin-bottom: 5.5rem !important
    }
    .ml-xl-20,
    .mx-xl-20 {
        margin-left: 5.5rem !important
    }
    .m-xl-21 {
        margin: 5.75rem !important
    }
    .mt-xl-21,
    .my-xl-21 {
        margin-top: 5.75rem !important
    }
    .mr-xl-21,
    .mx-xl-21 {
        margin-right: 5.75rem !important
    }
    .mb-xl-21,
    .my-xl-21 {
        margin-bottom: 5.75rem !important
    }
    .ml-xl-21,
    .mx-xl-21 {
        margin-left: 5.75rem !important
    }
    .m-xl-22 {
        margin: 6rem !important
    }
    .mt-xl-22,
    .my-xl-22 {
        margin-top: 6rem !important
    }
    .mr-xl-22,
    .mx-xl-22 {
        margin-right: 6rem !important
    }
    .mb-xl-22,
    .my-xl-22 {
        margin-bottom: 6rem !important
    }
    .ml-xl-22,
    .mx-xl-22 {
        margin-left: 6rem !important
    }
    .m-xl-23 {
        margin: 6.25rem !important
    }
    .mt-xl-23,
    .my-xl-23 {
        margin-top: 6.25rem !important
    }
    .mr-xl-23,
    .mx-xl-23 {
        margin-right: 6.25rem !important
    }
    .mb-xl-23,
    .my-xl-23 {
        margin-bottom: 6.25rem !important
    }
    .ml-xl-23,
    .mx-xl-23 {
        margin-left: 6.25rem !important
    }
    .m-xl-24 {
        margin: 6.5rem !important
    }
    .mt-xl-24,
    .my-xl-24 {
        margin-top: 6.5rem !important
    }
    .mr-xl-24,
    .mx-xl-24 {
        margin-right: 6.5rem !important
    }
    .mb-xl-24,
    .my-xl-24 {
        margin-bottom: 6.5rem !important
    }
    .ml-xl-24,
    .mx-xl-24 {
        margin-left: 6.5rem !important
    }
    .m-xl-25 {
        margin: 6.75rem !important
    }
    .mt-xl-25,
    .my-xl-25 {
        margin-top: 6.75rem !important
    }
    .mr-xl-25,
    .mx-xl-25 {
        margin-right: 6.75rem !important
    }
    .mb-xl-25,
    .my-xl-25 {
        margin-bottom: 6.75rem !important
    }
    .ml-xl-25,
    .mx-xl-25 {
        margin-left: 6.75rem !important
    }
    .m-xl-26 {
        margin: 7rem !important
    }
    .mt-xl-26,
    .my-xl-26 {
        margin-top: 7rem !important
    }
    .mr-xl-26,
    .mx-xl-26 {
        margin-right: 7rem !important
    }
    .mb-xl-26,
    .my-xl-26 {
        margin-bottom: 7rem !important
    }
    .ml-xl-26,
    .mx-xl-26 {
        margin-left: 7rem !important
    }
    .m-xl-27 {
        margin: 7.25rem !important
    }
    .mt-xl-27,
    .my-xl-27 {
        margin-top: 7.25rem !important
    }
    .mr-xl-27,
    .mx-xl-27 {
        margin-right: 7.25rem !important
    }
    .mb-xl-27,
    .my-xl-27 {
        margin-bottom: 7.25rem !important
    }
    .ml-xl-27,
    .mx-xl-27 {
        margin-left: 7.25rem !important
    }
    .m-xl-28 {
        margin: 7.5rem !important
    }
    .mt-xl-28,
    .my-xl-28 {
        margin-top: 7.5rem !important
    }
    .mr-xl-28,
    .mx-xl-28 {
        margin-right: 7.5rem !important
    }
    .mb-xl-28,
    .my-xl-28 {
        margin-bottom: 7.5rem !important
    }
    .ml-xl-28,
    .mx-xl-28 {
        margin-left: 7.5rem !important
    }
    .m-xl-29 {
        margin: 7.75rem !important
    }
    .mt-xl-29,
    .my-xl-29 {
        margin-top: 7.75rem !important
    }
    .mr-xl-29,
    .mx-xl-29 {
        margin-right: 7.75rem !important
    }
    .mb-xl-29,
    .my-xl-29 {
        margin-bottom: 7.75rem !important
    }
    .ml-xl-29,
    .mx-xl-29 {
        margin-left: 7.75rem !important
    }
    .m-xl-30 {
        margin: 8rem !important
    }
    .mt-xl-30,
    .my-xl-30 {
        margin-top: 8rem !important
    }
    .mr-xl-30,
    .mx-xl-30 {
        margin-right: 8rem !important
    }
    .mb-xl-30,
    .my-xl-30 {
        margin-bottom: 8rem !important
    }
    .ml-xl-30,
    .mx-xl-30 {
        margin-left: 8rem !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: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .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: 1.75rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 1.75rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 1.75rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 1.75rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 1.75rem !important
    }
    .p-xl-6 {
        padding: 2rem !important
    }
    .pt-xl-6,
    .py-xl-6 {
        padding-top: 2rem !important
    }
    .pr-xl-6,
    .px-xl-6 {
        padding-right: 2rem !important
    }
    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 2rem !important
    }
    .pl-xl-6,
    .px-xl-6 {
        padding-left: 2rem !important
    }
    .p-xl-7 {
        padding: 2.25rem !important
    }
    .pt-xl-7,
    .py-xl-7 {
        padding-top: 2.25rem !important
    }
    .pr-xl-7,
    .px-xl-7 {
        padding-right: 2.25rem !important
    }
    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 2.25rem !important
    }
    .pl-xl-7,
    .px-xl-7 {
        padding-left: 2.25rem !important
    }
    .p-xl-8 {
        padding: 2.5rem !important
    }
    .pt-xl-8,
    .py-xl-8 {
        padding-top: 2.5rem !important
    }
    .pr-xl-8,
    .px-xl-8 {
        padding-right: 2.5rem !important
    }
    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 2.5rem !important
    }
    .pl-xl-8,
    .px-xl-8 {
        padding-left: 2.5rem !important
    }
    .p-xl-9 {
        padding: 3rem !important
    }
    .pt-xl-9,
    .py-xl-9 {
        padding-top: 3rem !important
    }
    .pr-xl-9,
    .px-xl-9 {
        padding-right: 3rem !important
    }
    .pb-xl-9,
    .py-xl-9 {
        padding-bottom: 3rem !important
    }
    .pl-xl-9,
    .px-xl-9 {
        padding-left: 3rem !important
    }
    .p-xl-10 {
        padding: 3.25rem !important
    }
    .pt-xl-10,
    .py-xl-10 {
        padding-top: 3.25rem !important
    }
    .pr-xl-10,
    .px-xl-10 {
        padding-right: 3.25rem !important
    }
    .pb-xl-10,
    .py-xl-10 {
        padding-bottom: 3.25rem !important
    }
    .pl-xl-10,
    .px-xl-10 {
        padding-left: 3.25rem !important
    }
    .p-xl-11 {
        padding: 3.5rem !important
    }
    .pt-xl-11,
    .py-xl-11 {
        padding-top: 3.5rem !important
    }
    .pr-xl-11,
    .px-xl-11 {
        padding-right: 3.5rem !important
    }
    .pb-xl-11,
    .py-xl-11 {
        padding-bottom: 3.5rem !important
    }
    .pl-xl-11,
    .px-xl-11 {
        padding-left: 3.5rem !important
    }
    .p-xl-12 {
        padding: 3.75rem !important
    }
    .pt-xl-12,
    .py-xl-12 {
        padding-top: 3.75rem !important
    }
    .pr-xl-12,
    .px-xl-12 {
        padding-right: 3.75rem !important
    }
    .pb-xl-12,
    .py-xl-12 {
        padding-bottom: 3.75rem !important
    }
    .pl-xl-12,
    .px-xl-12 {
        padding-left: 3.75rem !important
    }
    .p-xl-13 {
        padding: 4rem !important
    }
    .pt-xl-13,
    .py-xl-13 {
        padding-top: 4rem !important
    }
    .pr-xl-13,
    .px-xl-13 {
        padding-right: 4rem !important
    }
    .pb-xl-13,
    .py-xl-13 {
        padding-bottom: 4rem !important
    }
    .pl-xl-13,
    .px-xl-13 {
        padding-left: 4rem !important
    }
    .p-xl-14 {
        padding: 4.25rem !important
    }
    .pt-xl-14,
    .py-xl-14 {
        padding-top: 4.25rem !important
    }
    .pr-xl-14,
    .px-xl-14 {
        padding-right: 4.25rem !important
    }
    .pb-xl-14,
    .py-xl-14 {
        padding-bottom: 4.25rem !important
    }
    .pl-xl-14,
    .px-xl-14 {
        padding-left: 4.25rem !important
    }
    .p-xl-15 {
        padding: 4.5rem !important
    }
    .pt-xl-15,
    .py-xl-15 {
        padding-top: 4.5rem !important
    }
    .pr-xl-15,
    .px-xl-15 {
        padding-right: 4.5rem !important
    }
    .pb-xl-15,
    .py-xl-15 {
        padding-bottom: 4.5rem !important
    }
    .pl-xl-15,
    .px-xl-15 {
        padding-left: 4.5rem !important
    }
    .p-xl-16 {
        padding: 4.75rem !important
    }
    .pt-xl-16,
    .py-xl-16 {
        padding-top: 4.75rem !important
    }
    .pr-xl-16,
    .px-xl-16 {
        padding-right: 4.75rem !important
    }
    .pb-xl-16,
    .py-xl-16 {
        padding-bottom: 4.75rem !important
    }
    .pl-xl-16,
    .px-xl-16 {
        padding-left: 4.75rem !important
    }
    .p-xl-17 {
        padding: 5rem !important
    }
    .pt-xl-17,
    .py-xl-17 {
        padding-top: 5rem !important
    }
    .pr-xl-17,
    .px-xl-17 {
        padding-right: 5rem !important
    }
    .pb-xl-17,
    .py-xl-17 {
        padding-bottom: 5rem !important
    }
    .pl-xl-17,
    .px-xl-17 {
        padding-left: 5rem !important
    }
    .p-xl-18 {
        padding: 5.25rem !important
    }
    .pt-xl-18,
    .py-xl-18 {
        padding-top: 5.25rem !important
    }
    .pr-xl-18,
    .px-xl-18 {
        padding-right: 5.25rem !important
    }
    .pb-xl-18,
    .py-xl-18 {
        padding-bottom: 5.25rem !important
    }
    .pl-xl-18,
    .px-xl-18 {
        padding-left: 5.25rem !important
    }
    .p-xl-19 {
        padding: 5.25rem !important
    }
    .pt-xl-19,
    .py-xl-19 {
        padding-top: 5.25rem !important
    }
    .pr-xl-19,
    .px-xl-19 {
        padding-right: 5.25rem !important
    }
    .pb-xl-19,
    .py-xl-19 {
        padding-bottom: 5.25rem !important
    }
    .pl-xl-19,
    .px-xl-19 {
        padding-left: 5.25rem !important
    }
    .p-xl-20 {
        padding: 5.5rem !important
    }
    .pt-xl-20,
    .py-xl-20 {
        padding-top: 5.5rem !important
    }
    .pr-xl-20,
    .px-xl-20 {
        padding-right: 5.5rem !important
    }
    .pb-xl-20,
    .py-xl-20 {
        padding-bottom: 5.5rem !important
    }
    .pl-xl-20,
    .px-xl-20 {
        padding-left: 5.5rem !important
    }
    .p-xl-21 {
        padding: 5.75rem !important
    }
    .pt-xl-21,
    .py-xl-21 {
        padding-top: 5.75rem !important
    }
    .pr-xl-21,
    .px-xl-21 {
        padding-right: 5.75rem !important
    }
    .pb-xl-21,
    .py-xl-21 {
        padding-bottom: 5.75rem !important
    }
    .pl-xl-21,
    .px-xl-21 {
        padding-left: 5.75rem !important
    }
    .p-xl-22 {
        padding: 6rem !important
    }
    .pt-xl-22,
    .py-xl-22 {
        padding-top: 6rem !important
    }
    .pr-xl-22,
    .px-xl-22 {
        padding-right: 6rem !important
    }
    .pb-xl-22,
    .py-xl-22 {
        padding-bottom: 6rem !important
    }
    .pl-xl-22,
    .px-xl-22 {
        padding-left: 6rem !important
    }
    .p-xl-23 {
        padding: 6.25rem !important
    }
    .pt-xl-23,
    .py-xl-23 {
        padding-top: 6.25rem !important
    }
    .pr-xl-23,
    .px-xl-23 {
        padding-right: 6.25rem !important
    }
    .pb-xl-23,
    .py-xl-23 {
        padding-bottom: 6.25rem !important
    }
    .pl-xl-23,
    .px-xl-23 {
        padding-left: 6.25rem !important
    }
    .p-xl-24 {
        padding: 6.5rem !important
    }
    .pt-xl-24,
    .py-xl-24 {
        padding-top: 6.5rem !important
    }
    .pr-xl-24,
    .px-xl-24 {
        padding-right: 6.5rem !important
    }
    .pb-xl-24,
    .py-xl-24 {
        padding-bottom: 6.5rem !important
    }
    .pl-xl-24,
    .px-xl-24 {
        padding-left: 6.5rem !important
    }
    .p-xl-25 {
        padding: 6.75rem !important
    }
    .pt-xl-25,
    .py-xl-25 {
        padding-top: 6.75rem !important
    }
    .pr-xl-25,
    .px-xl-25 {
        padding-right: 6.75rem !important
    }
    .pb-xl-25,
    .py-xl-25 {
        padding-bottom: 6.75rem !important
    }
    .pl-xl-25,
    .px-xl-25 {
        padding-left: 6.75rem !important
    }
    .p-xl-26 {
        padding: 7rem !important
    }
    .pt-xl-26,
    .py-xl-26 {
        padding-top: 7rem !important
    }
    .pr-xl-26,
    .px-xl-26 {
        padding-right: 7rem !important
    }
    .pb-xl-26,
    .py-xl-26 {
        padding-bottom: 7rem !important
    }
    .pl-xl-26,
    .px-xl-26 {
        padding-left: 7rem !important
    }
    .p-xl-27 {
        padding: 7.25rem !important
    }
    .pt-xl-27,
    .py-xl-27 {
        padding-top: 7.25rem !important
    }
    .pr-xl-27,
    .px-xl-27 {
        padding-right: 7.25rem !important
    }
    .pb-xl-27,
    .py-xl-27 {
        padding-bottom: 7.25rem !important
    }
    .pl-xl-27,
    .px-xl-27 {
        padding-left: 7.25rem !important
    }
    .p-xl-28 {
        padding: 7.5rem !important
    }
    .pt-xl-28,
    .py-xl-28 {
        padding-top: 7.5rem !important
    }
    .pr-xl-28,
    .px-xl-28 {
        padding-right: 7.5rem !important
    }
    .pb-xl-28,
    .py-xl-28 {
        padding-bottom: 7.5rem !important
    }
    .pl-xl-28,
    .px-xl-28 {
        padding-left: 7.5rem !important
    }
    .p-xl-29 {
        padding: 7.75rem !important
    }
    .pt-xl-29,
    .py-xl-29 {
        padding-top: 7.75rem !important
    }
    .pr-xl-29,
    .px-xl-29 {
        padding-right: 7.75rem !important
    }
    .pb-xl-29,
    .py-xl-29 {
        padding-bottom: 7.75rem !important
    }
    .pl-xl-29,
    .px-xl-29 {
        padding-left: 7.75rem !important
    }
    .p-xl-30 {
        padding: 8rem !important
    }
    .pt-xl-30,
    .py-xl-30 {
        padding-top: 8rem !important
    }
    .pr-xl-30,
    .px-xl-30 {
        padding-right: 8rem !important
    }
    .pb-xl-30,
    .py-xl-30 {
        padding-bottom: 8rem !important
    }
    .pl-xl-30,
    .px-xl-30 {
        padding-left: 8rem !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
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: normal !important
}

.font-weight-bold {
    font-weight: bold !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

/* End Bootstrap 4 utility classes */

/*# Content Bullets #*/
.content ul,
.content ol{
 padding-left: 20px; 
}
.content ul{ 
  list-style: disc; 
}
.content ol{ 
  list-style: decimal; 
}


/*VERSION 3.3.0*/

/*Bulleted and Numbered List*/

.bulleted-list-main {
    list-style: disc inside none;
    padding: 1px 1px 1px 1px;
}
.bulleted-list-main li {
    list-style: initial;
    list-style-position: inside;
    text-indent: -2em;
    padding-left: 2em;
}

.bulleted-list li {
    list-style: initial;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

.numbered-list li {
    list-style: initial;
    list-style-type: decimal;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}


/*# common navigation and titles #*/

.nav-button {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 15px;
  border: 0;
  padding: 5px 15px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .21);  
  text-decoration: none !important;  
}

.util-button {
  margin-top: 4px;
  height: 25px;
  padding-top: 0px;
  padding-bottom: 0px;    
}

.button-orange {   
  background: #F57921;
  color: #ffffff !important;
}

.button-gray {
  background: #575D69;
  color: #ffffff !important;
}

.button-green {
  background: green;
  color: #ffffff !important;
}

.button-blue {
  background: #428bca;
  color: #ffffff !important;
}

.button-red {
  background: #dd0000;
  color: #ffffff !important;
}

.util-button.button-orange {
  border-color: #df6f1d;
}

.util-button.button-gray {
  border-color: #575D69;
}

.util-button.button-blue {
  border-color: #357ebd;
}

h1.form-title { font-size: 36px;}

.form-title {
    /* color: #0074BA; */
  color: #0074BA;
  margin: 0 0 30px 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 20px;
  margin-bottom: 10px;
}


h3.form-sub-title {font-size: 1.4em;}

.form-sub-title {
  display: inline-block;
  padding: 5px;
  color: #0061B4;
  text-transform: uppercase;
  font-weight: bold;
}

/*# end common #*/

.login-form .form-title { text-align: center}

.form-login img { margin-left: 40%;}

.rbl-response, .rbl-response label { margin-left: 10px;}


.custom-input.email-address {
    width: 80% !important;
}

.address-line { width: 80%;}

.phone-extension {
  width: 60px;
  margin-right: 10px;
}

.address-line input {
    width: 70%;
}
    
    
    .form-profile {
        font-size: 14px;
    }

    .form-group label.required { font-weight: 700;}

    /*# verification response radio button #*/
.rbl-response input[type="radio"]
{
   margin-left: 10px;
   margin-right: 5px;
}
/* General */	
.bold { font-weight: 700;}
#page-content .boxed {
    font-size: 14px;
}
.button.grey {
    background: #575D69;
}
.boxed {
	background: #F3F5F4;
	border: 2px solid #A1AAB1;
	width: 770px;
	margin: 50px auto; /*100px*/
	min-height: 400px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .21);
	padding: 30px;
}
label { font-weight: 400; }
label span { font-weight: 700; } 
input[type=text].custom-input,
input[type=email].custom-input,
input[type=password].custom-input { 
	display: inline-block;
	border: 1px solid #BFC2C7;
	border-radius: 5px;
	height: 40px;
	padding: 0 10px;
	width: 150px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .21);
}
input.wd { width: 100% !important; }
input.lg { width: 250px !important; }
.nice-select.sm,
.nice-select.sm select { width: 80px !important; }
/*
.button {
	background: #F57921;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 1px;
	margin-right: 15px;
	border: 0;
	padding: 5px 15px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .21);
}
*/
.button:hover { opacity: .8; }
a.button  {
	color: #ffffff !important;
	text-decoration: none !important;
}
.v4 .btn:hover { opacity: .8; }
.errors,
.errors *,
.errors2,
.errors2 * { 
	color: #C7351C; 
	font-weight: 700;
}
.errors .error { display: block; }
input.error { border: 1px solid red !important; }
.form-group label.error span { color: red; } 

:root .nice-select option,
:root .nice-select:after,
:root .nice-select::after,
:root .nice-select select { color: #000000; }
:root .nice-select select,
:root .nice-select:after,
:root .nice-select::after {
    display: block;
    background: #ffffff;
	border-radius: 5px;
	margin-bottom: 5px;
}
:root .nice-select select,
:root .nice-select option { padding: 0 10px; }
:root .nice-select {
    position: relative;
    display: inline-block;
    border: 0;
}
:root .nice-select::after {
/*    content: url('https://pdp-ee.i-car.com/img/dk_arrows.png');
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 32px;
    font-size: 12px;
    line-height: 38px;
    text-align: center;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;*/
}
:root .nice-select select {
	height: 40px;
	vertical-align: middle;
	font-weight: 700;
	width: 150px;
	outline: 0 none;
	border: 1px solid #94A1A9;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .21);
}
:root .nice-select option {
    background: #fff;
    color: #333;
}


.form-login,
.form-register a { display: inline !important; }

.text-16 { 
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	margin: 15px 0;
}

.help { font-size: 16px; word-wrap: break-word; }
.help.middle { margin: 50% 0; }
.help h2 {  }
.help img { 
	display: inline-block; 
	margin-bottom: 15px;
}
.help a { 
	font-weight: bold;
	font-size: 16px; 
}

.control .info {
	position: relative;
	top: 3px;
	display: inline-block;
	background: #E2E3DE;
	border: 1px solid #94A1A9;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .21);
	margin: 0 0 0 10px;
}

/* form-login */
.v4 .custom-input {
    width: 90% !important;
}
.v4.register2-page .custom-input {
    width: 75% !important;
}

.login { border-right: 1px solid #91959E; }

/*
.form-login .title,
.form-new-user .title {
	color: #0074BA;
	margin: 0 0 30px 0;
	text-align: center;
}
*/
.form-login .form-group label > span { 
	float: left;
	line-height: 40px;
}
.form-login .form-group label > .control,
.form-login .form-group > .control {
	margin-left: 90px;
}
.new-user ul {
	margin: 0 30px;
	list-style: disc;
}
.new-user hr {
	background: #000000;
	height: 1px;
	width: 100%;
}
.new-user h4 {
	color: #0074BA;
	font-weight: 700;
}
.forgot a {
    display: inline-block !important;
}

/* Register page */
.canadian-reciprocity-message {
    text-align: left !important;
    padding: 20px;
}
.form-register {
	border-right: 1px solid #000000;
	padding-right: 30px;
}
.form-register .form-group label > span { 
	float: left;
	line-height: 40px;
	width: 130px;
	text-align: right;
}
.form-register .form-group label > .control,
.form-register .form-group > .control { margin-left: 140px; }
.register hr {
	background: #B7BAC1;
	height: 2px;
	width: 100%;
	margin: 30px 0;
}
.register .title {
	margin: 0 0 30px 0;
	color: #0071BF;
}
.register .steps {
	margin: 0;
	padding: 0;
	list-style: none;
}
.register .steps li {
	display: inline-block;
	font-size: 14px;
	border-top: 5px solid #9EA2AB;
	color: #9EA2AB;
	margin-right: 12px;
	padding: 10px 0;
    min-width: 90px;
}

.register .steps.new-user-steps li {
    min-width: 129px;
}

.register .steps li.active { border-top: 5px solid #F57921; }
.register .steps li { 
	color: #9EA2AB !important; 
	text-decoration: none !important;
}
.register .steps li.active { 
	color: #F57921 !important; 
	text-decoration: none !important;
}
.register .steps li span {
	float: left;
	font-size: 36px;
	margin-top: 5px;
}
.register .steps li div { margin-left: 30px; }
.register .answer { padding: 5px 30px; }

.mb-0 {
    /*margin-bottom: 0 !important;*/
}

.register2-page label {
    width: 80%;
}

.form-desc {
    margin-left: 140px;
}

/* Profile page */
.pad50 { padding: 50px 30px 20px 30px; }
.pad50 .help { margin: 0; }
.pad50 .help .title { color: #0073BD;  } 
.regular { font-weight: normal; }

.my-profile {
	padding: 0 50px;
}
/* delete 01 
.my-profile .title { 
	color: #0073BD; 
	font-size: 60px;
	margin: 0 0 30px 0;
	line-height: 1;
}
*/

.my-profile hr {
	background: #000000;
	height: 1px;
	width: 100%;
	margin: 30px 0;
}
.my-profile .form-group > label {
	float: left;
	font-weight: 700;
	width: 200px;
	line-height: 20px;
	text-align: right;
}
.my-profile .form-group > .control { 
	margin-left: 220px; 
	line-height: 20px;
}
.my-profile .form-group input[type=text],
.my-profile .form-group input[type=email] {
	display: inline-block;
	border: 1px solid #94A1A9;
	border-radius: 5px;
	height: 40px;
	font-weight: 400;
	padding: 0 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .21);
}
.my-profile .form-group select { font-weight: 400; }
.profile-section { position: relative; }

.profile-section .btn-edit {
	position: absolute;
	right: 0;
	top: 0;
}

.profile-section .note { margin-left: 60px; }
.my-profile .title-section {
	height: 60px;
	line-height: 60px;
	margin: 0 0 15px 0;
}
.my-profile .title-section .fa {
	display: inline-block;
	font-size: 24px;
	background: #005C9B;
	height: 50px;
	width: 50px;
	line-height: 50px;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	margin-right: 10px;
}

.my-profile .table-roles tr td {
    border-bottom: 1px solid #E9EAEC;
}

.my-profile .table-roles tr:last-child td {
    border-bottom: 0px;
}


.roles-label {
    margin-right: 10px;
    font-weight: bold;
}
.form-roles {
	margin: 30px 0;
	text-align: right;
}

.form-roles .btn-add-roles {
	margin-bottom: 5px;
	margin-left: 15px;
}
.table-roles {
	border: 2px solid #C8CCCF;
	width: 100%;
	border-collapse:separate;
	border-radius: 10px;
	overflow: hidden;
}
.table-roles .btn-delete {
/*	background: #575D69;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 15px;
	letter-spacing: 1px;
*/
}
.table-roles thead { background: #E4E5E9; }
.table-roles thead th { 
	font-size: 16px;
	padding: 10px; 
	
}
.table-roles tr td {
	padding: 10px;
}
.table-roles thead th:first-child,
.table-roles tr td:first-child {
	text-align: center;
}
.table-roles tr { position: relative; }
.table-roles tr:after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	background: #BABDC4;
	height: 1px;
}
.table-roles tr:last-child:after { content: none; }

:root .nice-select .select-roles {
    width: 300px;
}

.menu-left { margin-top: 15px; }
.menu-left li  a { font-size: 14px; }
.menu-left > li > a {
	font-weight: 700;
	color: #4C7AAE;
}
.menu-left ul { margin-left: 10px; }
.menu-left ul li  a { color: #586D98; }

/* Edit Profile Page */
.table-responsive {
    border: 0;
}
.v4 .menu-left a {
    text-decoration: none !important;
}

.v4 .menu-left a:hover {
    text-decoration: underline !important;
}

/* Change Password */
.control.lbltxt {
    line-height: 40px !important;
    color: #000;
}

/**************************************
** Account Login Button
***************************************/ 
.navbar-button .account-status {
    font-size: 14px;
    line-height: 12px;
    text-align: right;
}

.navbar-button .account-status .account-status-links{
     margin-left: 10px;
}
   

.navbar-button .account-status .account-username{
    font-size: 14px;
    font-weight: bold;
}

.navbar-button .account-status .account-recno{
    font-size: 13px;
    font-weight: bold;
    margin-right: 1px;
    
}

.navbar-button .account-logoff {
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 5px;
    clear: both;
}

div.account-status-links a.account-logoff.pull-right {
    clear: both;
}

.nav.navbar-nav.navbar-right>li:last-child {
    padding-bottom: 10px;
    padding-top: 2px;
}

    .button {
        margin-bottom: 10px;
    }  

    
    .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
        font-weight: normal;
    }


    .profile-review .fa{
        display: inline-block;
        font-size: 20px;
        background: #005C9B;
        height: 35px;
        width: 35px;
        line-height: 35px;
        color: #ffffff;
        border-radius: 50%;
        text-align: center;
        margin-right: 10px;
        float: left;
    }
    
    .profile-review h3 {
        color: #005C9B;
        font-size: 16px;
        font-weight: bold;
        float: left;
        text-transform: uppercase;
        margin-top: 9px;
    }

    .profile-review hr {
        margin-bottom: 10px
    }

    .form-group label > .control > span.readonly {
        line-height: 40px;
    }

    .nice-select select {
        font-weight: normal !important;
    }

    .form-group .nice-select.sm select {
        width: 90px !important;
    }



    /* training */
    tr.roster-item-attending td {
         color: rgb(160, 160, 160);
    }
   
    tr td span.status-attending {
        display: none;
    }

    tr.roster-item-attending td span.status-attending {
        display: inline;
    }


    table.no-remove .btn-remove-item { display: none !important;}

                  #idletimeout-resume {
                  width:100%; background: #f47920; border-color: #f47920; text-transform: uppercase;white-space: inherit !important;
              }
 

    div.form-group.profile-contact-group  {
        clear: both;
    }


  

    .header-logo {
        background-color: transparent !important;
border: 0px none !important;
box-shadow: none !important;

    }
    #search-box{ background-image: none !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;}


    .phone-form-group label {
        line-height: 40px;
        vertical-align: top;
    }
    .phone-form-group .control input {
        vertical-align: top;
    }


/*# Media max 991px ? tablet? #*/
@media (max-width: 991px){

	.boxed { width: 90% !important; }
	
	/* My Profile page */
	.my-profile {
		border: 0;
		padding: 0;
	}
	.my-profile .title { font-size: 36px; }
	.pad50 [class*="col-sm"] { margin-bottom: 50px; }
	.my-profile .form-group > label { 
		width: auto;
		float: none; 
	}
	.my-profile .form-group > .control { margin: 0; }	
	.my-profile .title-section {
		height: auto;
	}
	.my-profile .title-section h3 { font-size: 18px; }
	.my-profile .form-group > label { line-height: 1; }
}

/*# Media max 767px  #*/
@media (max-width: 767px) {


    /* Login page */
    .login {
        border: none !important;
    }  
    .v4 .control {
        margin-left: 0 !important;
    }

	/* Register page */
	.boxed { width: 90% !important; }	
	.form-register { 
		border: 0;
		border-bottom: 1px solid #000000; 
		padding: 0 0 30px 0;
		margin-bottom: 30px;
	}
	.help { margin: 0; }
	.help img { 
		display: block;
		height: 120px; 
		width: 120px; 
		margin: auto auto 15px auto;
	}
	.form-register .form-group label > span { 
		float: none !important;
		display: block !important;
		width:100% !important;
		text-align: left !important;
	}

    .form-register .form-group label .nice-select { 
		width:100% !important;	
	}

    .form-register .form-group label .nice-select select { 
		width:90% !important;	
	}

    .v4.register2-page .control .custom-input {
        width:90% !important;	
    }

	.form-register .form-group label > .control,
	.form-register .form-group > .control { margin: 0; }

    .profile-section .note {
        margin-left: 0;
    }

    .form-desc {
        margin-left: 0;
    }    

    .form-register .form-group > label {
        width: 100%;
    }

    .profile-section .btn-edit {
        position: inherit !important;
    }

}

/*# Media min 992px ? start desktop #*/
@media (min-width: 992px) {


    /* Login Form */
    .login .control {
        width: 80%;
    }       

    .v4 .custom-input.lg {
        width: 250px !important;
    }       

    .v4.register2-page .custom-input.lg {
        width: 200px !important;
    }   

}

/*# Media min 768 and max 991 tablet.. #*/
@media (min-width: 768px) and (max-width: 991px){
	.ml-sm-140 {
        margin-left: 140px;
    }
}

/*# Media max468px ? mobile #*/
@media (max-width: 468px){
	/* Register page */

	.nav-button {
      display: block;
      width: 100%;
      text-align: center;
    }

	.register .form-group span {
		display: block;
		width: 100%;
		padding: 5px 0;
		text-align: left;
	}
	.register .answer { padding: 0; }
	input.lg { width: 100% !important; }
	.control .info { 
		height: auto;
		width: auto;
		background: none;
		border: 0;
		box-shadow: none;
	}

    .pdp.container { padding: 0px;}
    .col-xs-12>.widget-container {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/*# Media min 992px and max 1199 #*/
@media (min-width: 992px) and (max-width: 1199px){
	.my-profile .form-group > label { width: 180px }
	.my-profile .form-group > .control { margin-left: 200px; }
}


/*VERSION 3.3.0*/
.hidecontainer {display:none;}

#SearchForm .control-label { white-space: nowrap;}

.info-block .ecode-total {margin-top:20px;}

.save-cart.nav-button {
  float: left;
  white-space:nowrap;
}

.btn-remove-all-from-cart {
  float: left;
  white-space:wrap;
  padding: 2px 6px 6px 6px!important;
}

span.status-attending {
  color: gray;
  background-color: transparent;
  font: inherit;
  font-weight: bold;
  padding-left: 0px;
}

div.student-in-location.col-md-6 {
  padding-left: 0px;
  padding-right: 2px;
}

div.student-in-class.col-md-6 {
  padding-right: 0px;
  padding-left: 2px;
}

div.student-in-class.col.md-12 {
  padding-left: 0px;
  padding-right: 0px;
}



#payment-method-form label { white-space: nowrap;margin-right: 15px; padding-right:0px;}



/* START EXTEND 1 */


.menu-extend{
  list-style: none;
  margin-top: 15px;
}
.megamenu>li>a{
  font-size: 13px;
}
.menu-extend li{
  display: block;
  float: left;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.menu-extend li a.btn-add, .menu-extend li a.btn-save{
  background: #0B6BB8;
  padding: 0 15px;
  line-height: 20px;
  border-radius: 5px;
  color: #fff !important;
  text-decoration: none !important;
}
.menu-extend li a.btn-edit, .menu-extend li a.btn-cancel{
  padding: 0 15px;
  line-height: 20px;
  background: #575D69;
  border-radius: 5px;
  color: #fff !important;
  text-decoration: none !important;
}

.billing-info{
  padding: 20px 0;
}

.billing-info-edit{
  display: none;
}
.echek-form{
  display: none;
}

.hr-line{
  display: block;
  border-bottom: 2px solid #C5C8CE;
  margin-top: 30px;
  margin-bottom: 30px;
}

.cart-form-title{
  /*color: #0074BA;*/
  color: #0061B4;
  margin: 0 0 30px 0;
  /* h1 */
  font-size: 36px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin-top:20px;
  margin-bottom:10px;
}

/*.head-payment-info{
font-size: 2.7em;
color: #0061B4;
}*/

.info-block h3{
  display: inline-block;
  padding: 5px;
  color: #0061B4;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4em;
}
.info-block .info-icon{
  display: inline-block;
  position: relative;
  top: -5px;
  margin-bottom: 25px;
}

.navi{
  float: right;
}

.navi .prev, .navi .next, .navi .later, .navi .done{
  /*
  display: inline-block;
  padding: 5px 20px;
  margin-right: 8px;
  margin-top: 20px;
  border-radius: 5px;
  color: #fff !important;
  text-decoration: none !important;
  text-transform: uppercase;
  */
}

.navi .next{
  float: right;    
}

.navi .prev {
  float: left;
}

/*

.navi .prev{
background: #575D69;
}

.navi .next{
background: #F57921;
}
.navi .later{
background: #357D51;
}
.navi .done{
background: #0171BB;
}

*/
.widged-section{
  margin-top: 25px;
  margin-bottom: 25px;
}

.navbar-right .current a{
  color: #F57921 !important;
}
.navbar-right .current:before{
  content: "|";
  position: absolute;
  top: 10;
  left: -5px;
}
.account-info{
  font-size: 12px !important;
  padding-top: 5px;
  line-height: 13px !important;
  color: #000 !important;
}
.cart-info i{
  color: #F57921 !important;
}
.menu-style > li.account-indicator > a{
  background: #0F3A56 !important;
  font-size: 12px !important;
}

.social-box img {
  margin-top: -23px;
  margin-right: 8px;
}

/*# taken 1 #*/


/*review.html styles*/
.extend-table{
  table-layout: fixed;
  word-wrap: break-word;
}

.extend-table tr.even{
  background: #E4EAF8;
}
.extend-table tr:nth-child(even){
  /*background: #E4EAF8;*/
}
.extend-table th{
  background: #EDEDEF;
    word-wrap: normal;
    white-space: nowrap;
}

/*action btn-[action]*/
.icon-danger{
  color: #C32E16;
  font-size: 150%;
}

.table>tbody>tr>td{
  border: none;
}

.form-note{
  color: #C32E16;
  font-weight: bold;
  font-size: 12px;
}

.the-warning{
  background: none repeat scroll 0 0 #fefaf6;
  border: 1px solid #e47911;
  margin-bottom: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  padding: 15px 0;
  color: #C32E16;
  line-height: 1.2em !important;
}
.warningtable{
  text-align: left;
}
.warningtable th{
  background: #EDEDEF;
}
.warningtable .even{
  background: #E4EAF8;
}
.total{
  text-align: right;
  padding-right: 10px;
  font-size: 20px;
  font-weight: 700 !important;
}

.total-label {
  margin-right: 15px;
}

.warningtable .code-list, .warningtable button{
  display: none;
}
.warningtable tr:nth-child(even){
  background: #E4EAF8;
}


/**************************
** Roster Header 
**************************/

@media (min-width: 769px){

.fixed-table-container {
  /*width: 50%;*/
  height: 350px;
  /*border: 1px solid black;*/
  margin: 0px;
  background-color: white;
  /* above is decorative or flexible */
  position: relative; /* could be absolute or relative */
  padding-top: 39px; /* height of header */
}

.fixed-table-container-inner {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.header-background {
  background-color: #ededef;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 2px;
  border-color: #dddddd;
  height: 39px; /* height of header */
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

table.fixed-table  {
  background-color: white;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.th-inner {
  position: absolute;
  top: 0;
  line-height: 39px; /* height of header */
  text-align: left;
  padding-left: 5px;
  margin-left: -5px;
}

div.th-inner {
  margin-left: 0px;
}

button.btn.th-inner.btn-primary {
  border-left: none;
  height: 28px;
  margin: 5px;
  margin-left: 0px;
  text-align: center;
  vertical-align: middle;
  line-height: 10px;
}

.checkbox-table-cell {
  width: 60px;
}

.data-container .fixed-table-container th {
  padding: 0;
  height: 0;
  border-width: 0;
}

}

/**********************
** Roster Table
***********************/
.id-search-input {
  font-weight: bold;
  text-align: right;
}

.bottom-margin {
  margin-bottom: 30px;
}

/* roster mobile */


@media (max-width: 769px){

.select-student-tab li.active {
  margin: 0px !important;
}



    .id-search-input {
  
  text-align: left !important;
}

.data-content{
height:auto !important;
}

.fixed-table-container {

  height: auto !important; 
  padding-top: 0px !important;
}

.fixed-table-container-inner {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.header-background {
    display: none !important;
  /*background-color: #ededef;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 2px;
  border-color: #dddddd;*/
  height: 39px; /* height of header */
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

table.fixed-table  {
  background-color: white;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom:0px;
}

.th-inner {
 /*
  position: absolute;
  top: 0;
  */

  position: relative !important;

  

  line-height: 39px; /* height of header */
  text-align: left;
  padding-left: 5px;
  margin-left: -5px;
}

div.th-inner {
  margin-left: 0px;
  
}

button.btn.th-inner.btn-primary {
  border-left: none;
  height: 28px;
  margin: 5px;
  margin-left: 0px;
  text-align: center;
  vertical-align: middle;
  line-height: 10px;
}

.checkbox-table-cell {
  width: 60px;
}

.data-container .fixed-table-container th {
  padding: 0;
  height: auto !important;
  border-width: 0;
vertical-align:middle !important;
}

}



/* END EXTEND 1 */

/**************************
** Payment Info Total
**************************/
.payment-info-total {
  font-weight: bold;
  text-align: right;

    margin-top:20px;
  margin-bottom:10px;
}

.payment-info-total hr {margin-top:0px; margin-bottom:0px;}

/*
.payment-info-total > .ecode-total {
color: red;
}
*/
.vcenter {
  vertical-align: middle;
}
.balance-to-pay {
  width: 180px;
  float: right;
}


/* START EXTEND 2 */

body { -webkit-font-smoothing: antialiased; }

hr { border-top: 1px solid #aeaeae; }
a.normal-link { display: inline-block !important; }


.billing-payment .heading { 
  height: 40px; 
  line-height: 40px; 
  font-size: 16px; 
  text-transform: uppercase; 
  font-weight: 700; 
  color: #006CB7; 
}
.billing-payment .content-wrap {
  padding-left: 44px;
}
.billing-payment .content-wrap, .billing-payment .content-form, 
.billing-payment .content-wrap:after, .billing-payment .content-form:after, 
.billing-payment .content-wrap:before, .billing-payment .content-form:before {
  clear: both; display: block; content: '';
}


/* Billing Address + Payment Method Form */
.content-form .form { 
  padding-top: 5px; 
}
.content-form .fieldset,
.content-form .fieldset:after,
.content-form .fieldset:before {
  clear: both; display: block; content: '';
}
.content-form .fieldset + .fieldset {
  margin-top: 10px;
}
.content-form .fieldset .field-label { 
  float: left; 
  text-align: right;
  padding-right: 10px;
  line-height: 24px;
  min-height: 14px;
}
.content-form .fieldset .field-content .form-control {
  border: 1px solid #b7b8bd;
  border-radius: 5px;
  font-size: 14px;
  padding: 3px 7px;
  line-height: 24px;
  font: 14px 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 26px;
}
.content-form .fieldset .field-content > span {
  padding: 0 0 0 10px;
  display: inline-block;
}
.content-form .fieldset.not-input + .fieldset.not-input {
  margin-top: 2px;
}
.content-form .fieldset.not-input:first-child { 
  margin-top: -3px;
}
.content-form .menu-extend {
  margin-top: 0;
}

/* Billing Address Form */
.billing-address .fieldset .field-label { 
  width: 25%;
}
.billing-address .fieldset .field-content {
  float: left;
  width: 75%;
}
.billing-address .fieldset.two-fields .field-label {
  width: 25%;  
}
.billing-address .fieldset.two-fields .field-content {
  width: 30%;  
}
.billing-address .fieldset.two-fields .field-content:last-child {
  width: 20%;  
}

/* Payment Method Form */
.payment-method .fieldset .field-label { 
  width: 40%;
}
.payment-method .fieldset .field-content {
  float: left;
  width: 60%;
}
.payment-method .fieldset.two-fields .field-label {
  width: 40%;  
}
.payment-method .fieldset.two-fields .field-content {
  width: 30%; padding-right: 10px; 
}

/* Email confirmation */
/*
.email-confirmation .heading { 
  height: 40px; 
  line-height: 40px; 
  font-size: 16px; 
  text-transform: uppercase; 
  font-weight: 700; 
  color: #006CB7; 
}
*/
.email-confirmation .content-wrap {
  padding-left: 44px;
}
.email-confirmation .content-wrap p {
  margin-bottom: 5px;
}


/* Table Cart */
.order-summary tr td,
.order-summary tr th {
  text-align: center;
}
.order-summary tr td:nth-child(1),
.order-summary tr td:nth-child(2) { 
  text-align: left; 
  padding-left: 15px;
}

.review-info { padding-top: 15px; }

/*# taken 2  #*/


/* END EXTEND 2 */





/* START EXTEND 3 */

.select-student-tab li.active{
  padding: 5px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  
  margin-top: -5px;
  padding-bottom: 10px;
}
.select-student-tab li{
  padding-top: 0;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.select-student-tab li:hover{
  background: #f5f5f5;
}
.select-student-tab a{
  text-decoration: none !important;
  border: 2px solid #0072BB;
  font-weight: bold;
}
.select-student-tab li.active{
  background: #0072BB;
}
.select-student-tab li.active a{
  color: #fff !important;
  border: 2px solid transparent;
}

.select-student-tab li a{
  padding: 3px 5px;
}

.tab-option{
  border: 2px solid #0072BB;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tab-option .control-label{
  padding-top: 5px;
}

.legend-warning{
  width: 10%;
  margin-top: 10px;
  display: inline-block;
  float: left;
  font-size: 150%;
  color: #B70100;
}
.legend{
  width: 90%;
  margin-top: 10px;
  display: inline-block;
  float: left;
}
.tab-action{
  padding: 20px 0;
}
.tab-action .prev, .tab-action .next, .tab-action .later, .tab-action .done{
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

.data-container{
  border: 1px solid #7A7E89;
  margin-bottom: 25px;
}
.data-content{
  display: inline-block;
  width: 100% !important;
  height: 350px;
  overflow: auto;
}

.data-header{
  background: #7A7E89;
  padding: 10px;
  color: #fff;
  font-weight: bold;
}
.data-head{
  padding: 10px 0;
  background: #EDEDEF;
}
.data-head li{
  display: inline-block;
  float: left;
}



.student-in-location th, .student-in-class th{
  background: #EDEDEF;
}

.student-in-location .price{
  display: none;
}
.status{
  color: #ccc;
  min-width: 50px;
}

.data-container table tr:nth-child(even){
  background: #E4EAF8;
}

.data-container table tr:nth-of-type(even){
  background: #E4EAF8;
}


.data-container .btn{
  padding: 3px !important;
}

/* Sorting */

#info-table th[data-sort-field]:hover {
    cursor: pointer;
}

.sort-arrow {
    float: right;
}

th.col-md-1 span.sort-arrow {
    float: none;
}



/* END EXTEND 3 */


.button.grey {
  background: #575D69;
}

/* Register Shopping Cart Page */
.v5 .menu-left a {
  text-decoration: none !important;
}
.v5 .menu-left a:hover {
  text-decoration: none !important;
  opacity: 0.8;
}
.btn-self:hover {
  background: #0072BB;
  color: #fff !important;
}
.breadcrumbs li { display: inline-block; }
.breadcrumbs li a { color: #575e69 !important; }
.steps.cart-steps { margin-top: 20px; }
.steps.cart-steps li {
  display: inline-block;
  border-top: 5px solid #9EA2AB;
  color: #9EA2AB;
  font-weight: 700;
  line-height: 1.2;
  margin-right: 10px;
  padding-top: 5px;
  width: 23%;
}
.steps.cart-steps li a { 
  color: #9EA2AB !important; 
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
}
.steps.cart-steps li strong { 
  float: left; 
  font-size: 24px;
  line-height: 1;
}
.steps.cart-steps li span { 
  display: block;
  margin-left: 20px; 
}
.steps.cart-steps li.current,
.steps.cart-steps li.current a {
  color: #F79045 !important; 
}
.steps.cart-steps li.current { border-color: #F79045; }

@media (min-width: 769px) {
    .billing-payment .col-sm-6:first-child { border-right: 1px solid #aeaeae; }
    

}

.status {
  color: #006CB7;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
}
.status .pull-left { margin-right: 10px; }
.form-add-student { margin: 30px 0; }
.form-add-student .form-nav > div { 
  display: inline-block; 
  padding: 10px 15px;
  margin-right: 5px;
}
.form-add-student .form-nav > div:last-child { padding: 0; }
.form-add-student .form-nav a {
  border: 2px solid #0072BB;
  padding: 3px 50px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none !important;
}
.form-add-student .form-nav .current {
  background: #0072BB;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.form-add-student .form-content {
  border: 3px solid #0072BB;
  padding: 30px 50px;
}
.form-add-student .form-content strong { margin-right: 5px; }
.form-add-student input {
  border: 1px solid #565C68;
  border-radius: 5px;
  width: 65%;
}
.form-add-student input.lg { width: 74% !important; }
.form-add-student .btn-add {
  display: inline-block !important;
  border: 0;
  font-size: 14px;
  font-weight: 400;
  background: #0072BB;
  color: #ffffff !important;
  padding: 3px 15px;
  border-radius: 5px;
  text-decoration: none !important;
  box-shadow: 0 0 1px rgba(0,0,0,.41);
  text-transform: uppercase;
  margin-left: 10px;
}
.form-add-student .btn-add:hover {
  background: #00578F;
}
.shopping-cart { margin-top: 20px; }
/*
.shopping-cart .navi a {
  display: inline-block !important;
  font-size: 14px;
  font-weight: 400;
  background: #7EA6D9;
  color: #ffffff !important;
  padding: 3px 10px;
  border-radius: 5px;
  text-decoration: none !important;
  box-shadow: 0 0 1px rgba(0,0,0,.41);
  text-transform: uppercase;
  margin-left: 10px;
}
*/
.checkbox-table-cell {text-align:center;}
.shopping-cart a.prev { background: #565C68; }
.shopping-cart a.prev:hover { background: #3D434F; }
.shopping-cart .navi a.next{background: #F57921;}

a.disabled.next { background: #FBB884 !important; }
.shopping-cart .total {
  text-align: right;
  padding: 0 50px;
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  margin: 15px 0;
  text-transform: uppercase;
}
.table-cart { 
  background: #EDEDEF;
  border: 1px solid #7A7E89; 
  margin: 15px 0;
}
.table-cart h4 {
  background: #7A7E89;
  color: #ffffff;
  font-weight: 600;
  padding: 5px 20px;
  margin: 0;
}
.table-cart table { margin: 0; }
.table-cart table thead {
  background: #EDEDEF;
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
}
/*.table-cart table thead th { padding: 7px 20px; }*/
.table-cart a.remove {
  display: inline-block !important;
  font-size: 14px;
  font-weight: 400;
  background: #7EA6D9;
  color: #ffffff !important;
  padding: 3px 8px;
  border-radius: 5px;
  text-decoration: none !important;
  box-shadow: 0 0 1px rgba(0,0,0,.41);
}
.table-cart .table-striped tbody tr td { background: #fff; }
.table-cart .table-striped tbody tr:nth-child(2n+2) td { background: #E4EAF8; }
.table-cart .table-striped tbody tr.odd td { background: #E4EAF8; }

.alert2 { 
  font-size: 12px; 
  line-height: 1.3;
  margin-bottom: 15px; 
}
.alert2 .fa {
  float: left;
  font-size: 30px;
  margin-right: 10px;
}
.alert2 .fa-check { color: #1C6B3C; }
.alert2 .fa-warning { color: #B80200; }
.blue { color: #006CB7; }
/* Right */
.widget .title {
  font-size: 18px;
  color: #006CB7;
}
.widget.tips li { 
  padding-left: 1em;
  margin-bottom: 20px;
  text-align: left; 
}
.widget.tips li:before {
  float: left;
  content: "\2022";
  color: #006CB7;
  font-size: 18px;
  margin-left: -1em;
}
.widget.tips li .first {
  color: #006CB7;
  font-weight: 700;
}
/* Left */
.menu-style { margin: -15px 0 0 -15px; }
.menu-style > li > a {
  display: block;
  background: #0072BB;
  color: #ffffff !important;
  font-size: 16px;
  padding: 10px 20px;
  border-bottom: 1px solid #2783C6;
}
.menu-style ul { margin: 0; }
.menu-style ul > li {
  display: block;
  background: #D8DFF2;
  padding: 0 20px;
}
.menu-style ul > li a {
  border-bottom: 1px solid #0072BB;
  padding: 10px 20px;
}
.menu-style ul > li:last-child a { border: 0; }


tbody.k-widget{ border: 0 none;}
#info-table { border: 1px solid #dbdbde;}
.previously-completed-legend { width: 150px;}
.relevant-role-legend { width: 250px;}

/*# taken 3 #*/



.v4 ul{
  list-style: none;
  margin: 0;
  padding: 0;}


.k-loading-text{ display: none;}

.btn-danger.error-message {
  
  white-space: normal;
}

/*# 1 min: 992 - Portrait tablets and medium desktops  #*/
@media (min-width: 992px) and (max-width: 1199px) {
  .v5 .navbar-default .navbar-nav>li:last-child>a:before{
    content: "|";
    position: absolute;
    top: 0;
    left: -5px;
  }
  
  .v5 .navbar-default .navbar-nav.second>li:last-child>a:before{
    display: none;
  }
  
  .v5 .navbar-default .navbar-nav.second {
    margin-top: -20px;
    margin-bottom: -20px;
    margin-right: 0px;
  }
}

/*# 2. min-width: 992 #*/
@media (min-width: 992px) and (max-width: 1200px) {
  .steps {
    margin-right: -10px;
  }
  
  .payment-method .fieldset .field-label,
  .payment-method .fieldset.two-fields .field-label {
    width: 46%;
  }
  .payment-method .fieldset .field-content {
    width: 53%;
  }
  .payment-method .fieldset.two-fields .field-content {
    width: 26%;
  }
  .payment-method .fieldset:last-child .field-label {
    width: 35%;
  }
  .payment-method .fieldset:last-child .field-content {
    width: 65%; 
  }
}

/*# 3.  min:769 - max:991 Portrait tablets and small desktops   #*/
@media (min-width: 769px) and (max-width: 991px) {
  .content-form .fieldset {
    padding-left: 44px;
    padding-right: 15px;
    margin-top: 5px !important;
  }
  .content-form .fieldset.not-input .field-label {
    display: none;
  }
  .content-form .fieldset.not-input .field-content span {
    padding-left: 0;
  }
  .content-form .fieldset .field-label, 
  .content-form .fieldset .field-content,
  .content-form .fieldset.two-fields .field-label,
  .content-form .fieldset.two-fields .field-content + .field-label {
    width: 100%;
    float: none;
    text-align: left;
  }
  .content-form .fieldset.two-fields .field-content + .field-label {
    margin-top: 35px;
  }
  .content-form .fieldset.two-fields .field-content {
    width: 50%;
    float: left;
  }
  
}

/*# 4. max-width: 991 -- Portrait tablets and small desktops end #*/
@media (max-width: 991px){
  
  .steps.cart-steps li { 
    margin: 0 0 15px 0;
    width: 100%; 
  }
  
  #info-table td{ border-top: 1px solid #ccc;}
  #info-table td.no-mobile-border{ border-top: 0 none;}
  
  
  .info-block .row .navi,
  .widget-section .navi {
    display: block;
    width: 100%;
    text-align: center;
  }
  
  .coupon-error {
    white-space: normal;
  }
  
  
  .info-block .row .navi a,
  .widget-section .navi a,
  .shopping-cart .row .navi a {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
    margin-top: 5px;
    margin-bottom: 5px;
    
  }
  
  .widget-section .navi .save-cart {
    
  }
  
}

/*# 4.1 max-width 991px  -- Portrait tablets and small desktops#*/
@media (max-width: 991px) {
  .account-info {
    text-align: left !important;
  }
  .cart-info{
    text-align: left !important;
    position: relative;
    top: -12px;
  }
}

/*# 5. min-width 768 and max 991 - Portrait tablets and small desktops  #*/
@media (min-width: 768px) and (max-width: 991px) {
  .widget .title {
    margin-top: 40px;
  }
}

/*# 6. min-width: 768 -> Portrait tablets and small desktops begin.#*/
@media (min-width: 768px) {
  .account-info, .cart-info{
    text-align: right;
  }
  .account-info{
    padding-top: 12px;
  }
  .cart-info {
    margin-bottom: -8px;
  }
  .billing-info .col-sm-1 {
    width: 45px !important;
  }
  
  .payment .echek-form img {
    margin-bottom: -50px;
  }


}


/*# 7. max-width 767 Landscape phones and portrait tablets #*/
@media (max-width: 767px) {
  .table-responsive a {white-space:normal !important;}
  .table-responsive>.table>tbody>tr>td {white-sprace:normal;}
  
  .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {white-sprace:normal;}
  
  .account-info {
    margin-top: 5px;
  }
  .cart-info{
    position: relative;
    left: -65px;
    top: -10px;
  }
  .payment img {
    margin-top: 10px;
  }

     /* nc-263 */
    .steps.cart-steps { display: none !important;}
}

/*# 7.0 max-width: 768 Landscape phones and portrait tablets#*/
@media (max-width: 768px) {
  .billing-payment .content-wrap, 
  .billing-payment .content-form {
    margin-bottom: 15px; 
  }
}

/*#7.1 max-width 767 Landscape phones and portrait tablets #*/
@media (max-width: 767px) {
  
  .button {
    margin-bottom: 10px;
  }    
  .menu-style { margin-right: -15px; }
  .breadcrumbs { margin-top: 30px; }
  .form-add-student input.lg,
  .form-add-student input { width: 100% !important; }
  .form-add-student input { margin-bottom: 10px; }
  .form-add-student .btn-add { margin: 0; }
  .jqstb-header-table,
  .jqstb-scroll { width: 600px !important; }
  .select-student-tab > li { 
    width: 100%;
    padding: 5px;
  }
  .select-student-tab > li > a {
    display: block;
  }
 
  
}


/*# 8. max-width: 468 Landscape phones and smaller  #*/
@media (max-width: 468px){
  
  .form-add-student .form-nav div { width: 100%; }
  .form-add-student .form-nav a { padding: 10px 15px; }
  .form-add-student .form-content { padding: 15px; }
  .shopping-cart .navi a { margin: 5px; }

}



