@import 'https://use.typekit.net/hoq5ran.css';
@import 'https://sevencorners-css.azureedge.net/multi-select.min.css';
@import 'https://sevencorners-css.azureedge.net/dropzone.min.css';
/*
 * Custom Bootstrap styles
 * --------------------------------------------------
 */
html, body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-weight: 400;
    padding-top: 97px;
}

@media (max-width: 976px) {
body {
    padding-top: 53px;
}
}
footer {
    padding: 30px 0;
}
.black {
    background-color: #222222!important;
}
.black-text {
    color: #222222 !important;
}
.blue {
    background-color: #035b93 !important;
}
.blue-text {
    color: #035b93 !important;
}
.navy {
    background-color: #004674 !important;
}
.navy-text {
    color: #004674 !important;
}
.blue.lighten-5, .lt-blue {
    background-color: #e3f2fd !important;
}
.white {
    background-color: #ffffff !important;
}
.white-text {
    color: #ffffff !important;
}
.lt-grey {
    background-color: #D4D7D9 !important;
}
.lt-grey-text {
    color:#D4D7D9 !important;
}
.grey {
    background-color: #7E8082 !important;
}
.grey-text, .muted {
    color: #7E8082 !important;
}
.drk-grey {
    background-color: #515457 !important;
}
.drk-grey-text {
    color: #515457 !important;
}

.orange {
    background-color: #F5852B !important;
}
.orange-text {
    color: #F5852B !important;
}
.green, .btn.pink {
    background-color: #8DC52C !important;
}
.green-text {
    color: #8DC52C !important;
}
.pink {
    background-color: #e91e63 !important
}
.pink-text {
    color: #e91e63 !important
}

.red {
	background-color: #AB1B0C !important;
}
.red-text {
	color:#AB1B0C;
}

.purple{
    background-color: #985BA4 !important
}

.purple-text {
    color: #985BA4 !important
}
.yellow-text {
    color: #F0CA00 !important
}
.yellow{
    background-color: #F0CA00 !important
}

.tan {
    background-color: #dcdbbc !important
}
.screen-50-blk {
	background-color: rgba(0,0,0,.5);
}
.screen-80-blk {
	background-color: rgba(0,0,0,.8);
}
.screen-50-wht {
	background-color: rgba(255,255,255,.5);
}
.screen-80-wht {
	background-color: rgba(255,255,255,.8);
}

.topo {
    background: url(https://www.sevencorners.com/images/default-source/default-album/topography.svg);
        background-size: auto;
    background-size: 400px;
}

.drk-topo {
    background: url(https://www.sevencorners.com/images/default-source/default-album/topography-blk15.svg);
        background-size: auto;
    background-size: 400px;
}

.lt-topo {
    background: url(https://www.sevencorners.com/images/default-source/default-album/topography-wht15.svg);
        background-size: auto;
    background-size: 400px;
}
.grey-stripes {
	background: repeating-linear-gradient( 130deg, #fff, #fff 8px, #eee 2px, #eee 10px )}

.orange-stripes {
	background: repeating-linear-gradient( 130deg, #fff, #fff 8px, #ffeacc 2px, #ffeacc 10px )
}
.alert {
  font-weight: 600;
}
.alert a:link {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
}

.bg-success {
  background-color: #8dc52c;
}
.alert-success {
  background-color: #8dc52c; /*green */
  border-color: #d6e9c6;
  color: #17630F;
}
.alert-success a {
  color: #2A830E;
}
.bg-info {
  background-color: #035b93; /*blue */
}
.alert-info {
  background-color: #035b93; /*blue */
  border-color: #035b93;
  color: #ABDCF8;
}
.alert-info a{
color: #ABDCF8;
}

.bg-warning {
  background-color: #f0CA00;
}
.alert-warning {
  background-color: #f0CA00; /*yellow */
  border-color: #CAC429;
  color: #5A5100;
}
.alert-warning a {
color: #5A5100;
}
.bg-danger {
  background-color: #AB1B0C;
}
.alert-danger {
  background-color: #AB1B0C; /*red */
  border-color: #c02942;
  color: #fbd2d8;
}
.alert-danger a {
color: #e39a9a;
}

.alert a:hover {
 background-color: rgba(255,255,255,.2);
}

/*
 * Link behavior
 * --------------------------------------------------
 */

a:focus {
    outline: 0;
}
#anchorlinks :target::before {
    display: block;
    content: " ";
    margin-top: -75px;
    height: 75px;
    visibility: hidden;
}
.z-depth-1, nav,  .toast, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);

}
.docs a:link:after {
    content: " \f019";
    font-family: FontAwesome;
    padding-left: 10px;
}


.btn-purchase, .btn-save, .btn .primary   {
    color: white;
    background-color: #8dc52c; /* green */
    font-weight: bold;
	font-size: 14px;
}

.btn.btn-purchase {
    transition: all .2s ease-in-out;
}
.btn.btn-purchase:hover {
    transform: scale(1.05);
}

.btn-add, .btn-edit{
    color:#8dc52c; /* green */
    background-color: transparent;
    font-weight: bold;
	border: 2px solid #d6e4d7;
}

.btn-purchase:hover,  .btn-save:hover, .btn .primary:hover,  .btn-purchase:focus, .btn-save:focus, .btn .primary:focus  {
	 background-color: #008000;
	color: #fff;
}

.btn-add:hover, .btn-edit:hover, .btn-add:focus, .btn-edit:focus {
	color: #008000; /* dark green */
	border: 2px solid #008000;
}

.btn.secondary {
    color: #777; /* gray */
    background-color: transparent;
    font-weight: bold;
}

.btn-search {
    background-color: #ff9800;
    color: #fff;
    border: none;
}

a.btn-custom {
    color: #3a90b9;
    background-color: #fff;
    padding: 6px 0 10px 0;
    font-size: 14px;
    font-weight: 600;
	margin-bottom: 16px;

}
a.btn-custom[aria-expanded="false"]:before {
  font-family: Glyphicons Halflings;
	  content:"\e236";
}

a.btn-custom[aria-expanded="true"]:before {
	  font-family: Glyphicons Halflings;
content:"\e014";
}

.btn-dialogue {
	text-align: right;
}
.btn-dialogue > .btn {
		margin: 10px 0 10px 0;
}

.btn-dialogue > .btn + .btn {
		margin: 10px 0 10px 20px;
}
.btn-default {
    border: 1px #cccccc solid;
}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.40;
    filter: alpha(opacity=40);

}

/*  GDPR  */

#tracking-consent-dialog {
	background-color: #333333 !important;
	border: none !important;
}
#tracking-consent-dialog strong, #tracking-consent-dialog p {
	color: #fff;
}

#tracking-consent-dialog-accept.btn {
	background-color: #ff9800;
	color: #ffffff;
	font-weight: 600;
}

#tracking-consent-dialog-reject.btn {
	background-color:transparent;
	color: #ffffff;
	font-weight: 600;
}


/*
 * Typography
 * --------------------------------------------------
 */

.light {
    font-weight: 300 !important;
}
.condensed {
font-family: myriad-pro-condensed, sans-serif;
font-weight: 700;
font-style: normal;
}
.bold {
    font-weight: 700 !important;
}
.regular {
    font-weight: 400 !important;
}
.shadow {
    text-shadow: 1px 1px 1px #111;
}
.box-shadow {
    box-shadow: 10px 10px 5px #888888;
}
.allcaps {
    text-transform: uppercase;
}
.no-transform {
    text-transform: none;
}

.subhead-allcaps {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    margin: 16px 0 0;
}

.spacing {
    letter-spacing: 1px;
}
.break-word {
    word-wrap: break-word;
}
.intro {
    font-size: 115%;
}
.indent {
    padding-left: 16px;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

em, .em {
	font-weight: 400 !important;
    font-style: italic;
}
strong, .strong {
    font-weight: 700;
}
small, .small {
    display: inline-block;
    line-height: 1.25em;
}
.slab {
font-family: museo-slab, serif;
font-weight: 800;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-weight: 700;
}
h1, .h1 {
    font-size: 32px;
}
h2, .h2 {
    font-size: 26px;
}
h3, .h3 {
    font-size: 18px;
}
h4, .h4 {
    font-size: 14px;
}
h5, .h5 {
    font-size: 12px;
}
h6, .h6 {
    font-size: 10px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #7e7d7d;
}

a.glyphicon:before {
	position: relative;
	top: 2px;
}

@media (max-width: 768px) {
#form1 {
    overflow-x: hidden;
}  /* Prevent horizontal scroll on narrow devices */
.page-header {
    margin: 0;
}
}
/*
 * Navbar
 * --------------------------------------------------
 */

.logo {
    background-image: url(/images/default-source/logos/sc_desktop.png);
    background-repeat: no-repeat;
}
.nav-phone {
    color: #ffffff;
    position: absolute;
    right: 70px;
    top: 16px;
    font-weight: 600;
    padding: 4px;
}
.navbar-default li a {
    font-weight: 600;
    font-size: 90%;
}
.nav .caret {
    color: #ff9800; /* orange */
}
/* toggle animation */
.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}
.navbar-nav .collapsing {
    width: 0;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: inherit;
   width: 100vw;
  height: 100vh;
}
.navbar-tag {
    color: #CCD4E5;
    float: left;
    height: 36px;
    padding: 16px 15px 0;
    font-size: 18px;
    line-height: 16px;
    font-style: italic;
}
.pre-header .navbar-nav > li > a {
    font-size: 85%;
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 16px;
}
.sub-navbar {
    background-color: #035b93;
}
.sub-navbar > .container {
		position: relative;
}
.sub-navbar .mega-dropdown {
    position: static;
    overflow: hidden;
}
.navbar-nav>li>.dropdown-menu.mega-dropdown-menu {
    width: 100%;
}

.dropdown-menu ul {
  margin-left: 0;
  font-size: 90%;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:link, .navbar-default .navbar-nav .open .dropdown-menu > li > a:visited  {
text-decoration: none;
color: #035b93;
}

.navbar-default .dropdown-menu  a:after {
  font-family: Glyphicons Halflings;
  color:#FFC107;
  content:"\e080";
  font-weight: 600;
  float: right;
}

.mega-dropdown-menu a:link, .mega-dropdown-menu a:visited {
    background-color: #fff;
    padding: 4px 8px;
    margin-top: 4px;
    display: block;
    border-radius: 4px;
    border: 1px solid #9f9f9f;
    color: #035b93;
}
.mega-dropdown-menu a:hover {
background-color: #e8ecef;
}

.navbar-text {
    margin-left: 0;
    color: #7f7f7f;
}
.navbar-text p.h3 {
    color: #333;
}

.navbar-nav > li > a.badge {
    padding: 4px 12px;
    margin: 8px 15px 5px;
    background-color: #0674a9;
	display: inline-block;
}


@media (max-width: 767px) {
.logo {
    background-image: url(/images/default-source/logos/sc_mobile.png);
}
.navbar-default .navbar-nav > li > a {
    color: #035b93;
}
.sub-navbar {
    background-color: #ffffff;
}
.dropdown-menu .well {
  background: transparent;
}
li.visible-xs.visible-sm {
    padding-bottom: 20px;
  }

  a.dropdown-toggle.btn.badge.blue {
    display: inline;
  }

.navbar-header {
    float: none;
}
.pre-header .navbar-right.hidden-xs {
    display: none !important;
}
.navbar-left, .navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
	box-shadow: 1px 4px 6px #bcc6d0;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in {
    display: block !important;
    clear: both;
}
}

/*
 * Flexbox
 * --------------------------------------------------
 */
.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.flex {
    padding: 5px;
}
.flex-item {
    padding: 5px;
    width: 280px;
    margin-top: 10px;
}
.flex-box {
    width: 47%;
    margin: 10px 0 20px;
	padding: 0;
	border: 1px solid #bababa;
	box-shadow: 1px 2px 1px #adabab;
}

.flex-box > a {
    max-height: 100px;
    overflow: hidden;
    display: block;
}

.flex-box p {
    padding: 10px 20px;
}

.flex-box .img-responsive {
	width: 100%;
}

@media (min-width: 992px) {
.flex-box {
    width: 23%;
}
}
/*
*Video
* --------------------------------------------------
*/
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}


.yt-wrapper {
	max-width: 680px;
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
/*
 * Forms
 * --------------------------------------------------
 */
label {
  display: block;
font-size: 14px;
color:#2f2d2d;
	margin: 0;
}

.form-inline div { display: inline; }    

#js-details div.form-inline form-group {
    display: inline-block;
}


select[multiple], select[size] {
    height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
iframe.iframeforms {
    border: 0;
    width: 100%;
    max-width: 100%;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

form-group[field="person.dateOfBirth"] span.input-group-addon, .form-group[ng-class*="birth"] span.input-group-addon{
    display: none;}
form-group[field="person.dateOfBirth"] .input-group.date input, .form-group[ng-class*="birth"] .input-group.date input {
	padding-left: 6px;
}

 .btn-group .btn input[type="radio"] {
    position: inherit;
}
 .btn-group {
    /* display: flex !important;
    flex-flow: row nowrap; */
}
ui-radio .btn-group {
    display: flex !important;
    flex-flow: row nowrap;
}
.btn-group .btn {
    flex-grow: 1;
    white-space: inherit;
}
 .btn-group .btn {
    border: 1px solid #ABABAB;
}
 .btn-group .btn:hover {
    background-color: #eee;
}
 .btn-group .btn.active, .q-form  .btn-group .btn.active {
    font-weight: 600;
    color: #fff;
    border-color: transparent;
    background-color: #9e9e9e;
    cursor: default;
}
 .btn-group .btn.active:hover, .q-form  .btn-group .btn.active:hover {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.fields ui-text, .fields ui-select, .fields .form-group {
    margin-right: 5px;
    max-width: 100%;
    width: 100%;
}

.multiSelect > button {
	border: 1px solid #ccc;
}

span[id*="prelimFieldsPlaceholder"] {
    background-color: #fff;
    border: 1px solid #333;
    margin-bottom: 20px;
	display: block;
	padding: 10px;
}

.q-form  .btn-group .btn, .insured-row a.btn {
    background-color: #e1e1e1;
}
#insureds .btn-group > .btn {
    box-shadow: none;
}
div.traveler-information select[disabled="disabled"] { /* located in quote*/
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    box-shadow: none!important;
    cursor: auto;
    font-weight: 600;
}
option.ng-binding.ng scope[disabled="disabled"] {
    color: #dddddd;
}
a[disabled="disabled"]#btnRemoveInsured0 {
    cursor: default;
    color: transparent;
    box-shadow: none;
    background-color: transparent;
    display: block;
}

.traveler-information h2 {
    font-size: 16px;
}

button#btnGetQuote {
    margin-top: 12px;
}
.fields, .insured-row {
    display: flex;
    margin-top: 5px;
}
.traveler-information p {
    line-height: 39px;
    height: 39px;
    width: 80px;
}

.datepicker.dropdown-menu {
	z-index: 1032;
}

.quote-flex, .quote-flex a {
    flex: 1 1 auto;
    margin: 4px 0;
}
.growsm {
    flex-grow: 0;
}
.insured-row a.btn {
    background-color: rgba(255, 255, 255,.6);
    border: none;
    border: 1px solid #eee;
    color: #444;
    margin: 0 2px;
}
a.btn.remove {
    font-weight: bold;
    font-size: 13px;
    height: inherit;
    background-color: #e02727;
    color: #fff;
    margin: 0px 4px 0 8px;
    border-radius: 12px;
    padding: 1px 4px;
}
	a[disabled="disabled"] {
    display: none;
}

div[ng-app="app.quickQuote"] .btn[type="submit"] {
    width: 100%;
}

@media (max-width: 400px) {
 .btn-group {
    flex-flow: row wrap;
}
}

@media (min-width: 768px) {
.form-inline textarea.form-control {
    width: 100%;
}
.yesno .form-control-static {
    padding-left: 6px;
    max-width: 600px;
}
.form-inline .has-feedback label > .form-control-feedback {
    top: 20;
}
iframe.iframeforms {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
.form-inline .form-group {
    margin-bottom: 15px;
}
.funnelpart .form-control {/* color: #ffffff; */
}
}
.input-group.date {
    position: relative;
    width: 100%;
}
.input-group.date .form-control {
    background-color: transparent;
}
.input-group.date .input-group-addon {
    position: absolute;
    right: 14px;
    top: 2px;
    z-index: 0;
    color: #898e98;
    border: none;
    border-top: none;
    border-radius: 0px;
    background-color: transparent;
}


.sfTxt {
  display: block;
  width: 100%;
  height: 37px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dddddd;
  border-radius: 0.2%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sfTxt:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.sfTxt::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.sfTxt:-ms-input-placeholder {
  color: #999999;
}
.sfTxt::-webkit-input-placeholder {
  color: #999999;
}
.sfTxt::-ms-expand {
  border: 0;
  background-color: transparent;
}
.sfTxt[disabled],
.sfTxt[readonly],
fieldset[disabled] .sfTxt {
  background-color: #eeeeee;
  opacity: 1;
}
.sfTxt[disabled],
fieldset[disabled] .sfTxt {
  cursor: not-allowed;
}
textarea.sfTxt {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].sfTxt,
  input[type="time"].sfTxt,
  input[type="datetime-local"].sfTxt,
  input[type="month"].sfTxt {
    line-height: 37px;
  }
}





/*
  * Funnel & blocks
  * --------------------------------------------------
*/


#title-block, #quote-block, #benefit-block, #info-block {
    padding: 3em 0 1em;
}

#benefit-block {
    background-color: #f5f5f5;
}
#info-block {
    background-color:#f0f1ea;
}

#title-block {
    background-color:#113a66;
    padding: 0 0 1em;
	color: #ffffff;

}
#title-block.topo {
    background-color:#f0f1ea;
	color: #000000;
}

#title-block.topo h1, #title-block.topo h2 {
	text-shadow: none;
}

#title-block h1 {
	font-family: museo-slab, sans-serif;
    font-size: 24px;
	text-shadow: 1px 1px 1px #111;
    margin: 32px 0 0;
}

#title-block h2 {
    font-size: 18px;
	text-shadow: 1px 1px 1px #111;
}
#benefit-block .tab-pane {
    background-color: #fff;
    padding: 16px;
}

/* chat styles 6.07.2020 */
.dockableContainer h2.headerText {
margin-top: 6px;
}


.dockableContainer  svg.icon {
position: relative;
}

.embeddedServiceSidebarHeader .headerText {
  margin: 0;
}

/*
 * Custom Agent & Chip
 * --------------------------------------------------
 */


nav#navbarContainer .alt-header + div, .chubb nav#navbarContainer .alt-header + div {
    margin-top: -55px;
}
.chubb nav#navbarContainer + div#breadcrumbContainer {
    padding-top: 0;
}
.chubb .alt-header, nav#navbarContainer .alt-header {
    background: #0D47A1;
    height: 55px;
}
.chubb .orange {
    background-color: #dedede !important;
}
.markel-background nav#navbarContainer + div {
    padding-top: 0;
}
.markel-background .alt-header, nav#navbarContainer .alt-header {
    background: #616161;
    height: 55px;
}
.markel-background .orange {
    background-color: #dedede !important;
    margin-top: 55px;
}
/*
 * Custom Product Control
 * --------------------------------------------------
 */

.help {
    font-size: 13px;
    font-weight: 200;
    background: #ffe082;
    position: absolute;
    bottom: 64px;
    right: 50px;
    width: 200px;
    z-index: 10001;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #888;
}
.help:after {
    content: "X";
    font-weight: 600;
    display: block;
    text-align: right;
}

/*
 * Quote Engine images
 * --------------------------------------------------
 */
@media (min-width: 768px) {

.featured .plantitle.intro h1, .featured .plantitle.intro h2, .featured .plantitle.intro h3, .featured .plantitle.intro h4, h2.page-header {
    color: #ffffff;
    text-shadow: 1px 1px 3px #000;
    border-bottom: 0;
}

.featured .plantitle.intro, .featured .sfContentBlock h2.page-header {
    margin: 200px 0 40px;
}
.plantitle.intro > h2 {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    z-index: 2;
}


.ovi-background form[name="pageForm"] .featured {
    background: url("https://www.sevencorners.com/images/default-source/large-background-images/overseas-visitors-ins.jpg") no-repeat scroll 0 top / cover transparent;
}

.visitor-background form[name="pageForm"] .featured {
	background: url(https://www.sevencorners.com/images/default-source/large-background-images/inbound-family.jpg) no-repeat scroll 0 0 / cover transparent;
	}

.roundtrip-background form[name="pageForm"] .featured {
    background: url(https://www.sevencorners.com/images/default-source/large-background-images/mom_daughter_pool.jpg) no-repeat scroll 0 0 / cover transparent;
}

.wander-background form[name="pageForm"] .featured {
    background: url(https://www.sevencorners.com/images/default-source/large-background-images/airport.jpg) no-repeat scroll center 20% / cover transparent;
}

.roundtrip-international-background form[name="pageForm"] .featured {
    background: url(https://www.sevencorners.com/images/default-source/large-background-images/international-travel-morocco.jpg) no-repeat scroll 0 0 / cover transparent;
}

.travelmed-background form[name="pageForm"] #title-block {
    background: url(https://www.sevencorners.com/images/default-source/large-background-images/paris-lg.jpg) no-repeat scroll 0 bottom / cover transparent;
    min-height: 320px;
}

.explore-na-background form[name="pageForm"] #title-block {
    background: url(https://sevencorners.com/images/default-source/large-background-images/explore_northamerica_hero.png) no-repeat scroll 0 center / cover transparent;
    min-height: 320px;
}

.evac-repat-background form[name="pageForm"] #title-block {
    background: url(https://www.sevencorners.com/images/default-source/large-background-images/university-students-liasion.jpg) no-repeat scroll 0 center / cover
    transparent;
    min-height: 320px;
}
.student-background form[name="pageForm"] #title-block, .student-background form[name="pageForm"] .featured {
    background: url(https://www.sevencorners.com/images/default-source/large-background-images/student-landingpage.png) no-repeat scroll 0 center / cover
    transparent;
    min-height: 320px;
}

.jvisa-background form[name="pageForm"] #title-block{
    background: url(/images/default-source/large-background-images/jvisa.jpg) no-repeat scroll 0 center / cover
    transparent;
    min-height: 320px;
}
.visit-background form[name="pageForm"]  #title-block {
	background: url(https://www.sevencorners.com/images/default-source/large-background-images/inbound-family.jpg) no-repeat scroll 0 0 / cover transparent;
}
.inboundusa-background form[name="pageForm"]  #title-block {
	background: url(https://www.sevencorners.com/images/default-source/large-background-images/san-fran-bridge-inbound.jpg) no-repeat scroll 0 50% / cover transparent;
    min-height: 320px;
}

.wanderplus-background form[name="pageForm"]  #title-block {
	background: url(https://www.sevencorners.com/images/default-source/large-background-images/oldtown-colorful-buildings.jpg) no-repeat scroll 0 50% / cover transparent;
    min-height: 320px;
}
.liaisonplus-background form[name="pageForm"]  #title-block {
	background: url(https://www.sevencorners.com/images/default-source/large-background-images/palm-beach.jpg) no-repeat scroll 0 50% / cover transparent;
    min-height: 320px;
}
.studentplus-background form[name="pageForm"]  #title-block {
	background: url(https://www.sevencorners.com/images/default-source/large-background-images/student-rocky-beach.jpg) no-repeat scroll 0 50% / cover transparent;
    min-height: 320px;
}

.liaison-express-background form[name="pageForm"]  #title-block {
	background: url(https://www.sevencorners.com/images/default-source/large-background-images/express-group-beach.jpg) no-repeat scroll 0 50% / cover transparent;
    min-height: 320px;
}
	

	
}

/* Small devices (tablets, 768px and below) */
@media (max-width: 768px) {
.featured, .bg-header {
    background-size: auto 320px;
    background-position: top center;
}
.bg-header h2 {
    padding-top: 125px;
}
.bg-header h2, .bg-header h3 {
    color: #ffffff;
    text-shadow: 0px 2px 2px rgba(35, 41, 49, 0.75);
}
}
/*
 * My Account
 * --------------------------------------------------
 */

.table tr.marker {
    border-bottom: 2px solid #999;
}
.bread {
    margin-bottom: 10px;
    padding-top: 15px;
}

/*
 * Components
 * --------------------------------------------------
 */

@media (min-width: 768px) {
#benefits .modal-dialog {
    width: 90%;
    margin: 30px auto;
}
}
.helper-wrap {
    cursor: help;
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    display: inline;
}
.tt-wrap {
    cursor: help;
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.tt-wrap:hover {
		 z-index: 1041;

}

.tt-wrap::after {
    content: "\e085";
	color: #1E88E5;
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.tt-wrap .tooltip, .helper-wrap .tooltip {
    background: #ffffff;
    bottom: 100%;
    color: #212121;
    border: 3px solid #8d8d8d;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px;
	border-radius: 7px;
    pointer-events: none;
    position: absolute;
    width: 240px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: -8px 10px 9px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.helper-wrap .tooltip {
    width: 300px;
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tt-wrap .tooltip:before, .helper-wrap .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles - see Trevor's post */
.tt-wrap .tooltip:after {
    border-left: solid transparent 14px;
    border-right: solid transparent 14px;
    border-top: solid #8d8d8d 16px;
    bottom: -16px;
    content: " ";
    height: 0;
    right: 20%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.tt-wrap:hover .tooltip, .helper-wrap:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.tooltip {
    font-size: 14px;
}
.tooltip-inner {
    max-width: 240px;
    background-color: #e3f2fd;
    border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #e3f2fd;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e3f2fd;
}
/*
 * Quote page
 * --------------------------------------------------
 */
.blurredContent {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}
.blurredContentFade {
    -webkit-animation-name: blurFadeOut;
    -webkit-animation-duration: 1.5s;
    animation-name: blurFadeOut;
    animation-duration: 1.5s;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
 @-webkit-keyframes blurFadeOut {
 0% {
 -webkit-filter: blur(10px);
 -moz-filter: blur(10px);
 -ms-filter: blur(10px);
 filter: blur(10px);
}
 100% {
 -webkit-filter: blur(0px);
 -moz-filter: blur(0px);
 -ms-filter: blur(0px);
 filter: blur(0px);
}
}
 @keyframes blurFadeOut {
 0% {
 -webkit-filter: blur(10px);
 -moz-filter: blur(10px);
 -ms-filter: blur(10px);
 filter: blur(10px);
}
 100% {
 -webkit-filter: blur(0px);
 -moz-filter: blur(0px);
 -ms-filter: blur(0px);
 filter: blur(0px);
}
}

/*
 * Progress Bar
 * --------------------------------------------------
 */
#progress-steps {
	background-color: #d9d9d9;
	margin: 0 -15px 10px;

}
.nav-pills > li + li {
   margin-left: 0;
}
.nav-pills > li > a, .nav-pills > li > a:focus {
	font-size:0px;
    color: #97b1d2;/* lt blue - complete */
    border-radius: 0;
	margin-bottom: 0;
}
.nav.nav-pills>li>a:hover {
       color: #6e9c1d;
    background-color: transparent;

}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #ffffff;
    cursor: default;
    background-color:#8dc52c;

}
.nav-pills > li > a.disabled, .nav > li > a:focus, .nav.nav-pills>li>a.disabled:hover {
    color: #97b1d2; /* grey - not complete */
    cursor: default;
	border-bottom: none;
}


.nav-pills .badge {
    padding: 3px;
    font-size: 12px;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.31);
    color: rgba(255, 255, 255, .8);
    border-radius: 12px;
    min-width: 22px;
    border: 2px solid rgba(255, 255, 255, .5);
    margin-right: 6px;
	/*display: none;*/
}

.progressbar.nav.nav-pills > li {
    display: table-cell;
    width: 1%;
    float: none;
	text-align: center;

}
.nav-pills>a>.badge {
    background-color: black;
}

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color:#ffffff; /* number */
}

.nav-pills>.active>a>.badge {
    background-color: #96cf34; /* green - active */
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    text-decoration: none;
    background-color:transparent;
}
.nav-pills span.badge {
	/*display: none;*/
}

.nav-pills > li > a, .nav-pills > li > a:focus, .nav-pills > li > a.disabled, .nav > li > a:focus, .nav.nav-pills>li>a.disabled:hover {
    color: #9E9E9E;
}

@media (min-width: 768px) {
	.nav-pills span.badge {
	display:inline-block;
}

.nav-pills > li > a, .nav-pills > li > a:focus {
	font-size: 1em;
	}
.nav-pills .badge {
display: inline-block;
}

.nav.nav-pills > li > a:hover:after {
    content: " \21A9"; /* return */

}
.nav-pills > li.active > a:after, .nav-pills > li.active > a:hover:after  {
    font-family:Glyphicons Halflings;
	content:" \270f";/* pencil */
}

.nav-pills > li > a:after{
    content: " \2713";/* checkmark */
}

	.nav-pills > li > a.disabled:after, .nav-pills > li > a.disabled:hover:after {
    content: "";
}

	.progressbar.nav.nav-pills > li {
  width: 100%;
    text-align: left;
    display: block;
		border-bottom: 1px solid #ffffff;
}

	}


/*
  * Grid Benefits
  * --------------------------------------------------
*/

.container-grid {
    display: flex;
    flex-wrap: wrap;
}

.container-grid.plan-count-1 > div, .container-grid.plan-count-2 > div, .container-grid > div.desc {
  width: 49%;
}
 .container-grid.plan-count-3 > div, .container-grid.plan-count-4 > div, .container-grid.plan-count-5 > div {
  width: 100%;
}

.container-grid > div.desc, .container-grid.plan-count-1 > div.pln {
	border-top: 1px solid #dbdbdb;
}

.container-grid > div {
	background-color: #ffffff;
	padding: 8px 4px;
}

.container-grid > div.grid--full-width, .benefit-flex > div.grid--full-width {
    flex: 1 0 100%;
}
.container-grid > div.grid--full-width{
	margin-top: 18px;
	border-bottom: none;
}

.container-grid > div.p-type, .container-grid > div.desc.p-type {
	background-color: transparent;
	font-weight: 600;
	text-align: center;
}

.container-grid > div.desc  {
	font-weight: 600;
}
#js-benefits div.p-type {
	display: none;
}

.container-grid > div[aria-expanded="false"]:before  {
    font-family: Glyphicons Halflings;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	display: inline-block;
	content:"\e081";
	color: #035b93;
	padding-right: 10px;
	-webkit-transition: color .5s;
    transition:  color .5s;
}

.container-grid > div[aria-expanded="true"]:before  {
	  font-family: Glyphicons Halflings;
    display: inline-block;
	padding-right: 10px;
	animation-duration: 3s;
	content:"\e082";
	color: #D01F76;
	-webkit-transition: color .5s;
    transition:   color .5s;
}

div.desc[aria-expanded="true"], div.desc[aria-expanded="true"] ~ .pln {
	/* font-weight: 700;*/
}


div.pln .fa-check {
	color: #035b93;
}

div.collapse > .container-grid, .grid--full-width > .tab-indent  {
	background-color: #ededed;
	}


.tab-indent, .grid--full-width > .tab-indent, .desc.tab-indent {
    padding-left: 24px;
	display: inline-block;
}


.list--tabs ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.list--tabs li {
    width: 50%;
    border-right: 3px solid #eee;
    border-bottom: 3px solid #eee;
}
.list--tabs li a {
    padding: 10px 16px;
    display: inline-block;
    width: 100%;
}

.list--tabs li.active a {
    background: #fff;
    color: #135a92
}
.list--tabs li a:hover, .list--tabs a:focus {
    text-decoration: none;
    background: #fff;
    color: #135a92
}
.container--aside .list-unstyled li a {
    text-decoration: none;
}
.container--aside .list-unstyled a:hover, .container--aside .list-unstyled a:focus {
    color: #5fbafa;
}

.container--aside li.indent.tramont, div[data-sc="agent.isProductBenefitVisible"] li.indent.tramont{
	display: none;
}

@media (min-width: 768px) {

h3.float {
    position: absolute;
    top: 0;
    background: white;
    padding: 16px;
}
.list--tabs li {
    width: auto;
    border-bottom: 0;
}

.container-grid.plan-count-3 > div.desc, .container-grid.plan-count-4 > div.desc, .container-grid.plan-count-5 > div.desc   {
		  width: 100%;
	}
.container-grid.plan-count-1 > div, .container-grid.plan-count-2 > div, .container-grid.plan-count-1 > div.desc,  .container-grid.plan-count-2 > div.desc {
  width: 49%;
}
.container-grid.plan-count-3 > div {
  width: 32.33%;
}
.container-grid.plan-count-4 > div{
  width: 24%;
}
.container-grid.plan-count-5 > div{
  width: 19.5%;
}

.container-grid > div.pln, .container-grid > div.desc {
	border-top: 1px solid #dbdbdb;
}
}

@media (min-width: 992px) {


.container-grid.plan-count-2 > div, .container-grid.plan-count-2 > div.desc {
  width: 32.33%;
}
.container-grid.plan-count-3 > div, .container-grid.plan-count-3 > div.desc {
  width: 24%;
}
.container-grid.plan-count-4 > div, .container-grid.plan-count-4 > div.desc {
  width: 19.5%;
}
.container-grid.plan-count-5 > div, .container-grid.plan-count-5 > div.desc {
  width: 15.75%;
}

.container-grid.plan-count-2 > div.desc, .container-grid.plan-count-3 > div.desc, .container-grid.plan-count-4 > div.desc, .container-grid.plan-count-5 > div.desc {
    flex: auto;
}



}

.restrictions {
    background-color: #d32f2f;
    color: #fffff;
    font-size: 85%;
}
.container--aside ul.list-unstyled li {
    line-height: 1em;
    padding-bottom: 12px;
}
.plantitle.intro h1 {
	font-family: museo-slab, sans-serif;
    margin: 24px 0 0;
    font-size: 24px;
    z-index: 2;
}
.plantitle.intro > h2 {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    z-index: 2
}
.featured .plantitle.agent h2 {
    font-family: museo-slab, sans-serif;
    font-size: 24px;
	color: #ffffff;
}
.featured .plantitle.agent h3 {
    margin: 4px 0 20px;
	color: #ffffff;
}

/************** ecomm steps ****************/


/*#plan-sidebar h2, #plan-sidebar h3, #js-benefits h2, #js-benefits h3, #js-customize h2, #price-bands h3 {
  font-size: 14px;
  text-transform: uppercase;
	text-align: left;
color: #444444;
letter-spacing: 1px;
	margin-top: 0;
}*/


#js-benefits h3 {
  color:#000000;
}

.plan-title {
    font-size: 14px;
	margin-top: 16px;
  }

.pr-fixed .plan-title {
	color: #fff;
}

.cp-error {
  background: #f9b3ac;
      padding: 8px;
      margin-bottom: 24px;
}

p.plan-gbb {
    width: 100%;
    color: #ffffff;
    position: absolute;
    top: -14px;
    right: 0;
    padding: 6px 0;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0 3px 3px #e4e4e4;
    letter-spacing: 1px;
    background-color: #64960C;
}

.plan-price {
    font-size: 16px;
	font-weight: 600;
	 margin: 0 0 10px 0;
}

a.pln-error {
	 opacity: .4;
    cursor: not-allowed;
}

.grid a {
    text-decoration: none;
    color: #333;
    cursor: default;
}
#plan-sidebar .form-group, #plan-sidebar .btn-group, #plan-sidebar input[type="text"] {
    margin-bottom: 10px;
}
#plan-sidebar .btn{
	padding: 4px 10px;
	font-size: 14px;
}
#plan-sidebar select {
height: 34px;
margin-bottom: 10px;
padding: 3px 12px 6px;
}

.editdetails {
	margin-top: 30px;
}

.editdetails::after {

    content: "Quotes are subject to change without notice.";
    font-size: 12px;
    font-style: italic;
    display: block;
    padding: 16px 0;
}

#price-bands {
	margin-bottom: 10px;
}

#js-benefits {
    padding: 10px 20px;
  }

#js-editDetails, #js-saveQuote {
    display: none;
	magin-bottom: 20px;
}


.traveler-review .list-group {
	display: flex;
	flex-wrap: wrap;
	background-color: transparent !important;
}
.traveler-review.list-group-item:first-child {
	border-radius: 0;
}
.traveler-review .list-group-item {
	padding: 0;
	border: none;
	margin-right: 10px;
	background-color: transparent;
}


#price-bands div.desc:nth-child(-n+1) {
    background-color:transparent;
	border: none;
}
#price-bands .container-grid > div.pln:nth-child(-n+4) {
  border: none;
  text-align: center;
	background-color: #eee;
	display: flex;
	flex-direction: column;
	position: relative;
}

#js-pricing {
      background: transparent;
      color: #fff;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
    text-align: center;
}
#js-pricing p > a {
  color: #fff;
}

#js-pricing.pr-fixed {
    position: fixed;
    background: #035b93;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 1040;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(81, 128, 169, 0.48);
    -moz-box-shadow: 0px 0px 12px 0px rgba(81, 128, 169, 0.48);
    box-shadow: 0px 0px 12px 0px rgba(81, 128, 169, 0.48);
	  -webkit-transition: background-color .5s ease-out;
}
.pr-fixed .container-grid > div {
	    display: flex;
    flex-direction: column;
    border-bottom: none;
	border-top: none;
	background-color: rgba(255, 255, 255, .1);
	text-align: center;
}

.pr-fixed .container-grid > div.desc, #price-bands div.desc:nth-child(-n+1)  {
display:none;
}

.pr-fixed p.planerror {
	display: none;
}

.hidden {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 2s;
}

.traveler-review, .billing-info, .terms-conditions {
	margin-bottom: 18px;
}
.billing-info{
	padding: 10px 20px 20px;
	background-color:#fff;
	-webkit-box-shadow: 0 2px 3px #a6a6a6;
	box-shadow:  0 2px 3px #a6a6a6;
}


@media (min-width: 768px) {

#plan-sidebar {
	margin-top:0;
		margin-bottom: 30px;
}

#js-benefits {
	background-color: #eee;
	}

#price-bands .container-grid > div.pln:nth-child(-n+4) {
  background-color: #fff;
	padding: 10px 20px;
	margin-top: 16px;
	border-radius: 9px 9px 0 0;


}
.plan-title {
    font-size: 18px;
		line-height: 1em;
 }
.desc .plan-title {
    font-size: 28px;

 }

.pr-fixed .container-grid > div.desc, #price-bands div.desc:nth-child(-n+1)  {
display: inline-block;
	color: #444;
	text-align: right;
}
.plan-price {
    font-size: 21px;
}

}
.your-details, .your-pricing {
	padding-bottom: 16px;
	margin-bottom: 16px;
    border-bottom: 4px solid rgba(0,0,0,.25);
}

ul.tripdetails {
    list-style: none;
    padding-left: 0;
		font-size: 14px;
		line-height: 16px;
}
ul.tripdetails li {
	color: #696969;
	margin-bottom: 6px;
}

ul.tripdetails li > span {
    color: #000000;
    font-weight: 700;
	margin-left: 10px;
}
.your-contact {
}
.payment-option-details {
    border-collapse: separate;
    border: solid 0.2px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
}
.payment-option-details td {
    padding: 10px;
}
.payment-option-details tr:not(:first-child) td {
    border-top: solid 0.2px rgba(0, 0, 0, 0.2);
}
.payment-option-details tr:last-child {
    background-color: rgba(220, 220, 220, 0.5);
}
.payment-option-details td:last-child {
    text-align: right;
}
ul.list-group.payment .list-group-item {
    background: transparent !important;
    color: #3b3b3b;
}
ul.list-group.payment .list-group-item.total {
    background: rgba(0,0,0,.1) !important;
    font-weight: bold;
}
ul.list-group {
    background: #f5f5f5 !important;
}
ul#summary.list-group li.plantitle {
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  background: #2196F3;
  margin: -10px -15px 4px;
  padding-left: 15px;
  }
  plan-summary > ul.list-group.summary {
  padding: 10px 15px;
  }
.account li {
    list-style: none;
    padding: 10px 15px;
}
.account li .btn {
    margin: 2px 5px;
}
ul.account {
    margin-bottom: 15px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #B7B7B7;
}
ul.account li:nth-of-type(odd) {
    background: #ececec;
}

@media (min-width: 768px) {
	.collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
}
.summary.collapse {
    display: block;
    clear: both;
    height: inherit !important;
}

.your-plan {
    border-bottom: 4px solid rgba(0,0,0,.25);
	margin-bottom: 10px;
}
}

@media only screen and (max-width: 768px) {
  plan-summary + p {
    padding: 16px;
    background: #eaeaea;
    margin-top: -20px;
  }

.account li {
    display: flex;
}
.account li .pull-right {
    margin-left: 4px;
}
}


.payment-option-details {
    border-collapse: separate;
    border: solid 0.2px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
}
.payment-option-details td {
    padding: 10px;
}
.payment-option-details tr:not(:first-child) td {
    border-top: solid 0.2px rgba(0, 0, 0, 0.2);
}
.payment-option-details tr:last-child {
    background-color: rgba(220, 220, 220, 0.5);
}
.payment-option-details td:last-child {
    text-align: right;
}

@media (min-width: 768px) {
.summary.collapse {
    display: block;
    clear: both;
    height: inherit !important;
}
}

@media only screen and (max-width: 768px) {
.account li {
    display: flex;
}
.account li .pull-right {
    margin-left: 4px;
}
}
/*
 * FAQ
 * --------------------------------------------------
 */
ul.faqs {
	list-style: none;
	padding-left: 6px;
}

ul.faqs > li, ol.faqs > li {
    border: 1px solid #dde9e2;
    border-radius: 5px;
    margin: 0 0 10px -10px;
    padding: 8px 30px;
    box-shadow: 2px 2px 3px #e0e0e0;
}

.faqs > li > div {
    padding: 20px;
}
.faqs a.sflistItemToggleLnk {
    display: block;
    text-decoration: none;
    font-weight: 600;
}


.faqs a.sflistItemToggleLnk::before {
    font-family: Glyphicons Halflings;
    color: #4caf50;
    content: "\e081";
    padding-right: 6px;
    transition: all .5s ease-in-out;
    margin-left: -22px;
}

.faqs a.sflistListItemExpanded:before {
    content: "\e082";
    color: #035b93; /* blue */
    opacity: .75;
    margin-left: 20px;
}


/*
 * Plan pages
 * --------------------------------------------------
 */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #dadada;
}


@media only screen and (max-width: 767px) {
.table-responsive > .table > tbody > tr > td {
    white-space: normal;
}
.table-responsive {
    border: none;
}
.fixed {
    table-layout: inherit;
}
}

@media only screen and (min-width: 768px) {
.nav-tabs.groups > li > a {
    width: 460px;
    height: 70px;
    display: inline-table;
    padding-top: 17px;
    margin: 0 20px 0 0;
    text-align: center;
}
.nav.groups > li {
    display: inline-block;
}
}
/*
 * Widgets
 * --------------------------------------------------
 */
.widget {
    margin-bottom: 15px;
    font-weight: 400;
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget p {
    padding: 12px 15px 8px;
}
.widget h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.widget ul.links {
    padding: 0;
}
.docs ul.links {
    padding: 0;
}
.widget ul.links li, .docs ul.links li, .lines ul.links li {
    border-bottom: 1px solid #d2d2d2;
    line-height: 2.25em;
    list-style: none;
    padding: 0 10px;
}
.agent.widget a.black-text {
    font-size: 12px;
    color: #1E88E5 !important;
}


/*
 * Special Sections
 * --------------------------------------------------
 */
.pad-space {
    padding-top: 40px;
    padding-bottom: 40px;
}
.pad-space-sm {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pad-space-top {
    padding-top: 16px;
}
.pad-space-bottom {
    padding-bottom: 16px;
}
.pad-space-right {
    padding-right: 16px;
}
.pad-space-left {
    padding-left: 16px;
}
.frame {
    border: 1px solid black;
}
.btm-border {
    border-bottom: 1px solid #ccc;
}
.top-border {
    border-top: 1px solid black;
}
a span.orange-text:hover {
    color: #ef6c00 !important;
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    background-color: #e6edef;
}

/*
 * Footer
 * --------------------------------------------------
 */
footer a {
    color: #ffffff;
	border-bottom: 1px dotted #1795be;
}
footer a:hover, footer a:focus {
    color: #44f1fd;
	border-bottom: 1px dotted #035b93;
}

footer a[href^="https"] {
	border-bottom: 4px dotted #035b93;
}
footer h3, footer h4 {
    color: #ffffff;
}
.copyright {
    padding: 1em 0;
    position: relative;
}
.copyright a:link, .copyright a:visited {
    color: #fff;
}
.copyright a:hover {
    color: #20C2E8;
    text-decoration: underline;
}

/* Small devices (tablets, 768px and below) */
@media (max-width: 768px) {
.desk-only, .nav > li.desk-only {
    display: none;
}
}

/* Large devices (tablets, 768px and above) */

@media (min-width: 768px) {
.mobile-only {
    display: none;
}
}
/* Pagination Blog */
.sf_pagerNumeric a {
    padding: 6px 10px;
    margin: 6px 4px;
    background-color: #ff9800;
    color: #fff;
    text-decoration: none;
}
.sf_pagerNumeric a:hover, .sf_pagerNumeric a:active, .sf_pagerNumeric a:focus, .sf_pagerNumeric a .sf_PagerCurrent {
    background-color: #1E88E5;
    color: #ffffff;
}
a.sf_PagerCurrent {
    border: 2px solid #1E88E5;
    color: #1E88E5;
    background-color: #ffffff;
}
/*** Individual Blog Post ***/
.sfpost img {
    min-height: 400px;
    width: 100%;
    min-width: 170px;
    background-size: cover;
    background-position: center;
    float: left;
    margin-bottom: 30px;
}
.align-center {
    text-align: center;
}
.social-icons {
    margin: 0 auto;
    text-align: center;
}
.social-icons a:hover {
    text-decoration: none;
}
.hero-img {
    height: 425px;
    overflow: hidden;
    position: relative;
}
.hero-img img {
    width: 100%;
    height: auto;
}
.hero-img h1 {
    position: absolute;
    top: 15%;
    right:0;
	width: 50%;
	background:black;
	padding: 10px 20px;
	color:#ffffff;
}

.hero-img h1 small {
    display: block;
    color: #eeeeee;
    font-size: 0.5em;
}

.sfpostsList li img {
    height: 100%;
    width: auto;
    max-width: inherit;
}
.sfpostsList li {
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

@media (max-width: 1200px) {

.sfpostsList li .title {
    font-size: 28px;
}
.input-display {
    display: block;
    margin: 8px 0px 0px 0px;
}
}

@media (max-width: 992px) {
.hero-img {
    height: auto;
}
.hero-img h1 {
    position: inherit;
	width: auto;
}
.sfpost img {
    min-height: 300px;
}
.category-icons a {
    font-size: 13px;
}
.category-icons div {
    padding: 1.5%;
    margin: 0;
}
.sfpostsList li .title, .sfpost .title {
    font-size: 24px;
}
.sfpostsList li .metadata, .sfpost .metadata {
    font-size: 14px;
}
.input-display {
    display: inline;
    margin: 0px 0px 0px 8px;
}
}

@media (max-width: 768px) {
li.sfrelatedListItem {
    height: inherit;
    width: 100%;
    overflow: hidden;
    float: none;
}
.hero-img {
    height: 240px;
}

.sfpost img {
    min-height: 240px;
}
.input-display {
    display: block;
    margin: 8px 0px 0px 0px;
}
.align-center {
    max-width: 80%;
    margin: 0 auto;
}
.sfpostsList li img {
    min-height: 200px;
}
}
/*
 * Searchbox
 * --------------------------------------------------
 */

.form-group.search {
  padding: 8px 15px;
  background-color: #006f9f;
}

.navbar-right .form-inline .form-group {
    display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.navbar-right .form-inline  {
	padding: 0 10px 0 15px;
}

.z99999 {
    z-index: 99999;
}

.navbar-nav .collapsing {
    display: none;
}
.collapse .form-inline .form-group {
    margin: 0 auto;
}
.collapse .sfsearchTxt {
    background: #ffffff;
}

.collaping {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.planerror {
    color: red;
    white-space: pre-wrap;
	    font-size: 14px;
    line-height: 15px;
}
.center-btn {
    text-align: center;
    padding-bottom: 20px;
}
ul.no-bullets {
    padding-left: 20px;
}
ul.no-bullets li {
    list-style-type: none;
    margin-bottom: 7px;
}
ul.no-bullets li span {
    margin-right: 8px;
}


.k-list.k-reset {
background: rgba(255, 255, 255, 0.8);
box-shadow: 2px 1px 2px #d2d2d2;
padding: 4px 18px;
margin: 4px 0;
list-style-type: 0;
}
.k-item {
margin-bottom: 6px;
font-size: 14px;
}
.k-item:hover {
color:#187fc0;
}

input[type="submit"]{
background: #ff9800;
color: white;
border: none;
padding: 4px 20px;
text-transform: uppercase;
}

@media (max-width: 1200px) {
.input-display {
    display: block;
    margin: 8px 0px 0px 0px;
}
}

@media (max-width: 995px) {
.search-close {
    left: -4px;
    background: rgba(30, 150, 243, 1);
    padding: 10px 20px;
    z-index: 99999;
}
.navbar-nav .collapse.in .sfsearchBox {
    left: 0px;
    top: 0px;
    background: rgba(30, 150, 243, 1);
    padding: 0px;
    width: 100%;
}
.navbar-nav .collapse.in .sfsearchBox {
    padding: 0px;
    width: auto;
}
.sfsearchBox .form-group {
    display: block;
    width: 72%;
    left: 8%;
    position: absolute;
}
.sfsearchBox button {
    margin-right: 5%;
}
.collapse .sfsearchTxt {
    width: 100%;
}
}
 @media (max-width: 460px) {
.collapse .sfsearchTxt {
    display: inline-block;
    width: 90%;
    margin: 0px 6px;
	 }
}