/*This CSS file is used for widgets - if you would like to add styles for templates, then add them to custom-2.css*/
/* ----------------- Fonts -------------------- */
/* Extra font sizes are available if needed. See files with -WebM or -WebXL for meduim & extra large */
/* https://www.swisstypefaces.com/fonts/euclid/info/ */
@font-face {
  font-family: "Euclid";
  src: url("../woff2/euclidflex-regular-webs.woff2") format("woff2"), url("../woff/euclidflex-regular-webs.woff") format("woff"), url("../ttf/euclidflex-regular-webs.ttf") format("truetype"), url("../euclidflex-regular-webs.html#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Euclid-Light";
  src: url("../euclidflex-light-webs.html") format("woff2"), url("../euclidflex-light-webs-2.html") format("woff"), url("../euclidflex-light-webs-3.html") format("truetype"), url("../euclidflex-light-webs-4.html#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Euclid-Bold";
  src: url("../woff2/euclidflex-bold-webs.woff2") format("woff2"), url("../woff/euclidflex-bold-webs.woff") format("woff"), url("../ttf/euclidflex-bold-webs.ttf") format("truetype"), url("../euclidflex-bold-webs.html#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Apercu";
  src: url("../woff2/apercu-regular-pro.woff2") format("woff2"), url("../woff/apercu-regular-pro.woff") format("woff"), url("../ttf/apercu-regular-pro.ttf") format("truetype");
}
.small {
  font-size: 14px !important;
  font-family: "Apercu", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* font-family:"Euclid-bold","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; commented out for Hamlet's footer concern with the numbers and Euclid*/
}

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.quotes-standard {
  color: gray;
  text-align: center;
  line-height: inherit;
}

/***************Call Out Box **********************************/
.callOutBox {
  width: 450px;
  height: 145px;
  border: 1px solid #EE3353;
  background: white;
  margin: 20px;
}

.callOutBox .col-md-8 {
  max-width: 60%;
  padding: 10px 3px;
}

.callOutBox .label {
  text-align: left;
  font-weight: bold;
  color: #3F1833;
  font-size: 14px;
}

.callOutBox .title, .callOutBox .title a {
  text-align: left;
  font-size: 16px;
  color: #EE3353;
  font-weight: bold;
}

.callOutBox img {
  width: 100%;
  object-fit: cover;
  height: 145px;
  padding-bottom: 1.5px;
}

.callOutBox .description {
  font-size: 12px;
  text-align: left;
  line-height: 20px;
}

.callOutBox .link {
  font-size: 20px;
  color: #EE3353;
}

@media (width < 576px) {
  .callOutBox {
    width: 100%;
    height: 100%;
    border: 1px solid #EE3353;
    background: white;
    margin: 0px 0px 20px 0px;
  }
}

@media (width < 576px) {
  .callOutBox .col-md-8 {
    padding: 20px 30px;
    max-width: 100%;
  }
}

.border-box {
  border: 2px solid #3F1833;
  padding: 20px;
  display: block;
}

.border-box li {
  list-style-image: url(../png/bullet.png);
}

/************************ Register ****************************/
.centerBox {
  box-sizing: border-box;
  max-width: 1220px;
  margin: auto;
  padding: 0 10px;
}

.form {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  float: none;
  /*padding: 2rem;*/
}

.main {
  max-width: 680px;
  height: 467px;
  margin: auto;
  padding-top: 80px;
}

.button:not(:where(.opt-out)), input:not(:where(.opt-out)), select:not(:where(.opt-out)), textarea:not(:where(.opt-out)) {
  width: 100%;
  border-radius: 0.25rem;
  border-color: #bbbbbb;
  font-size: 14px;
  height: 42px;
  padding: 10px;
}

.btn-secondary {
  min-width: 255px;
}

.market-intelligence-button-row a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editor-label {
  color: #3b423d;
  font-weight: bold;
  font-size: 14px;
  display: block;
}

.companyPicker li {
  list-style: none;
}

[type=checkbox]:not(:where(.opt-out)), [type=radio]:not(:where(.opt-out)) {
  height: 15px;
}

.companyResults {
  border-bottom: #bbbbbb solid 1px;
  border-left: #bbbbbb solid 1px;
  border-right: #bbbbbb solid 1px;
  padding: 20px;
  margin-bottom: 10px;
  list-style: none;
}

.red {
  color: red;
}

.nobullet {
  list-style-type: none;
}

.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  color: black;
  border-radius: 0.25rem;
  border-color: #bbbbbb;
}

span#searchIcon {
  color: #ee3353;
  border-color: #bbbbbb;
}

/*Frontend message for password validation on register page. For desktop and mobile display.*/
#passwordRequirements {
  display: block;
}

#mobilePasswordRequirements {
  display: none;
}

@media only screen and (max-width: 768px) {
  #passwordRequirements {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #mobilePasswordRequirements {
    display: block;
  }
}
/************************ Dashboard ****************************/
.modal-dialog {
  max-width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
}

@media (min-width: 320px) and (max-width: 1300px) {
  .modal-dialog {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
  }
}
.modal-content:where(:not(.sf-designer-dlg .modal-content)) {
  background-color: #ee3353;
  color: white;
}

h3.modal-title {
  color: white !important;
}

.modal-body a {
  color: white;
  text-decoration: underline;
}

button.close {
  color: white !important;
}

h6:not(:where(.opt-out)) {
  font-size: 14px;
  color: #adadad; /*changed h6 color from #3e989e to gray for dashboard -AFK - 7/25/17*/
}

.p0 {
  padding: 0px;
}

.main-site {
  width: 90%;
  margin: auto;
}

.subline {
  background: #c1c1c1;
  height: 1px;
  margin: 20px 0px;
}

.dashTab {
  padding: 30px;
  width: 200px;
  color: #3e989e;
  text-align: center;
}

a.nav-link.dashTab.active {
  background-color: #fcf3e7;
  border-top: solid 2px red !important;
  color: #3e989e;
}

.nav-tabs > .nav-item a.nav-link.dashTab.active:hover {
  background-color: #fcf3e7;
  border-top: none !important;
  color: #3e989e;
}

a.nav-link.dashTab:hover {
  background-color: white;
  border-top: 0px solid transparent !important;
  height: 82px;
}

.nav-tabs > .nav-item a.nav-link.dashTab {
  border-top: 0px solid transparent !important;
}

.nav-tabs > .nav-item a.nav-link.dashTab:hover {
  border-top: 0px solid transparent !important;
}

.nav-tabs > .nav-item a.nav-link.dashTab.active {
  border-top: solid 2px red !important;
}

.nav-tabs > .nav-item.noBorder {
  border-top: 0px solid transparent !important;
}

.tab-1 {
  background-color: #fcf3e7;
  margin: 0;
  padding: 20px 0px;
}

.tab-2 {
  background-color: #fcf3e7;
  margin: 0;
  padding: 20px 0px;
}

a.noDecoration {
  text-decoration: none !important;
}

.tab-left {
  background: #fff;
  padding: 10px; /*changed from 15*/
  min-height: 1130px;
}

.corp-tab-left {
  background: #fff;
  padding: 10px; /*changed from 15*/
  min-height: 1000px;
}

.tab-right {
  background: #fff;
  padding-left: 15px;
  padding-bottom: 15px;
  min-height: 1130px;
  padding-top: 0px;
}

.corp-tab-right {
  background: #fff;
  padding-left: 15px;
  padding-bottom: 15px;
  min-height: 800px;
  padding-top: 0px;
}

.tab-middle {
  background: #fff;
  padding: 15px;
  min-height: 1130px;
}

.corp-tab-middle {
  background: #fff;
  padding: 15px;
  min-height: 800px;
}

.left-profile h4 {
  color: #008d97;
  font-size: 16px;
}

.left-profile .progress-bar {
  background-color: #ee3353;
}

.left-profile .progress {
  height: 4px;
  background-color: #c7c7c7;
  margin-bottom: 3px;
}

.profile-sub {
  color: #959595;
  font-size: 13px;
}

.profilePic {
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-bottom: 20px;
  padding-top: 10px;
  width: 100%;
}

.headerDash {
  color: #008d97;
  font-size: 16px;
  font-weight: 600;
}

.headerPaddingBottom {
  padding-bottom: 30px;
}

.headerPaddingTop {
  padding-top: 30px;
}

.text-3 {
  color: #008d97;
  font-size: 17px;
  font-weight: 500;
}

.profile-section {
  margin-bottom: 30px;
  overflow: hidden;
}

.profile-section p {
  margin-bottom: 0px;
}

.profile-section h5 {
  font-size: 15px !important;
}

.profile-section2 {
  margin-bottom: 15px;
}

.profile-section2 p {
  margin-bottom: 0px;
  font-weight: 500;
  color: #008d97;
}

.profile-edit {
  text-align: center;
  margin: 25px;
}

.profile-edit a {
  background: #ee3353;
  color: #fff;
  padding: 5px 30px;
  font-weight: 500;
}

.profile-edit a:hover {
  background: #008d97;
  color: #fff;
  text-decoration: none;
}

.centerText {
  text-align: center;
  padding-top: 20px;
}

label:not(:where(.opt-out)) {
  margin-bottom: 0px !important;
}

.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tab-right-tab .nav-tabs > li.active > a {
  border-top: none !important;
  background-color: #750061 !important;
  color: #fff !important;
  padding: 5px 10px !important;
}

a.nav-link.firstTabs {
  color: #3e989e;
  font-size: 16px;
}

a.nav-link.firstTabs.active {
  color: #3e989e;
  font-size: 16px;
}

a.nav-link.firstTabs:hover {
  background-color: white;
}

.tabMembers {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 32px solid #3f1833;
  border-left: 20px solid transparent;
  position: absolute;
  top: 0;
}

a.nav-link.tabMembers {
  font-size: 16px;
  color: white;
  background-color: #3f1833;
  height: 32px;
  padding-right: 80px;
}

a.nav-link.tabMembers.active {
  font-size: 16px;
  color: white;
  background-color: #3f1833;
  height: 32px;
  padding-right: 80px;
}

li.nav-item.tabMembers {
  margin-left: 125px;
}

li.nav-item.tabMembers:hover {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 32px solid #3f1833;
  border-left: 20px solid transparent;
  position: absolute;
  top: 0;
  background-color: white !important;
  border-top: 5px solid white !important;
}

.accountRepDeets {
  padding-left: 30px;
}

.logOutLink {
  display: none;
}

/************************ Member Search ****************************/
.placeholder {
  font-size: 14px;
  color: #bbbbbb;
  padding: 10px;
  text-align: left;
}

.formDisplay {
  display: inherit;
}

.search-left {
  padding: 10px;
}

.search-left .btn-block {
  margin: 30px 0px;
  background: #f6c915 !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  border: 0px solid transparent !important;
  border-radius: 0px !important;
}

.search-pagination .pagination > li > a, .pagination > li > span {
  color: #ee3353 !important;
  font-weight: 500 !important;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: white; /*changed from #eee*/
  border: #ddd;
}

.pagination {
  display: inline-block;
  padding-left: 0 !important;
  margin: 20px 0;
  border-radius: 4px;
}

.PagedList-skipToNext {
  color: #ee3353 !important;
  font-weight: 500 !important;
  font-size: 40px;
}

.PagedList-skipToPrevious {
  color: #ee3353 !important;
  font-weight: 500 !important;
  font-size: 40px;
}

.pagination > li {
  display: inline;
  border: solid 1px #cccccc;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 4px;
}

span.page-item.disabled {
  pointer-events: none;
  color: gray !important;
}

.pagination > li a:hover {
  background-color: white !important;
}

.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.search-content {
  border: 1px solid rgba(128, 128, 128, 0.4);
  padding: 20px;
  margin-bottom: 25px;
  padding-top: 50px !important;
}

.search-content img {
  float: right;
  max-width: 200px; /* added width to make sure logos aren't huge since not all are uploaded as the same size - AFK 2/14/18*/
}

.display-7 {
  font-size: 18px;
  font-weight: bolder;
  line-height: 1.1;
}

.fa:not(:where(.opt-out)) {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 8px;
  padding-right: 8px;
}

/*************Check Your Email*******************/
.valHeader {
  font-family: "Euclid-bold", Calibri, Arial, sans-serif;
  font-size: 58px;
  color: #EF3354;
  line-height: 55px;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 80px;
}

.valBody {
  font-size: 22px;
  color: #000000;
  line-height: 31px;
  text-align: center;
  font-family: "Euclid-bold", Calibri, Arial, sans-serif;
}

/************************Login*********************/
.linewrapper {
  position: relative;
  width: 20px;
  height: 300px;
  margin: 10px;
}

.line {
  position: absolute;
  left: 49%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ccc;
  z-index: 1;
}

.wordwrapper {
  text-align: center;
  height: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -12px;
  z-index: 2;
}

.word {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 3px;
  font: bold 12px arial, sans-serif;
  background: #fff;
}

ul.shortList {
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 18px;
}

ul.shortList li {
  list-style-image: url(../png/bullet-2.png);
}

.transparent {
  background: rgba(0, 0, 0, 0.74);
}

.white {
  background: white;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-left: 40px;
  height: 467px;
  padding-top: 0px;
}

/********************Tables*****************/
.roster {
  width: 100%;
  border-collapse: collapse;
}

.roster th {
  background-color: #f6ca15;
  height: 80px;
  color: white;
  vertical-align: top;
  padding: 10px;
  text-align: left;
  border-left: 2px solid white;
  width: 400px;
  font-size: 18px;
}

.roster tr {
  border-bottom: 1px solid #f6ca15;
}

.purpleTable {
  width: 100%;
  border-collapse: collapse;
}

.purpleTable th {
  background-color: #3f1833;
  height: 80px;
  color: white;
  vertical-align: top;
  padding: 10px;
  text-align: left;
  border-left: 2px solid white;
  width: 400px;
  font-size: 18px;
}

.purpleTable tr {
  border-bottom: 1px solid #3f1833;
}

/*****Interior With Quote Page****/
.quote-bckgrnd {
  background: url(../jpg/img-quote-backgroundf4c5.jpg?sfvrsn=37bcc1_4) no-repeat top center;
  background-size: cover;
  height: 100%;
  overflow: -webkit-paged-x;
}

/***** End Interior With Quote Page****/
/***** Pressroom Image Gallery Styling ****/
.pressroom-images img {
  padding: 0px 30px 30px 0px;
  position: relative;
  float: left;
  width: 270px;
  height: 190px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px 30px 30px 0px;
}

/***** End Pressroom Image Gallery Styling ****/
#features-slides .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 715px !important;
}

/*****Check Boxes****/
input[type=checkbox]:not(:where(.opt-out)) {
  display: block;
  width: 20px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-appearance: none;
  outline: 0;
  border-radius: 0 !important;
  border: none !important;
  padding: 0px !important;
  background-color: #c5c3c4;
}

input[type=checkbox]:checked:not(:where(.opt-out)) {
  background-image: url("../png/yellowcheckedbox.png");
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

input[type=checkbox]:not(:checked):not(:where(.opt-out)) {
  background-image: url("../png/graycheckbox.png");
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/******Fix for backend widget designer checkbox ******/
.designer-checkbox {
  -webkit-appearance: auto !important;
}

/******Top Search ***********/
.text-capitalize {
  text-align: center;
}

.nav .reverse-bg.last a {
  border: none;
}

.nav .reverse-bg.last a.dropdown-item::after {
  content: "";
  width: 0;
  height: 0;
  border-top: none !important;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  right: -21px;
}

.dropdown-menu.form-dropdown.primary-bg.text-white.right-bottom-shadow ::after {
  border: none !important;
}

.dropdown-menu.form-dropdown.logged {
  width: 190px;
  padding: 24px 18px;
  left: auto;
  right: 0;
  top: 30px;
  border: none;
  border-radius: 0;
  line-height: 25px;
  font-size: 13px;
}

a.dropdown-item.text-white:hover {
  color: white;
}

/****************** IE SPECIFIC CSS *************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .search-left {
    width: 300px;
  }
  .rightColumn {
    width: 1500px;
    padding-right: 15px;
    padding-left: 15px;
  }
  li.nav-item.tabMembers {
    margin-left: 5px;
  }
}
/*************Update Subscriptionn*/
#btnSubscription {
  background: none;
  border: none;
  color: #ee3353;
  text-decoration: underline;
  cursor: pointer;
}

/************************/
/*loader*/
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  box-shadow: rgb(64, 64, 64) 1.5em 0 0 0, rgb(64, 64, 64) 1.1em 1.1em 0 0, rgb(64, 64, 64) 0 1.5em 0 0, rgb(64, 64, 64) -1.1em 1.1em 0 0, rgb(64, 64, 64) -1.5em 0 0 0, rgb(64, 64, 64) -1.1em -1.1em 0 0, rgb(64, 64, 64) 0 -1.5em 0 0, rgb(64, 64, 64) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**
 * Tooltip Styles
 */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  background-color: #ee3353;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #ee3353;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/**
 * Tooltip Styles
 */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  background-color: #ee3353;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

.dashA [data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 300px;
  background-color: #ee3353;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #ee3353;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* START Telerik.Sitefinity.Resources.Themes.LayoutsBasics.css */
.sf_cols {
  width: 100%;
  margin: 0;
  padding: 0;
}

.sf_cols:before, .sf_cols:after {
  content: "";
  display: table;
}

.sf_cols:after {
  clear: both;
}

.sf_cols {
  zoom: 1;
}

.sf_colsOut + .sf_colsOut {
  *margin-left: -1px !important;
}

.sf_block {
  display: block;
}

.sf_1col_1_100 {
  float: none;
  margin: 0;
}

.sf_2cols_1_25 {
  float: left;
  width: 25%;
  margin: 0;
}

.sf_2cols_2_75 {
  float: right;
  width: 75%;
  margin: 0;
}

.sf_2cols_2_75 .sf_2cols_2in_75 {
  margin-left: 12px;
}

.sf_2cols_1_33 {
  float: left;
  width: 33%;
  margin: 0;
}

.sf_2cols_2_67 {
  float: right;
  width: 67%;
  margin: 0;
}

.sf_2cols_2_67 .sf_2cols_2in_67 {
  margin-left: 12px;
}

.sf_2cols_1_50 {
  float: left;
  width: 50%;
  margin: 0;
}

.sf_2cols_2_50 {
  float: right;
  width: 50%;
  margin: 0;
}

.sf_2cols_2_50 .sf_2cols_2in_50 {
  margin-left: 12px;
}

.sf_2cols_1_67 {
  float: left;
  width: 67%;
  margin: 0;
}

.sf_2cols_2_33 {
  float: right;
  width: 33%;
  margin: 0;
}

.sf_2cols_2_33 .sf_2cols_2in_33 {
  margin-left: 12px;
}

.sf_2cols_1_75 {
  float: left;
  width: 75%;
  margin: 0;
}

.sf_2cols_2_25 {
  float: right;
  width: 25%;
  margin: 0;
}

.sf_2cols_2_25 .sf_2cols_2in_25 {
  margin-left: 12px;
}

.sf_3cols_1_33 {
  float: left;
  width: 33%;
  margin: 0;
}

.sf_3cols_2_34 {
  float: left;
  width: 34%;
  margin: 0;
}

.sf_3cols_3_33 {
  float: left;
  width: 33%;
  margin: 0;
  _margin-left: -1px !important;
}

.sf_3cols_2_34 .sf_3cols_2in_34, .sf_3cols_3_33 .sf_3cols_3in_33 {
  margin-left: 12px;
}

.sf_3cols_1_25 {
  float: left;
  width: 25%;
  margin: 0;
}

.sf_3cols_2_50 {
  float: left;
  width: 50%;
  margin: 0;
}

.sf_3cols_3_25 {
  float: left;
  width: 25%;
  margin: 0;
  _margin-left: -1px !important;
}

.sf_3cols_2_50 .sf_3cols_2in_50, .sf_3cols_3_25 .sf_3cols_3in_25 {
  margin-left: 12px;
}

.sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25 {
  float: left;
  width: 25%;
  margin: 0;
}

.sf_4cols_4_25 {
  _margin-left: -1px !important;
}

.sf_4cols_2_25 .sf_4cols_2in_25, .sf_4cols_3_25 .sf_4cols_3in_25, .sf_4cols_4_25 .sf_4cols_4in_25 {
  margin-left: 12px;
}

.sf_5cols_1_20, .sf_5cols_2_20, .sf_5cols_3_20, .sf_5cols_4_20, .sf_5cols_5_20 {
  float: left;
  width: 20%;
  margin: 0;
}

.sf_5cols_5_20 {
  _margin-left: -1px !important;
}

.sf_5cols_2_20 .sf_5cols_2in_20, .sf_5cols_3_20 .sf_5cols_3in_20, .sf_5cols_4_20 .sf_5cols_4in_20, .sf_5cols_5_20 .sf_5cols_5in_20 {
  margin-left: 12px;
}

/* END Telerik.Sitefinity.Resources.Themes.LayoutsBasics.css */
/******Video Grids ********/
.grid {
  position: relative;
  clear: both;
  /*margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;*/
  list-style: none;
  text-align: center;
}

/* Common style */
figure {
  margin: 0 0 10px !important;
}

.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  /*margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;
  height: auto;*/
  background: #3085a3;
  text-align: left;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-in-out; /*blur in color*/
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.grid.webinarThumbnail figure figcaption {
  padding: 0.5em !important;
  font-size: 1em !important;
}

.grid figure figcaption::before, .grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption, .grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid figure figcaption:hover {
  background: rgba(63, 24, 51, 0.6588235294);
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h5 {
  color: white;
  padding: 10px !important;
  font-size: 20px;
  text-align: left;
  z-index: 1;
}

.grid figure h2 {
  color: white;
  padding: 10px !important;
  text-align: left;
  z-index: 1;
}

.grid figure h5, .grid figure h2, .grid figure p {
  margin: 0;
}

.grid figure p {
  font-size: 18px;
  line-height: 22px !important;
}

.grid figure p.featured {
  font-size: 100%;
  line-height: 25px !important;
}

/* Individual effects */
/*-----------------*/
/***** Goliath *****/
/*-----------------*/
.grid.webinarThumbnail figure h5 {
  text-shadow: 0px 0px 10px rgb(0, 1, 1);
}

figure.effect-goliath {
  background: rgba(63, 24, 51, 0.6588235294);
}

figure.effect-goliath:hover {
  background: rgba(63, 24, 51, 0.6588235294);
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

figure.effect-goliath img, figure.effect-goliath h5, figure.effect-goliath h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-goliath img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-goliath h5, figure.effect-goliath h2, figure.effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px;
}

figure.effect-goliath p {
  padding: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

figure.effect-goliath:hover img {
  /*-webkit-transform: translate3d(0,-80px,0);
  transform: translate3d(0,-80px,0);*/
}

figure.effect-goliath:hover h5, figure.effect-goliath:hover h2 {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}

.webinarThumbnail figure.effect-goliath:hover h5 {
  -webkit-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0);
}

figure.effect-goliath:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.videoImgPadding {
  padding-left: 0px !important;
  padding-right: 12px;
}

.playButton {
  width: 150px;
  height: 60px;
  position: absolute;
  padding-top: 5px;
  z-index: 1;
  left: 323px;
}

.featuredPlayButton {
  width: 150px;
  height: 80px;
  position: absolute;
  padding-top: 5px;
  z-index: 1;
  left: 690px;
}

.featuredImg {
  height: 437px;
}

.gatedLockImgElite {
  width: 200px;
  height: 40px;
  position: absolute;
  background-color: #ee3353;
  color: white;
  font-weight: bold;
  padding: 10px;
  font-size: 13px;
  z-index: 1;
  text-align: left;
  line-height: 0px !important;
}

.gatedLockImg {
  width: 250px;
  height: 40px;
  position: absolute;
  background-color: #ee3353;
  color: white;
  font-weight: bold;
  padding: 10px;
  font-size: 13px;
  z-index: 1;
  text-align: left;
  line-height: 0px !important;
}

.gatedBannerElite {
  width: 0;
  height: 0;
  border-top: 40px solid #ee3353;
  border-right: 40px solid transparent;
  position: absolute;
  margin-left: 200px;
  z-index: 1;
}

.gatedBanner {
  width: 0;
  height: 0;
  border-top: 40px solid #ee3353;
  border-right: 40px solid transparent;
  position: absolute;
  margin-left: 250px;
  z-index: 1;
}

@media (min-width: 360px) and (max-width: 850px) {
  .featuredImg {
    height: unset;
  }
  .featuredPlayButton {
    left: 80%;
  }
  .videoImgPadding {
    padding-right: 15px;
    padding-left: 15px !important;
  }
  .playButton {
    left: 85%;
  }
}
@media (max-width: 1366px) and (min-width: 1024px) {
  .featuredImg {
    height: unset;
  }
}
/*** Banner Box ****/
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

fade.in {
  opacity: 1;
}

.banner-shadow {
  z-index: 1;
  position: relative;
}

.banner-box {
  padding: 25px 30px;
  background: #fff;
  margin-bottom: 30px;
  border: solid 2px #ee3353;
}

.shadow-effect-2 {
  position: relative;
}

.box-shadow {
  background: #fff;
  position: relative;
}

/*** Comment Function CSS ***/
[data-sf-role=comment-name] {
  padding-left: 20px;
}

[data-sf-role=comment-message] {
  padding-left: 20px;
}

/******MEDIA*********/
@media (max-width: 500px) {
  .dropdown-menu.form-dropdown.primary-bg.text-white.right-bottom-shadow.rightCellMore {
    right: 20px;
  }
  .dropdown-menu.form-dropdown.primary-bg.text-white.right-bottom-shadow.rightCell {
    right: 50px;
  }
  .tab-right {
    background: #fff;
    padding-left: 15px;
    padding-bottom: 15px;
    min-height: 100%;
    padding-top: 0px;
  }
  .cellBackground {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #fcf3e7;
  }
  .accountRepDeets {
    padding-left: 0px;
    padding-top: 20px;
  }
  a.nav-link.tabMembers {
    font-size: 16px;
    color: white;
    background-color: #3f1833;
    height: 32px;
    padding-right: 0;
    width: 120px;
  }
  .dashTab {
    padding: 20px;
    width: 158px;
    color: #3e989e;
    text-align: center;
  }
  .corp-tab-right {
    background: #fff;
    padding-left: 15px;
    padding-bottom: 15px;
    min-height: 100%;
    padding-top: 0px;
  }
  .main {
    width: 100%;
    height: 100%; /*changed to display register box correctly - 3/1/18 AFK*/
    margin: auto;
    padding-top: 80px;
  }
  .white {
    background: white;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-left: inherit;
    height: 100%; /*changed to display register box correctly - 3/1/18 AFK*/
    padding-top: 0px;
  }
  .col-md-6.none {
    display: none;
  }
  .linewrapper {
    display: none !important;
  }
  /* #TopContentDivMobile {
  		display:block !important;
  	}

  	#TopContentDiv {
  		display: none !important;
  	}
  */
  .row.tab-middle {
    margin-left: 0px !important;
    margin-right: 0px !important;
    text-align: center;
  }
  .logOutLink {
    display: block;
  }
}
@media (max-width: 767px) {
  #main-content div#page-title-area {
    margin-top: 25px;
    /*height: auto !important;       Removed by Syed. auto was resulting in insufficient height for title area.       */
  }
  .page-header.text-white {
    padding-top: 50px;
  }
  .sidebar .page-header h1 {
    display: block;
  }
  .horizontal-separator.secondary-bg {
    display: block;
  }
  .line {
    display: none;
  }
  .linewrapper {
    display: none;
  }
  .main {
    height: 600px;
  }
  .white {
    width: 80%;
  }
  /*this class makes images mobile responsive. Add the class to parent div of image. 9.19.18KH*/
  .responsiveImg img {
    width: 100%;
  }
}
@media (max-width: 800px) {
  /*#TopContentDivMobile {
  	display:block !important;
  }

  #TopContentDiv {
  	display: none !important;
  }*/
  .logOutLink {
    display: block;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 481px) {
  #features-slides .carousel-inner {
    height: 36.6em !important;
  }
}
@media only screen and (max-width: 480px) {
  #features-slides .carousel-inner {
    height: 23.6em !important;
  }
}
.DisplayNone {
  display: none !important;
}

.DisplayBlock {
  display: block;
}

/***** VERTICAL MARKET CSS*/
.LandingLinks {
  background-color: #3F1833;
  padding-top: 5%;
}

.LandingLinks p {
  color: #FFFFFF;
  font-family: "Euclid-bold", Calibri, Arial, sans-serif;
  font-size: 24px;
  margin-top: 20px;
}

.LandingLinks h2 {
  color: #FFFFFF;
  text-align: center;
  font-family: "Euclid-bold", Calibri, Arial, sans-serif;
  font-size: 14px;
}

.LandingRow {
  /*margin-left: 15% !important;*/
  margin-top: 5% !important;
}

.form-bg h2 {
  text-align: center;
  font-family: "Euclid-bold", Calibri, Arial, sans-serif;
  font-size: 14px;
  padding-top: 50px;
  color: black;
}

.form-bg, .content4-bg {
  background-color: #FCF2E8;
}

div#secondSection {
  padding-top: 50px;
}

.vmIconContainer {
  min-height: 100px;
}

.image-style {
  width: 268px;
  height: 366px;
}

.row.form-style label {
  margin-top: 7% !important;
}

.sf_colsIn:not(:where(.opt-out)),
.col-md-6:not(:where(.opt-out)) {
  padding-bottom: 2%;
}

input[type=checkbox]:not(:where(.opt-out)) {
  float: left;
}

input[type=checkbox]:not(:checked):not(:where(.opt-out)) {
  float: left;
}

.horizontal-spt-special {
  margin-left: 47% !important;
  background: #3E989E !important;
  margin-top: 1% !important;
}

.hero-full-width h2 {
  color: #FFFFFF;
}

.sf-Checkboxes {
  padding-top: 5%;
}

.submit button {
  margin-top: 5%;
  color: #fff;
  background: #ee3353;
  border: none;
  border-radius: 0;
  font-size: 14px;
  padding: 1em 5em;
  font-family: "Euclid-bold", Calibri, Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 100%;
}

.checkboxSpacing input {
  margin-right: 5px !important;
}

div.centerPhoto {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 80%;
  display: block;
}

div.centerPhoto img {
  margin: 0 auto 0.5em;
  padding-bottom: 0.5em;
}

@media (max-width: 991px) {
  div.centerPhoto {
    text-align: center;
  }
  div.centerPhoto img {
    margin: 0 auto 0.5em;
  }
}
@media (max-width: 576px) {
  div.centerPhoto {
    text-align: center;
  }
  div.centerPhoto img {
    margin: 0 auto 0.5em;
  }
}

/*# sourceMappingURL=custom.css.map */