/* all sizes */
.bluebgbtn{
    background-color: transparent !important;
}

a.text-link:focus{
    outline: 1px dashed #fff !important;
    outline-offset: 3px;
}

.enrollNow a:hover {
    background-color: #ffffff !important;
    color: #000 !important;
}

.btn:focus {
    outline: 1px dashed #fff !important;
    outline-offset: 3px;
}

#textlinkblack:focus {
    outline: 1px dashed #000 !important;
    outline-offset: 3px;
}

.textlinknew:focus {
    outline: 1px dashed #fff !important;
    outline-offset: 3px;
}

/* Please use more targeted code here from now on */
i{
    display: none !important;
}
/* Do not remove this code. The above code is hiding all instances of italics within the Terms & Conditions. This information is important and absolutely can not be hidden */
#terms i{
    display: inline-block !important;
}
ol.inner {
    counter-reset: list;
  }
  ol.inner > li {
    list-style: none;
  }
  ol.inner > li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
    padding-right: 20px;
  }

a, .collapsible {
    text-decoration: none;
    color: #006fcf;
}
/* .link-underlined {
    text-decoration: none !important;
} */
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.nav-item.dropdown {
  background: none !important;
  background-size: 0 !important;
  min-width: 130px;
  border: none !important;
}
.nav-item.dropdown,
.dropup {
  position: relative;
}
.dropdown-menu {
  left: 0;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
#menu.nav {
    background: none;
}
.sectionTwoMobile #menu.border {
    border:none;
}
.innerSubNav .container .border {
    border: none;
}
nav ul:not(.list) {
    margin: 0;
    padding: 0;
    list-style: none;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
label.navbar-toggler {
    float: left;
}
.navbar-light .navbar-toggler {
  color: rgba(236, 237, 238, 0.95);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler-icon {
  display: inline-block;
  color: rgba(236, 237, 238, 0.5);
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: '';
  background: no-repeat center center;
  background-size: 100% 100%;
}
#menu .main-menu {
  display: none;
  padding-top: 4.5rem !important;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type='checkbox'],
#menu ul span.drop-icon {
  display: none;
}
#menu .sub-menu {
  display: none;
}

#menu input[type='checkbox']:checked + .sub-menu {
  display: block;
}
.main-menu .dropdown-menu {
    position: static;
    float: none;
}
.nav-link {
    display: block;
}
.nav-item, .dropdown-item {
    padding: 0.55em 0 !important;
    width: 100%;
}
.dropdown button.nav-link.caret:before {
  right: 2.5% !important;
  left: auto;
}
.dropdown-item button.nav-link.caret {
    padding-left: 0.25rem !important;
}
.subdropdown-item button.nav-link.caret {
    padding-left: 1.55rem !important;
}

/* starting mob items hidden*/
.moreFeatureMobile{
    display: none !important;
}
.moreFeaturesImg{
    display: block !important;
}
.Tengrid_desktop{
    display: block !important;
}
.mobTenCaro{
    display: none !important;
}

/*put back to none for final*/
#monitorCarouselMob{
    display: block !important;
}


#monitorCarouselMob .carousel-item .pad-2 .text-align-center{
    background-color: #00175A;
}

.hamburgerMenu{
    padding: 10px;
    width: 50px;
    height: auto;
    margin-top: 5px;
}


body {
    margin: 0;
}
article {
    margin: 0px 10px 0px 0px;
    background: #00175A;
    color: white;
    text-align: center;
}

.Tengrid_desktop article p {
  padding: 0px 10px 20px 10px !important;
}

/* Add your flexbox CSS below here */
#TENGRID {
    display: flex;
    flex-direction: row;
}
.heading-4 {
    font-size: 32px !important;
}
.img-card {
    width: 200px !important;
    height: auto !important;
}
article {
    width: 240px !important;
	overflow: hidden;

}
article img {
    max-width: 101%;
    margin-left: -1px;
}
p {
    padding: 0px 10px 10px 10px !important;
  }
.display-block p {
    padding: 0px 0px 10px 0px !important;
}
h3 {
    padding: 10px 0px !important;
}
.heading-3 {
    font-size: 16px !important;
}
.body-3 {
    font-size: 12px !important;
    line-height: 14px !important;
}



.line1{
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    padding: 15px 0px;
    max-width: 90%;
    margin: auto !important;
}

.bottomText1, .bottomText2, .bottomText3{
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 45px !important;
}

hr {
    display: none !important;
}

.carousel .carousel-controls.dark-controls .carousel-control {
    color: #fff !important;
}
.carousel-controls.dark-controls .carousel-indicators li:before {
    background-color: #fff !important;
}

#monitorCarouselMobFirst img{
    background: transparent !important;
    background-color: transparent !important;
    height: 50px;
    width: auto !important;
    margin: 20px;
}


/* .carousel-multi-card img {
    background: transparent !important;
    background-color: transparent !important;
    height: 50px;
    width: auto !important;
} */


.sectionOneGrid {
    color: #ffffff;
}


.creditSecureLogo {
    max-width: 240px !important;
    padding-top: 50px;
}

.sectionOneHeadline {
    font-size: 32px;
    line-height: 40px;
    font-family: BentonSans book, "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    color: #ffffff;
    padding-bottom: 15px;
}
.sectionOneBody {
    font-family: "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 0px 10px !important;
}

.sectionOneGrid .button {
    padding-top: 5px;
    padding-bottom: 10px;
}

.sectionOneLegal {
    font-size: 11px;
    line-height: 14px;
    padding: 0px 0px 10px !important;
}

.sectionTwo {
    background-color: #006FCF;
    padding-top: 10px;
    padding-bottom: 0px;
}

.headerText .row {
    padding-top: 0;
}

.headerText p {
    padding: 0.5rem 1.25rem !important;
}

.headerText a {color: #ffffff!important;text-decoration: none !important;padding-top: 0;padding-bottom: 0;}

.headerText a {
    position:relative;
}
.headerText a::after {
    content: "";
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    height: 4px;
    display: block;
    top: 36px;
    position: absolute;
}
.headerText a:hover::after {
    opacity:1;
}

#grid1 .container {
    padding-right: 0!important;
}

#grid2 .container{
    padding-left: 0!important;
}

.logIn a {
    background-color: #00175A;
    color: #ffffff;
    padding: 0.7rem 1.25rem;
    font-size: .9375rem;
    line-height: 1.375rem;
    border-radius: 0.1875rem;
    max-width: 16.25rem;
}
.enrollNow a {
    padding: 0.7rem 1.25rem;
}


.logIn a:hover {
    background-color: rgba(0,23,90,0.75);
}
.enrollNow a {
    color: #026FCF;
    background-color: #ffffff;
}
.enrollNow a:hover {
    background-color: rgba(255,255,255,0.7);
}
.envelopeSection a {
  	text-decoration: underline!important;
}
.blueSectionGrid {

}

.blueSectionHeader {
    max-width: 620px;
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    margin: 0 auto;
}

.blueSectionbody {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    padding-bottom: 30px;
}

#enrollNowWhite {
    background-color: #ffffff;
    color: #006FCF;
    text-align: center;
    margin: 0 auto;
}

.blueSectionGrid .button {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px;
}

.bottomLegal {
    color: #333333 !important;
    font-size: 10px;
    line-height: 14px;
}

.alreadyEnrolled {
    font-size: 16px;
    line-height: 24px;
}

.envelopeSection {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}


.switchTo {
    color: #006FCF;
    text-decoration: underline;
}

.collapsible-panel {
    padding-top: 50px;
    color: #333333;
    font-size: 15px;
    line-height: 22px;
}

.moreFeaturesImg {
    padding-top: 30px;
    padding-bottom: 15px;
}

.weMonitor {
    text-align: center !important;
    font-size: 28px;
    line-height: 32px;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    color: #ffffff;
    font-weight: 400 !important;
}

.canHelp {
    padding-bottom: 40px !important;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    max-width: 630px;
    text-align: center !important;
    margin: 0 auto;
}
.threeColCards {
    min-height: 307px;
}

/* ------------------------------------ */

/* desktop only styles */
@media (min-width: 768px) {

    .envelopeSection .col-md-6:first-of-type {
        flex: 0 0 7%;
        max-width: 7%;
    }

    .envelopeSection .col-md-6:nth-of-type(even) {
        flex: 0 0 93%;
        max-width: 645px;
    }

    .envelopeSection img {
        max-width: 48px;
        text-align: right;
        padding-top: 6px;
    }

    .threeColGrid img {
        max-width: 48px !important;
        padding-top: 30px;
    }

    .threeColGrid .image {
        background-color: #ffffff;
    }

    .threeColGrid .richtext {
        background-color: #ffffff;
    }

    .threeColGrid .col-md-4 {
        padding-bottom: 40px;
    }

    .threeItemCarouselMobile {
        display: block !important;
    }

    .blueBgGrid .carousel {
        display: block !important;
    }

    .sectionTwoMobile {
        display: none !important;
    }

    .moreFeaturesMobileGrid {
        display: block !important;
    }

    #monitorCarouselMobFirst{
        display: block !important;
    }
	.threeColCards p {
        max-width: 100%;
        padding: 0!important;
    }
}

/* desktop small  */
@media (min-width: 1024px) and (max-width: 1279px) {

    .logIn a {
      font-size: .8885rem;
  }
}

/* tablet  */
@media (min-width: 768px) and (max-width: 1023px) {

    .line1{
        font-size: 24px !important;
    }
	.threeColCards {
        min-height: 367px;
    }
	.hidden-sm-down.hidden-lg-up .card-img-bg {
        background-position: 70% 50%;
    }
    .logIn a {
        font-size: .72rem;
    	padding: 0.5rem 0.65rem;
    }
    .enrollNow a {
        font-size: .72rem;
    	padding: 0.5rem 0.65rem;
    }
}


/* mobile styles start ----------------------------------------- */
@media (max-width: 767px) {
    #enrollNowButtonHero{
        margin: 0 auto !important;
        text-align: center !important;
    }
    .weMonitor {
        font-size: 30px !important;
    }    
    .canHelp {
        font-size: 20px !important;
        line-height: 30px !important;
        padding-bottom: 0px !important;
    }
    .sectionOneGrid .hidden-md-up .card-img-bg {
        background-position: top;
    }

    .sectionOneGrid .creditSecureLogo {
        text-align: center !important;
        max-width: 100% !important;
        padding-top: 89% !important;
    }

    .sectionOneGrid .creditSecureLogo img {
        max-width: 240px !important;
        margin: 15px !important;
        margin: 30px 0px 30px 0px;
    }

    .sectionOneHeadline {
        text-align: center !important;
    }

    .sectionOneBody {
        max-width: 354px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    #enrollNowButton {
        text-align: center;
        margin: 0 auto !important;
    }

    .sectionOneGrid {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sectionOneLegal {
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
        padding-bottom: 20px;
    }



    .br.lineBreakDesktop {
        display: none !important;
    }

    .blueSectionbody {
        max-width: 80% !important;
    }

    .envelope {
        max-width: 100% !important;
        text-align: center !important;
        padding-bottom: 40px;

    }

    .envelope img {
        max-width: 65px !important;
        padding-bottom: 20px;
    }

    .envelopeSection p {
        max-width: 100% !important;
        text-align: center !important;
    }

    /* 
    hiding the deskop on mob size 
    (max-width: 767px)
    */

    .threeColGrid{
        display: none !important;
    }
    .Tengrid_desktop{
        display: none !important;
    }
    .mobTenCaro{
        display: block !important;
    }
    .moreFeaturesImg {
        display: none  !important;
    }
    .moreFeatureMobile {
        display: block !important;
        padding: 30px 0 20px !important;
    }
    #monitorCarouselMob{
        display: block !important;
    }
    .sectionTwo{
        display: none !important;
    }


    /* carousel code  */

    .carousel-inner {
        margin: 0 auto;
        max-width: 340px!important;
        background-color: transparent!important;
    }
	.carousel .carousel-controls.dark-controls .carousel-control {
            color: #53565a !important;
            background-color: transparent;
    }
	.carousel-controls.dark-controls .carousel-indicators li:before {
		background-color: #8e9092 !important;
	}
    .pad-2 {
        display: block ;
    }
	#monitorCarouselMob .carousel-inner .pad-2.text-align-center:last-child {
        display: none;
    }
	h2.col-md-8.pad-2-b.pad-3-t {
		    display: none;
	}
    li.hero.carousel-item {
        background-color: transparent!important;
    }

    .sectionTwoMobile {background-color: #006FCF;}
    .sectionTwoMobile .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .sectionTwoMobile .col-md-5 {
         flex: 0 0 41.6666666667%;
         max-width: 41.6666666667%;
    }
    .sign-up-mob {
		max-width: 90%;
		z-index: 5;
		margin-left: 20%;
	}
	.sign-up-mob .button.logIn .margin-1-b, .sign-up-mob .button.enrollNow .margin-1-b {
      margin-bottom: 0!important;
      padding: 0.45rem 0.75rem;
      font-size: .7375rem;
    }
    .mobile-nav-menu {
        margin-top: -60px;
        padding: 10px 0;
    }
	.sectionTwoMobile #menu a {
        color: #fff;
    }
    .sectionTwoMobile #menu .logIn a.links-item i {
        display: none;
    }
    .sectionTwoMobile #menu a:hover, .sectionTwoMobile #menu a:active  {
    	text-decoration: underline!important;
    }
    .moreFeaturesMobileGrid .hero.carousel-item {
        background-color:transparent!important;
    }

    .fourItemGrid {
        display: block !important;
    }
	.carousel-multi-card img {
        width: 101%!important;
        margin-left: -1px;
    }
    #features_mob .carousel-multi-card .card.border {
        box-shadow: none;
        border: none;
        background: #00175A;
        color: #fff;
    }
    #features_mob h3 {
        color: #fff!important;
    }
    .carousel-multi-card .card {
        overflow:hidden;
    }
	table {
		table-layout: fixed;
	}
	table p {
			padding: 0px !important;
	}
	.row.pad.stack-md-down {
		padding: 0!important;
	}
}


/* desktop only styles */
@media (min-width: 768px) {
    #monitorCarouselMobFirst{
        display: none !important;
    }

}

/* mobile styles end ----------------------------------------- */



/* small and large desktop  */
@media (min-width: 1024px) {
 
}

/* phone and table  */
@media (max-width: 399px) {
  .carousel-inner {
        margin: 0;
    }
}

/* extra small phone  */
@media (max-width: 359px) {
    .sign-up-mob .button.logIn .margin-1-b, .sign-up-mob .button.enrollNow .margin-1-b {
      	font-size: .6075rem;
  }
	
}