@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
body * {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

body {
  font-size: 14px;
  transition: none;
}

p {
  font-family: DM Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav li {
  font-size: 14px;
}

body #main-container {
  background-color: transparent;
}

body #main-container main {
  background-color: transparent;
}

body, html {
  height: 100%;
}

body {
  font-weight: 500;
  background: url("../images/topography.jpg") 0 0 repeat;
  color: #262626;
  transition: none;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: DM Sans, sans-serif;
}

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
  display: inline;
}

a {
  color: #1A0DAB;
  text-decoration: none;
}

a:hover {
  color: #1A0DAB;
  border-bottom: 1px solid;
  text-decoration: none;
}

a:focus, a:active {
  color: #BC8CF2;
  text-decoration: none;
}

a:visited {
  color: #6023A2;
}

.container-layout {
  width: 100%;
  max-width: 1344px;
  margin: 0 auto;
  padding: 0 14px;
  box-sizing: border-box;
}

.utilityContainer {
  position: relative;
  width: 100%;
  max-width: 1344px;
  margin: 0 auto;
  padding: 0 14px;
}

#main-container {
  position: relative;
  overflow: hidden;
  min-height: 600px;
}

#main-container.mainContainerMinHeight {
  min-height: 1000px;
}

.container {
  max-width: 1344px;
}

.navbar-default .navbar-toggle.handburgerIcon {
  display: block;
  position: absolute;
  right: 0;
  margin: 2px 0 0 0;
  top: 7px;
  width: 44px;
  height: 36px;
  z-index: 99;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-toggle.handburgerIcon .icon-bar {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-toggle.handburgerIcon .icon-bar.first {
  top: 0px;
}

.navbar-default .navbar-toggle.handburgerIcon .icon-bar.second {
  top: 11px;
  margin-top: 0;
}

.navbar-default .navbar-toggle.handburgerIcon .icon-bar.last {
  top: 18px;
}

.navbar-default .navbar-toggle.handburgerIcon:hover .icon-bar.first {
  top: -2px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-toggle.handburgerIcon:hover .icon-bar.last {
  top: 20px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.navbar {
  padding: 0;
}

.navbar-right {
  margin-right: 0;
}

.header-static {
  background-color: #fff;
}

.navbar-default .navbar-brand {
  border-bottom: none;
}

.logo-section {
  /*  width: 100%;*/
  float: left;
}

.navbar-center {
  float: left;
}

.header-section {
  padding: 25px 0 38px 0;
}

.top-right-header {
  float: right;
}

.top-right-header .top-right-logo {
  float: right;
}

.navbar-nav {
  float: left;
}

.top-right-header .top-right-logo .logo {
  width: 41px;
  height: 41px;
  display: block;
}

.navbar-default .navbar-nav > li {
  margin: 0 16px;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.navbar-default .navbar-nav > li:last-child {
  margin-right: 0;
}

.navbar-default .navbar-nav > li > a {
  color: #000;
  cursor: pointer;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-bottom-color: #fff;
  color: #262626;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  font-weight: 500;
  border-bottom: 3px solid #fff;
  outline: none;
}

.navbar-default .navbar-nav > li > a:hover {
  border-width: 3px;
  color: #262626;
  border-bottom-color: #000;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  outline: none;
}

.navbar-default .navbar-nav > li > a:focus {
  border-bottom-color: #000;
  border-width: 3px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  outline: none;
}

.navbar-default .navbar-nav > li > a:active {
  border-bottom-color: #000;
  border-width: 3px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  outline: none;
}

.navbar-default .navbar-nav > li.active > a {
  border-bottom-color: #000;
  border-width: 3px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  outline: none;
}

.navbar-default .navbar-nav.navbar-right > li > a {
  color: #262626;
}

.navbar-default .navbar-nav.navbar-right > li > a:hover {
  color: #262626 !important;
}

.navbar-default .navbar-nav.navbar-right .sub-dropdown-menu li a:hover {
  color: #262626 !important;
}

main > .section:first-child, main > section:first-child {
  padding-top: 0;
}

.field-validation-error {
  color: #e65757;
}

.navbar-default .navbar-toggle {
  /*border: 1px solid #808080;*/
  position: absolute;
  top: 0;
  padding: 0;
  right: 55px;
}

.tags {
  border-bottom: 1px solid #c4c4c4;
  padding: 0 0 8px 0;
  margin: 0 0 30px 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
}

.headtext {
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #303131;
  margin-bottom: 15px;
}

.section {
  padding: 20px 0;
}

.flex {
  display: flex;
}

.align-self {
  align-self: center;
}

.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;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 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);
  }
}
.bd-example-modal-lg .modal-dialog {
  display: table;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 24px);
}

.bd-example-modal-lg .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}

.relative {
  position: relative;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
  width: 41px;
  height: 7px;
  border-radius: 0;
}

/*Menu*/
.menuOuter {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  right: 0;
  top: 0;
  z-index: 9999;
  display: none;
  overflow: hidden;
}

.menuopen .menuOuter {
  display: block;
}

.menuopen .mainMenu {
  display: inherit;
  right: 0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.mainMenu {
  display: none;
  width: 72%;
  background-color: #fff;
  top: 0;
  right: -100%;
  position: absolute;
  background-image: url(../images/carbon-hexagons.jpg);
  background-position: 0 0;
  background-repeat: repeat;
  padding: 30px 100px;
  text-align: left;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  z-index: 9999;
}

.menuClose {
  width: 41px;
  height: 41px;
  background-image: url(../images/x.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 30px;
  top: 30px;
  border: 0;
}

.menuClose:hover, .menuClose:focus, .menuClose:active {
  background-color: transparent;
  background-image: url(../images/x.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.namebox {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 14px;
  float: left;
}

.namebox a {
  text-decoration: none;
  padding: 0;
  color: #000;
  border-bottom: 3px solid #fff;
}

.namebox a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #000;
  border-bottom: 3px solid #000;
}

.namebox a:focus {
  text-decoration: none;
  color: #000;
  background-color: transparent;
  border-bottom: 3px solid #000;
}

.button.logoutbtn {
  padding: 0px 10px;
  min-width: initial;
  margin-left: 20px;
  margin-top: 7px;
}

.logoutbtndefault {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-family: DM Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 15px;
  text-transform: uppercase;
}

.logoutbtndefault:hover {
  color: #e65757;
}

.logoutMenuSection {
  width: 200px;
  border: 1px solid #ccc;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 40px;
}

.menuSectionOuter {
  display: flex;
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .menuSectionOuter {
    height: 91vh;
    position: relative;
  }
}
.menuSection {
  display: table-cell;
  width: 50%;
  height: 100%;
  overflow: auto;
  margin-right: 10px;
  padding-right: 40px;
  padding-top: 25px;
}

.menuSection.bdr {
  margin-left: 10px;
  margin-right: 0;
  padding-left: 50px;
  padding-right: 0;
  border-left: 1px solid #c4c4c4;
}

.menuSection ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menuSection ul.menu {
  margin-bottom: 5px;
  margin-top: 20px;
}

.menuSection ul.menu li {
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}

.menuSection ul.menu li a {
  border: 0;
  padding: 0;
  background-color: transparent;
  border-bottom: 3px solid #fff;
}

.menuSection ul.menu li a:hover, .menuSection ul.menu li a:focus, .menuSection ul.menu li a:active {
  background-color: transparent;
  text-decoration: none;
  color: #262626;
  border-bottom: 3px solid #000;
}

.menuSection ul.menu li .head a:hover {
  text-decoration: none;
}

.menuSection ul.menu li .head:after {
  content: "";
  display: block;
  width: 35px;
  height: 5px;
  background: #000;
  margin-top: 5px;
  margin-bottom: 10px;
  display: none;
}

.menuSection ul.submenu {
  margin-left: 30px;
}

.menuSection ul.submenu li {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
  font-weight: 400;
  margin-bottom: 0;
}

.menuSection ul.submenu li a {
  color: #262626;
}

.menuSection ul.submenu li a:hover {
  color: #000;
  border-bottom: 3px solid #000;
}

.menuSection ul.submenu li a:focus {
  color: #000;
  border-bottom: 3px solid #000;
}

.menuSection ul.submenu li a:active {
  color: #000;
  border-bottom: 3px solid #000;
}

.menuSection ul.menuType2 {
  padding-top: 40px;
}

.menuSection ul.menuType2 li {
  font-size: 21px;
  line-height: 31px;
  border-bottom: 3px solid #000;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
}

.menuSection ul.menuType2 li a {
  background-image: url(../images/heavy.svg);
  background-repeat: no-repeat;
  background-position: 99% center;
  display: block;
  color: #303133;
  padding: 3px 2px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.menuSection ul.menuType2 li a:hover {
  background-image: url(../images/heavy-hover.svg);
  text-decoration: none;
  color: #fff;
}

.menuSection ul.menuType2 li a:focus {
  background-image: url(../images/heavy-hover.svg);
  text-decoration: none;
  color: #fff;
}

.menuSection ul.menuType2 li a:active {
  background-image: url(../images/heavy-hover.svg);
  text-decoration: none;
  color: #fff;
}

.stickyNav {
  position: fixed !important;
  padding-left: 15px;
  padding-right: 15px;
}

.stickyNavBorder {
  border: 1px solid rgba(51, 51, 51, 0.1);
  border-top: 0px;
}

.menuContent {
  padding: 10px 0 40px 0px;
}

.menuContent h3 {
  margin: 0 0 30px 0;
  padding: 0 0 5px 0;
  border-bottom: 3px solid #000;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.leftOff h4 {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.leftOff h4 .right {
  float: right;
}

.leftOff p {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  text-transform: none;
}

.button.button-secondary.finishedUp {
  text-transform: uppercase;
  max-width: 180px;
  margin-top: 20px;
  display: initial;
}

.menuSection ul.shortcut li {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  font-family: DM Sans, sans-serif;
}

.menuSection ul.shortcut li a {
  background-color: transparent;
  border: 0;
  color: #303133;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.menuSection ul.shortcut li a:hover {
  background-color: transparent;
  font-weight: 700;
  color: #303133;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.menuSection ul.shortcut li h5 {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #6f6f6f;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.menuSection ul.shortcut li p {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  text-transform: none;
}

.menuSection ul.shortcut li:last-child {
  margin-bottom: 0;
}

.prImg {
  width: 40px;
  height: 40px;
  background-color: #808080;
  border-radius: 50px;
  float: left;
  margin-right: 10px;
}

.prImg img {
  max-width: 100%;
}

.navbar-default .navbar-nav.navbar-right > li:first-child .sub-dropdown-menu {
  left: 10px;
}

.navbar-default .navbar-nav.navbar-right > li:first-child .sub-dropdown-menu:after, .navbar-default .navbar-nav.navbar-right > li:first-child .sub-dropdown-menu:before {
  left: 53%;
}

.navbar-default .navbar-nav.navbar-right > li.single .sub-dropdown-menu {
  left: -75px;
}

.navbar-default .navbar-nav.navbar-right > li.single .sub-dropdown-menu:after, .navbar-default .navbar-nav.navbar-right > li.single .sub-dropdown-menu:before {
  left: 85%;
}

.sub-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1000;
  display: none;
  float: left;
  width: 270px;
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  padding: 0px 0;
  margin: 5px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 4px rgba(123, 178, 234, 0.35);
  box-shadow: 0 2px 4px rgba(123, 178, 234, 0.35);
  background-clip: padding-box;
}

.sub-dropdown-menu:after, .sub-dropdown-menu:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.sub-dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 20px;
  margin-left: -20px;
}

.sub-dropdown-menu:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  border-width: 21px;
  margin-left: -21px;
}

.sub-dropdown-menu li {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.sub-dropdown-menu li a {
  color: #262626;
  padding: 8px 30px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: block;
  border: 0;
}

.sub-dropdown-menu li a:hover {
  text-decoration: none;
  font-weight: 600 !important;
  background-color: #c4c4c4;
  color: #262626;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.sub-dropdown-menu li a:focus {
  text-decoration: none;
  font-weight: 600 !important;
  background-color: #c4c4c4;
  color: #262626;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.sub-dropdown-menu li a:active {
  text-decoration: none;
  font-weight: 600 !important;
  background-color: #c4c4c4;
  color: #262626;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.navbar-right .searchBtn {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 0;
  outline: none;
  z-index: 9;
  margin-top: 8px;
}

.navbar-right .searchBtn.default {
  position: absolute;
  top: 0px;
  right: 55px;
  cursor: pointer;
}

.navbar-right > .navbar-collapse {
  margin-right: 20px;
  position: relative;
  z-index: 99;
}

#siteNavbarx {
  width: 100%;
}

.navbar-right .searchBtn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  color: #000;
}

.clickButton {
  position: absolute;
  top: 0;
  right: 56px;
  width: 50px;
  height: 49px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  z-index: 99;
  opacity: 0.5;
}

.clickButton:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  font-size: 25px;
  color: #000;
}

.navbar-right .searchBtn:hover::before {
  color: #303133;
}

.microSite {
  position: relative;
}

.microSearch {
  width: 0%;
  background: #fff;
  position: absolute;
  right: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.microSearch.defaultsearch {
  right: 50px;
  width: 0;
}

.microSearch.defaultsearch .searchBtn {
  width: 50px;
}

.microSearch.defaultsearch .searchBtn.withClose:before .navbar-right .searchBtn.withClose {
  float: left;
}

.microSite button#searchClose:before {
  content: "\f00d";
}

button#microSearchBtn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  font-size: 25px;
  color: #000;
}

.microSearch.form-cell input[type=text] {
  width: calc(100% - 55px);
  float: left;
  font-size: 16px;
  padding: 4px 50px 4px 0;
  line-height: 22px;
  border-left: 0;
  height: 43px;
  border-top: 0;
  border-right: 0;
  font-style: normal;
}

.microSearch.form-cell ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgb(153, 153, 153);
}

.microSearch.form-cell ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgb(153, 153, 153);
}

.microSearch.form-cell :-ms-input-placeholder {
  /* IE 10+ */
  color: rgb(153, 153, 153);
}

.microSearch.form-cell :-moz-placeholder {
  /* Firefox 18- */
  color: rgb(153, 153, 153);
}

.microSearch.active {
  width: 600px;
  z-index: 99;
  visibility: visible;
  opacity: 1;
}

.collapsing {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.mobileMenuClose {
  display: none;
  width: 41px;
  height: 41px;
  background-image: url(../images/x.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 80%;
  position: relative;
  left: 92%;
  margin-bottom: 30px;
}

.navbar-nav > li.active .sub-dropdown-menu li a {
  font-weight: 400;
}

.navbar-nav {
  margin: 0;
}

.menuMicrosite {
  display: none;
}

.menuHome {
  display: block;
}

.microArrow {
  display: none;
  width: 35px;
  height: 16px;
  background-image: url(../images/heavy.svg);
  background-repeat: no-repeat;
  background-position: center center;
  float: right;
  margin-top: 2px;
}

#siteNavbarx .navbar-nav > li.mobileActive {
  display: block;
}

.sub-dropdown-menu.submenuHide {
  display: none;
}

.menuMicrosite .imMobileSearch {
  display: none;
}

.navbar-right .searchBtn.imMobileSearch {
  display: block;
}

.forMobile {
  position: absolute;
  top: 1px;
  right: 50px;
}

.menuSection ul.menuType2.primMenu {
  display: none;
}

.mobileBackBtn {
  display: none;
}

#microSearchInput.microSearch {
  width: 98%;
  right: 0;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  .microSearch.active {
    width: 420px;
  }
  .nav:before, .nav:after {
    display: none;
  }
  .navbar-activity .navbar-nav {
    margin: 0;
  }
  .nav > li > a {
    padding: 10px 10px;
  }
  .header-section {
    padding-bottom: 20px;
  }
  .menuSectionOuter {
    display: block;
    float: left;
  }
  .menuSection {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
  }
  .menuSection.bdr {
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border-left: none;
    border-top: 1px solid #c4c4c4;
    display: none;
  }
  .mainMenu {
    padding: 20px 20px;
  }
  .menuClose {
    top: 20px;
    left: 20px;
  }
  /*.menuClose {
      top: 5px;
     float:right;
     position:relative;
     margin-right:20px;
      background-image: url(../images/closeblack.svg);
      background-repeat:no-repeat;
  }
  .menuClose:hover, .menuClose:focus {
      background-image: url(../images/closeblack.svg);
      background-repeat: no-repeat;
  }*/
  .namebox {
    margin-left: 50px;
  }
  .navbar.navbar-default {
    margin-bottom: 20px;
  }
  .prImg {
    margin-top: 2px;
    margin-left: 50px;
  }
  .namebox.nomargin {
    margin-left: 0;
  }
  .menuSection ul.menuType2.primMenu {
    display: block;
  }
  .navbar-default .navbar-toggle.handburgerIcon {
    display: block;
  }
}
/*		Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  .navbar-default .navbar-toggle {
    display: none;
  }
  .nav:before, .nav:after {
    display: none;
  }
  .navbar-nav {
    float: none;
  }
  .nav-no-display {
    display: none !important;
  }
  .navbar-activity .navbar-nav {
    margin: 0;
  }
  .header-section {
    padding-top: 0;
  }
  .header-section {
    padding-bottom: 0;
  }
  .menuSectionOuter {
    display: block;
    float: left;
  }
  .menuSection {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
  }
  .menuSection.bdr {
    /*padding: 20px 0 0 0;
    margin: 20px 0 0 0;*/
    padding: 10px 0 0 0;
    margin: 0px 0 0 0;
    border-left: none;
    /*border-top: 1px solid #c4c4c4;*/
  }
  .leftOff {
    display: none;
  }
  .menuContent {
    padding: 0px 0 30px 0px;
  }
  .menuContent.showMenu .leftOff {
    display: block;
  }
  .menuContent h3 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 10px;
    background-image: url(../images/heavy.svg);
    background-repeat: no-repeat;
    background-position: 99% center;
    padding-right: 38px;
  }
  .menuContent.showMenu h3 {
    background-image: none;
  }
  .mainMenu {
    width: 90%;
  }
  #siteNavbarx .navbar-nav > li {
    margin-bottom: 40px;
    margin-right: 0;
    margin-left: 0;
  }
  #siteNavbarx .navbar-nav > li > a {
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    font-family: DM Sans, sans-serif;
    border-bottom: 3px solid #000;
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .mainMenu {
    padding: 20px 30px 0;
  }
  .menuSection {
    padding-top: 10px;
  }
  /*.mainMenu li{
      font-size:14px;
      font-weight:500;
      margin-bottom:40px;
  }*/
  .menuSection ul.menu li {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
  }
  .menuSection ul.menu li a {
    border-bottom: 3px solid #000;
    padding: 10px 0;
    display: block;
    background-image: url(../images/heavy.svg);
    background-repeat: no-repeat;
    background-position: 99% center;
  }
  .menuSection ul.menuType2 li {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .menuSection ul.menu {
    margin-bottom: 0;
  }
  .menuSection ul.menuType2 {
    padding-top: 0;
  }
  .menuSection ul.menu li .head:after {
    display: none;
  }
  .menuSection ul.menuType2 li {
    font-size: 18px;
    font-weight: 700;
  }
  .menuSection ul.menuType2 li a {
    border: 0;
  }
  .menuSection ul.submenu {
    margin-left: 0;
    margin-top: 10px;
  }
  .menuSection ul.submenu li {
    margin-left: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 0;
  }
  .menuSection ul.submenu li a {
    background-image: none;
    border-bottom: 3px solid #fff;
    font-weight: 400;
    padding: 12px 0;
  }
  .menuSection ul.menu li.active {
    margin-bottom: 0;
  }
  .menuSection ul.menu li.active a {
    background-image: none;
  }
  .menuSection ul.menu li.active a:focus {
    text-decoration: none;
  }
  .menuClose {
    top: 5px;
    float: right;
    position: relative;
    margin-right: 20px;
    background-image: url(../images/closeblack.svg);
    background-repeat: no-repeat;
  }
  .menuClose:hover, .menuClose:focus {
    background-image: url(../images/closeblack.svg);
    background-repeat: no-repeat;
  }
  .namebox {
    margin-left: 0px;
    padding-bottom: 13px;
  }
  .navbar.navbar-default {
    margin-bottom: 20px;
  }
  .prImg {
    margin-top: 2px;
    margin-left: 0px;
  }
  .namebox.nomargin {
    margin-left: 0;
  }
  .microSearch.form-cell input[type=text] {
    margin-left: 10px;
  }
  .microSearch.defaultsearch {
    position: absolute;
    left: -1px;
    top: 60px;
    padding-bottom: 6px;
    width: 101%;
  }
  .microSearch.defaultsearch input[type=text] {
    margin-left: 0px;
  }
  .microSearch {
    position: static;
    float: left;
  }
  .form-cell.microSearch {
    margin-bottom: 0;
    display: none;
  }
  .form-cell.microSearch.active {
    display: block;
    min-width: 100%;
  }
  .sub-dropdown-menu {
    position: relative;
    margin-bottom: 20px;
  }
  #siteNavbarx.navbar-collapse {
    position: fixed;
    width: 90% !important;
    top: -2px;
    z-index: 9;
    right: -100%;
    padding-top: 20px;
    padding-bottom: 10px;
    min-height: 580px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    display: block;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    background-image: url(../images/carbon-hexagons.jpg);
    background-repeat: repeat;
  }
  #siteNavbarx.navbar-collapse.active {
    right: 0%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }
  .menuBackground {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    right: 0;
    top: 0;
    z-index: 1;
    display: none;
  }
  .mobileMenuClose {
    display: block;
  }
  #siteNavbarx.navbar-collapse .searchBtn {
    display: none;
  }
  .navbar-nav > li.active .sub-dropdown-menu li a {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    display: inline-block;
    width: 100%;
  }
  .microArrow {
    display: block;
  }
  .sub-dropdown-menu {
    position: relative;
    width: 100%;
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
  }
  .sub-dropdown-menu li {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
  }
  .sub-dropdown-menu:before {
    display: none;
  }
  .sub-dropdown-menu:after {
    display: none;
  }
  #siteNavbarx .navbar-nav > li.mobileActive {
    display: none;
  }
  #siteNavbarx .navbar-nav > li.active.mobileActive > a {
    text-align: right;
    color: #262626;
  }
  #siteNavbarx .navbar-nav > li.active.mobileActive .microArrow {
    float: left;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  }
  .navbar-default .navbar-nav > li > a:hover {
    color: #262626;
  }
  #siteNavbarx .navbar-nav.navbar-right li a {
    border-bottom-color: #007dba;
    color: #007dba;
  }
  #siteNavbarx .navbar-nav.navbar-right li a:focus {
    border-bottom-color: #007dba;
    color: #007dba;
  }
  #siteNavbarx .navbar-nav.navbar-right li a:active {
    border-bottom-color: #007dba;
    color: #007dba;
  }
  #siteNavbarx .navbar-nav.navbar-right li a .microArrow {
    background-image: url(../images/agu-heavy.svg);
  }
  .logoutbtndefault {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    font-family: DM Sans, sans-serif;
    border-bottom: 3px solid #000;
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    text-align: left;
    z-index: 9;
    position: relative;
  }
  .microSite form.lgBtn {
    width: 100%;
  }
  .microArrow.btnArrow {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 0;
  }
  .menuSection ul.menuType2.bottomlink {
    display: none;
  }
  .menuSection ul.menuType2.primMenu {
    display: block;
  }
  .menuSection ul.submenu {
    display: none;
  }
  .mobileBackBtn {
    float: left;
    margin-top: 14px;
    margin-bottom: 10px;
  }
  .mobileBackBtn a {
    font-size: 18px;
    color: #262626;
    font-weight: 600;
    border: 0;
  }
  .mobileBackBtn a:hover {
    background-color: transparent;
    color: #262626;
  }
  .mobileBackBtn a:focus {
    background-color: transparent;
    color: #262626;
  }
  .mobileBackBtn a:before {
    content: "";
    display: block;
    background-image: url(../images/heavy.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 36px;
    height: 16px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }
  .navbar-default .navbar-toggle.handburgerIcon {
    display: block;
  }
  .mainMenu {
    position: fixed;
    height: 100%;
    overflow: auto;
  }
  .menuOuter {
    position: fixed;
  }
  .navbar-default .navbar-nav.navbar-right > li:first-child .sub-dropdown-menu {
    left: 50%;
  }
  .navbar-default .navbar-nav.navbar-right > li:first-child .sub-dropdown-menu:after, .navbar-default .navbar-nav.navbar-right > li:first-child .sub-dropdown-menu:before {
    left: 50%;
  }
  .navbar-default .navbar-nav.navbar-right > li.single .sub-dropdown-menu {
    left: 50%;
  }
  .navbar-default .navbar-nav.navbar-right > li.single .sub-dropdown-menu:after, .navbar-default .navbar-nav.navbar-right > li.single .sub-dropdown-menu:before {
    left: 50%;
  }
  .button.button-secondary.edit {
    width: auto;
  }
  .donationamount {
    width: 100%;
    float: left;
  }
  .namebox a {
    width: 102px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .button.logoutbtn {
    padding: 0;
  }
}
/*		Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mainMenu {
    padding: 20px 20px 0;
  }
}
.ui-widget-content {
  z-index: 99999;
}

.lineDiv {
  border-bottom: 1px solid #000;
  margin: 20px 0;
}

.lineDiv.vertical {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  left: 50%;
  top: -20px;
}

@media only screen and (max-width: 767px) {
  .lineDiv.vertical {
    position: static;
    width: 100%;
  }
}
.container-section {
  padding: 0 0 45px 0;
}

.container-section .content {
  margin-bottom: 50px;
}

.main-title-section h2 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 25px;
}

.main-title-section h2:before {
  width: 50px;
  height: 14px;
  content: "";
  display: inline-block;
  background: #000;
  margin-right: 10px;
}

h2.main-title-section {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 25px;
}

h2.main-title-section:before {
  width: 50px;
  height: 14px;
  content: "";
  display: inline-block;
  background: #000;
  margin-right: 10px;
}

p {
  line-height: 26px;
  margin-top: 0px;
}

.read-more {
  width: 20px;
  height: 10px;
  margin: 0 0 0 6px;
  background: url("../images/down-arrow.png") 0 0 no-repeat;
  display: none;
}

.form-section {
  width: 100%;
}

.form-section .fieldset {
  width: 100%;
  max-width: 426px;
}

h2.title {
  font-weight: 700;
  font-size: 21px;
  position: relative;
  margin-bottom: 46px;
}

h2.title:before {
  width: 35px;
  height: 7px;
  content: "";
  display: inline-block;
  background: #000;
  margin-right: 10px;
  position: absolute;
  top: 40px;
}

.form-section {
  width: 100%;
}

.form-section .fieldset {
  width: 100%;
  max-width: 426px;
}

h2.title {
  font-weight: 700;
  font-size: 21px;
  position: relative;
  margin-bottom: 46px;
}

h2.title:before {
  width: 35px;
  height: 7px;
  content: "";
  display: inline-block;
  background: #000;
  margin-right: 10px;
  position: absolute;
  top: 40px;
}

.form-cell {
  margin-bottom: 20px;
}

.progress-bar {
  width: 100%;
  margin-bottom: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

.progress-bar .steps {
  width: 100%;
  height: 5px;
  background: #fff;
  border: 1px solid #000;
  position: relative;
}

.progress-bar .steps .step {
  width: 16.6%;
  height: 3px;
  float: left;
  transition: all 0.25s ease-in-out;
}

.progress-bar .steps .step:after {
  content: "";
  display: block;
  position: relative;
  left: -1px;
  width: 1px;
  height: 8px;
  background: #000;
  top: -8px;
}

.progress-bar .steps .step em {
  width: 0%;
}

.progress-bar .steps .step.active em {
  background: #000;
  width: 100%;
  height: 3px;
  display: block;
  transition: all 0.25s ease-in-out;
}

.progress-bar.fourStep .steps .step {
  width: 25%;
}

.progress-bar.threeStep .steps .step {
  width: 33.33%;
}

.progress-bar .steps#divRenewFlowProgressBar {
  display: flex;
}

.progress-bar .steps#divRenewFlowProgressBar:after {
  content: "";
  display: block;
  position: relative;
  left: 1px;
  width: 1px;
  height: 8px;
  background: #000;
  top: -8px;
}

.progress-bar .steps#divRenewFlowProgressBar .step {
  flex: auto;
  width: auto;
}

.progress-bar .steps#divRenewFlowProgressBar .step:after {
  float: left;
}

.progress-bar .steps#divRenewFlowProgressBar {
  display: flex;
}

.progress-bar .steps#divRenewFlowProgressBar:after {
  content: "";
  display: block;
  position: relative;
  left: 1px;
  width: 1px;
  height: 8px;
  background: #000;
  top: -8px;
}

.progress-bar .steps#divRenewFlowProgressBar .step {
  flex: auto;
}

.progress-bar .steps#divRenewFlowProgressBar .step:after {
  float: left;
}

.progress-bar .steps.auto .step {
  flex: auto;
}

.progress-bar .steps.auto .step:after {
  float: left;
}

.progress-bar .steps.auto {
  display: flex;
}

.progress-bar .steps.auto:after {
  content: "";
  display: block;
  position: relative;
  left: 1px;
  width: 1px;
  height: 8px;
  background: #000;
  top: -8px;
}

.progress-bar .steps.auto .step {
  flex: auto;
}

.progress-bar .steps.auto .step:after {
  float: left;
}

/*.progress-bar .steps#divRenewFlowProgressBar .step:last-child{
    position:absolute;
    right:0;
}
.progress-bar .steps#divRenewFlowProgressBar .step:last-child::after {
    left: 100%;
}*/
.form-cell input[type=text],
.form-cell input[type=number],
.form-cell input[type=date],
.form-cell input[type=tel],
.form-cell input[type=email],
.form-cell input[type=password],
.form-cell input[type=url] {
  width: 100%;
  border: 1px solid #000;
  line-height: 30px;
  padding: 9px 20px;
  height: 50px;
  font-size: 14px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
  -webkit-appearance: none;
  border-radius: 0;
  position: relative;
  background-color: transparent;
  z-index: 2;
}

.form-cell select {
  width: 100%;
  border: 1px solid #000;
  line-height: 30px;
  padding: 9px 20px;
  height: 50px;
  font-size: 14px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
  border-radius: 0;
}

.form-cell-ethnicity {
  width: 100%;
  border: 1px solid #000;
  line-height: 30px;
  padding: 9px 20px;
  font-size: 14px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
  border-radius: 0;
}

.form-cell textarea {
  width: 100%;
  border: 1px solid #000;
  line-height: 30px;
  padding: 9px 20px;
  height: 100px;
  -webkit-appearance: none;
  border-radius: 0;
}

.form-cell select {
  line-height: 48px;
  height: 48px;
  padding: 9px 10px;
}

.note {
  margin: 0 0 30px 0;
}

.sutitle {
  font-size: 20px;
  margin: 0 0 30px 0;
}

.al-center {
  text-align: center;
}

.f-size-16 {
  font-size: 16px;
}

.float-label-up label {
  background: #fff;
  top: -8px;
  left: 20px;
  padding: 0px 10px;
  font-size: 12px;
  position: absolute;
  transform: translate(0, 0px) scale(1);
  display: inline-block;
  transition: all 0.2s;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  z-index: 3;
}

.button {
  border: 0;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 9px 20px;
  line-height: 30px;
  min-width: 150px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  overflow: hidden;
  border: 2px solid #000;
  cursor: pointer;
}

.button.button-secondary {
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  background-color: #000;
}

.button.button-secondary.small {
  padding: 3px 10px;
}

.button.button-secondary:hover {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.button.button-secondary:focus {
  background-color: #000;
  border: 2px solid #12c6a6;
  color: #fff;
  outline: 0;
}

.button.button-secondary:active {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  outline: 0;
}

.button.button-primary {
  color: #000;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  background-color: #fff;
}

.button.button-primary:hover {
  background-color: #c4c4c4;
  border: 2px solid #000;
  color: #000;
  outline: 0;
}

.button.button-primary:active {
  background-color: #c4c4c4;
  border: 2px solid #000;
  color: #000;
  outline: 0;
}

/*.button.button-primary:visited {
    background-color: #c4c4c4;
    border: 1px solid #12c6a6;
    color: #000;
    -webkit-box-shadow: inset 0 0 0 1px #12c6a6;
    box-shadow: inset 0 0 0 1px #12c6a6;
    outline: 0;
}*/
.button.button-primary:focus {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  outline: 0;
}

.button.button-secondary.edit {
  min-width: 20px;
  background-color: transparent;
  color: #000;
}

.button.button-secondary.edit:hover {
  background-color: #ccc;
}

.float-label label {
  background: #fff;
  top: 17px;
  left: 30px;
  padding: 0px;
  font-size: 12px;
  position: absolute;
  transform: translate(0, 0px) scale(1);
  -webkit-transform: translate(0, 0px) scale(1);
  -moz-transform: translate(0, 0px) scale(1);
  -o-transform: translate(0, 0px) scale(1);
  -ms-transform: translate(0, 0px) scale(1);
  -ms-transform-origin: translate(0, 0px) scale(1);
  display: inline-block;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -ms-transition-origin: all 0.2s;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #262626;
  z-index: 1;
}

input:visited,
input:active,
input:focus {
  outline: 0;
}

.float-label input:not(:placeholder-shown) + label,
.float-label input:focus + label {
  -ms-transform: translate(-7px, -25px);
  -ms-transform-origin: translate(-7px, -25px);
  -webkit-transform: translate(-7px, -25px);
  -moz-transform: translate(-7px, -25px);
  -o-transform: translate(-7px, -25px);
  transform: translate(-7px, -25px);
  cursor: pointer;
  padding: 0px 8px;
  z-index: 3;
}

.float-label textarea:not(:placeholder-shown) + label,
.float-label textarea:focus + label {
  -ms-transform: translate(-7px, -25px);
  -ms-transform-origin: translate(-7px, -25px);
  -webkit-transform: translate(-7px, -25px);
  -moz-transform: translate(-7px, -25px);
  -o-transform: translate(-7px, -25px);
  transform: translate(-7px, -25px);
  cursor: pointer;
  padding: 0px 8px;
  z-index: 3;
}

.float-label label.input-desc-hover {
  top: 12px;
  left: 30px;
  -ms-transform: translate(-7px, -25px);
  -ms-transform-origin: translate(-7px, -25px);
  -webkit-transform: translate(-7px, -25px);
  -moz-transform: translate(-7px, -25px);
  -o-transform: translate(-7px, -25px);
  transform: translate(-7px, -25px);
  cursor: pointer;
  padding: 5px 8px;
  z-index: 3;
}

@media all and (-ms-high-contrast: none) {
  .foo {
    color: green;
  }
  /* IE10 */
  .float-label label {
    background: #fff;
    top: -8px;
    left: 20px;
    padding: 0px 10px;
    font-size: 12px;
    position: absolute;
    transform: translate(0, 0px) scale(1);
    -webkit-transform: translate(0, 0px) scale(1);
    -moz-transform: translate(0, 0px) scale(1);
    -o-transform: translate(0, 0px) scale(1);
    -ms-transform: translate(0, 0px) scale(1);
    display: inline-block;
    transition: all 0.2s;
    font-family: DM Sans, sans-serif;
    font-weight: 500;
    z-index: 3;
  }
  *::-ms-backdrop, .foo {
    color: red;
  }
  /* IE11 */
}
.custom-checkbox {
  position: relative;
}

.custom-checkbox input {
  opacity: 0;
  position: absolute;
}

.custom-checkbox input + label {
  font-size: 12px;
  position: relative;
}

.custom-checkbox input + label:before {
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  content: "";
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.custom-checkbox input:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background-color: #fff;
}

.custom-checkbox input:disabled + label:before {
  background-color: #ccc;
}

.custom-checkbox input[disabled][checked] + label:after {
  background-color: #ccc !important;
}

.custom-checkbox.lab {
  position: relative;
}

.custom-checkbox.lab input {
  opacity: 0;
  position: absolute;
}

.custom-checkbox.lab input + input + label {
  font-size: 12px;
  position: relative;
}

.custom-checkbox.lab input + input + label:before {
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  content: "";
  display: inline-block;
  margin-right: 12px;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.custom-checkbox.lab input:checked + input + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background-color: #fff;
}

.error-message {
  color: #ff4141;
  margin-top: 4px;
}

.form-cell input.error {
  border: 1px solid #ff4141;
}

.channel-list {
  width: 100%;
}

.channel-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.channel-list ul li {
  width: 100%;
  height: 112px;
  overflow: hidden;
  margin: 0 0 10px 0;
  position: relative;
}

.channel-list ul li h2 {
  color: #fff;
  position: absolute;
  top: 46px;
  left: 30px;
}

.channel-list ul li img {
  max-width: 100%;
  height: auto;
}

.radio-list {
  position: relative;
  margin: 0 0 10px 0;
}

.radio-list input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.radio-list label {
  border: 1px solid #000;
  padding: 20px 90px 10px 20px;
  display: block;
  margin: 0 0 0px 0;
  position: relative;
  cursor: pointer;
  min-height: 112px;
}

.radio-list label strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 10px 0;
}

.radio-list label .text {
  display: block;
  font-size: 12px;
}

.radio-list label .amount {
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 12px;
}

.radio-list label .amount em {
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
}

.radio-list label .amount em.plusIcon {
  font-size: 28px;
}

.radio-list input[type=radio]:checked + label {
  border: 4px solid #000;
  padding: 17px 87px 17px 17px;
}

.radio-list input[type=radio]:checked + label .amount {
  top: 17px;
  right: 27px;
}

.radio-list input[type=radio]:checked + label:before {
  position: absolute;
  right: -23px;
  top: 30px;
  border: 4px solid #000;
  border-radius: 100%;
  width: 46px;
  height: 46px;
  content: "";
  background: #fff url("../images/checked.png") center center no-repeat;
}

.radio-list-amount {
  position: relative;
  margin: 0 0 10px 0;
}

.radio-list-amount input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.radio-list-amount label {
  border: 1px solid #000;
  padding: 20px 30px 20px 30px;
  display: block;
  margin: 0 0 0px 0;
  position: relative;
  cursor: pointer;
  min-height: 112px;
}

.radio-list-amount label strong {
  display: block;
  font-weight: 700;
  font-size: 24px;
  margin: 15px 0 10px 0;
  text-align: center;
}

.radio-list-amount input[type=radio]:checked + label {
  border: 4px solid #000;
  padding: 17px 30px 17px 27px;
}

.radio-list-amount input[type=radio]:checked + label:before {
  position: absolute;
  right: -23px;
  top: 30px;
  border: 4px solid #000;
  border-radius: 100%;
  width: 46px;
  height: 46px;
  content: "";
  background: #fff url("../images/checked.png") center center no-repeat;
}

.check-list {
  position: relative;
  margin: 0 0 10px 0;
}

.check-list input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.check-list label {
  border: 1px solid #000;
  padding: 20px 90px 20px 30px;
  display: block;
  margin: 0 0 0px 0;
  position: relative;
  cursor: pointer;
  min-height: 130px;
}

.check-list label strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 10px 0;
}

.check-list label .text {
  display: block;
  font-size: 12px;
}

.check-list label .amount {
  position: absolute;
  right: 30px;
  top: 18px;
  font-size: 12px;
}

.check-list label .amount em {
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
}

.check-list input[type=checkbox]:checked + label {
  border: 4px solid #000;
  padding: 17px 87px 17px 27px;
}

.check-list input[type=checkbox]:disabled + label {
  border: 4px solid #ccc;
}

.check-list input[type=checkbox]:checked + label:before {
  position: absolute;
  right: -23px;
  top: 30px;
  border: 4px solid #000;
  border-radius: 100%;
  width: 46px;
  height: 46px;
  content: "";
  background: #fff url("../images/checked.png") center center no-repeat;
}

.check-list input[type=checkbox]:disabled + label:before {
  border: 4px solid #ccc;
}

.check-list input[type=checkbox]:disabled + label strong {
  color: #999;
}

.check-list input[type=checkbox]:checked + label .amount {
  top: 15px;
}

.check-list input[type=checkbox]:disabled + label .amount {
  color: #999;
  top: 15px;
}

.check-list-amount {
  position: relative;
  margin: 0 0 10px 0;
}

.check-list-amount input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.check-list-amount label {
  border: 1px solid #000;
  padding: 20px 30px 20px 30px;
  display: block;
  margin: 0 0 0px 0;
  position: relative;
  cursor: pointer;
  min-height: 112px;
}

.check-list-amount label strong {
  display: block;
  font-weight: 700;
  font-size: 24px;
  margin: 15px 0 10px 0;
  text-align: center;
}

.check-list-amount input[type=checkbox]:checked + label {
  border: 4px solid #000;
  padding: 17px 30px 17px 27px;
}

.check-list-amount input[type=checkbox]:checked + label:before {
  position: absolute;
  right: -23px;
  top: 30px;
  border: 4px solid #000;
  border-radius: 100%;
  width: 46px;
  height: 46px;
  content: "";
  background: #fff url("../images/checked.png") center center no-repeat;
}

#StudentMembership {
  padding-top: 10px;
}

/*.navbar-default .navbar-nav > li > a {
    color: #000;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #e65757;
}*/
#LifeMembership, #StudentMembership {
  border: 1px solid #2d2d2d;
  padding: 10px 10px 0px;
  margin-bottom: 10px;
}

.secondButton {
  float: right;
}

@media (max-width: 767px) {
  .secondButton {
    float: left;
    margin-top: 10px;
  }
  .button {
    max-width: 100%;
  }
}
.tncContent {
  height: 200px;
  width: 100%;
  overflow-y: auto;
  margin-bottom: 10PX;
}

.tnctext {
  padding-right: 10px;
}

.tnctext p {
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

.policynote {
  margin-bottom: 20px;
  font-size: 11px;
}

.yesnoButton {
  text-align: right;
}

.yesnoButton .button {
  max-width: 140px;
}

.yesnoButton .secondButton {
  margin-left: 10px;
}

.donationSection {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}

.donationSec {
  width: 100%;
  float: left;
}

.radio-button {
  position: relative;
  margin: 0 0 10px 0;
  width: 50%;
  float: left;
}

.radio-button input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.radio-button label {
  border: 1px solid #000;
  padding: 13px;
  display: block;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6f6f6f;
}

.radio-button input[type=radio]:checked + label {
  border: 3px solid #000;
  padding: 11px 10px;
  color: #000;
}

.radio-button input[type=radio]:checked + label:before {
  position: absolute;
  right: -23px;
  top: 30px;
  border: 4px solid #000;
}

.progress-bar.donations {
  margin-top: 10px;
}

.progress-bar.donations .steps .step:last-child:after {
  left: 100%;
}

.progress-bar.donations .steps .step.step6 {
  float: right;
}

.progress-bar.donations .steps .step.step6 {
  float: right;
}

.progress-bar.donations .steps .step {
  width: 20%;
}

.donationamount {
  box-shadow: 0px 1px 4px 0px #999;
  padding: 15px 15px 1px 15px;
}

.donationamount label {
  font-size: 16px;
  color: #6f6f6f;
  font-family: DM Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.donationamount label b.bold {
  color: #262626;
}

.hint {
  font-size: 12px;
  color: #808080;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

.btn-default:hover, input[type=file] + label:hover, .btn-hollow:hover, a.btn-default:hover, a.btn-hollow:hover {
  color: #2e384e;
  background-color: #e6e6e6;
  border-color: #171c28;
}

#giveDonations .open > .dropdown-menu {
  min-width: 100% !important;
  width: 100%;
}

#fundsDropDownDiv .open > .dropdown-menu {
  min-width: 100% !important;
  width: 100%;
}

#orgddlDiv .open > .dropdown-menu {
  min-width: 100% !important;
  width: 100%;
}

.dropdown-menu .inner {
  max-height: 250px !important;
  overflow: auto !important;
}

.bootstrap-select .btn-default {
  padding: 12px;
  border-width: 1px;
}

.bootstrap-select .dropdown-menu li {
  font-size: 12px;
}

.divout {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
  background-color: #e7e7e7;
  padding: 2px 5px;
}

.divout button {
  width: 30px;
  height: 30px;
  border: 0;
  margin: 0px 0px 0 10px;
  align-self: center;
  font-size: 20px;
  background-color: transparent;
}

.divout input[type=text] {
  background-image: url(../images/dollorSign.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
}

.form-cell input[type=text].textAmount {
  width: 100px;
  margin-left: 10px;
}

.selectedText {
  width: 90%;
  align-self: center;
}

.selectedText {
  width: 90%;
  align-self: center;
  font-size: 14px;
}

.ui-autocomplete-loading {
  background: white url("../images/autocomplete-spinner.gif") 105% center no-repeat;
}

.otherAmountDonation {
  position: relative;
}

.dollerSign {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 24px;
  color: #000;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  font-weight: bold;
}

.otherAmountDonation input[type=text] {
  padding: 54px 20px 54px 30px;
  font-weight: bold;
  text-align: center;
  font-size: 18px !important;
  margin: 0;
  font-weight: 500;
  color: #6f6f6f;
}

.otherAmountDonation input[type=text]:focus::-webkit-input-placeholder {
  opacity: 0;
}

.otherAmountDonation input[type=text]::-webkit-input-placeholder {
  text-align: center;
  color: #6f6f6f;
}

.otherAmountDonationChecked {
  border: 3px solid #000 !important;
  color: #000 !important;
}

.col-md-6 .otherAmountDonation .otherAmountDonationCheckedFontSize {
  font-size: 24px !important;
}

.field-validation-error {
  margin-bottom: 0;
}

.radio-card {
  position: relative;
  width: 150px;
}

.savedCardSection .radio-card {
  width: auto;
}

.radio-card.withEnding {
  width: 100%;
}

.radio-card input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.radio-card label {
  border: 1px solid #999;
  padding: 2px;
  display: block;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 0;
  text-transform: uppercase;
  margin-bottom: 0;
  width: 100%;
  float: left;
  /*top:29px;*/
}

.radio-card input[type=radio]:checked + label {
  border: 1px solid #000;
  text-align: center;
  font-size: 0;
  text-transform: uppercase;
}

.radio-card input[type=radio]:checked + label small:after {
  background-color: #000;
}

.radio-card label small {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50px;
  position: relative;
  float: left;
  margin: 13px 0 0 10px;
}

.radio-card label small:after {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #fff;
  border-radius: 50px;
  position: absolute;
  content: "";
  left: 5px;
  top: 5px;
}

.radio-card label .card {
  width: 95px;
  height: 45px;
  display: inline-block;
  background-image: url(../images/visa-logo.png);
  background-repeat: no-repeat;
  background-position: center 12px;
  float: left;
}

.radio-card label .card.Mastercard {
  background-image: url(../images/master-card-logo.png);
  background-position: center 6px;
}

.radio-card label .card.Amex {
  background-image: url(../images/american-express.png);
  background-position: center 2px;
}

.radio-card label .savedCard {
  display: block;
  font-size: 12px;
  float: left;
  margin-top: 12px;
}

.donationModule .radio-list-amount label strong {
  font-size: 18px;
  margin: 0;
  font-weight: 500;
  color: #6f6f6f;
}

.donationModule .radio-list-amount input[type=radio]:checked + label:before {
  display: none;
}

.donationModule .radio-list-amount label {
  min-height: 35px;
  line-height: 10px;
  padding: 12px 0;
}

.donationModule .radio-list-amount input[type=radio]:checked + label {
  border: 3px solid #000;
  padding: 10px 0px 10px 0px;
}

.donationModule .radio-list-amount input[type=radio]:checked + label strong {
  color: #262626;
}

.donationModule .otherAmountDonation input[type=text] {
  height: 36px;
  padding: 10px 20px 10px 25px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.donationModule .dollerSign {
  font-size: 18px;
  font-weight: 500;
}

.selectDuration {
  float: left;
  position: relative;
  min-width: 180px;
}

.selectDuration:first-child {
  margin-right: 20px;
}

.donationModule .form-cell input[type=text].textAmount {
  height: 46px;
}

.container .col-md-7 .radioWidth {
  width: 48.1%;
}

.loginmarginTop20 {
  margin-top: 20px;
  display: inline-block;
}

.spanMargintop20 {
  margin-top: 20px;
  display: block;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  .radio-card {
    width: 100%;
    display: flex;
  }
  .col-md-7 .radioWidth {
    width: 100%;
  }
  .radioWidth:nth-child(2n+2) {
    margin-left: 0;
  }
}
/*		Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  .radio-card {
    width: 100%;
    display: flex;
  }
  .divout {
    display: inline-block;
  }
  .selectedText {
    width: 100%;
    margin-bottom: 10px;
  }
  #divSplitFunds {
    width: 100%;
    float: left;
  }
  .selectDuration {
    margin-bottom: 10px;
    min-width: 135px;
  }
  .button.button-secondary {
    width: 100%;
  }
  .col-md-7 .radioWidth {
    width: 100%;
  }
  .radioWidth:nth-child(2n+2) {
    margin-left: 0;
  }
  .navbar-default .navbar-nav > li > a:hover {
    color: #262626;
  }
}
/*		Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .button.button-secondary {
    width: 100%;
  }
}
.colShiftLeft {
  width: 100%;
}

.col-md-7 .membershipOuter {
  padding: 0;
  border: 0;
}

.col-md-7 .membershipOuter .radio-list label strong {
  font-size: 15px;
}

.col-md-7 .radio-list label {
  min-height: 160px;
}

.otherAmountDonation {
  position: relative;
}

.dollerSign {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 24px;
  color: #000;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  font-weight: bold;
}

.otherAmountDonation input[type=text] {
  font-size: 24px;
  padding: 54px 20px 54px 30px;
  font-weight: bold;
}

.radio-card {
  position: relative;
  width: 150px;
}

.radio-card.withEnding {
  width: 100%;
}

.radio-card input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.radio-card label {
  border: 1px solid #999;
  padding: 2px;
  display: block;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 0;
  text-transform: uppercase;
  margin-bottom: 0;
  width: 100%;
  float: left;
  /*top:29px;*/
}

.radio-card input[type=radio]:checked + label {
  border: 1px solid #000;
  text-align: center;
  font-size: 0;
  text-transform: uppercase;
}

.radio-card input[type=radio]:checked + label small:after {
  background-color: #000;
}

.radio-card label small {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50px;
  position: relative;
  float: left;
  margin: 8px 0 0 8px;
}

.radio-card label small:after {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #fff;
  border-radius: 50px;
  position: absolute;
  content: "";
  left: 5px;
  top: 5px;
}

.radio-card label .card {
  width: 95px;
  height: 37px;
  display: inline-block;
  background-image: url(../images/visa-logo.png);
  background-repeat: no-repeat;
  background-position: center 8px;
  float: left;
}

.radio-card label .card.master {
  background-image: url(../images/master-card-logo.png);
  background-position: center 2px;
}

.radio-card label .card.amex {
  background-image: url(../images/american-express.png);
  background-position: center -2px;
}

.radio-card label .savedCard {
  display: block;
  font-size: 12px;
  float: left;
  margin-top: 12px;
}

.noAnchor {
  border: 0;
  padding: 0;
}

.noAnchor:hover {
  background-color: transparent;
}

.noAnchor:focus {
  background-color: transparent;
}

.noAnchor:active {
  background-color: transparent;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  .radio-card {
    width: 100%;
    display: flex;
  }
}
/*		Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  .radio-card {
    width: 100%;
    display: flex;
  }
}
/*		Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */
.colShiftLeft {
  width: 100%;
}

.col-md-7 .membershipOuter {
  padding: 0;
  border: 0;
}

.col-md-7 .membershipOuter .radio-list label strong {
  font-size: 15px;
}

.col-md-7 .radioWidth {
  width: 48.5%;
}

.custom-radio input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.custom-radio label {
  margin-bottom: 0;
  width: 100%;
  float: left;
  /*top:29px;*/
}

.custom-radio input[type=radio]:checked + label small:after {
  background-color: #000;
}

.custom-radio label small {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50px;
  position: relative;
  float: left;
  margin: -1px 10px 0 0px;
}

.custom-radio label small:after {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #fff;
  border-radius: 50px;
  position: absolute;
  content: "";
  left: 5px;
  top: 5px;
}

#divSplitFunds {
  width: 100%;
  float: left;
}

.help-block.pass {
  margin-bottom: 0;
}

.passwordHint {
  font-size: 10px;
  color: #999;
  padding-top: 5px;
}

#cmt {
  resize: none;
}

.ui-autocomplete {
  width: 500px !important;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.button.button-secondary:disabled {
  background-color: #ccc;
  color: #fff;
}

.button.button-secondary:disabled:hover {
  background-color: #ccc;
  color: #fff;
}

 .myprofileSection {
  margin-bottom: 50px;
}

.fl {
  float: left;
}

.membershipOuter {
  border: 1px solid #000;
  padding: 50px;
}

.form-cell.nobdr input[type=text] {
  border: 0;
  padding: 0;
}

.form-cell input[type=text].right {
  background-image: url(../images/checked.png);
  background-repeat: no-repeat;
  background-position: 95% center;
}

.nobdr label {
  left: 5px;
}

.fieldset.with600 {
  max-width: 600px;
}

.addpaymentmethod {
  text-decoration: underline;
  display: inline-block;
  margin-top: 14px;
}

.fieldset.width800 {
  max-width: 800px;
}

.fieldset.width800 label.add {
  font-size: 11px;
}

ul.existingcardlist {
  list-style: none;
  padding: 0;
  padding-top: 6px;
}

ul.existingcardlist input[type=radio] {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.fieldset.width800 label.add input[type=radio] {
  float: left;
  margin-right: 5px;
  margin-top: 0px;
}

.vline {
  position: absolute;
  width: 1px;
  background: #000;
  bottom: 0;
  left: 50%;
  height: 100%;
}

.relativBlock {
  display: inline-block;
  position: relative;
  width: 100%;
}

@media (max-width: 991px) {
  .membershipOuter {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .membershipOuter {
    padding: 10px;
  }
}
#MembershipDetails .check-list label strong {
  font-size: 16px;
  max-width: 275px;
}

/*-------- profile----------*/
.profileImgSection {
  width: 300px;
  float: left;
}

.profleImgBox {
  width: 300px;
  height: 300px;
  padding: 2px;
  float: left;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #303133;
  display: flex;
  position: relative;
}

.profleImgBox img {
  max-width: 100%;
  align-self: center;
}

.profileNameSection {
  margin-left: 320px;
  display: block;
}

.userNameRole h2 {
  font-size: 37px;
  color: #303133;
  margin-top: 20px;
  position: relative;
  margin-bottom: 10px;
  font-weight: 500;
  padding-right: 35px;
  word-wrap: break-word;
}

.userNameRole h3 {
  font-size: 18px;
  color: #303133;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-weight: 500;
}

.userNameRole .edit-box {
  margin-left: 20px;
}

.userNameRole h2:hover .edit-box {
  display: inline-block;
}

.profleImgBox:hover .edit-box {
  bottom: 0;
  right: 5px;
  display: block;
}

.edit-box {
  position: absolute;
  display: none;
}

.edit {
  width: 40px;
  height: 40px;
  border: 1px solid #303133;
  display: inline-block;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.edit:hover {
  text-decoration: none;
  background-color: #c4c4c4;
  -webkit-box-shadow: inset 0 0 0 1px #000;
  box-shadow: inset 0 0 0 1px #000;
  outline: 0;
}

.edit:focus {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 2px #12c6a6;
  box-shadow: inset 0 0 0 2px #12c6a6;
  outline: 0;
}

.edit:after {
  content: "✏";
  display: block;
  position: relative;
  font-family: "Glyphicons Halflings";
  font-size: 17px;
  position: absolute;
  left: 12px;
  top: 8px;
  color: #000;
}

.delete {
  width: 40px;
  height: 40px;
  border: 1px solid #303133;
  display: inline-block;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.delete:hover {
  text-decoration: none;
  background-color: #c4c4c4;
  -webkit-box-shadow: inset 0 0 0 1px #000;
  box-shadow: inset 0 0 0 1px #000;
  outline: 0;
}

.delete:focus {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 2px #12c6a6;
  box-shadow: inset 0 0 0 2px #12c6a6;
  outline: 0;
}

.delete:after {
  content: "\e014";
  display: block;
  position: relative;
  font-family: "Glyphicons Halflings";
  font-size: 17px;
  position: absolute;
  left: 12px;
  top: 8px;
  color: #000;
  font-weight: normal;
}

.currect {
  width: 40px;
  height: 40px;
  border: 1px solid #303133;
  display: inline-block;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.currect:hover {
  text-decoration: none;
  background-color: #c4c4c4;
  -webkit-box-shadow: inset 0 0 0 1px #000;
  box-shadow: inset 0 0 0 1px #000;
  outline: 0;
}

.currect:focus {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 2px #12c6a6;
  box-shadow: inset 0 0 0 2px #12c6a6;
  outline: 0;
}

.currect:after {
  content: "\e013";
  display: block;
  position: relative;
  font-family: "Glyphicons Halflings";
  font-size: 17px;
  position: absolute;
  left: 12px;
  top: 8px;
  color: #000;
  font-weight: normal;
}

.addIcon {
  width: 40px;
  height: 40px;
  border: 1px solid #303133;
  display: inline-block;
  text-decoration: none;
  position: relative;
  background-color: #fff;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.addIcon:hover {
  text-decoration: none;
  background-color: #c4c4c4;
  -webkit-box-shadow: inset 0 0 0 1px #000;
  box-shadow: inset 0 0 0 1px #000;
  outline: 0;
}

.addIcon:focus {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: inset 0 0 0 2px #12c6a6;
  box-shadow: inset 0 0 0 2px #12c6a6;
  outline: 0;
}

.addIcon:after {
  content: "+";
  display: block;
  position: relative;
  font-family: "Glyphicons Halflings";
  font-size: 17px;
  position: absolute;
  left: 12px;
  top: 8px;
  color: #000;
  font-weight: normal;
}

.modal {
  text-align: center;
  padding: 0 !important;
}

/*.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}*/
.modal-content {
  padding: 15px 20px;
  width: 100%;
  display: inherit;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 90%;
  max-width: 540px;
}

.modal-dialog.big {
  max-width: 1024px;
}

.modal-dialog.big .profileselectSection ul li {
  width: 45%;
}

.profileselectSection ul li .tagbtn {
  background-color: #9e9e9e;
  color: #fff;
  text-transform: none;
  font-size: 11px;
  padding: 4px 12px 4px 12px;
  border-radius: 20px;
  font-weight: 700;
  font-style: normal;
  margin-left: 5px;
}

/*.modlaPopupOuter .button {
    padding: 5px 20px;
}*/
button.close {
  width: 20px;
  border: 0;
  font-size: 35px;
  line-height: 0;
}

.modal-header {
  padding: 0 0 15px 0;
}

.modal-title {
  font-size: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.modal-header .close {
  width: 25px;
  height: 25px;
}

.modal-body {
  padding: 15px 0 0;
}

.modal-body .button {
  margin-left: 10px;
}

.modal-footer {
  padding: 15px 0 0 0;
}

.loading:before {
  background-color: transparent;
}

/*-------------------------------------------------------*/
.profileSectionOuter {
  border: 1px solid #000;
  padding: 50px;
  margin-bottom: 50px;
  width: 100%;
  float: left;
}

.profileTabSection {
  padding-top: 50px;
}

.profileSectionOuter .main-title-section h2 {
  margin-top: 0;
  text-transform: none;
}

.profileselectSection ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.profileselectSection ul li {
  width: 35%;
  float: left;
  min-height: 40px;
}

.profileselectSection ul li:nth-child(2n+2) {
  float: right;
}

.profileselectSection ul li h5 {
  margin: 0;
  float: left;
  font-size: 16px;
  font-family: DM Sans, sans-serif;
}

.sectionTitle {
  margin-bottom: 20px;
}

.primaryHead {
  font-size: 12px;
  color: #9e9e9e;
  text-align: right;
  float: right;
}

.profileselectSection ul li.primary {
  margin-bottom: 0px;
}

.profileselectSection ul li.primary h5 {
  font-size: 14px;
}

/* ------ switch css ---------*/
.switchYesno {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
}

.switchYesno input {
  display: none !important;
}

.sliderSwitchYesno {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9E9E9E;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #000;
}

.sliderSwitchYesno i, .sliderSwitchYesno svg.svg-inline--fa {
  position: absolute;
  top: 25px;
  font-size: 11px;
  line-height: 17px;
  background-color: #fff;
  z-index: 99999;
  border: 1px solid #666;
  padding: 1px 6px;
  right: 0px;
  font-weight: 400;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s;
  color: #666;
  font-style: normal;
  box-shadow: 5px 4px 3px -2px #ccc;
  -webkit-box-shadow: 5px 4px 3px -2px #ccc;
  -ms-box-shadow: 5px 4px 3px -2px #ccc;
  -moz-box-shadow: 5px 4px 3px -2px #ccc;
}

.sliderSwitchYesno i:before {
  content: "Public";
  white-space: nowrap;
}

.sliderSwitchYesno:hover i, .sliderSwitchYesno:hover svg.svg-inline--fa {
  visibility: visible;
  opacity: 1;
}

.sliderSwitchYesno:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 0px;
  bottom: -1px;
  background-color: #000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .sliderSwitchYesno {
  background-color: #fff;
}

input:focus + .sliderSwitchYesno {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderSwitchYesno:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

input:checked + .sliderSwitchYesno i:before {
  content: "Private";
  white-space: nowrap;
}

/* Rounded sliders */
.sliderSwitchYesno.round {
  border-radius: 34px;
}

.sliderSwitchYesno.round:before {
  border-radius: 21px;
}

.selectionlistLeft .custom-checkbox {
  float: left;
}

.selectionlistLeft.chapter .custom-checkbox {
  float: left;
  max-width: 80%;
}

.profileselectSection .selectionlistLeft.chapter .custom-checkbox input + label span {
  display: inline;
  float: none;
}

.profileselectSection .custom-checkbox input + label {
  margin-bottom: 0px;
}

.selectionlistLeft .switchYesno {
  float: right;
  margin-right: 30px;
}

.selectionlistLeft label {
  margin-bottom: 10px;
}

.profileselectSection .custom-checkbox input + label:before {
  width: 20px;
  height: 20px;
  float: left;
}

.profileselectSection .custom-checkbox input + label span {
  float: left;
  margin-top: 5px;
  color: #262626;
  font-size: 12px;
}

.profileselectSection .custom-checkbox input:checked + label:after {
  left: 7px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff;
}

.tooltipOuter {
  width: 22px;
  height: 22px;
  border: 1px solid #414141;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
  padding: 3px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  cursor: default;
}

.tooltipOuter:hover .tooltipBox {
  display: block;
}

.tooltipBox {
  width: 300px;
  position: absolute;
  left: 30px;
  top: -25px;
  border: 1px solid #414141;
  padding: 8px 12px;
  background-color: #fff;
  text-align: left;
  display: none;
  z-index: 9;
}

.tooltipBox h5 {
  font-size: 14px;
  font-family: DM Sans, sans-serif;
  margin-top: 0;
  margin-bottom: 5px;
}

.tooltipBox P {
  font-size: 12px;
  line-height: 20px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  margin-bottom: 0;
}

.tooltipBox:after,
.tooltipBox:before {
  right: 100%;
  top: 35px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tooltipBox:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}

.tooltipBox:before {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #414141;
  border-width: 9px;
  margin-top: -9px;
}

.profileSectionOuter .content {
  margin-bottom: 20px;
}

.profileSectionOuter .content p {
  font-size: 14px;
  line-height: 16px;
  color: #262626;
}

/*------------------*/
.button.button-primary.add {
  text-transform: uppercase;
  border: 1px solid #000;
  text-align: left;
  position: relative;
  overflow: hidden;
  font-size: 18px;
  padding: 11px 20px 11px 60px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  min-width: 320px;
  margin-left: 2px;
}

.button .glyphicon {
  font-family: DM Sans, sans-serif;
  font-weight: 300;
  font-size: 40px;
  line-height: 40px;
  position: absolute;
  left: 22px;
  top: 4px;
}

.commonContent {
  margin-bottom: 30px;
  width: 100%;
  float: left !important;
}

.commonContent .main-title-section {
  position: relative;
}

.commonContent .main-title-section h2 {
  margin-bottom: 35px;
}

.commonContent.sin {
  width: 100%;
  float: left;
}

.commonContent.sin .contentsection {
  position: static;
}

.commonContent.bio {
  position: relative;
}

.commonContent.bio .edit-box {
  top: 0;
  right: 0;
}

.commonContent.bio:hover .edit-box {
  display: block;
}

.bioContent {
  margin-bottom: 20px;
}

.bioContent p {
  font-size: 18px;
  line-height: 26px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  word-break: break-word;
}

.slideItem {
  width: 100%;
  float: left;
  position: relative;
  padding-right: 10px;
}

.slideItem p {
  font-size: 18px;
  color: #303133;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  word-break: break-word;
  -ms-word-break: break-word;
}

.maxwidth80 {
  max-width: 80%;
}

.slideItem ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 30px;
  float: left;
}

.slideItem ul li {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  color: #8d8d8f;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
}

.slideItem ul li.links a {
  /*text-decoration: underline;*/
  font-weight: 700;
  color: #262626;
  text-transform: none;
  float: left;
  padding-top: 0px;
  padding-bottom: 0;
  line-height: 18px;
}

.slideItem ul li.links a:hover {
  color: #fff;
}

.slideItem ul .veryfedmsg {
  text-transform: none;
  color: #3c763d;
  font-weight: 500;
  float: left;
  margin-left: 10px;
}

.slideItem ul li .tagbtn {
  background-color: #9e9e9e;
  color: #fff;
  text-transform: none;
  font-size: 11px;
  padding: 4px 12px 4px 12px;
  border-radius: 20px;
  font-weight: 700;
}

.slideItem ul li .glyphicon {
  font-size: 8px;
  font-weight: 300;
  margin-right: 3px;
}

.slideItem .edit-box {
  top: 0;
  right: 5px;
}

.slideItem.address .edit-box {
  top: 35px;
  right: 10px;
}

.slideItem:hover .edit-box {
  display: block;
}

.contentsection {
  margin-bottom: 25px;
  position: relative;
}

.contentsection .owl-dots {
  display: none;
}

.contentsection h3 {
  font-size: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #303133;
  margin-bottom: 22px;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 10px;
  margin-top: 0;
}

.contentsection.nomargin {
  margin-bottom: 0;
}

.slidesToScroll .owl-controls {
  position: absolute;
  top: 0;
  right: 0;
}

.profileselectSection {
  position: relative;
}

.slidesToScroll .owl-theme .owl-controls {
  margin-top: -50px;
}

.slidesToScroll .owl-carousel .owl-item {
  padding: 0;
}

.slidesToScroll .owl-pagination {
  display: none;
}

.owl-theme .owl-controls .owl-nav div, .owl-theme .owl-controls .owl-nav div:hover {
  background-image: url(../images/slider-arrow.png);
  background-repeat: no-repeat;
  background-position: 7px 7px;
  background-color: transparent;
  margin: 0;
  padding: 3px 18px;
  text-indent: -9999px;
  opacity: 1;
  position: static;
  float: left;
}

.owl-nav {
  background-image: url(../images/sep.png);
  background-repeat: no-repeat;
  background-position: center 2px;
  width: 72px;
  float: left;
}

.owl-theme .owl-controls .owl-nav div.owl-prev {
  background-position: 7px -23px;
}

.owl-theme .owl-controls .owl-nav div.owl-next {
  background-position: -33px -23px;
}

.owl-theme .owl-controls .owl-nav div.owl-prev.disabled {
  background-position: 7px 7px;
}

.owl-theme .owl-controls .owl-nav div.owl-next.disabled {
  background-position: -33px 7px;
}

.contentsection .dateSection {
  font-size: 14px;
  color: #303133;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.contentsection h4 {
  font-size: 21px;
  color: #303133;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.slideItem.address ul li {
  text-transform: none;
}

.slideItem.address p {
  font-size: 16px;
}

.profileselectSection ul.step2 {
  max-width: 900px;
}

.profileselectSection ul.step2 li {
  width: 49%;
  margin-bottom: 0px;
}

.profileselectSection ul.step2 li:nth-child(1) {
  margin-top: 10px;
}

.profileselectSection ul.step2 li:nth-child(2) {
  margin-top: 10px;
}

.profileselectSection .leftlabel {
  float: left;
}

.profileselectSection .rightlabel {
  float: right;
}

.profileselectSection.yourNeeds .custom-checkbox input + label span {
  max-width: 250px;
}

.form-cell textarea.textarea {
  height: 100px;
  font-size: 16px;
  line-height: 26px;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
}

.profileselectSection .custom-checkbox input + label {
  width: 100%;
}

.contentsectionLoader {
  width: 100%;
  min-height: 200px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
}

.contentsectionLoader .loading {
  position: absolute;
}

.contentsectionLoader .loading:before {
  position: absolute;
}

.contentsectionLoader.email {
  min-height: 182px;
}

.custom-checkbox.present {
  margin-top: 15px;
}

.custom-checkbox.present label {
  color: #262626;
}

.form-cell input.calendar {
  background-image: url(../images/calendar-alt-regular.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 20px;
}

.profileselectSection ul.interest {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}

.profileselectSection ul.interest li {
  width: 45%;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #262626;
}

.socialMediaSection {
  margin-bottom: 20px;
}

.socialtext {
  float: left;
  font-size: 16px;
  color: #262626;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  margin-right: 20px;
  padding-top: 10px;
}

.bioleftCh {
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #262626;
  line-height: 16px;
  text-align: right;
}

.profileselectSection textarea {
  font-size: 16px;
  line-height: 24px;
  color: #303133;
}

/*-----------------------*/
.profileAccordian.panel-group {
  margin-bottom: 0px;
}

.profileAccordian .panel-body {
  padding: 0px 0 10px;
  border: 0;
}

.profileAccordian .panel {
  border: 0;
  border-radius: 0;
}

.profileAccordian .panel-default > .panel-heading {
  background-color: #fff;
  border-bottom: 1px solid #c4c4c4;
  padding: 0 0 8px;
  margin-bottom: 30px;
  cursor: pointer;
}

.profileAccordian .panel-default.noAc > .panel-heading {
  cursor: default;
  opacity: 0.5;
}

.profileAccordian .panel-default.curDef > .panel-heading {
  cursor: default;
}

.profileAccordian .panel-title {
  font-size: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #000;
  text-align: left;
}

.profileAccordian .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: 0;
}

.profileAccordian .selectionlistLeft .switchYesno {
  margin-right: 0;
}

.profileAccordian .selectionlistLeft.margin-bottom30 {
  margin-bottom: 30px;
}

.profileAccordian h5 {
  font-weight: 600;
  color: #303133;
  float: none;
}

.profileAccordian p.sub {
  color: #8d8d8f;
  font-size: 10px;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
}

.profileAccordian .selectionlistLeft {
  float: left;
  width: 100%;
  text-align: left;
}

.link {
  font-size: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
}

.profileselectSection ul.profileSection li {
  width: 100%;
}

.profileselectSection ul.profileSection.sectionInInterst li {
  width: 50%;
}

.profileSectionBox {
  position: relative;
}

.profileSectionBox .edit-box {
  right: 0;
}

.profileSectionBox:hover .edit-box {
  display: block;
}

.UserScientific {
  position: relative;
}

.UserScientific .edit-box {
  top: 0;
  right: 0;
}

.UserScientific:hover .edit-box {
  display: block;
}

.dropdown.open .dropdown-toggle, .dropup.open .dropdown-toggle {
  background-color: transparent;
}

.btn-default:active:hover, input[type=file] + label:active:hover, .btn-default:active:focus, input[type=file] + label:active:focus, .btn-default:active.focus, input[type=file] + label:active.focus, .btn-default.active:hover, input[type=file] + label.active:hover, .btn-default.active:focus, input[type=file] + label.active:focus, .btn-default.active.focus, input[type=file] + label.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > input[type=file] + label.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > input[type=file] + label.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus, .open > input[type=file] + label.dropdown-toggle.focus {
  background-color: transparent;
}

.btn-default:hover, input[type=file] + label:hover, input[type=file] + label:hover, .btn-hollow:hover, a.btn-default:hover, a.btn-hollow:hover {
  background-color: transparent;
}

.bootstrap-select .btn-default, .bootstrap-select input[type=file] + label {
  font-weight: 500;
}

.margin-btm20 {
  margin-bottom: 20px;
}

@media only screen and (min-width: 980px) and (max-width: 1900px) {
  .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
}
/* media section */
.socialMediaAccounts {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}

.socialMediaAccounts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.socialMediaAccounts ul li {
  font-size: 18px;
  line-height: 22px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}

.socialMediaAccounts ul li .edit-box {
  top: 0;
  right: 0;
}

.socialMediaAccounts ul li:hover .edit-box {
  display: block;
}

.socialMediaAccounts ul li a.addUrl {
  text-decoration: none;
  line-height: 44px;
}

.socialMediaAccounts ul li .icon {
  width: 44px;
  height: 44px;
  border: 1px solid #000;
  float: left;
  margin-right: 20px;
}

.socialMediaAccounts ul li .medialinks {
  float: left;
}

.socialMediaAccounts ul li .name {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #8d8d8f;
}

.socialMediaAccounts ul li .icon.facebook:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f09a";
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0 0 16px;
}

.socialMediaAccounts ul li .icon.instagram:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f16d";
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0 0 16px;
}

.socialMediaAccounts ul li .icon.twitter:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f099";
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0 0 16px;
}

.socialMediaAccounts ul li .icon.linkedIn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e1";
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0 0 16px;
}

.socialMediaAccounts ul li .icon.blueSky:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e671";
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0 0 16px;
}

.profileselectSection ul.profileSection li .tagbtn {
  background-color: #9e9e9e;
  color: #fff;
  text-transform: none;
  font-size: 11px;
  padding: 4px 12px 4px 12px;
  border-radius: 20px;
  font-weight: 700;
}

/* saved cards */
.savedCardSection {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}

.savedCardSection ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.savedCardSection ul li {
  font-size: 18px;
  line-height: 45px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}

.savedCardSection ul li .edit-box {
  top: 0;
  right: 0;
}

.savedCardSection ul li:hover .edit-box {
  display: block;
}

.savedCardSection ul li .card {
  width: 54px;
  height: 44px;
  border: 1px solid #c4c4c4;
  float: left;
  margin-right: 20px;
  border-radius: 5px;
}

.savedCardSection ul li .card.visa {
  background-image: url(../images/visa-logo.png);
  background-repeat: no-repeat;
  background-size: 88%;
  background-position: center center;
}

.savedCardSection ul li .card.mastercard {
  background-image: url(../images/master-card-logo.png);
  background-repeat: no-repeat;
  background-size: 88%;
  background-position: center center;
}

.savedCardSection ul li .card.master {
  background-image: url(../images/master-card-logo.png);
  background-repeat: no-repeat;
  background-size: 88%;
  background-position: center center;
}

.savedCardSection ul li .card.amex {
  background-image: url(../images/american-express.png);
  background-repeat: no-repeat;
  background-size: 88%;
  background-position: center center;
}

.savedCardSection ul li .delete:after {
  line-height: 26px;
}

/* Subscription */
.slidesToScroll.subs {
  margin-bottom: 20px;
}

.slidesToScroll.subs .slideItem {
  width: 98%;
  padding-right: 0;
  margin-right: 10px;
  border: 1px solid #000;
  padding: 15px;
}

.slidesToScroll.subs h3 {
  margin-top: 0;
  font-size: 21px;
  line-height: 31px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.slidesToScroll.subs h3 span {
  font-weight: 300;
}

.slidesToScroll.subs h3.subsTitle:after {
  content: "";
  display: block;
  width: 35px;
  height: 5px;
  background: #000;
  margin-top: 5px;
}

.slidesToScroll.subs p {
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
}

.slidesToScroll.subs h4 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  color: #8d8d8f;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
}

.profileSector h5 {
  margin: 0;
  font-size: 18px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
}

.profileSector .sub {
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #8d8d8f;
  text-transform: uppercase;
}

.profileSector .sectorSec .edit-box {
  top: 0;
  right: 0;
}

.profileSector .sectorSec:hover .edit-box {
  display: block;
}

/*demography*/
.demography {
  position: relative;
  width: 100%;
  float: left;
}

.demography ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.demography ul li {
  width: 49%;
  float: left;
  margin-bottom: 10px;
}

.demography h5 {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #303133;
  margin: 0;
}

.demography .gender, .demography .sexualOrientation {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 450px;
}

.demography p {
  color: #8d8d8f;
  font-size: 12px;
  line-height: 18px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-weight: 300;
  text-transform: uppercase;
}

.demography .edit-box {
  top: 0;
  right: 0;
}

.demography:hover .edit-box {
  display: block;
}

.profileEducationSection h5 {
  font-size: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
}

.tooltip-inner {
  max-width: 400px;
}

.modal-dialog.big .check-list label {
  min-height: 140px;
  padding: 20px 100px 20px 20px;
}

.modal-dialog.big .check-list input[type=checkbox]:checked + label {
  padding: 17px 87px 17px 17px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.panel {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}

.popupScroll {
  max-height: 350px;
  overflow: auto;
  padding-right: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.onboadingScroll {
  max-height: 504px;
  overflow: auto;
  padding-right: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.onboadingScroll .check-list label {
  min-height: 120px;
}

#SubscriptionContainer {
  margin-bottom: 20px;
}

.lineDivOnBordingSub {
  height: 80%;
  position: absolute;
  left: 50%;
  width: 1px;
  top: 0;
  background-color: #000;
}

.gendererrormsg, .sexualorientationerrormsg {
  margin-top: -15px;
  margin-bottom: 15px;
}

.modal-dialog.big .profileSectionOuter {
  border: 0;
  padding: 0;
  margin: 0;
  float: none;
}

/*--Notification Section--*/
.profileChannelNotifications {
  margin-left: 50px;
  margin-top: -25px;
}

.profileChannelNotifications ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.profileChannelNotifications ul li {
  width: 100%;
  float: left;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.profileChannelNotifications ul li .text {
  float: left;
  max-width: 90%;
}

.profileChannelNotifications ul li .count {
  float: right;
}

.profileChannelNotifications ul li.renewSection {
  border-bottom: 0;
}

.profileChannelNotifications ul li .renewText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.profileChannelNotifications ul li .renewText .text {
  float: right;
}

.profileChannelNotifications .noText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 10px;
}

.profileChannelNotifications .button {
  padding-top: 2px;
  padding-bottom: 2px;
}

.profileChannelNotifications ul li.renewSection {
  border-bottom: 0;
}

.profileChannelNotifications ul li .renewText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.profileChannelNotifications ul li .renewText .text {
  float: right;
}

.profileChannelNotifications .noText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 10px;
}

.profileChannelNotifications .button {
  padding-top: 2px;
  padding-bottom: 2px;
}

.profileChannelSlider a.channelhover {
  padding: 0;
  border: 0;
  display: block;
}

.profileChannelSlider a.channelhover:hover {
  background-color: transparent;
}

.profileChannelSlider a.channelhover:focus {
  background-color: transparent;
}

.profileChannelSlider a.channelhover:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.profileChannelSlider a.channelhover:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.profileChannelSlider a.channelhover:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.bootstrap-select .dropdown-menu li a {
  border: 0;
  padding-left: 10px;
  padding-right: 10px;
}

#recomendedChannelsId .contactWrap .slidesToScroll .owl-controls {
  right: 10px;
}

#UserManageSubscriptions .slidesToScroll .owl-controls {
  right: 10px;
}

.it-tabs > .it-nav > .it-tab > a {
  display: inline-block;
}

#divRenderBecomeMember .membershipOuter {
  margin-bottom: 50px;
}

#renewMembershipOverLapID .membershipOuter {
  margin-bottom: 50px;
}

.profileAccordian .selectionlistLeft.margin-bottom30.margin-bottom20 {
  margin-bottom: 20px;
}

.myaccordian.pubAward .panel {
  border: 0;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  position: relative;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-bottom: 15px;
}

.myaccordian.pubAward .panel:hover {
  box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.myaccordian.pubAward .panel-heading {
  padding: 0;
}

.myaccordian.pubAward .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: 0;
  padding: 20px 0 0 0;
}

.myaccordian.pubAward .panel-default > .panel-heading + .panel-collapse > .panel-body h3 {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #303133;
  margin-bottom: 0;
  border-bottom: 0;
}

.myaccordian.pubAward .panel-default > .panel-heading + .panel-collapse > .panel-body h3 {
  margin-bottom: 0;
}

.myaccordian.pubAward .panel-default > .panel-heading + .panel-collapse > .panel-body p {
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.myaccordian.pubAward .panel-title {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 31px;
  color: #303133;
  text-transform: capitalize;
}

.myaccordian.pubAward .panel-heading.accordion-toggle.collapsed .titleContent {
  max-height: 50px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  color: #303133;
}

.myaccordian.pubAward .panel-heading.accordion-toggle .titleContent {
  height: auto;
  overflow: visible;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.myaccordian.pubAward .titleContent p {
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.myaccordian.pubAward .panel-heading[data-toggle=collapse] .fa, .myaccordian.pubAward .panel-heading[data-toggle=collapse] svg.svg-inline--fa {
  top: 0;
}

.awardSelect {
  width: 200px;
  float: right;
}

.awardSelect select {
  width: 100%;
}

.awardSelect.position {
  position: absolute;
  top: 0;
  right: 0;
}

.awardSelect.position .awardyear {
  padding-top: 11px;
  text-align: right;
}

.awardSelect.volenteers {
  position: absolute;
  top: 0;
  right: 15px;
}

.positionRel {
  position: relative;
}

.withTwoColumnImage.pub.onprofile {
  min-height: 350px;
}

.awadsSubheading {
  margin-bottom: 10px;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 10px;
  margin-top: 0;
  width: 100%;
  float: left;
}

.awadsSubheading h3 {
  font-size: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #303133;
  margin: 0;
  padding: 18px 0 0 0;
  float: left;
  border: 0;
}

.awadsSubheading .awardyear {
  padding-top: 11px;
  text-align: right;
}

.contentsection.nomarginbtm {
  margin-bottom: 0;
}

.commonContent.nomarginbtm {
  margin-bottom: 0;
}

#spn_membershipDetails {
  display: block;
}

#spn_subscriptionDetails {
  display: block;
}

.ui-widget-content {
  z-index: 9999 !important;
}

#divOthersDemo {
  margin-bottom: 40px;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  .vline {
    display: none;
  }
  .custom-radio label {
    float: none;
  }
  .sapratorLine {
    border-top: 1px solid #000;
    padding-top: 20px;
    display: block;
  }
  .button {
    margin-bottom: 10px;
  }
  .edit-box {
    display: inline-block;
  }
  .profleImgBox .edit-box {
    bottom: 0;
    right: 5px;
    display: block;
  }
  .profileSectionOuter {
    padding: 30px;
    float: none;
  }
  .profileselectSection ul li {
    width: 100%;
  }
  .profileselectSection ul li:nth-child(2n+2) {
    margin-left: 0;
  }
  .profileselectSection ul li.primary:nth-child(2n+2) {
    display: none;
  }
  .tooltipBox {
    left: -140px;
    top: 28px;
  }
  .tooltipBox:after,
  .tooltipBox:before {
    top: -15px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .tooltipBox:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
  }
  .tooltipBox:before {
    border-color: rgba(65, 65, 65, 0);
    border-bottom-color: #414141;
    border-width: 12px;
    margin-left: -12px;
  }
  /*xxxx*/
  .demography .edit-box {
    display: block;
  }
  .socialMediaAccounts ul li .edit-box {
    display: block;
  }
  .lineDivOnBordingSub {
    width: 100%;
    position: static;
    height: 1px;
    margin-top: -15px;
    float: left;
  }
}
/*		Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  .myprofileSection {
    margin-top: 20px;
  }
  .membershipOuter {
    width: 100%;
    float: left;
  }
  .vline {
    display: none;
  }
  .custom-radio label {
    float: none;
  }
  .sapratorLine {
    border-top: 1px solid #000;
    padding-top: 20px;
    display: block;
  }
  .button {
    margin-bottom: 10px;
  }
  .profileImgSection {
    width: 100%;
    float: none;
  }
  .profileNameSection {
    width: 100%;
    float: none;
    margin-left: 0;
    text-align: center;
  }
  .profleImgBox {
    margin: 0 auto;
    float: none;
  }
  .edit-box {
    display: inline-block;
  }
  .profleImgBox .edit-box {
    bottom: 0;
    right: 5px;
    display: block;
  }
  .profileSectionOuter {
    padding: 20px;
    float: none;
  }
  .profileselectSection ul li {
    width: 100%;
  }
  .profileselectSection ul li:nth-child(2n+2) {
    margin-left: 0;
  }
  .profileselectSection ul li.primary:nth-child(2n+2) {
    display: none;
  }
  .tooltipBox {
    width: 250px;
    left: -140px;
    top: 28px;
  }
  .tooltipBox:after,
  .tooltipBox:before {
    top: -15px;
    left: 62%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .tooltipBox:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
  }
  .tooltipBox:before {
    border-color: rgba(65, 65, 65, 0);
    border-bottom-color: #414141;
    border-width: 12px;
    margin-left: -12px;
  }
  .profileTabs.nav-tabs > li {
    width: 100%;
    font-size: 18px;
    margin-right: 0;
  }
  .profileTabs.nav-tabs > li a {
    padding-left: 0;
    padding-right: 0;
  }
  .photo.is-mobile .photo__frame {
    width: 300px;
    height: 300px;
  }
  /*xxxx*/
  .socialMediaAccounts ul li .medialinks {
    max-width: 60%;
  }
  .socialMediaAccounts ul li a {
    word-break: break-all;
  }
  .socialMediaAccounts ul li .edit-box {
    display: block;
  }
  .demography .edit-box {
    display: block;
  }
  .demography ul li {
    width: 100%;
  }
  .lineDivOnBordingSub {
    width: 100%;
    position: static;
    height: 1px;
    margin-top: -15px;
    float: left;
  }
  .slidesToScroll .owl-theme .owl-controls {
    margin-top: -25px;
  }
  .it-tabs.it-mobile > .it-nav > li.magic-line {
    display: none;
  }
  .awardSelect.position {
    position: relative;
    top: -20px;
  }
  .awardSelect.volenteers {
    position: static;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  #paraAccordion .panel-title {
    padding-right: 10px;
  }
  .sectorSec.orcIdlink .edit-box {
    right: 18px;
  }
  .slidesToScroll.pubprofile .owl-theme .owl-controls {
    margin-top: -30px;
  }
  .orcIdlink {
    padding-right: 70px;
  }
  .modal-body .button {
    margin-left: 0px;
  }
  .modal-dialog.big .profileselectSection ul li {
    width: 100%;
  }
}
/*		Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */
/*social sharing css on profile*/
.socialMediaSection .social {
  float: left;
  position: relative;
}

.socialMediaSection .fa-share-nodes:before {
  position: absolute;
  left: 14px;
  top: 16px;
  font-size: 16px;
}

.socialMediaSection .social label {
  float: left;
  background-color: #FFF;
  border: 1px solid #000000;
  padding: 16px 20px 16px 35px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.vertical-label {
  cursor: pointer;
}

.socialMediaSection .social ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 10px;
}

.socialMediaSection .social li {
  float: left;
  width: 100%;
  cursor: pointer;
  color: #FFFFFF;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  color: #000;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  padding: 16px;
  border: 1px solid #000;
  border-bottom: 0;
}

.socialMediaSection .social li:last-child {
  border-bottom: 0;
}

.socialMediaSection .social li:hover {
  -webkit-box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.6);
}

.socialMediaSection .social div {
  clear: both;
}

/* for vertical alignment */
.socialMediaSection .social .vertical {
  float: none;
}

.social .vertical-ul:after,
.social .vertical-ul:before {
  top: -11px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 99;
}

.social .vertical-ul:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 12px;
  margin-left: -12px;
}

.social .vertical-ul:before {
  border-color: rgba(65, 65, 65, 0);
  border-bottom-color: #414141;
  border-width: 11px;
  margin-left: -11px;
}

/* social network styles */
.socialMediaSection .social-facebook {
  background: #fff;
}

.socialMediaSection .social-facebook:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f09a";
  font-size: 16px;
  font-weight: bold;
  padding-right: 10px;
}

.socialMediaSection .social-twitter {
  background: #fff;
}

.socialMediaSection .social-twitter:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61b";
  font-size: 16px;
  font-weight: bold;
  padding-right: 10px;
}

.socialMediaSection .social-LinkedIn {
  background: #fff;
}

.socialMediaSection .social-LinkedIn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e1";
  font-size: 16px;
  font-weight: bold;
  padding-right: 10px;
}

.socialMediaSection ul {
  border-bottom: 1px solid #000;
  position: absolute;
  width: 140px;
  left: -21px;
  top: 48px;
  display: none;
}

.socialButton:hover label + ul {
  display: block;
  color: #ff0000;
}

.custom-checkbox input + label.font {
  font-size: 12px;
  color: #262626;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  line-height: 24px;
}

label.fonts {
  font-size: 12px;
  color: #262626;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

#errorSelectCardType {
  margin-bottom: 15px;
  margin-top: -15px;
}

#validDateError {
  margin-bottom: 15px;
  margin-top: -15px;
}

.subsdetails {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 10px 0 15px;
  margin-bottom: 10px;
  max-width: 80%;
}

.subsdetails .edit-box {
  top: 0;
  right: 0;
}

.subsdetails:hover .edit-box {
  display: block;
}

.modal-body .subsdetails {
  max-width: 100%;
}

/*new owl slider*/
.owl-theme .owl-nav {
  position: relative;
  top: 0;
  margin-top: 0;
  right: 0;
  background-image: url(../images/sep.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 70px;
  display: flex;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  background-image: url(../images/slider-arrow.png);
  background-repeat: no-repeat;
  background-position: 7px 7px;
  background-color: transparent;
  margin: 0;
  padding: 3px 20px;
  text-indent: -9999px;
  opacity: 1;
  outline: none;
  width: 35px;
}

.owl-carousel .owl-nav button.owl-prev {
  background-position: 7px -23px;
}

.owl-carousel .owl-nav button.owl-next {
  background-position: -33px -23px;
}

.owl-carousel .owl-nav button.owl-prev.disabled {
  background-position: 7px 7px;
}

.owl-carousel .owl-nav button.owl-next.disabled {
  background-position: -33px 7px;
}

/*---- channel sharing-----*/
.channelSocialMediaSection {
  margin-top: 18px;
}

.channelSocialMediaSection ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.channelSocialMediaSection ul li {
  float: left;
  width: auto;
  margin-right: 10px;
  padding: 0 5px;
  cursor: pointer;
}

/* social network styles */
.channelSocialMediaSection .social-facebook {
  background: #fff;
}

.channelSocialMediaSection .social-facebook:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f09a";
  font-size: 16px;
  font-weight: bold;
}

.channelSocialMediaSection .social-twitter {
  background: #fff;
}

.channelSocialMediaSection .social-twitter:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61b";
  font-size: 16px;
  font-weight: bold;
}

.channelSocialMediaSection .social-LinkedIn {
  background: #fff;
}

.channelSocialMediaSection .social-LinkedIn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e1";
  font-size: 17px;
  font-weight: bold;
}

.channelSocialMediaSection .social-InstaGram {
  background: #fff;
}

.channelSocialMediaSection .social-InstaGram:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f16d";
  font-size: 18px;
  font-weight: bold;
}

.channelSocialMediaSection .social-Email {
  background: #fff;
}

.channelSocialMediaSection .social-Email:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e0";
  font-size: 18px;
  font-weight: bold;
}

.channelEditSec {
  float: right;
}

.channelEditSec a {
  font-size: 30px;
  line-height: 12px;
  color: #000;
}

.channelEditSec a:hover {
  text-decoration: underline;
}

.channelEditSec a:focus {
  outline: none;
  text-decoration: underline;
}

.membershipOuter .membershipOuter {
  border: 0;
  padding: 0;
}

.modal-dialog.big .profileselectSection ul li.chp_Section_link .custom-checkbox input + label a:hover span {
  color: #fff !important;
}

.meetingHeader {
  position: relative;
  padding-top: 64px;
  padding-bottom: 80px;
  margin-bottom: 64px;
  text-align: left;
}
.meetingHeader::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #F4F9FF;
}
.meetingHeader .meetingSubjectFormat {
  display: flex;
  font-family: "DM Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}
.meetingHeader .meetingTitle {
  font-family: "DM Sans";
  font-size: 40px;
  font-weight: 800;
  line-height: 51px;
  margin-bottom: 16px;
}
.meetingHeader .meetingDate {
  font-family: "DM Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.meetingHeader .meetingHeaderDescription {
  margin-bottom: 48px;
  font-family: "DM Sans";
  font-weight: 300;
  font-size: 23px;
}
.meetingHeader .meetingActions {
  display: flex;
  justify-content: space-between;
}
.meetingHeader .meetingActions .buttonsSection {
  display: flex;
  align-items: center;
}

.ctaButton.primaryCTAButton {
  margin-right: 32px;
}
.ctaButton.primaryCTAButton :hover {
  background-color: transparent;
  color: #0F172A;
}
.ctaButton.primaryCTAButton a {
  border: 1px solid #0F172A;
  border-radius: 4px;
  padding: 24px 85px;
  font-family: "DM Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  background-color: #0F172A;
  color: white;
}
.ctaButton.secondaryCTAButton {
  background-color: transparent;
  color: #0F172A;
  border: 1px solid #0F172A;
  border-radius: 4px;
  padding: 24px 85px;
  font-family: "DM Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
}
.ctaButton.secondaryCTAButton :hover {
  cursor: pointer;
  background-color: #0f172a;
  color: white;
}

.channelSocialMediaSection {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}
.channelSocialMediaSection svg, .channelSocialMediaSection li {
  font-size: 48px;
  margin-right: 16px;
  margin-left: 16px;
}
.channelSocialMediaSection :hover {
  cursor: pointer;
}

.descriptionTitle {
  font-family: "DM Sans";
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 16px;
  text-transform: none;
}

@media only screen and (max-width: 767px) {
  .meetingHeader {
    text-align: center;
  }
  .meetingHeader .meetingSubjectFormat {
    justify-content: center;
    flex-direction: column;
  }
  .meetingActions {
    flex-direction: column;
    align-items: center;
  }
  .meetingActions .buttonsSection {
    flex-direction: column;
    align-items: center;
  }
  .meetingActions .primaryCTAButton {
    margin: 0 10px 18px;
  }
  .meetingActions .secondaryCTAButton {
    margin: 20px;
  }
}
.error {
  color: #e65757;
  font-weight: 500;
  font-family: DM Sans, sans-serif;
}

#chatBotBtn,
#scroll {
  position: fixed;
  right: 20px;
  z-index: 1000;
  height: 40px;
  width: 40px;
  min-width: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#chatBotBtn i, #chatBotBtn svg.svg-inline--fa,
#scroll i,
#scroll svg.svg-inline--fa {
  position: static;
  margin: 0;
  font-size: 20px;
}

#chatBotBtn {
  bottom: 80px;
  background-color: #244c5a;
}

#scroll {
  bottom: 20px;
  display: none;
}

#chatBotWindow {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 350px;
  height: 500px;
  background: #F9FAFC;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  z-index: 1000;
  display: none;
  border-radius: 16px;
}
#chatBotWindow #closeChat {
  cursor: pointer;
  font-size: 14px;
}

#chatBotHeader {
  font-family: "Inter", sans-serif;
  background: #0C1533;
  color: white;
  padding: 10px 20px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px 15px 0 0;
}

#chatBotNameAndTopics {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter", sans-serif;
}

#chatBotLogo {
  width: 32px;
  height: 32px;
  background: #123C57;
  border-radius: 50%;
  border: 0.5px solid #28546E;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

#chatBotLogo img {
  min-width: 100%;
  object-fit: cover;
  padding: 0 2px;
}

#chatBotMainHeader {
  font-size: 14px;
  font-weight: 600;
  color: white;
  font-family: "Inter", sans-serif;
}

#chatBotSecondaryHeader {
  font-size: 12px;
  font-weight: 400;
  color: #CAD5E0;
  font-family: "Inter", sans-serif;
}

#chatBotInfoBox {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #E1E7EF;
  border-radius: 11px;
  background: white;
  color: #6B7A8F;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 6px;
  width: fit-content;
  margin: 8px 15% 0;
  transition: opacity 0.2s ease;
  font-family: "Inter", sans-serif;
}

#chatBotMessages {
  flex: 1;
  padding: 10px 17px;
  overflow-y: auto;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
}
#chatBotMessages .chatBotRow {
  display: flex;
}
#chatBotMessages .chatBotRow.user {
  justify-content: flex-end;
}

#chatBotSuggestions {
  margin: 0 0 0 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  max-width: calc(100% - 30px);
}
#chatBotSuggestions .suggestion {
  font-size: 14px;
  font-weight: 400;
  border: 0.5px solid #CAD5E0;
  border-radius: 11px;
  background: white;
  color: #38455A;
  padding: 5px 8px;
  font-family: "Inter", sans-serif;
  white-space: nowrap;
}

.chatBotMessage {
  margin: 4px 5px;
  padding: 8px;
  border-radius: 16px;
  max-width: 85%;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  word-wrap: break-word;
  font-family: "Inter", sans-serif;
}

.chatBotMessage.bot {
  background-color: #FFFFFF;
  color: #38455A;
  align-self: flex-start;
  border-top-left-radius: 4px;
  border: 0.5px solid #E1E7EF;
  line-height: 26px;
}
.chatBotMessage.bot p {
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
}

.chatBotMessage.user {
  background-color: #155467;
  color: #fff;
  align-self: flex-end;
  border-top-right-radius: 4px;
  border: 0.5px solid #E1E7EF;
  margin-right: 0;
  line-height: 26px;
}

#chatBotInputArea {
  display: flex;
  padding: 17px;
  border: 0.5px solid #E1E7EF;
  background: white;
  justify-content: space-between;
  border-radius: 0 0 15px 15px;
}
#chatBotInputArea #sendMessageChatBotBtn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: #155467;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}
#chatBotInputArea i, #chatBotInputArea svg {
  width: 15px;
}
#chatBotInputArea input {
  border: 0.5px solid #CAD5E0;
  border-radius: 8px;
  width: 85%;
  background: #F9FAFC;
  font-size: 12px;
  color: #38455a;
  font-family: "Inter", sans-serif;
}
#chatBotInputArea input::placeholder {
  color: #94A2B8;
}

.chatBotAvatar {
  width: 24px;
  height: 24px;
  border: 1px solid black;
  font-size: 12px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: white;
  background: #0C1533;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 7px;
  margin-top: 4px;
}

.chatBotMessage.typing {
  display: flex;
  align-items: center;
  gap: 3px;
}

.chatBotMessage.typing span {
  width: 5px;
  height: 5px;
  background: #6B7A8F;
  border-radius: 50%;
  display: inline-block;
  animation: typingBounce 1.4s infinite ease-in-out;
}

.chatBotMessage.typing span:nth-child(2) {
  animation-delay: 0.2s;
}

.chatBotMessage.typing span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typingBounce {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.3;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.flex {
  display: flex;
}

.align-self {
  align-self: center;
}

.flex-end {
  align-self: flex-end;
}

.nostyle {
  margin: 0;
  padding: 0;
  list-style: none;
}

#splitFundDiv {
  width: 100%;
  float: left;
  display: block;
}

.mainPara h2 {
  text-transform: uppercase;
}

.mainPara .main-title-section h2 {
  margin-bottom: 10px;
}

.mainPara .mainParaDesc {
  margin-top: 14px;
}

.ctaSection h3 {
  border-bottom: 1px solid #000;
  font-size: 18px;
  line-height: 35px;
  padding-bottom: 12px;
  margin-bottom: 10px;
}

.unnumberedListOuter.right .col-md-9 {
  float: right;
}

.cta .right .col-md-3 {
  float: right;
}

.unnumberedListOuter.right .col-md-6 {
  float: right;
}

.unnumberedListOuter.right .col-md-6.gridBuffered {
  float: right;
}

.unnumberedListOuter.right .col-md-3 {
  float: right;
}

.unnumberedListImgOuter {
  position: relative;
}

.unnumberedListImgText {
  position: absolute;
  bottom: 10px;
  padding: 10px 20px;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  font-weight: bold;
}

.unnumberedListImg {
  width: 100%;
  height: 650px;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .unnumberedListImg img {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: block;
  }
}
.unnumberedList {
  height: 650px;
}

.unnumberedList.autoHeight {
  height: auto;
}

.listContent {
  margin: 80px;
  width: 100%;
  max-height: 100%;
}

.listContent.numberWith2Column {
  margin: 48px 0 0 0px;
  max-height: 360px;
  overflow-y: auto;
}

.listContent.numberWith2Column ul {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

.listContent.unbuffered {
  margin: 0;
}

.unnumberedList ul li {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.unnumberedList ul li a {
  text-decoration: none;
}

.unnumberedList ul li .line {
  width: 100px;
  height: 1px;
  background: #000;
  display: block;
  margin-bottom: 8px;
}

.unnumberedList ul li:first-child .line {
  display: none;
}

/* --------------- */
.numberList {
  width: 40px;
  float: left;
  font-size: 25px;
  font-weight: bold;
}

.lintNumbr {
  float: left;
  margin-right: 8px;
}

.numberList .dash {
  width: 12px;
  height: 1px;
  background: #000;
  float: left;
  margin-top: 8px;
}

.numberListContent {
  margin-left: 45px;
}

/* ------------ */
.listContent h3 {
  font-size: 18px;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.paragraphContent {
  font-size: 14px;
  line-height: 22px;
}

/* ------- */
.ctaCenterModule {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}

.ctaCenterModule h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.ctaCenterModule h3.ctaImageTitle {
  font-size: 31px;
}

.ctaCenterModule h3 span.line {
  border-bottom: 1px solid #000;
}

.ctaCenterModule a {
  text-align: center;
  margin-top: 30px;
  padding: 16px 32px;
  border-radius: 6px;
  text-transform: capitalize;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 20px;
  border: 2px solid !important;
  display: inline-block;
}

.ctaCenterModule .ctaImageDescription,
.ctaCenterModule .ctaImageDescription * {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

/*  --------   */
/* -------- */
.toolkitsSection {
  position: relative;
  transition-property: transform;
  transition-duration: 0.3s;
}

.toolkitsSection:hover {
  transform: scale(1.01);
}

.toolkit.left .col-md-8 {
  float: right;
}

.toolkitsSection .imgBox {
  width: 100%;
  height: 250px;
  background-color: #beb9b9;
  overflow: hidden;
  cursor: pointer;
}

.toolkitsSection .imgBox img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.toolkitsSection .toolkitContent {
  position: absolute;
  left: 0;
  bottom: 20px;
  padding-left: 10px;
  box-sizing: border-box;
}

.toolkitsSection h3 {
  font-size: 31px;
  line-height: 35px;
  color: #fff;
  word-break: break-word;
}

.toolkitsSection h3 a {
  border: 0;
}

.toolkitsSection h3 a:hover {
  background: none !important;
}

.toolkitsSection h3 a:focus {
  background: none !important;
}

.toolkitsSection .textBox {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
}

.toolkitsFour .toolkitsSection {
  overflow: hidden;
}

.toolkitsFour .toolkitHeading {
  padding-bottom: 30px;
}

.toolkitsFour .toolkitHeading,
.toolkitsFour .toolkitHeading * {
  font-family: Lora, sans-serif;
  font-size: 48px;
  color: #244c5a;
  letter-spacing: -0.5px;
  text-transform: capitalize;
  line-height: 1.1;
}

.toolkitsFour .toolkitSubheading {
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  color: #000000;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}

.toolkitsFour .subheadingContainer {
  padding-bottom: 15px;
}

.toolkitsFour .subheadingContainer i, .toolkitsFour .subheadingContainer svg.svg-inline--fa {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: 2px;
}

.toolkitsFour .toolkitContent i, .toolkitsFour .toolkitContent svg.svg-inline--fa {
  margin-top: 10px;
  cursor: pointer;
  display: block;
}

.toolkitsSection.PortView .imgBox {
  height: 520px;
}

.toolkitsSection.PortView .toolkitContent {
  padding: 10px;
}

.toolsResource {
  transition-property: transform;
  transition-duration: 0.3s;
  cursor: pointer;
}

.toolsResource:hover {
  transform: scale(1.01);
}

/*tabs component*/
.nav-tabs {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 1px;
}

.nav-tabs > li {
  margin-right: 50px;
  font-size: 22px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
}

.nav-tabs > li > a {
  border: 0;
  border-bottom: 5px solid #fff;
  font-weight: 400;
}

.nav-tabs > li > a:hover {
  border-bottom: 5px solid #000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: transparent;
  border: 0;
  color: #000000;
  border-bottom: 5px solid #000;
}

/*newtab*/
.it-tabs.it-underline.it-top-left > .it-contents, .it-tabs.it-underline.it-top-right > .it-contents, .it-tabs.it-underline.it-top-full > .it-contents, .it-tabs.it-underline.it-top-center > .it-contents {
  border-width: 1px 0 0 !important;
  border-color: #c4c4c4;
}

.it-tabs.it-blue.it-gradient > .it-nav > .it-tab > a, .it-tabs.it-blue.it-gradient > .it-nav-mobile {
  border-bottom: 0px solid transparent !important;
  margin-top: 10px;
}

.it-tabs.it-underline.it-blue > .it-nav > .it-tab.it-active > a {
  background: none !important;
  border-width: 0px 0 0px 0px !important;
  border-color: #000 !important;
  color: #000 !important;
}

.it-tabs > .it-contents {
  margin-top: 0px;
}

.it-tabs > .it-nav > .it-tab {
  margin-right: 35px;
  font-size: 22px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  position: relative;
  float: none;
  display: inline-block;
}

.it-tabs > .it-nav > .it-tab > a {
  font-size: 20px;
  margin-right: 0px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  padding: 10px 0px;
  position: relative;
}

.it-tabs > .it-nav > .it-tab > a:before {
  visibility: hidden;
}

.it-tabs > .it-nav > .it-tab > a:before, .magic-line:before, .magic-line-hyperlink:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: -3px;
  width: 100%;
}

.it-tab.menu-item.active.it-active {
  border-bottom: 5px solid black;
}

.it-tabs > .it-nav > .it-tab .has-magic-line .it-active a:before {
  visibility: hidden;
}

.magic-line, .magic-line-hyperlink {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 1px !important;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
}

.it-tabs.it-blue.it-gradient > .it-nav > .it-tab > a:hover {
  border-color: #000 !important;
}

.it-tabs.it-blue.it-gradient > .it-nav > .it-tab > a:focus {
  border-color: #000 !important;
}

.it-tabs.it-blue.it-gradient > .it-nav > .it-tab > a:active {
  border-color: #000 !important;
}

/*newtab ends*/
/*-----*/
.pageheaderModule.buffred .pageheaderModuleText {
  margin: 20px 80px;
}

.pageheaderModule.buffred h3 {
  font-size: 18px;
}

.pageheaderModule.buffred div {
  font-size: 14px;
  line-height: 26px;
}

.paragraphBuffred.right .col-md-6 {
  float: right;
}

.myaccordian .panel {
  border: 0;
  border-bottom: 1px solid #ddd;
}

.myaccordian .panel-heading {
  padding: 15px 10px;
  cursor: pointer;
}

.myaccordian .panel-title {
  font-size: 14px;
  font-weight: normal;
}
.myaccordian .panel-title .fa, .myaccordian .panel-title svg.svg-inline--fa {
  color: #beb9b9;
}

.panel-heading[data-toggle=collapse]:after .panel-heading {
  position: relative;
}

.panel-default > .panel-heading {
  position: relative;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body h3 {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 8px;
}

.panel-heading[data-toggle=collapse] .fa, .panel-heading[data-toggle=collapse] svg.svg-inline--fa {
  display: inline-block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e113";
  /* "play" icon */
  position: absolute;
  color: #000;
  right: 0px;
  top: calc(50% - 18px);
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-heading[data-toggle=collapse].collapsed .fa, .panel-heading[data-toggle=collapse].collapsed svg.svg-inline--fa {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.subtitleWithImgSec {
  width: 100%;
  height: 335px;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .subtitleWithImgSec img {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: block;
  }
}
.subtitleWithImgContent {
  height: 335px;
}

.subtitleWithImgContent ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.subtitleWithImgContent ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin: 15px 0;
  width: 100%;
  float: left;
}

.subtitleWithImgContent ul li a {
  color: #000;
  border-bottom-width: 3px;
  text-decoration: none;
  cursor: pointer;
}

.subtitleWithImgContent ul li a:hover {
  color: #fff;
}

.subtitleWithImgContent ul li a:focus {
  color: #fff;
}

.subtitleWithImgContent ul li a:active {
  color: #fff;
}

/*-----------*/
.fullHeaderModule {
  position: relative;
}

.moduleImageFull {
  width: 100%;
  height: 400px;
  background-color: #beb9b9;
  overflow: hidden;
}

.moduleImageFull img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.moduleTextFull {
  width: 100%;
  max-width: 70%;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 30px;
  color: #fff;
  transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
}

.moduleTextFull h3 {
  font-size: 45px;
  font-weight: bold;
  margin-top: 0;
  padding-bottom: 10px;
}

.moduleTextFull p {
  font-size: 14px;
}

.moduleTextFull .button.button-secondary {
  background-color: #fff;
  color: #000;
}

.listParagraph {
  margin-bottom: 20px;
}

.listParagraph h4 {
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

/*.ctawithimg.right .col-md-9 {
    float: right;
}*/
.ctawithimg.right .col-md-3 {
  float: right;
}
@media screen and (max-width: 990px) {
  .ctawithimg.right .col-md-3 {
    float: none;
  }
}

.ctaImgOuter {
  position: relative;
}

.ctaListImg {
  width: 100%;
  height: 330px;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .ctaListImg img {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: block;
  }
}
.ctaModule {
  height: 330px;
}

.ctaModule .ctaCenterModule {
  max-width: 100%;
  text-align: left;
}

/*----------*/
.listParagraph {
  margin-bottom: 20px;
}

.listParagraph h4 {
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.ctaImgOuter {
  position: relative;
}

.ctaListImg {
  width: 100%;
  height: 330px;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .ctaListImg img {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: block;
  }
}
.ctaModule {
  height: 330px;
}

.ctaModule .ctaCenterModule {
  max-width: 100%;
  text-align: left;
}

/*----------*/
.featuredNumber.right .col-md-6 {
  float: right;
}

.featuredNumberImgOuter {
  position: relative;
}

.featuredNumberImgText {
  position: absolute;
  bottom: 10px;
  padding: 10px 20px;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  font-weight: bold;
}

.featuredNumberImg {
  width: 100%;
  height: 650px;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .featuredNumberImg img {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: block;
  }
}
.featuredNumberCont {
  height: 650px;
}

.towbythree.right .col-md-6 {
  float: right;
}

.towbythree.right .col-md-3 {
  float: right;
}

.towbythree.right .col-md-9 {
  float: right;
}

.towbythreevideo.left .gridBuffered {
  order: 2;
}

.paragraphContentText {
  margin-bottom: 20px;
  font-size: 14px;
}

.radioWidth {
  width: 49%;
  float: left;
}

.radioWidth:nth-child(2n+2) {
  margin-left: 20px;
}

.lastLendScapimg {
  margin-top: -270px;
}

/*CONTACT PAGE CSS*/
/*.contactWrap {
    border: 1px solid #bbb;
}*/
.contactWrap h2 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 8px;
  padding-top: 8px;
}

.contactWrap h3 {
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
}

.contactWrap .owl-dots {
  display: none;
}

body.pagemode-edit .it-tabs {
  opacity: 1;
}

.it-tabs > .it-contents > .it-content > .it-inner .contactWrap {
  margin-left: 0;
  margin-right: 0;
}

.it-tabs > .it-contents > .it-content {
  position: static !important;
}

.normalHeading h2 {
  font-size: 37px;
  line-height: 48px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.headingPlusPara {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  width: 100%;
  float: left;
}

.dynamicMeeting .pageheaderModule h3 {
  line-height: 18px;
}

.dynamicMeetingDate {
  padding-top: 5px;
}

.dynamicMeetingDate h4 {
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.dynamicMeetingDate h5 {
  font-size: 12px;
  line-height: 16px;
  color: #262626;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}

.dynamicMeeting .thirdheaddingimg img {
  max-width: 100%;
  height: auto;
}

.meetingDescription {
  font-size: 16px;
  line-height: 28px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}

.buttonLinks a {
  display: inline-block;
}

.section.col50 .col-md-4 {
  width: 50%;
}

.section.col50 .col-md-8 {
  width: 50%;
}

.section.col50 .thirdheaddingimg {
  height: 650px;
}

.section.col50 .pageheaderModule {
  height: 650px;
}

.section.col50 .pageheaderModuleText {
  padding: 0 80px;
}

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

/*Press Relese*/
.pressReleseContent {
  padding: 20px 0;
  width: 100%;
  float: left;
}

.pressReleseContent .pressContent {
  max-width: 70%;
  margin: 0 auto;
}

.pressReleseContent h2 {
  font-size: 18px;
  line-height: 26px;
  color: #6f6f6f;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.pressReleseContent p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
}

.contInfo {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
}

.releseDetails {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
}

.journalistNotes {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
}

.paperTitle {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
}

.pressAuthors {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
}

.eventMargin.margin-btm.featuredEventlist:nth-child(3) {
  padding-left: 0;
}

.eventMargin.margin-btm.featuredEventlist:nth-child(3n+2) {
  padding-right: 0;
}

.eventMargin.margin-btm.featuredEventlist:nth-child(3n+3) {
  padding-left: 0;
}

/*.eventMargin.margin-btm.featuredEventlist:last-child {
    padding-right: 0;
}*/
.eventMargin.margin-btm.featuredEventlist .eventbox.contentWriting {
  min-height: 610px;
  padding: 30px;
  font-weight: 400;
}

.eventMargin.margin-btm.featuredEventlist .eventbox.contentWriting.pb-1 {
  padding-bottom: 10px;
}

.eventMargin.margin-btm.upComingEventlist .eventbox.contentWriting {
  min-height: 230px;
  padding: 15px 30px 10px;
  font-weight: 400;
}

.upComingEventlistOuter .eventMargin.margin-btm.upComingEventlist:nth-child(3n+1) {
  padding-left: 0;
}

.upComingEventlistOuter .eventMargin.margin-btm.upComingEventlist .eventDateBox {
  margin-bottom: 0;
}

.upComingEventlistOuter .eventMargin.margin-btm.upComingEventlist:nth-child(3n+0) {
  padding-right: 0;
}

/*.upComingEventlistOuter .eventMargin.margin-btm.upComingEventlist:nth-child(2n+3) {
    padding-right: 0;
}*/
.main-title-section h2 .viewAll a {
  float: right;
  font-size: 16px;
  line-height: 20px;
  color: #8d8d8f;
  font-weight: 400;
  text-transform: none;
}

.main-title-section h2 .viewAll a:hover {
  color: #fff;
}

/* form */
.formOuter {
  position: relative;
  margin-bottom: 30px;
}

.textboxarea .formOuter {
  margin-bottom: 0;
}

.formOuter.float-label label {
  left: 20px;
}

.formOuter.float-label-up label {
  left: 10px;
}

.formOuter input[type=text], .form-cell input[type=password], .form-cell input[type=url] {
  margin-bottom: 5px;
}

.formOuter .custom-checkbox label {
  left: 0;
}

.formOuter .custom-checkbox input:checked + label:after {
  left: 5px;
}

@supports (-ms-ime-align: auto) {
  .formOuter .custom-checkbox input:checked + label:after {
    left: 5px;
  }
}
.formOuter h4 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.formOuter .custom-radio label {
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #262626;
  font-size: 12px;
}

.formOuter .custom-radio {
  overflow: hidden;
  position: relative;
}

.formOuter .field-validation-error {
  display: block;
  position: absolute;
  font-size: 12px;
}

/* event shedule*/
.custoMizedShedule .nostyleOuter {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.custoMizedShedule .nostyleOuter > li.out {
  flex: 0 50%;
  margin-bottom: 50px;
  padding-right: 20px;
}

.custoMizedShedule .nostyleOuter > li.out:nth-child(2n+0) {
  padding-right: 0px;
}

.custoMizedShedule .nostyleOuter > li.out > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.custoMizedShedule .nostyleOuter > li.out > ul li:last-child .row:last-child .dataOuter {
  border-bottom: 0;
}

.custoMizedSheduleHeader {
  border-bottom: 5px solid #262626;
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 60px;
}

.custoMizedSheduleHeader .numberList {
  width: auto;
  float: left;
  margin-bottom: -60px;
}

.custoMizedSheduleHeader .numberList .lintNumbr {
  font-size: 120px;
  color: #262626;
  font-weight: 700;
  line-height: 120px;
  font-family: DM Sans, sans-serif;
}

.custoMizedShedule .eventTitle a {
  border: 0;
  padding: 0;
}

.numberListMon {
  float: left;
  font-size: 24px;
  color: #262626;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
}

.numberListDayName {
  float: right;
  color: #262626;
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  padding-bottom: 5px;
}

.numberListDate {
  color: #262626;
  font-size: 21px;
  line-height: 31px;
  font-weight: 700;
  padding-top: 12px;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
}

.subjectMatter {
  color: #303133;
  font-size: 12px;
  line-height: 26px;
  font-weight: 400;
  font-family: DM Sans, sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.customeTime {
  color: #303133;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  font-family: DM Sans, sans-serif;
}

.orgName {
  color: #262626;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: DM Sans, sans-serif;
  margin-bottom: 8px;
}

.eventTitle {
  color: #262626;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-family: DM Sans, sans-serif;
  margin-bottom: 8px;
}

.startDateEnddate {
  color: #8d8d8f;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: DM Sans, sans-serif;
  margin-bottom: 8px;
}

.dataOuter {
  max-width: 80%;
  border-bottom: 1px solid #262626;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.checkboxarea {
  padding-bottom: 20px;
}

.checkboxarea .custom-checkbox {
  max-width: 50%;
  width: 100%;
  float: left;
}

h2.main-title-section.subtitle {
  font-size: 18px;
  padding-left: 15px;
}

h2.main-title-section.subtitle.mb-1 {
  margin-bottom: 10px;
}

h2.main-title-section.subtitle:before {
  display: none;
}

p.nomarginbtm {
  margin-bottom: 0;
}

/*Meetimg time line module*/
.meetingTimeline {
  padding: 0 50px;
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.meetingTimelineParent {
  width: 100%;
  float: left;
}

.meetingTimelineParentContent {
  width: 100%;
  max-width: 50%;
  border-right: 1px solid #000;
  position: relative;
}

.meetingTimelineChild {
  width: 100%;
  float: left;
}

.meetingTimelineChildContent {
  width: 100%;
  max-width: 50%;
  float: right;
  padding-bottom: 30px;
  border-left: 1px solid #000;
  margin-right: 1px;
  position: relative;
}

.meetingTimelineParentContent a, .meetingTimelineChildContent a {
  padding: 0;
  border: 0;
  text-decoration: underline;
}

.meetingTimelineParentContent h3 {
  color: #262626;
  font-size: 26px;
  font-weight: 700;
  line-height: 35px;
  font-family: DM Sans, sans-serif;
  border-bottom: 2px solid #000;
  padding: 5px 0;
  position: relative;
}

.meetingTimelineParentContent h4 {
  color: #262626;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  padding: 5px 0;
}

.childData {
  padding-left: 150px;
}

.childData.Title {
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  position: relative;
}

.childData.description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #262626;
  font-family: DM Sans, sans-serif;
}

.meetingTimelineChildContent h3 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  padding-bottom: 5px;
  position: relative;
}

.moduleBigCircle {
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  border-radius: 50px;
  position: absolute;
  bottom: -10px;
  right: -10px;
  background-color: #fff;
}

.moduleSmallCircle {
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  border-radius: 50px;
  position: absolute;
  bottom: -5px;
  left: -6px;
  background-color: #fff;
}

/*Spacific People module*/
.contactImg {
  width: 100px;
  height: 100px;
  float: left;
  position: relative;
  background-color: aliceblue;
  overflow: hidden;
}

.contactImg.blank {
  height: auto;
  background-color: transparent;
}

.contactImg img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  min-height: -webkit-fill-available;
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.contactContent {
  margin-left: 130px;
  display: block;
  min-height: 100px;
  padding: 18px 0;
}

.contactContent.dynamic {
  padding: 11px 0;
}

.myaccordian.pubAward.comiteeAwads .prodName.role {
  font-weight: bold;
  padding-bottom: 10px;
}

.myaccordian.pubAward.comiteeAwads .prodName.role {
  font-weight: bold;
  padding-bottom: 10px;
}

.contactContent .contName {
  font-size: 18px;
  text-transform: uppercase;
  color: #303133;
  line-height: 26px;
  font-family: DM Sans, sans-serif;
}

.myaccordian.pubAward.comiteeAwads .panel {
  padding: 0;
  border-top: 2px solid #000;
}

.myaccordian.pubAward.comiteeAwads .panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding-top: 0;
}

.myaccordian.pubAward.comiteeAwads .panel-default > .panel-heading + .panel-collapse > .panel-body .contactContent {
  padding-top: 0;
}

.myaccordian.pubAward.comiteeAwads .prodName {
  color: #303133;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: DM Sans, sans-serif;
}

.myaccordian.pubAward.comiteeAwads .roleName {
  color: #8d8d8f;
  font-size: 12px;
  line-height: 16px;
  font-family: DM Sans, sans-serif;
  float: right;
  padding-right: 100px;
  padding-top: 8px;
  font-weight: 700;
}

.myaccordian.pubAward.comiteeAwads .panel-heading[data-toggle=collapse] .fa, .myaccordian.pubAward.comiteeAwads .panel-heading[data-toggle=collapse] svg.svg-inline--fa {
  top: 18px;
  right: 60px;
}

.header-section .section {
  padding-top: 0;
  padding-bottom: 0px;
}

/*Email template*/
.emailOuter {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.emailHeader {
  padding: 35px;
  width: 100%;
  float: left;
}

.emailBanner {
  float: left;
  width: 100%;
  height: 205px;
  background-color: #a5aab0;
  overflow: hidden;
}

.emailBody {
  padding: 35px;
  width: 100%;
  float: left;
}

.buttonLinks {
  text-align: center;
}

.button.button-secondary {
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  background-color: #000;
}

.button.button-secondary.small {
  padding: 3px 10px;
}

.button.button-secondary:hover {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

.button.button-secondary:focus {
  background-color: #000;
  border: 1px solid #12c6a6;
  color: #fff;
  outline: 0;
}

.button.button-secondary:active {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  outline: 0;
}

.emailfooter {
  height: 58px;
  width: 100%;
  float: left;
}

.emailfooterlogo {
  float: left;
  margin-top: 15px;
}

.emailfooterlogo img {
  width: 200px;
  height: 30px;
}

.emailsocialLink {
  float: right;
}

.moduleImageFull.errorImgClass {
  height: auto;
}

.moduleImageFull.errorImgClass img {
  transform: initial;
  -moz-transform: initial;
  -webkit-transform: initial;
  -ms-transform: initial;
  -o-transform: initial;
  max-width: 100%;
  height: auto;
  position: static;
}

.maxheight {
  max-height: 750px;
  overflow-x: auto;
}

/* event page css */
.venue .calIcon .fa-location-dot:before {
  content: " ";
  background-image: url(../images/outline.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 23px;
  height: 31px;
  float: left;
}

.meetingEventDetails .orgName {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #8d8d8f;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 15px;
}

.meetingEventDetails .orgName.bold {
  font-weight: bold;
  color: #262626;
}

.meetingEventDetails .orgName.bold.color {
  color: #8d8d8f;
}

.meetingContactInfo {
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
  margin-top: 100px;
  text-align: left;
}

.meetingContactInfo::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #0F172A;
}

.meetingContactInfo .contactTitle {
  font-family: Lora;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  text-align: center;
  color: white;
}

.meetingContactInfo .contactDescription {
  font-family: DM Sans;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: white;
  text-align: center;
  margin-top: 16px;
}

.meetingContactInfo .contactCta {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.meetingContactInfo .contactCta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  border-radius: 4px;
  font-family: "DM Sans";
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  background-color: white;
  color: black;
  padding: 10px 24px;
}

.meetingContactInfo .contactCta a:hover {
  background-color: transparent;
  color: white;
  border: 1px solid white;
}

.eventTitle {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #303133;
  font-size: 31px;
  line-height: 42px;
  margin-bottom: 20px;
}

.eventTyleTitle {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #8d8d8f;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.eventSubjectTitle {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #262626;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}

.venue {
  margin-bottom: 20px;
}

.venue .calIcon {
  width: 27px;
  height: 27px;
  float: left;
  font-size: 27px;
}

.venue .vanueText {
  margin-left: 40px;
}

.venue .vanueText p {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #303133;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
}

.importantDadlinesLinks {
  margin-bottom: 20px;
}

.importantDadlinesLinks p {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #262626;
  font-size: 16px;
  line-height: 30px;
}

.importantDadlinesLinks p a {
  border-bottom: 3px solid #000;
}

.importantDadlinesLinks p a:hover {
  text-decoration: none;
}

.addtoCalendarSec {
  border-top: 1px solid #c4c4c4;
  padding-top: 20px;
  margin-top: 20px;
}

.eventSubText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
}

.eventSubText.color {
  color: #8d8d8f;
}

.eventSubText.linheight {
  line-height: 20px;
}

.eventSubText.mb-0 {
  margin-bottom: 0;
}

.eventSubText.mb-0 p {
  margin-bottom: 15px;
}

.eventSubText p {
  font-size: 16px;
  font-weight: 400;
}

#social5 ul li {
  height: 40px;
  width: 40px;
  border: 1px solid #000;
  border-radius: 50px;
  text-align: center;
  padding-top: 3px;
  cursor: pointer;
  color: #000;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  outline: 0;
}

#social5 ul li.social-icon {
  height: 48px;
  width: 48px;
  border: none;
  display: flex;
  justify-content: center;
}

#social5 ul li.social-icon[title*=LinkedIn] {
  padding-top: 0;
  padding-left: 5px;
  border-radius: 5px;
}

#social5 ul li.social-icon[title*=Facebook],
#social5 ul li.social-icon[title*=X] {
  height: 50px;
  width: 50px;
  padding-top: 1px;
  padding-left: 5px;
}

#social5 ul li.social-icon[title*=Email] {
  height: 48px;
  width: 60px;
  padding-top: 0px;
  padding-left: 6px;
  border-radius: 8px;
}

#social5 ul li:before {
  font-size: 18px;
  margin-top: 6px;
}

#social5 ul li:hover {
  color: #fff;
  background-color: #000;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#social5 ul li:focus {
  -webkit-box-shadow: 0 0 0 1px #12c6a6;
  box-shadow: 0 0 0 1px #12c6a6;
  color: #c4c4c4;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#social5 ul li:active {
  -webkit-box-shadow: 0 0 0 1px #12c6a6;
  box-shadow: 0 0 0 1px #12c6a6;
  color: #c4c4c4;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#social5 ul li.active {
  -webkit-box-shadow: 0 0 0 1px #12c6a6;
  box-shadow: 0 0 0 1px #12c6a6;
  color: #c4c4c4;
  background-color: #000;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

/*-----*/
#social6 ul li {
  height: 40px;
  width: 40px;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  padding-top: 3px;
  cursor: pointer;
  color: #000;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  outline: 0;
  background-color: transparent;
}

#social6 ul li:before {
  font-size: 18px;
  margin-top: 6px;
  color: #FFF;
}

#social6 ul li:hover {
  background-color: #fff;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#social6 ul li:hover::before {
  color: #000;
}

#social6 ul li:focus {
  -webkit-box-shadow: 0 0 0 2px #12c6a6;
  box-shadow: 0 0 0 2px #12c6a6;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#social6 ul li:focus::before {
  color: #fff;
}

/* #social6 ul li:active{
    transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
     }
      #social6 ul li:active::before{
        color: #c4c4c4;
     }*/
#social6 ul li.active {
  -webkit-box-shadow: 0 0 0 2px #12c6a6;
  box-shadow: 0 0 0 2px #12c6a6;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  background-color: transparent;
}

#social6 ul li.active:before {
  color: #fff;
}

#social6 ul li.active:hover {
  -webkit-box-shadow: 0 0 0 2px #12c6a6;
  box-shadow: 0 0 0 2px #12c6a6;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  background-color: transparent;
}

#social6 ul li.active:hover::before {
  color: #fff;
}

.meetingEventDetails .ctaCenterModule {
  text-align: left;
}

.meetingEventDetails .ctaCenterModule h3 {
  border-bottom: 0;
  padding-bottom: 25px;
}

.meetingEventDetails .ctaCenterModule h3:before {
  width: 35px;
  height: 7px;
  content: "";
  display: inline-block;
  background: #000;
  margin-right: 10px;
  position: absolute;
  top: 40px;
}

.meetingEventDetails .ctaCenterModule h3 span.line {
  border-bottom: none;
}

.paperlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.paperlist li {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

.button.min-250 {
  min-width: 250px;
}

.mt-5 {
  margin-top: 20px;
}

.divpad {
  padding: 30px 5px;
}

@media only screen and (min-width: 1024px) and (max-width: 1259px) {
  .section.col50 .pageheaderModuleText {
    padding: 0;
  }
  .eventMargin.margin-btm.featuredEventlist .eventbox.contentWriting {
    min-height: 745px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .eventMargin.margin-btm.featuredEventlist .eventbox.contentWriting.pb-1 {
    min-height: 745px;
  }
}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  .radioWidth {
    width: 100%;
  }
  .towbythree.right .col-md-9 {
    float: none;
  }
  .listContent {
    margin: 20px;
    width: auto;
  }
  .unnumberedList {
    height: auto;
    margin-top: 20px;
  }
  .unnumberedListImg img {
    height: auto;
    min-height: 300px;
  }
  .unnumberedListOuter.right .col-md-3 {
    float: none;
  }
  .toolkitsSection.PortView {
    margin-top: 20px;
  }
  .toolkitsSection.PortView .imgBox {
    min-height: 300px;
  }
  .toolkitsSection.PortView .imgBox img {
    height: auto;
    min-height: 400px;
  }
  .paragraphBuffred.right .col-md-6:nth-child(1) {
    float: none;
  }
  .pageheaderModule.buffred .pageheaderModuleText {
    margin: 20px;
    width: auto;
  }
  .featuredNumbred ul li {
    width: 100%;
  }
  .featuredNumbred ul li:nth-child(2n+2) {
    margin-left: 0px;
  }
  .moduleTextFull {
    max-width: 100%;
  }
  .ctaListImg {
    height: auto;
    min-height: 200px;
  }
  .ctaModule {
    height: auto;
  }
  .ctaModule .ctaCenterModule {
    margin-top: 20px;
  }
  .featuredNumberImg {
    min-height: 300px;
  }
  .ctaListImg {
    /*height: auto;*/
    min-height: 200px;
  }
  .ctaModule {
    height: auto;
  }
  .ctaModule .ctaCenterModule {
    margin-top: 20px;
  }
  .featuredNumberImg {
    min-height: 300px;
  }
  .featuredNumbredContent {
    max-width: 90%;
  }
  .featuredNumberCont {
    height: auto;
  }
  .featuredNumber.right .col-md-6:last-child {
    float: none;
  }
  .toolkitsSection h3 {
    font-size: 25px;
  }
  .lastLendScapimg {
    margin-top: 0;
  }
  .nav-tabs {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
  }
  .nav-tabs > li {
    margin-right: 10px;
  }
  .subtitleWithImgContent {
    height: auto;
  }
  .towbythree.right .col-md-6 {
    float: none;
  }
  .paragraphBuffred.right .col-md-6 {
    float: none;
  }
  .towbythree.right .col-md-3 {
    float: none;
  }
  .toolkit.left .col-md-8 {
    float: none;
  }
  .right .col-md-4 {
    float: none;
  }
  .dynamicMeeting .thirdheaddingimg {
    height: 420px;
  }
  .section.col50 .col-md-8 {
    width: 100%;
  }
  .section.col50 .pageheaderModuleText {
    padding: 0;
  }
  .section.col50 .pageheaderModule {
    height: auto;
  }
  .section.col50 .thirdheaddingimg {
    height: 450px;
  }
  .eventMargin.margin-btm.featuredEventlist:nth-child(3) {
    padding-left: 0;
  }
  .eventMargin.margin-btm.featuredEventlist:last-child {
    padding-right: 0;
  }
  .eventMargin.margin-btm.featuredEventlist {
    padding-right: 0;
    padding-left: 0;
  }
  .eventMargin.margin-btm.upComingEventlist {
    padding-right: 0;
    padding-left: 0;
  }
  .dataOuter {
    max-width: 100%;
  }
  .meetingTimeline {
    padding: 0;
  }
  .childData {
    padding-left: 50px;
  }
  .section.col50 .col-md-4 {
    width: auto;
  }
  .section.col50 .pageheaderModuleText {
    padding: 0;
  }
  .eventMargin.margin-btm.featuredEventlist .eventbox.contentWriting.pb-1 {
    min-height: initial;
  }
  .custoMizedShedule .nostyleOuter {
    display: block;
  }
}
/*		Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  .towbythree.right .col-md-9 {
    float: none;
  }
  .listContent {
    margin: 10px;
    width: auto;
  }
  .unnumberedList {
    height: auto;
    margin-top: 20px;
  }
  .unnumberedListImg img {
    width: 100%;
    height: auto;
    min-height: 200px;
  }
  .unnumberedListOuter.right .col-md-3 {
    float: none;
  }
  .unnumberedListOuter.right .col-md-9 {
    float: right;
  }
  .toolkitsSection.PortView {
    margin-top: 20px;
  }
  .toolkitsSection.PortView .imgBox {
    min-height: 200px;
  }
  .toolkitsSection.PortView .imgBox img {
    height: auto;
    min-height: 300px;
  }
  .toolkitsFour .toolkitHeading,
  .toolkitsFour .toolkitHeading * {
    font-size: 48px !important;
  }
  .toolkitsFour .subheadingContainer i,
  .toolkitsFour .toolkitSubheading {
    font-size: 18px !important;
  }
  .toolkitsFour .toolkitContent * {
    font-size: 24px !important;
  }
  .paragraphBuffred.right .col-md-6:nth-child(1) {
    float: none;
  }
  .pageheaderModule.buffred .pageheaderModuleText {
    margin: 20px;
    width: auto;
  }
  .featuredNumbred ul li {
    width: 100%;
  }
  .featuredNumbred ul li:nth-child(2n+2) {
    margin-left: 0px;
  }
  .moduleTextFull {
    max-width: 100%;
    padding: 10px;
  }
  .moduleTextFull h3 {
    font-size: 35px;
  }
  .ctaListImg {
    /*height: auto;*/
    min-height: 200px;
  }
  .ctaModule {
    height: auto;
  }
  .ctaModule .ctaCenterModule {
    margin-top: 20px;
  }
  .featuredNumberImg {
    min-height: 200px;
  }
  .featuredNumbredContent {
    max-width: 100%;
  }
  .featuredNumberCont {
    height: auto;
  }
  .featuredNumbredContent ul li {
    width: 100%;
  }
  .featuredNumbredContent ul li:nth-child(2n+2) {
    margin-left: 0;
  }
  .featuredNumber.right .col-md-6:last-child {
    float: none;
  }
  .lastLendScapimg {
    margin-top: 0;
  }
  .listContent.numberWith2Column li {
    width: 100%;
  }
  .nav-tabs {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
  }
  .nav-tabs > li {
    width: 100%;
    float: left;
    margin-right: 0px;
  }
  .subtitleWithImgContent {
    height: auto;
  }
  .towbythree.right .col-md-6 {
    float: none;
  }
  .paragraphBuffred.right .col-md-6 {
    float: none;
  }
  .unnumberedListImg {
    height: auto;
  }
  .towbythree.right .col-md-3 {
    float: none;
  }
  .toolkit.left .col-md-8 {
    float: none;
  }
  .right .col-md-4 {
    float: none;
  }
  .listContent.numberWith2Column ul {
    webkit-column-count: 1;
    column-count: 1;
  }
  .it-tabs.it-mobile > .it-nav > li.it-active {
    border-bottom: 2px solid #000;
  }
  .dynamicMeeting .thirdheaddingimg {
    height: 200px;
  }
  .section.col50 .col-md-8 {
    width: 100%;
  }
  .section.col50 .pageheaderModuleText {
    padding: 0;
  }
  .custoMizedShedule .nostyleOuter {
    display: block;
  }
  .section.col50 .pageheaderModule {
    height: auto;
  }
  .section.col50 .thirdheaddingimg {
    height: 450px;
  }
  .pressReleseContent .pressContent {
    max-width: 100%;
    padding: 0 20px;
  }
  .eventMargin.margin-btm.featuredEventlist:nth-child(3) {
    padding-left: 0;
  }
  .eventMargin.margin-btm.featuredEventlist:last-child {
    padding-right: 0;
  }
  .eventMargin.margin-btm.featuredEventlist {
    padding-right: 0;
    padding-left: 0;
  }
  .eventMargin.margin-btm.upComingEventlist {
    padding-right: 0;
    padding-left: 0;
  }
  .dataOuter {
    max-width: 100%;
  }
  .custoMizedShedule .nostyleOuter > li.out {
    flex: 0 100%;
    padding-right: 0px;
  }
  .meetingTimeline {
    padding: 0 0px 0 20px;
  }
  .meetingTimelineParentContent {
    border-right: 0;
    border-left: 1px solid #000;
    max-width: 100%;
    padding-bottom: 20px;
  }
  .meetingTimelineParentContent h3 {
    padding-left: 50px;
  }
  .moduleBigCircle {
    left: -10px;
  }
  .meetingTimelineParentContent h4 {
    padding-left: 50px;
  }
  .meetingTimelineChildContent {
    float: left;
    max-width: 100%;
  }
  .childData {
    padding-left: 50px;
  }
  .contactContent {
    padding: 0;
    margin-left: 110px;
  }
  .myaccordian.pubAward.comiteeAwads .panel-heading.accordion-toggle.collapsed .titleContent {
    width: 100%;
  }
  .contactContent .contName {
    padding-right: 20px;
  }
  .myaccordian.pubAward.comiteeAwads .roleName {
    display: block;
    text-align: right;
    padding-right: 10px;
    width: 100%;
    float: left;
    padding-top: 0;
    padding-bottom: 5px;
  }
  .myaccordian.pubAward.comiteeAwads .panel-heading[data-toggle=collapse] .fa, .myaccordian.pubAward.comiteeAwads .panel-heading[data-toggle=collapse] svg.svg-inline--fa {
    top: 0;
    right: 5px;
  }
  .myaccordian.pubAward.comiteeAwads .panel-default > .panel-heading + .panel-collapse > .panel-body p {
    padding-right: 10px;
    font-size: 14px;
  }
  .checkboxarea .custom-checkbox {
    max-width: 100%;
  }
  .subtitleWithImgSec {
    float: left;
    height: auto;
  }
  .subtitleWithImgSec img {
    width: 100%;
    height: auto;
  }
  #ThirdPartyRedirectLogin .modal-content {
    width: 100%;
    float: left;
  }
  .subtitleWithImgContent {
    position: relative;
  }
  table {
    width: 100% !important;
  }
  #splitFundDiv {
    width: 100%;
    float: left;
    display: block;
  }
  .moduleImageFull.errorImgClass img {
    max-width: 100%;
  }
  .section.col50 .col-md-4 {
    width: 100%;
  }
  .unnumberedListImgOuter {
    width: 100%;
  }
  .overflowAuto {
    overflow: auto;
  }
  .maxheight {
    max-height: 618px;
  }
  .eventMargin.margin-btm.featuredEventlist .eventbox.contentWriting {
    min-height: initial;
  }
  .custoMizedShedule .nostyleOuter {
    display: block;
  }
  .hideElementOnMobile {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .unnumberedListImg img {
    width: 100%;
    height: auto;
  }
  .unnumberedListImg {
    height: auto;
  }
  .speakerDetails .lectureDetails .speakerImage {
    max-height: 250px;
  }
}
@media only screen and (max-width: 1023px) {
  .headingPlusPara .row, .headingPlusPara p {
    margin: auto !important;
    text-align: center !important;
  }
  .unnumberedListOuter.right .col-md-6 {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .unnumberedList {
    height: auto !important;
    display: flex;
    justify-content: center;
  }
  .unnumberedList .align-self {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .subtitleWithImgSec img {
    width: 100%;
    height: auto;
  }
  .subtitleWithImgSec {
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .subtitleWithImgContent {
    height: auto !important;
  }
  .subtitleText .align-self {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ctaListImg img {
    width: 100%;
    height: auto;
  }
  .ctaListImg {
    height: auto;
  }
  .ctaModule {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .featuredNumberImg img {
    width: 100%;
    height: auto;
  }
  .featuredNumberImg {
    height: auto !important;
  }
}
.breadcrumbs {
  padding: 0px;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;
  margin-bottom: 0px;
}
.breadcrumbs > li {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
}
.breadcrumbs > li.active {
  color: #000;
  font-weight: bold;
  cursor: auto;
}
.breadcrumbs > li a {
  color: #000;
  border-bottom: 0px;
}
.breadcrumbs > li a:hover {
  border-bottom: 1px solid #000;
  background-color: transparent;
}
.breadcrumbs > li + li:before {
  color: #000;
  content: ">";
}
.breadcrumbs > li .lte-ie8 {
  margin-right: 1px;
}
.breadcrumbs > li.active:before {
  font-weight: normal;
  font-size: 14px;
}

.ie9 .breadcrumbs > li {
  margin-right: 1px;
}

@media all and (max-width: 767px) {
  .breadcrumbs > li {
    font-size: 14px;
  }
  .breadcrumbs > li + li:before {
    padding: 0px;
  }
}
@media (max-width: 991px) {
  .speakers-row > .col-xs-12:nth-child(2n+1) {
    clear: left;
  }
  .col-md-9.twoByThreeGridText {
    float: left;
  }
  .col-md-3.twoByThreeGridImageContainer {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .speakers-row > .col-md-4:nth-child(3n+1) {
    clear: left;
  }
  .featuredNumber {
    display: flex;
    align-items: center;
  }
  .towbythreevideo {
    display: flex;
    align-items: center;
  }
}
.owl-carousel-speakers .owl-item {
  padding: 10px !important;
}

.owlCarouselSpeakerDetails .owl-item {
  padding: 50px !important;
}

.speakers-row {
  display: flex;
  flex-wrap: wrap;
}

.view-all-speakers {
  text-align: center;
  margin-top: 30px;
}
.view-all-speakers a {
  text-align: center;
  margin-top: 30px;
  padding: 16px 32px;
  border-radius: 6px;
  text-transform: capitalize;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 20px;
  border: 2px solid !important;
}
@media only screen and (max-width: 1024px) {
  .view-all-speakers a {
    padding: 6px !important;
  }
}

.speaker-type-of-lecture {
  color: #999999;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  bottom: 30px;
  position: absolute;
}
@media screen and (max-width: 991px) {
  .speaker-type-of-lecture {
    position: static;
  }
}

.speaker-title-of-lecture {
  font-size: 20px;
  padding-bottom: 8px;
  padding-top: 8px;
  font-weight: 400;
  margin-bottom: 75px;
}
@media screen and (max-width: 991px) {
  .speaker-title-of-lecture {
    margin-bottom: 0px;
  }
}

.learn-more-speakers {
  font-size: 16px;
  font-weight: 500;
  padding-top: 6px;
  padding-bottom: 6px;
  padding: 0px !important;
  position: absolute;
  bottom: 0px;
}
@media screen and (max-width: 767px) {
  .learn-more-speakers {
    position: static;
    padding: 8px !important;
  }
}

.speaker-name {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 18px;
}

.speakers-read-link {
  color: #000;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  border-bottom: 0px;
  position: absolute;
  bottom: 0px;
}

.speakers-read-link:after {
  content: " ";
  background-image: url(../images/heavy.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 16px;
  margin-top: 5px;
  margin-left: 5px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  display: inline-block;
}
.speakers-read-link:hover {
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
}
.speakers-read-link:hover:after {
  background-image: url(../images/heavy-hover.svg);
}

.speakers-carousel-flex {
  display: flex !important;
  flex-wrap: wrap;
}

.speakers-details h5 {
  text-transform: uppercase;
}
.speakers-details .speaker-content div {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: justify;
}
.speakers-details .speaker-content .speaker-date-time {
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .speakers-details .speaker-content .speaker-date-time {
    text-align: center;
  }
}
.speakers-details .speaker-content .fa, .speakers-details .speaker-content svg.svg-inline--fa {
  font-size: 24px;
}

.btn-watch-now {
  position: absolute;
  right: 15px;
  top: 0px;
  padding: 0px;
}
@media screen and (max-width: 991px) {
  .btn-watch-now {
    position: static !important;
    max-width: 40% !important;
    margin-top: 5px;
    display: block;
    margin: 10px auto auto !important;
  }
}

.speakers-row .col-testimonial {
  position: relative;
}

.tab-link-to-redirect .redirect-link-icon {
  font-size: 18px;
  opacity: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cosponsor-video-description {
  font-size: 16px !important;
  font-weight: normal;
}

.award-winner-row {
  height: 350px;
}

.video-award-module {
  height: 300px;
  width: 500px;
}

@media screen and (max-width: 500px) {
  .award-winner-row {
    height: 250px;
  }
  .video-award-module {
    max-height: 200px !important;
    width: auto;
  }
}
@media screen and (max-width: 992px) {
  .award-winner-field-photos img {
    max-width: 100%;
    height: auto !important;
  }
}
.speaker-video {
  height: 325px;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

@media screen and (max-width: 479px) {
  .speaker-video {
    max-height: 200px !important;
    width: auto;
  }
}
@media screen and (max-width: 480px) and (max-width: 620px) {
  .speaker-video {
    max-height: 250px !important;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .speaker-video {
    width: 600px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1025px) {
  .speaker-video {
    width: 600px;
  }
}
.speakerContainer {
  margin-bottom: 20px;
}

.speakerContainer .speakerSubtitle, .speakerContainer .speakerSubtitle *:not(.lectureDateTime), .speakerContainer .speakerSubtitle .subtitleTypeOfLecture *, .speakerDetailsCarousel .speakerSubtitle {
  font-family: DM Sans !important;
  font-size: 16px !important;
  color: #0578bf !important;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 500 !important;
  font-style: normal !important;
  margin-top: 20px;
}

.speakerContainer .speakerSubtitle .lectureDateTime, .speakerDetailsCarousel .lectureDateTime {
  color: #000000;
  font-size: 14px;
  opacity: 50%;
}

.speakerDetails .speakerName, .speakerDetails .speakerName *, .speakerDetailsCarousel .speakerName, .speakerDetailsCarousel .speakerName * {
  font-family: Lora !important;
  font-size: 32px !important;
  color: #000000 !important;
  margin-top: 5px;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1.1;
}

.speakerDetails .speakerOccupation, .speakerDetailsCarousel .speakerOccupation {
  font-size: 16px;
  margin-top: 10px;
  font-weight: normal;
}

.speakerDetails .speakerLocation, .speakerDetailsCarousel .speakerLocation {
  font-weight: 600;
  font-size: 16px;
}

.speakerDetails .speakerOccupation, .speakerDetails .speakerLocation, .speakerDetailsCarousel .speakerOccupation, .speakerDetailsCarousel .speakerLocation {
  font-family: DM Sans;
  color: #333333;
  text-decoration: none solid rgb(51, 51, 51);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  word-wrap: break-word;
}

.speakerDetails .lectureDetails {
  margin-bottom: 25px;
}

.speakerDetails .lectureDetails .typeOfLecture, .speakerDetails .lectureDetails .typeOfLecture *, .speakerDetailsCarousel .typeOfLecture, .speakerDetailsCarousel .typeOfLecture * {
  font-family: DM Sans !important;
  font-size: 16px !important;
  color: #0578bf !important;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 15px;
  font-weight: 500 !important;
  font-style: normal !important;
}

.speakerDetails .lectureDetails .dateAndLocationOfLecture, .speakerDetailsCarousel .dateAndLocationOfLecture {
  font-family: Lora;
  font-size: 20px;
  color: #000000;
  line-height: 26px;
  font-style: normal;
  font-weight: normal;
}

.speakerDetails .lectureDetails .speakerButtonContainer {
  margin-top: 15px;
}

.speakerDetailsCarousel .speakerButtonContainer {
  margin-top: 25px;
}

.viewSpeakerDetailsContainer {
  margin-bottom: 20px;
}

.speakerDetails .lectureDetails .speakerDetailsLink, .speakerDetails .speakerDetailsMoreButton, .speakerDetails .lectureDetails .speakerDetailsLink, .speakerDetails .speakerDetailsSeeLessButton, .speakerDetailsCarousel .speakerCarouselLearnMore, .viewSpeakerDetailsContainer .viewAllSpeakerDetails {
  font-family: DM Sans !important;
  font-size: 16px !important;
  color: #0578bf;
  text-transform: uppercase;
  border-bottom: 0px;
  font-weight: 600 !important;
  font-style: normal !important;
}

.speakerDetails .lectureDetails .speakerDetailsLink:hover, .speakerDetails .speakerDetailsMoreButton:hover, .speakerDetails .lectureDetails .speakerDetailsLink:hover, .speakerDetails .speakerDetailsSeeLessButton:hover, .speakerDetailsCarousel .speakerCarouselLearnMore:hover, .viewSpeakerDetailsContainer .viewAllSpeakerDetails:hover {
  opacity: 60%;
  background-color: transparent;
}

.speakerDetails .lectureDetails .speakerDetailsLink i, .speakerDetailsCarousel .speakerCarouselLearnMore i, .speakerDetails .lectureDetails .speakerDetailsLink i, .speakerDetailsCarousel .speakerCarouselLearnMore svg.svg-inline--fa {
  margin-right: 5px;
}

.speakerDetails .speakerDetailsMoreButton, .speakerDetails .speakerDetailsSeeLessButton {
  background-color: transparent;
  border: none;
  margin-top: 10px;
  margin-bottom: 15px;
}

.speakerDetails .speakerDetailsMoreButton {
  float: left;
  padding-left: 0px;
}

.speakerDetails .speakerDetailsSeeLessButton {
  float: right;
}

.speakerDetails .lectureDetails .btnLectureWatchNow {
  font-size: 16px !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  display: table-cell;
  width: 70%;
  padding-top: 3%;
  padding-bottom: 3%;
}

.speakerDetails .lectureDetails .btnLectureWatchNow, .speakerDetails .lectureDetails .btnLectureWatchNow:hover {
  border: 0px;
  box-shadow: none;
}

.speakerDetails .lectureDetails .speakerImage {
  width: 100%;
  object-fit: cover;
  max-height: 400px;
}

.speakerDetailsCarousel {
  margin-bottom: 15px;
}

.speakerDetailsCarousel .speakerImage {
  object-fit: cover;
  height: 250px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.speakerDetailsCarousel .owlCarouselSpeakerDetails {
  background: white;
  box-shadow: 0 0 10px lightgrey;
  padding-bottom: 40px;
}

.speakerDetailsCarousel .speakerDetailCarouselItem {
  height: 100%;
  position: relative;
}

.speakerDetailsCarousel .speakerDetailCarouselItem .speakerCarouselLearnMore {
  position: absolute;
  bottom: 0;
}

.speakerDetailsCarousel .speakerDetailCarouselItem .typeOfLecture {
  display: flex;
  align-items: end;
}

.speakerDetailsCarousel .owl-theme .owl-controls {
  margin-top: 15px !important;
  position: static;
  width: 100%;
  height: 50px;
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav {
  background: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div {
  background: none !important;
  text-indent: 0px;
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div i, .speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div svg {
  color: #0578bf;
  font-size: 35px;
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-prev {
  width: auto;
  padding: 0px;
  cursor: default;
}
@media (max-width: 767px) {
  .speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-prev {
    display: inline;
  }
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-prev i, .speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-prev svg.svg-inline--fa {
  float: right;
  transform: scale(1.5, 0.7);
  cursor: pointer;
  margin-right: 10px;
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-next {
  padding: 0px;
  cursor: default;
  width: auto;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-next {
    display: inline;
  }
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-next i, .speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-next svg.svg-inline--fa {
  float: left;
  margin-left: 20px;
  transform: scale(1.5, 0.7);
  cursor: pointer;
}

.speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-prev.disabled, .speakerDetailsCarousel .owl-theme .owl-controls .owl-nav div.owl-next.disabled {
  opacity: 0.4;
}

.speakerDetails .speakerDetailsSeeLessButton {
  display: none;
}

.speakerDetails .speakerBio, .speakerDetails .speakerBio * {
  font-family: Lora !important;
  font-size: 22px !important;
  color: #333333 !important;
  line-height: 32px;
  font-style: normal !important;
  font-weight: normal !important;
}

.speakerDetails .speakerVideoContainer {
  margin-top: 20px;
}

.speakerDetails .speakerBio .speakerVideoContainer * {
  font-size: 12px !important;
}

.speakerDetails .speakerInfo {
  border-bottom: 1px solid #666666;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.speakerContainer .speakerDetails .speakerBio .speakerVideoContainer, .speakerContainer .speakerDetails .speakerBio .speakerVideoContainer .vjs-poster, .speakerContainer .speakerDetails .speakerBio .speakerVideoContainer .vjs-control-bar, .speakerContainer .speakerDetails .speakerBio .speakerVideoContainer .vjs-control-bar *, .speakerContainer .speakerDetails .speakerBio .vjs-big-play-button *, .speakerContainer .speakerDetails .speakerBio .vjs-big-play-button, .speakerContainer .speakerDetails .speakerBio .speakerVideoContainer .vjs-text-track-display, .speakerContainer .speakerDetails .speakerBio .speakerVideoContainer .vjs-menu-item-text, .speakerContainer .speakerDetails .speakerBio .vjs-menu, .speakerContainer .speakerDetails .speakerBio .vjs-menu-item *, .vjs-menu, .speakerContainer .speakerDetails .speakerBio .vjs-menu-item, .speakerContainer .speakerDetails .speakerBio .vjs-menu-content {
  color: white !important;
  font-family: VideoJS !important;
  font-size: 12px !important;
  font-weight: normal !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  line-height: 32px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.speakerContainer .speakerDetails .speakerBio video, .speakerContainer .speakerDetails .speakerBio .vjs-control-bar {
  padding: 0 !important;
}

.speakerBio .speakerVideoContainer .vjs-play-progress.vjs-slider-bar::before {
  top: -1.25em;
}

.speakerBio .speakerVideoContainer .vjs-control-bar li.vjs-menu-item.vjs-selected span {
  color: #2b333f !important;
}

.channel-banner-text {
  word-break: unset !important;
}

.lds-dual-ring-hidden {
  display: none !important;
}

.lds-dual-ring {
  display: inline-block;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  border: 6px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 576px) {
  .col-xxs-12 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 600px) {
  .speakerBio .speakerVideoContainer .vjs-control-bar *:not(.vjs-progress-control):not(.vjs-time-divider):not(.vjs-progress-holder):not(.vjs-load-progress):not(.vjs-play-progress) {
    flex: auto;
  }
  .channel-banner-text {
    font-size: 7.5vw !important;
    margin-right: 5px !important;
  }
}
@media (min-width: 601px) {
  .speakerDetails .lectureDetails {
    width: 50%;
    float: right;
    margin-left: 5%;
  }
  .speakerDetails .speakerInfo {
    display: inline-block;
    width: 45%;
  }
}
@media (min-width: 120px) and (max-width: 480px) {
  .channel-slider-item .channel-slide-text {
    color: black !important;
    font-size: 18px !important;
    max-width: 65%;
    line-height: 20px !important;
    text-align: left !important;
    height: 58%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .channelSliderItem.font-size-18 {
    color: black !important;
    font-size: 18px !important;
    max-width: 65%;
    line-height: 20px !important;
    text-align: left !important;
    height: 58%;
    top: 20%;
    word-break: unset;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .image-carousel-wide {
    visibility: hidden;
  }
  .channel-slider-item .channel-image-slider {
    background-color: white !important;
    border: 1px solid black;
    left: 10px;
  }
  .number-of-followers-section {
    margin-right: 15px !important;
  }
  .follow-icon-slider {
    color: black !important;
    margin-right: 35px !important;
  }
  .private-item {
    margin-right: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .speakerDetails .lectureDetails .speakerImage {
    max-height: 300px;
  }
}
@media (min-width: 1200px) {
  .speakerDetails .lectureDetails .speakerImage {
    max-height: 400px;
  }
}
@media (min-width: 768px) {
  .showOnlyOnMobile {
    display: none !important;
  }
  .channelSliderItem.font-size-18 {
    font-size: 18px !important;
    max-width: 65%;
    line-height: 20px !important;
    text-align: left !important;
    height: 58%;
    top: 20%;
    word-break: unset;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .channels-new .owl-item .channel-slider-item .channel-slide-text {
    line-height: 90% !important;
    overflow: hidden;
    display: -webkit-box;
    text-align: left !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .number-of-followers-section {
    margin-right: 30px !important;
  }
  .follow-icon-slider {
    margin-right: 35px !important;
  }
}
@media (min-width: 768px) {
  .verticalSpeakerCarouselContainer .owl-controls .owl-nav div {
    margin-left: 35% !important;
    margin-right: 35% !important;
  }
}
.verticalSpeakerCarouselContainer .owl-controls .owl-nav {
  position: relative;
  top: 10px;
  right: unset;
  background-image: none;
  width: unset;
  display: flex;
  justify-content: center;
  float: unset;
}
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-prev,
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-next {
  text-indent: 0;
  background: none !important;
  width: fit-content;
  position: inherit;
  border-radius: 30px;
  padding: 5px 10px;
}
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-prev:hover,
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-next:hover {
  opacity: 0.9;
}
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-prev svg,
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-next svg {
  text-indent: 0;
  width: fit-content;
  opacity: 1;
  font-size: 20px;
  padding: 10px !important;
  border-radius: 25px !important;
  background: #fff;
  color: #000;
  cursor: pointer;
}
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-prev svg:hover,
.verticalSpeakerCarouselContainer .owl-controls .owl-nav div.owl-next svg:hover {
  opacity: 1;
}

.verticalSpeakerCarouselHeader {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px;
}

.verticalSpeakerCarouselHeader h3.carouselTitle {
  font-family: Lora;
  font-weight: 400 !important;
  font-size: 30px;
  line-height: 48px;
  color: #000;
}

.verticalSpeakerCarouselHeader:not(:has(h3.carouselTitle)) {
  justify-content: flex-end;
}

.verticalSpeakerCarouselHeader a {
  font-family: DM Sans;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  border-bottom: none;
  color: #265577;
}

.verticalSpeakerCarouselHeader a:hover, .speakerButtonContainer a:hover, .verticalSpeakerCarouselHeader a:focus, .speakerButtonContainer a:focus {
  border-bottom: none;
  background: transparent;
}

.verticalSpeakerCarouselHeader a:hover, .verticalSpeakerCarouselHeader a:focus {
  color: #265577;
}

.verticalSpeakerCarouselItem {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
}

.verticalSpeakerCarouselItem img.speakerImage {
  width: -webkit-fill-available;
  height: 300px;
  object-fit: cover;
}

.verticalSpeakerCarouselItem .speakerInformation {
  padding: 16px;
}

.verticalSpeakerCarouselItem .speakerInformation * {
  font-family: DM Sans;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.verticalSpeakerCarouselItem .speakerInformation .speakerName, .verticalSpeakerCarouselItem .speakerInformation .speakerName * {
  font-family: Lora;
  font-weight: 400;
  line-height: 34px;
  font-size: 24px;
}

.verticalSpeakerCarouselItem .speakerInformation .speakerName {
  margin-top: 7px;
}

.verticalSpeakerCarouselItem .speakerInformation .typeOfLecture {
  color: #E00074;
}

.verticalSpeakerCarouselItem .speakerInformation .locationOfLecture {
  margin-top: 5px;
}

.verticalSpeakerCarouselItem .speakerInformation .speakerOccupation {
  margin-top: 8px;
  color: #757575;
}

.verticalSpeakerCarouselItem .speakerInformation .dateAndLocationOfLecture {
  margin-top: 16px;
}

.verticalSpeakerCarouselItem .speakerInformation .speakerButtonContainer {
  padding: 16px 32px !important;
  background: #E00074;
  text-align: center;
  margin-top: 34px;
  margin-bottom: 17px;
  width: 90%;
  border-radius: 6px;
}

.verticalSpeakerCarouselItem .speakerInformation .speakerButtonContainer a {
  color: white;
  border-bottom: none;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
}

.verticalSpeakerCarouselContainer .owl-controls .owl-dot.active span {
  background: #E00074;
  border: 1px solid #E00074;
}

.verticalSpeakerCarouselContainer .owl-controls .owl-dot span {
  background: transparent;
  border: 1px solid black;
}

.verticalSpeakerCarouselContainer .owl-controls {
  position: relative;
  display: flex;
  justify-content: center;
}

.verticalSpeakerCarouselContainer .owl-controls .owl-nav {
  background-image: none;
}

.verticalSpeakerCarouselContainer .owl-controls .owl-nav .owl-prev, .verticalSpeakerCarouselContainer .owl-controls .owl-nav .owl-next {
  background-position: unset;
  background-image: none;
  text-indent: unset;
  float: unset;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  width: fit-content;
  font-size: 15px;
  padding: 5px 10px;
  color: black;
}

.verticalSpeakerCarouselContainer .owl-controls .owl-nav div {
  position: absolute;
  margin-left: 5%;
  margin-right: 5%;
}

.verticalSpeakerCarouselContainer .owl-controls .owl-pagination {
  transform: translateX(25%);
}

@media (min-width: 768px) {
  .verticalSpeakerCarouselControls {
    transform: translateX(50%);
  }
  .verticalSpeakerCarouselContainer .owl-controls .owl-nav div {
    margin-left: 35%;
    margin-right: 35%;
  }
  .verticalSpeakerCarouselHeader h3.carouselTitle {
    font-size: 40px;
  }
  .verticalSpeakerCarouselHeader {
    flex-direction: row;
  }
}
.verticalSpeakerContainer {
  background-color: #fff;
  box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.2);
  padding: 30px;
}
.verticalSpeakerContainer .verticalSpeakerBio * {
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.verticalSpeakerContainer .verticalSpeakerMoreLess {
  display: none;
  background-color: transparent;
  border: none;
  font-family: DM Sans;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 20px;
  padding: 0px;
}

.verticalSpeaker {
  padding-bottom: 25px;
  align-items: center;
}
.verticalSpeaker .verticalSpeakerLecture, .verticalSpeaker .vertialSpeakerLecture *, .verticalSpeaker .verticalSpeakerLectureMobile, .verticalSpeaker .verticalSpeakerLectureMobile * {
  font-family: DM Sans;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.verticalSpeaker .verticalSpeakerName, .verticalSpeaker .verticalSpeakerName * {
  font-family: Lora;
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
}
.verticalSpeaker .verticalSpeakerOccupation {
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding-top: 5px;
}
.verticalSpeaker .verticalSpeakerDateTime {
  padding-top: 10px;
}
.verticalSpeaker .verticalSpeakerDateTime, .verticalSpeaker .verticalSpeakerDateTime span {
  font-family: DM Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.verticalSpeaker .verticalSpeakerImage {
  aspect-ratio: 1;
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}
.verticalSpeaker .verticalSpeakerDefaultImage {
  background-color: #D9D9D9;
}

@media (min-width: 992px) {
  .verticalSpeaker {
    display: flex;
  }
  .verticalSpeaker .verticalSpeakerLectureMobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .verticalSpeaker {
    display: inherit;
  }
  .verticalSpeaker .verticalSpeakerLecture {
    display: none;
    margin-bottom: 5px;
  }
}
.bg-dark {
  overflow: hidden;
}

.footer-section-inner {
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .footer-section-inner .displayMobileLogo {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 991px) {
  .footer-bottom ul.nav-stacked.NavItem {
    display: block !important;
  }
}
.footer-image {
  width: 100%;
  min-height: 350px;
  background-color: #808080;
}

.footer-image img {
  width: 100%;
  min-height: 350px;
  object-fit: cover;
}

.footer-bottom {
  width: 100%;
  padding: 50px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

.footer-bottom .nav {
  width: 100%;
}

.nav-stacked > li + li {
  margin-top: 0;
}

.footer-bottom ul.nav-stacked {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .footer-bottom ul.nav-stacked {
    text-align: left !important;
  }
}

.footer-bottom ul.nav-stacked li {
  display: inline;
  margin-right: 5px;
}

.footer-bottom ul.nav-stacked li a {
  min-width: 30px;
  height: 30px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  border: 2px solid #fff;
  padding: 0;
}

.footer-bottom ul.nav-stacked li a:hover {
  color: #fff;
  background-color: #000;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.footer-bottom ul.nav-stacked li a:focus {
  -webkit-box-shadow: 0 0 0 1px #12c6a6;
  box-shadow: 0 0 0 1px #12c6a6;
  color: #c4c4c4;
  background-color: #000;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.footer-bottom ul.nav-stacked li a:focus .fa, .footer-bottom ul.nav-stacked li a:focus svg.svg-inline--fa {
  color: #fff;
}

.footer-bottom ul.nav-stacked li a:hover .fa, .footer-bottom ul.nav-stacked li a:hover svg.svg-inline--fa {
  color: #fff;
}

.footer-bottom ul.nav-stacked li a span {
  display: none;
}

.footer-bottom ul.nav-stacked.NavItem li a span {
  display: inline-block;
  float: left;
}

.footer-bottom ul.nav-stacked.NavItem li a span.highlight {
  float: none;
}

.footer-bottom ul.nav-stacked li .fa, .footer-bottom ul.nav-stacked li svg {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.footer-bottom ul.nav-stacked.NavItem li.divider {
  margin-bottom: 10px;
}

.footer-bottom ul.nav-stacked.NavItem {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer-bottom ul.nav-stacked.NavItem {
    display: block !important;
  }
}

.footer-bottom ul.nav-stacked.NavItem li {
  width: 100%;
  float: left;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .paddingNavigationLinks {
    margin-bottom: 15px;
  }
}

.footer-bottom *:not(.fa) {
  font-family: DM Sans, sans-serif;
}

.footer-bottom > *:not(small.copyright), .footer-bottom .nav > li > * {
  font-size: 16px;
  font-weight: 500;
}

.footer-bottom ul.nav-stacked.NavItem li a {
  float: left;
  padding: 0px 2px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
}

.footer-bottom ul.nav-stacked.NavItem li a:hover {
  background-color: #000;
  color: #fff;
}

.footer-bottom ul.nav-stacked.NavItem li a:focus {
  background-color: #000;
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.footerLink {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footerLink li {
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding: 5px 0;
}

.footerLink li a {
  color: #fff;
  text-decoration: none;
}

.footerLink li a:hover {
  text-decoration: underline;
}

/*    Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  /*-----*/
  .footer-bottom {
    padding: 0;
  }
  .footer-bottom .col-sm-4 {
    width: 50%;
  }
  .footer-bottom ul.nav-stacked {
    text-align: left;
  }
  .footer-bottom ul.nav-stacked.NavItem li {
    text-align: left;
  }
  .footer-bottom ul.nav-stacked.NavItem li a {
    float: none;
  }
  .footer-bottom .navbar-brand {
    text-align: center;
  }
  .footer-bottom .navbar-brand .logo img {
    margin: 0 auto;
  }
}
/*    Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  /*-----*/
  .footer-bottom .col-sm-4 {
    width: 100%;
    float: left;
  }
  .footer-bottom ul.nav-stacked {
    text-align: center;
  }
  .footer-bottom ul.nav-stacked.NavItem li {
    text-align: center;
  }
  .footer-bottom ul.nav-stacked.NavItem li a {
    float: none;
  }
  .footer-bottom .navbar-brand {
    text-align: center;
    float: none;
  }
  .footer-bottom .navbar-brand .logo img {
    margin: 0 auto;
  }
}
/*    Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */
/*landing page*/
.lenadingChannel .col-md-12.right .lendingTitle {
  text-align: right;
  padding-right: 0;
}

.lenadingChannel .col-md-12.right .lendingText {
  text-align: right;
}

.lenadingChannel .col-md-12.right .lendingText .text {
  padding-right: 0;
  padding-left: 600px;
}

.max-width465 {
  max-width: 475px;
  display: inline-block;
}

.max-width318 {
  max-width: 318px;
  display: inline-block;
}

.max-width460 {
  max-width: 460px;
  display: inline-block;
}

.lenadingChannel .col-md-12.left .lendingTitle {
  text-align: left;
}

.lenadingChannel .col-md-12.left .lendingText {
  text-align: left;
}

.searchcontainer {
  position: relative;
}

.searchcontainer .searchInput {
  width: 100%;
  border: 2px solid #fff;
  background-color: transparent;
  font-size: 18px;
  color: #fff;
  font-style: italic;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  padding: 20px 60px 20px 20px;
  line-height: 20px;
  box-sizing: border-box;
}

.searchcontainer ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

.searchcontainer ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.searchcontainer :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

.searchcontainer :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.searchcontainer .searchInput:focus {
  background-color: #fff;
  color: #303133;
  font-size: 18px;
  font-style: italic;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  padding: 20px 60px 20px 20px;
  line-height: 20px;
  box-sizing: border-box;
}

.searchcontainer .searchInput.focus {
  background-color: #fff;
  color: #303133;
  font-size: 18px;
  font-style: italic;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  padding: 20px 60px 20px 20px;
  line-height: 20px;
  box-sizing: border-box;
}

.searchcontainer .searchInput.focus + .searchBtn:before {
  color: #303133;
}

.searchcontainer .searchInput:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #303133;
}

.searchcontainer .searchInput:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #303133;
}

.searchcontainer .searchInput:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #303133;
}

.searchcontainer .searchInput:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #303133;
}

.searchcontainer .searchBtn {
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 2px;
  right: 2px;
  outline: none;
  z-index: 9;
}

.searchcontainer .searchBtn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  font-size: 25px;
  color: #fff;
}

.searchcontainer .searchInput:focus + .searchBtn:before {
  color: #303133;
}

.searchResult {
  width: 100%;
  box-shadow: 0px 1px 3px 0px #d8e9f9;
  -moz-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -webkit-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -ms-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -o-box-shadow: 0px 1px 3px 0px #d8e9f9;
  background-color: #fff;
  padding: 0 20px 15px;
  box-sizing: border-box;
  margin-top: -1px;
  position: absolute;
}

.searchResult .searchContent {
  border-top: 2px solid #c4c4c4;
  padding-top: 15px;
}

.searchResult .searchContent ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.searchResult .searchContent ul li {
  margin-bottom: 15px;
}

.searchResult .searchContent h3 {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  margin: 0;
  color: #262626;
  border-bottom: 2px solid #262626;
  display: inline-block;
  margin-bottom: 10px;
}

.searchResult .searchContent p {
  text-transform: none;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lenadingChannel {
  /*width: 100%;*/
  /*float: left;*/
}

.lenadingChannel a {
  display: block;
  border: 0;
  padding: 0;
}

.lenadingChannel a.margin-buttom30 {
  margin-bottom: 30px;
}

.lenadingChannel a:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.lenadingChannel a:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.lenadingChannel a:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.landingChannelImg1 {
  width: 100%;
  height: 620px;
  background-color: #beb9b9;
  overflow: hidden;
  position: relative;
}

.landingChannelImg1 img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.landingChannelImg1 .title {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 26px;
  line-height: 35px;
  border-bottom: 7px solid #fff;
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  z-index: 3;
}

.landingChannelImg1 .number {
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.landingChannelImg2 {
  width: 100%;
  height: 350px;
  background-color: #beb9b9;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.landingChannelImg2.height450 {
  height: 450px;
}

.landingChannelImg2 img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  z-index: 1;
}

.landingChannelImg2 .title {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 26px;
  line-height: 35px;
  border-bottom: 7px solid #fff;
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  z-index: 3;
}

.landingChannelImg2 .number {
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  z-index: 3;
}

.lendingTitle {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #262626;
  font-size: 45px;
  line-height: 56px;
  margin-bottom: 30px;
}

.lendingTitle a {
  border: 0;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}

.lendingText {
  position: relative;
  margin-bottom: 68px;
}

.lendingText .text {
  padding-right: 600px;
  font-size: 18px;
  line-height: 30px;
  color: #262626;
  /*word-break: break-all;*/
}

.lendingText .text.max-width260 {
  padding-right: 260px;
}

.lendingText .checkLink {
  font-size: 18px;
  color: #262626;
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 3px solid #000;
}

.lendingText .checkLink:hover {
  border-bottom: 3px solid #000;
  color: #fff;
}

.lendingText .checkLink:focus {
  border-bottom: 3px solid #000;
  color: #fff;
}

.lendingText .checkLink:active {
  border-bottom: 3px solid #000;
  color: #fff;
}

.rowMarginbtm40 {
  margin-bottom: 40px;
}

.comPicture {
  width: 100%;
  height: 250px;
  background-color: #beb9b9;
  float: left;
  position: relative;
  overflow: hidden;
}

.comPicture img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
}

.comPicture .title {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 21px;
  line-height: 31px;
  z-index: 3;
}

.comDateSec {
  width: 100%;
  float: left;
}

.landingComunity a {
  display: block;
  padding: 0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.hoverImg {
  width: 100%;
  height: 100%;
  background-color: rgba(77, 19, 209, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.landingComunity a:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.landingComunity a:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.landingComunity a:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.landingComunity a .dateSection {
  width: 100%;
  float: left;
  border-bottom: 5px solid #000;
  position: relative;
  margin-bottom: 20px;
  display: block;
  padding: 10px 0 10px 0px;
  background-image: url(../images/heavy.svg);
  background-repeat: no-repeat;
  background-position: right center;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.landingComunity a:hover .dateSection h5 {
  color: #fff;
}

.landingComunity a:hover .dateSection p {
  color: #fff;
}

.landingComunity a:hover .dateSection {
  background-image: url(../images/heavy-hover.svg);
  background-position: 99% center;
  background-color: #000;
  padding-left: 5px;
}

.landingComunity a:focus .dateSection h5 {
  color: #fff;
}

.landingComunity a:focus .dateSection p {
  color: #fff;
}

.landingComunity a:focus .dateSection {
  background-image: url(../images/heavy-hover.svg);
  background-position: 99% center;
  background-color: #000;
  padding-left: 5px;
}

.landingComunity a:active .dateSection h5 {
  color: #fff;
}

.landingComunity a:active .dateSection p {
  color: #fff;
}

.landingComunity a:active .dateSection {
  background-image: url(../images/heavy-hover.svg);
  background-position: 99% center;
  background-color: #000;
  padding-left: 5px;
}

.dateSection .date {
  padding-right: 40px;
}

.dateSection h5 {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #262626;
  text-transform: uppercase;
}

.dateSection p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #262626;
  text-transform: none;
}

.landingComunityText {
  font-size: 16px;
  line-height: 28px;
  color: #303133;
}

.contributeSection {
  margin-bottom: 30px;
  width: 100%;
  float: left;
}

.contributePic {
  width: 100%;
  height: 500px;
  background-color: #beb9b9;
  float: left;
  position: relative;
  overflow: hidden;
}

.contributePic img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.imageContent {
  position: absolute;
  left: 30px;
  bottom: 20px;
  max-width: 400px;
}

.imageContent .title {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 37px;
  line-height: 48px;
  margin-bottom: 30px;
}

.imageContent ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.imageContent ul li {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  margin-bottom: 18px;
}

.imageContent ul li a {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

.imageContent ul li a:hover {
  text-decoration: none;
  color: #fff;
  border-bottom: 2px solid #fff;
}

.imageContent ul li a:focus {
  text-decoration: none;
  color: #fff;
  border-bottom: 2px solid #fff;
}

.imageContent ul li a:active {
  text-decoration: none;
  color: #fff;
  border-bottom: 2px solid #fff;
}

.contributeContenr {
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%;
  float: left;
}

.contributeContenr h5 {
  font-size: 18px;
  line-height: 26px;
  color: #303133;
  text-transform: uppercase;
  border-bottom: 3px solid #000;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
}

.contributeContenr h5 a {
  display: block;
  padding-bottom: 0px;
  padding-top: 3px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  outline: none;
  border: 0;
}

.contributeContenr h5 a:after {
  content: "";
  background-image: url(../images/heavy.svg);
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  width: 35px;
  height: 16px;
  margin-top: 5px;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.contributeContenr h5 a:hover::after {
  background-image: url(../images/heavy-hover.svg);
}

.contributeContenr h5 a:focus::after {
  background-image: url(../images/heavy-hover.svg);
}

.contributeContenr h5 a:active::after {
  background-image: url(../images/heavy-hover.svg);
}

.contributeContenr h5 a:hover {
  color: #fff;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.contributeContenr h5 a:focus {
  color: #fff;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.contributeContenr h5 a:active {
  color: #fff;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.contributeSection.left .col-md-8 {
  float: right;
}

.contributeContenr .text {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #262626;
}

.toolsResource {
  position: relative;
}

.titleSection {
  width: 100%;
  max-width: 425px;
  border-top: 10px solid #000;
  padding: 30px;
  position: absolute;
  z-index: 9;
  top: -20px;
  background-color: #fff;
  left: 50%;
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  cursor: pointer;
}

.titleSection:hover {
  box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.titleSection a:focus {
  -webkit-box-shadow: 0px 0px 0px 2px transparent;
  -moz-box-shadow: 0px 0px 0px 2px transparent;
  box-shadow: 0px 0px 0px 2px transparent;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  outline: none;
}

.titleSection:active {
  -webkit-box-shadow: 0px 0px 0px 2px transparent;
  -moz-box-shadow: 0px 0px 0px 2px transparent;
  box-shadow: 0px 0px 0px 2px transparent;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  outline: none;
}

.titleSection a {
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.titleSection a:hover {
  background-color: transparent;
  color: #262626;
}

.titleSection a:focus {
  background-color: transparent;
  color: #262626;
}

.titleSection a:active {
  background-color: transparent;
  color: #262626;
}

/*
    .titleSection.static{
    position: static;
    left: 0;
    transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -webkit-transform: translate(0%, 0);
    transform: none;   
     box-shadow:   0 2px 4px 0 rgba(123, 178, 234, 0.35);
    -moz-box-shadow:   0 2px 4px 0 rgba(123, 178, 234, 0.35);
    -webkit-box-shadow:   0 2px 4px 0 rgba(123, 178, 234, 0.35);
    -o-box-shadow:   0 2px 4px 0 rgba(123, 178, 234, 0.35);
    -ms-box-shadow:   0 2px 4px 0 rgba(123, 178, 234, 0.35);
       transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    padding: 0;
    border-top: 0;
}
.titleSection.static a{
    padding: 30px;
    border:0;
    border-top: 10px solid #000;
    background-color: transparent;
}
.titleSection.static a:hover{
    background-color: transparent;
}
.titleSection a:hover{
     box-shadow:  0 4px 7px 0 rgba(123, 178, 234, 0.35);
    -moz-box-shadow:  0 4px 7px 0 rgba(123, 178, 234, 0.35);
    -webkit-box-shadow:  0 4px 7px 0 rgba(123, 178, 234, 0.35);
    -o-box-shadow:  0 4px 7px 0 rgba(123, 178, 234, 0.35);
    -ms-box-shadow:  0 4px 7px 0 rgba(123, 178, 234, 0.35);
       transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.titleSection a:focus{
   -webkit-box-shadow: 0px 0px 0px 2px #12c6a6;
-moz-box-shadow: 0px 0px 0px 2px #12c6a6;
box-shadow: 0px 0px 0px 2px #12c6a6;
       transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    outline: none;
}
.titleSection:active{
   -webkit-box-shadow: 0px 0px 0px 2px #12c6a6;
-moz-box-shadow: 0px 0px 0px 2px #12c6a6;
box-shadow: 0px 0px 0px 2px #12c6a6;
       transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    outline: none;
}
.titleSection.active{
  -webkit-box-shadow: 0px 0px 0px 2px #12c6a6;
-moz-box-shadow: 0px 0px 0px 2px #12c6a6;
box-shadow: 0px 0px 0px 2px #12c6a6;
       transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    outline: none;
}*/
.titleSection .titleText {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #262626;
  font-size: 37px;
  line-height: 48px;
  margin-bottom: 10px;
}

.toolsContent {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
}

.lendingText.text-right .text {
  padding-right: 0;
  width: 50%;
  float: right;
  padding-bottom: 50px;
}

/*search reselt page*/
.searchDetailsSearch {
  max-width: 90%;
  position: relative;
  border-bottom: 1px solid #000;
  margin-bottom: 35px;
}

.searchDetailsSearch input.sdetails {
  width: 100%;
  border: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  color: #262626;
  font-size: 37px;
  line-height: 48px;
  padding-right: 80px;
}

.searchDetailsSearch input.sdetails:focus {
  padding-left: 0;
}

.searchDetailsSearch .rearchRemove {
  height: 30px;
  text-align: center;
  font-size: 20px;
  background-color: transparent;
  padding: 0;
  min-width: 40px;
  position: absolute;
  top: 15px;
  right: 0;
  border: 0;
  z-index: 9;
  outline: none;
}

.searchDetailsSearch .rearchRemove:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  font-size: 25px;
  color: #000;
}

.relatedQuery {
  padding: 0px 0 35px;
  font-size: 18px;
  line-height: 30px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #262626;
}

.relatedQuery.mopadtop {
  padding-top: 0;
}

.relatedQuery.writingcont {
  padding-bottom: 10px;
}

.relatedQuery .underline {
  border-bottom: 3px solid #000;
  margin: 0 10px;
}

.spacialSearchResult {
  background-color: rgba(0, 125, 186, 0.1);
  padding: 30px;
  margin-bottom: 50px;
}

.spacialSearchResult .specialContent {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 1px 3px 0px #007dba;
  -moz-box-shadow: 0px 1px 3px 0px #007dba;
  -webkit-box-shadow: 0px 1px 3px 0px #007dba;
  -o-box-shadow: 0px 1px 3px 0px #007dba;
  -ms-box-shadow: 0px 1px 3px 0px #007dba;
}

.spacialSearchResult .specialtext {
  font-size: 18px;
  line-height: 26px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #303133;
}

.searchdetailsDate {
  font-size: 12px;
  line-height: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
  text-transform: uppercase;
  padding: 2px 0 10px;
}

.searchResultDetailsContent {
  margin-bottom: 30px;
}

.searchResultDetailsContent .headingText {
  font-size: 18px;
  line-height: 26px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #303133;
  margin-bottom: 5px;
}

.searchResultDetailsContent .searchDetalsText {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #303133;
}

.searchResultDetailsContent .searchDetalsText.max-height {
  max-height: 100px;
  overflow: auto;
}

.searchResultDetailsVideo {
  margin-bottom: 20px;
  box-shadow: 0px 1px 3px 0px #007dba;
  -moz-box-shadow: 0px 1px 3px 0px #007dba;
  -webkit-box-shadow: 0px 1px 3px 0px #007dba;
  -o-box-shadow: 0px 1px 3px 0px #007dba;
  -ms-box-shadow: 0px 1px 3px 0px #007dba;
}

.searchResultDetailsVideo .videoText {
  padding: 30px 15px 15px 0;
  position: relative;
  min-height: 280px;
}

.bookmarkAction {
  position: absolute;
  bottom: 0;
  right: 25px;
}

.bookmarkAction ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bookmarkAction ul li {
  display: inline;
}

.bookmarkAction ul li a {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.bookmarkAction ul li.bookmark a:after {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(../images/actionIcons.png);
  background-position: -106px -14px;
  background-repeat: no-repeat;
}

.bookmarkAction ul li.bookmark a:hover::after {
  background-position: -154px -14px;
}

.bookmarkAction ul li.bookmark a:focus::after {
  background-position: -154px -14px;
}

.bookmarkAction ul li.bookmark a:active::after {
  background-position: -154px -14px;
}

.discoverPeople {
  margin-bottom: 20px;
  box-shadow: 0px 1px 3px 0px #007dba;
  -moz-box-shadow: 0px 1px 3px 0px #007dba;
  -webkit-box-shadow: 0px 1px 3px 0px #007dba;
  -o-box-shadow: 0px 1px 3px 0px #007dba;
  -ms-box-shadow: 0px 1px 3px 0px #007dba;
  padding: 30px;
}

.discoverPeople h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #262626;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

.peopleBox {
  box-shadow: 0px 1px 3px 0px #007dba;
  -moz-box-shadow: 0px 1px 3px 0px #007dba;
  -webkit-box-shadow: 0px 1px 3px 0px #007dba;
  -o-box-shadow: 0px 1px 3px 0px #007dba;
  -ms-box-shadow: 0px 1px 3px 0px #007dba;
  /*width: 150px;*/
  margin: 0 0px 20px 10px;
}

.peopleDetails {
  padding: 10px 10px 40px;
  position: relative;
}

.peopleImg {
  width: 100%;
  height: 90px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.peopleBox .peopleImg img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
}

.peopleBox .peopleTitle {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  color: #262626;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.peopleBox .peopleDesc {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #262626;
  font-size: 10px;
  line-height: 16px;
}

.peopleBox .peopleRightArrow {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-image: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 16px;
}

.peopelcrausel .owl-pagination {
  display: none;
}

.owl-theme .owl-controls {
  margin-top: 0;
}

.peopelcrausel .owl-nav {
  background-image: none;
}

.peopelcrausel .owl-nav div.owl-prev {
  left: -25px;
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  background-position: center !important;
  position: absolute;
  top: 45%;
}

.peopelcrausel .owl-nav div.owl-next {
  right: -25px;
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  background-position: center !important;
  position: absolute;
  top: 45%;
}

.peopelcrausel .owl-nav div.owl-next.disabled {
  opacity: 0.5 !important;
}

.peopelcrausel .owl-nav div.owl-prev.disabled {
  opacity: 0.5 !important;
}

/*.withTwoColumnImage {
        margin-bottom: 20px;
        box-shadow: 0px 1px 3px 0px #007dba;
        -moz-box-shadow: 0px 1px 3px 0px #007dba;
        -webkit-box-shadow: 0px 1px 3px 0px #007dba;
        -o-box-shadow: 0px 1px 3px 0px #007dba;
        -ms-box-shadow: 0px 1px 3px 0px #007dba;
        position: relative;
    }*/
.withTwoColumnImage {
  min-height: 570px;
  background-color: #fff;
}

.withTwoColumnImage.abs {
  min-height: 390px;
}

.cardOutersection .bookmarkAction {
  bottom: 25px;
  right: 20px;
}

.bookmarkAction ul li a {
  border: 0;
  padding: 0;
}

.bookmarkAction ul li a:hover {
  background-color: transparent;
}

.bookmarkAction ul li a:focus {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.boxLink {
  display: block;
  background-color: transparent;
  padding: 0;
  border: 0;
}

.boxLink:hover {
  background-color: transparent;
  padding: 0;
  border: 0;
}

.boxLink:focus, .boxLink:active {
  background-color: transparent;
  padding: 0;
  border: 0;
}

.boxLink .withTwoColumnImage {
  margin-bottom: 0;
}

.boxLink .withTwoColumnImage {
  margin-bottom: 0;
  box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  position: relative;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.boxLink:hover .withTwoColumnImage {
  box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.boxLink:focus .withTwoColumnImage {
  box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.boxLink:active .withTwoColumnImage {
  box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.boxLink:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.boxLink:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.boxLink:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

/*.boxLink:focus,
.boxLink:active,
.boxLink:hover {
    .searchDetalsText {
        color: #262626;
    }
}*/
.withTwoColumnImage .columnImage {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #beb9b9;
  position: relative;
}

.withTwoColumnImage .columnImage img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
}

.withTwoColumnImage.blog {
  min-height: 525px;
}

.withTwoColumnImage.news {
  min-height: 525px;
}

.withTwoColumnImage.eos {
  min-height: 525px;
}

.columnContent {
  padding: 30px;
  min-height: 280px;
}

.columnContent .bookmarkAction {
  bottom: 20px;
}

/*channels ------------------------------------*/
.channelsImagesOuter {
  position: relative;
}

.channelsImagesOuter .channelsImages {
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.channelsImagesOuter .channelsImages img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
}

.channelsImagesOuter .channelsTitle {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 26px;
  line-height: 35px;
  border-bottom: 7px solid #fff;
  position: absolute;
  top: 40px;
  left: 30px;
}

.channelsImagesOuter .channelsTitle a {
  color: #fff;
  text-decoration: none;
}

.channelsImagesOuter .channelsTitle a:focus {
  text-decoration: none;
}

.channelsImagesOuter .channelsCount {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 21px;
  line-height: 31px;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  padding: 0 30px;
}

.eventbox {
  background-color: #beb9b9;
  padding: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 540px;
  margin-bottom: 20px;
}

.eventbox.nomargin-btm {
  margin-bottom: 0;
}

.eventlink {
  border: 0;
  padding: 0;
}

.eventlink:hover {
  background-color: transparent;
}

.eventlink:focus {
  background-color: transparent;
}

.eventlink:active {
  background-color: transparent;
}

.eventlink:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.eventlink:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.eventlink:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.eventlink .hoverImg {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.eventMargin {
  padding-left: 10px;
  padding-right: 10px;
}

.eventMargin.margin-btm {
  margin-bottom: 20px;
}

.eventbox h2.title {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 26px;
  line-height: 35px;
  margin: 0;
  margin-bottom: 30px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.eventbox h2.title a {
  color: #fff;
  border: 0;
}

.eventbox h2.title:before {
  background: #fff;
  bottom: -15px;
  top: auto;
}

.eventDateBox {
  margin-bottom: 30px;
}

.eventDateBox h4 {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.eventDateBox h5 {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.eventContent {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  padding-bottom: 50px;
  font-weight: 400;
  /*min-height: 420px;*/
}

.eventAction {
  bottom: 25px;
  right: 30px;
  position: absolute;
}

.eventAction ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.eventAction li a {
  color: #fff;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}

.eventAction li a:hover {
  text-decoration: none;
}

.eventAction li a:focus {
  text-decoration: none;
}

.eventAction li .text {
  float: left;
  color: #fff;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-style: italic;
  padding-right: 20px;
  margin-top: 8px;
}

.eventbox .selected {
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 50px;
  position: relative;
}

.eventbox .selected:after {
  content: "";
  left: 7px;
  top: 4px;
  width: 9px;
  height: 14px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: transparent;
  position: absolute;
}

.eventbox .plus:after {
  content: "+";
  display: block;
  position: relative;
  font-family: DM Sans, sans-serif;
  font-size: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: -10px;
  color: #fff;
  font-weight: normal;
}

/*.withTwoColumnImage{
    margin:0 0px 0 0;
}
    .withTwoColumnImage {
        min-height: 550px;
    }*/
.withTwoColumnImage.pub {
  min-height: 400px;
}

.withTwoColumnImage.publicAwards {
  min-height: initial;
}

.withTwoColumnImage.publicAwards .columnContent {
  min-height: 160px;
  padding: 20px;
}

.withTwoColumnImage.publicAwards .searchResultDetailsContent {
  margin-bottom: 0;
}

.writPlusCont .owl-carousel .owl-item {
  padding: 0 10px;
}

.writPlusCont .main-title-section h2 {
  margin-bottom: 40px;
}

.writPlusCont .owl-theme .owl-controls {
  margin-top: -75px;
}

.journalSection {
  margin-bottom: 10px;
}

.journalSection h5 {
  color: #303133;
  font-size: 16px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-style: italic;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.journalSection p {
  color: #303133;
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  text-transform: none;
  max-height: 125px;
  overflow: auto;
}

.cardOutersection {
  padding-top: 10px;
  padding-bottom: 15px;
}

/*.columnContent.abs {
    border: 1px solid #000;
    position: relative;
    margin-bottom: 20px;
    min-height: 250px;
    padding: 25px 30px;
}*/
.withTwoColumnImage.peopletab {
  border: 0;
  box-shadow: none;
  min-height: 420px;
  margin-bottom: 0;
}

.withTwoColumnImage.peopletab .columnContent {
  padding: 20px 0;
  border-top: 1px solid #000;
  margin-top: 30px;
  min-height: auto;
}

.withTwoColumnImage.peopletab .searchDetalsText {
  font-weight: 400;
}

.withTwoColumnImage.peopletab .headingText {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.withTwoColumnImage.peopletab .arrow {
  background-image: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 16px;
  display: inline-block;
  margin-top: 15px;
}

/*filter*/
.filterSection {
  padding: 10px 0 30px;
  border-bottom: 1px solid #ccc;
}

.filterSection .to {
  position: absolute;
  left: 49%;
  bottom: 15px;
}

.toMobile {
  display: none;
}

.filterSection label {
  color: #6f6f6f;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.searchtabSection {
  position: relative;
  margin-bottom: 35px;
}

.searchtabSection ul li:first-child a {
  padding-left: 0;
}

.listViewType {
  position: absolute;
  top: 20px;
  right: 0;
}

.listViewType .thumbView {
  font-size: 22px;
}

.listViewType a {
  color: #000;
}

.listViewType a.filterExpendCollepse {
  color: #6f6f6f;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  float: right;
  margin-left: 20px;
  margin-top: 10px;
}

.listViewType a.filterExpendCollepse:hover, .listViewType a.filterExpendCollepse:focus {
  text-decoration: none;
}

.listViewType a.filterExpendCollepse .fa, .listViewType a.filterExpendCollepse svg.svg-inline--fa {
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e113";
  /* "play" icon */
  color: #6f6f6f;
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  float: right;
  line-height: 18px;
  margin-left: 10px;
}

.listViewType a.filterExpendCollepse.open .fa {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*searchTag*/
.selectedTags {
  padding: 8px 0;
}

.selectedTags .searchedTags {
  color: #262626;
  font-size: 16px;
  line-height: 28px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  margin-right: 10px;
  margin-bottom: 10px;
}

.selectedTags .searchedTags span {
  border-bottom: 3px solid #000;
}

.selectedTags .searchedTags a {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #262626;
}

.selectAll {
  text-transform: none;
  color: #8d8d8f;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
}

.selectAll:hover, .selectAll:focus {
  text-decoration: none;
}

/*.custom-checkbox.filter{ min-height:50px;}*/
.custom-checkbox.filter label {
  margin-bottom: 5px;
}

.custom-checkbox.filter input + label:before {
  width: 14px;
  height: 14px;
  float: left;
  margin-right: 10px;
}

/*.custom-checkbox.filter.custom-checkbox.filter input {
        width: 100%;
        height: 14px;
        z-index: 9;
    }*/
.custom-checkbox.filter input + label span {
  float: left;
  margin-top: 0px;
  color: #262626;
  font-size: 14px;
  display: block;
  color: #303133;
  text-transform: none;
  max-width: 90%;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
}

/*.custom-checkbox.filter input:checked + label:after {
        left: 9px;
        top: 5px;
        width: 10px;
        height: 17px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #fff;
        text-transform: none;
    }*/
.ui-autocomplete {
  border-radius: 0;
}

#ui-id-1 {
  background-color: #fff;
  padding: 0 20px 15px;
  box-sizing: border-box;
  margin-top: -1px;
  width: 530px !important;
  border: 0;
  box-shadow: 0px 1px 3px 0px #d8e9f9;
  -moz-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -webkit-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -ms-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -o-box-shadow: 0px 1px 3px 0px #d8e9f9;
  background-color: #fff;
}

#ui-id-1 li {
  text-transform: none;
  font-size: 16px;
  line-height: 35px;
  color: #303133;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#ui-id-1 li.ui-menu-item {
  padding: 0;
}

#ui-id-1 li:first-child {
  border-top: 2px solid #c4c4c4;
  padding-top: 15px;
}

#ui-id-1 li:first-child span {
  margin-top: 0;
}

#ui-id-1 .ui-autocomplete-category span {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  margin: 0;
  color: #262626;
  border-bottom: 2px solid #262626;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

#ui-id-1 .ui-autocomplete-category a {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  margin: 0;
  color: #262626;
  border-bottom: 2px solid #262626;
  display: inline-block;
}

#ui-id-1 .ui-autocomplete-category a:hover {
  text-decoration: none;
}

#ui-id-1 li a.ui-state-focus {
  background-color: transparent;
}

#ui-id-1 li a {
  padding: 0;
  line-height: 1.5;
  margin: 0;
  cursor: pointer;
}

#ui-id-1 li a:hover {
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
}

#ui-id-1 .ui-state-hover, #ui-id-1 .ui-widget-content #ui-id-1 .ui-state-hover, #ui-id-1 .ui-widget-header #ui-id-1 .ui-state-hover, #ui-id-1 .ui-state-focus, #ui-id-1 .ui-widget-content .ui-state-focus, #ui-id-1 .ui-widget-header .ui-state-focus {
  border: none;
  background: none;
  font-weight: normal;
  padding: 0;
  margin: 0;
  text-decoration: underline;
}

.verticalTitle {
  transform: rotate(-90deg);
  transform-origin: 150px 150px 0px;
  direction: rtl;
}

.verticalTitle .main-title-section h2 {
  margin: 0;
  white-space: nowrap;
}

.verticalTitle .main-title-section h2:before {
  margin-left: 10px;
}

.peopelVertical {
  padding: 0 0 0 20px;
  margin-top: -30px;
}

.owl-theme .col-md-4 {
  padding-left: 10px;
  padding-right: 10px;
}

.owl-stage-outer .col-md-4 {
  width: 100%;
  padding: 0;
}

/*.columnContent.abs.col-md-4 {
    padding: 25px 30px;
}*/
/*Public Profile*/
.profileContent {
  margin-top: 20px;
}

.profileContent .smallLine {
  width: 100px;
  height: 1px;
  border-bottom: 1px solid #000;
}

.profileContent .profilrText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303133;
  padding-top: 10px;
}

.userNameRole h3.pub {
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  color: #303133;
  margin-top: -3px;
}

.profileMarginbtm {
  margin-bottom: 30px;
}

.profile-content .main-title-section {
  text-align: left;
}

.slidesToScroll.pubprofile .owl-theme .owl-controls {
  margin-top: -60px;
}

.pubprofile .owl-nav {
  width: 90px;
  background-position: 35px 0px;
}

.pubprofileContactInfor .slideItemCont p {
  font-size: 18px;
  color: #303133;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  word-break: break-word;
  -ms-word-break: break-word;
  word-break: break-all;
  -ms-word-break: break-all;
}

.slideItemCont ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 30px;
  float: left;
}

.slideItemCont ul li {
  float: left;
  margin-right: 10px;
  font-size: 12px;
  color: #8d8d8f;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
}

.slideItemCont ul li.links a {
  text-decoration: underline;
  font-weight: 700;
  color: #262626;
  text-transform: none;
  float: left;
}

.slidesToScroll.pubprofile .owl-theme .owl-controls .owl-nav div {
  padding: 3px 20px;
}

.slidesToScroll.pubprofile .owl-theme .owl-controls .owl-nav div.owl-next.disabled {
  background-position: -42px -48px;
}

.slidesToScroll.pubprofile .owl-theme .owl-controls .owl-nav div.owl-prev.disabled {
  background-position: 0px -48px;
}

.slidesToScroll.pubprofile .owl-theme .owl-controls .owl-nav div.owl-next {
  background-position: -42px -76px;
}

.slidesToScroll.pubprofile .owl-theme .owl-controls .owl-nav div.owl-prev {
  background-position: 0px -76px;
}

.writPlusCont .owl-carousel .owl-item {
  padding: 0 10px;
}

.publicProfileContactInfo .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.peopleleadercheckboxlistLeader {
  margin-top: 20px;
}

.peopleleadercheckboxlistLeader .custom-checkbox.filter input + label span {
  font-weight: 700;
  margin-top: 0px;
}

ul, ol {
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
}

ul li, ol li {
  line-height: 26px;
}

.searchLoader {
  width: 60px;
  height: 63px;
  position: absolute;
  top: 0;
  right: 35px;
  background-image: url(../images/autocomplete-spinner.gif);
  background-repeat: no-repeat;
  background-position: center;
}

/*Search new Design*/
.seeAll {
  margin-left: 20px;
}

.seeAll a {
  font-size: 16px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  /*color: #262626;*/
  border-bottom: 3px solid #000;
  text-decoration: none;
  text-transform: none;
}

.seeAll a:hover {
  border-bottom: 3px solid #000;
}

.border-left {
  border-left: 1px solid #000;
  /*min-height:390px;*/
}

.displayFlex .col-md-3 {
  border-right: 1px solid;
  margin-right: -1px;
}

.contentsection.contentWriting .col-md-4 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.contentsection.contentWriting .boxLink .withTwoColumnImage {
  padding: 10px 10px 5px 10px;
}

.contentsection.contentWriting .columnContent {
  border: 0;
  padding: 0;
  margin-bottom: 0;
  min-height: initial;
}

.contentsection.contentWriting .searchResultDetailsContent .searchDetalsText {
  text-align: justify;
}

.contentsection.contentWriting .searchResultDetailsContent .searchDetalsText .morelink {
  display: inline;
  padding: 0;
}

.contentsection.contentWriting .searchResultDetailsContent {
  margin-bottom: 10px;
}

.contentsection.contentWriting .bookmarkAction {
  position: relative;
  float: right;
  bottom: 34px;
  right: 5px;
}

.contentsection.contentWriting .bookmarkAction.info {
  bottom: 0;
}

.contentsection.contentWriting .withTwoColumnImage {
  min-height: initial;
  margin-bottom: 0;
  /*box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;*/
}

.contentsection.contentWriting .columnContent {
  padding: 0;
  min-height: initial;
}

.contentsection.contentWriting .withTwoColumnImage .columnImage {
  display: none;
}

.contentsection.contentWriting .columnContent.abs {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/*#newsRenderDiveventMeeting{
    margin-top:10px;
}*/
#newsRenderDiveventMeeting .eventbox h2.title {
  font-size: 20px;
  line-height: 26px;
}

.eventbox.contentWriting {
  padding: 15px;
  min-height: 420px;
  position: relative;
}

.eventContentsec {
  position: relative;
  z-index: 3;
}

.eventbox.contentWriting .eventContent {
  padding-bottom: 0;
}

#eventMeetingFilter .filterSection, #peopleFilter .filterSection, #writingContentFilter .filterSection {
  padding: 0px 0 0px;
  border-bottom: 0;
}

.showAllLess {
  margin-bottom: 15px;
}

.showAllLess a {
  text-decoration: none;
}

p.moMargin {
  margin: 0;
}

.searchResultDetailsContent .searchDetalsText.author {
  font-size: 14px;
  color: #262626;
  margin-top: 10px;
  font-style: italic;
  max-width: 96%;
}

.withTwoColumnImageSearch {
  border-top: 2px solid #000;
  margin-bottom: 25px;
  cursor: pointer;
  min-height: 202px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.withTwoColumnImageSearch:hover {
  box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 4px 7px 0 rgba(123, 178, 234, 0.35);
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.withTwoColumnImageSearch .peopleImgLeft {
  height: 200px;
  overflow: hidden;
}

.withTwoColumnImageSearch .peopleImgLeft img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  max-width: 200px;
}

.withTwoColumnImageSearch .searchResultDetailsContentright {
  padding: 15px 20px;
}

.withTwoColumnImageSearch .headingText {
  font-size: 18px;
  line-height: 26px;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  color: #303133;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.withTwoColumnImageSearch .searchDetalsText {
  font-size: 14px;
  line-height: 24px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #9e9e9e;
}

.contentsection.contentWriting {
  margin-bottom: 0;
}

.contentsection.contentWriting .bookmarkAction {
  display: none;
}

.contentsection .showFullNolimit {
  display: none;
}

.contentsection.contentWriting .showLesswithLimit {
  display: none;
}

.contentsection.contentWriting .showFullNolimit {
  display: block;
}

.hideMoreContent {
  display: none;
}

.morelink {
  display: block;
}

/* search event new design */
.searcheventcontentnew .columnContent {
  padding: 20px;
}

.searcheventcontentnew .searchResultDetailsContent {
  margin-bottom: 15px;
}

.searcheventcontentnew .withTwoColumnImage.abs {
  height: auto;
  min-height: initial;
}

.searcheventcontentnew .col-md-4 {
  padding-left: 10px;
  padding-right: 10px;
}

.searcheventcontentnew .columnContent {
  min-height: 340px;
}

.searcheventcontentnew .cardOutersection {
  padding-top: 0;
}

.searcheventcontentnew .columnContent {
  position: relative;
}

.searcheventcontentnew a:hover {
  color: #303133;
}

.searcheventcontentnew .author {
  position: absolute;
  bottom: 20px;
  left: 0;
  padding-right: 20px;
  text-align: right;
  font-style: italic;
  color: #262626;
}

@media only screen and (min-width: 978px) and (max-width: 1024px) {
  .landingChannelImg2 {
    height: 290px;
  }
  .contributeContenr {
    margin-bottom: 10px;
    margin-top: 5px;
  }
}
/*    Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  /*-----*/
  .comDateSec {
    margin-bottom: 20px;
  }
  .eventContent {
    min-height: auto;
  }
  .filterSection .to {
    display: none;
  }
  .toMobile {
    display: block;
  }
  .tospace {
    display: none;
  }
  .lendingText .text {
    padding-right: 0;
  }
  .lendingText .checkLink {
    bottom: -20px;
  }
  .contributeSection.left .col-md-8 {
    float: none;
  }
  .lenadingChannel .col-md-12.right .lendingText .text {
    padding-left: 0;
  }
}
/*    Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  /*-----*/
  .lendingText .text {
    padding-right: 0;
  }
  .lendingText {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .landingChannelImg2 {
    margin-bottom: 10px;
  }
  .comDateSec {
    margin-bottom: 10px;
  }
  .eventContent {
    min-height: auto;
  }
  .filterSection .to {
    display: none;
  }
  .toMobile {
    display: block;
  }
  .tospace {
    display: none;
  }
  #ui-id-1 {
    width: 87.3% !important;
  }
  .searchtabSection ul li a {
    padding-left: 0;
  }
  .searchDetailsSearch {
    max-width: 100%;
    margin-top: 30px;
  }
  .verticalTitle {
    transform: rotate(0deg);
    transform-origin: initial;
    margin-bottom: 50px;
    direction: ltr;
  }
  .profileChannelNotifications {
    margin-left: 0;
  }
  .peopelVertical {
    margin-top: 0;
    padding: 0;
  }
  .peopleBox {
    margin-left: 0;
  }
  .lendingText .text {
    padding-right: 0;
  }
  .lendingText .checkLink {
    bottom: -20px;
  }
  .contributeSection.left .col-md-8 {
    float: none;
  }
  .lenadingChannel .col-md-12.right .lendingText .text {
    padding-left: 0;
  }
  .lendingText .text.max-width260 {
    padding-right: 0;
    margin-bottom: 0 !important;
  }
  .landingChannelImg2 .title {
    left: 10px;
  }
  .lendingTitle {
    font-size: 35px;
    line-height: 40px;
  }
  /*.comPicture .title {
          font-size: 28px;
      }*/
  .border-left {
    border-left: 0;
    min-height: initial;
  }
  .writPlusCont .owl-theme .owl-controls {
    margin-top: -36px;
  }
  .seeAll {
    float: right;
  }
  #divAbstractPagerAdd .seeAll {
    float: none;
    text-align: right;
    display: block;
  }
  #wcPublicationsRenderTop .seeAll {
    float: none;
    text-align: right;
    display: block;
  }
  .contentsection.contentWriting .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .contentsection.contentWriting .columnContent {
    margin-bottom: 40px;
  }
  .eventbox.contentWriting {
    padding: 15px;
    min-height: initial;
  }
  .searcheventcontentnew .columnContent {
    height: auto;
  }
  .displayFlex {
    display: block;
  }
  .profile-content .main-title-section {
    max-width: 70%;
  }
}
/*    Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */
/*Create Chanels*/
.ms-ctn {
  position: relative;
  padding: 5px 12px;
  height: auto;
}

.ms-inv {
  border: 1px solid #c00;
}

.ms-ctn-readonly {
  cursor: pointer;
}

.ms-ctn-disabled {
  cursor: not-allowed;
  background-color: #eee;
}

.ms-ctn-bootstrap-focus, .ms-ctn-bootstrap-focus .ms-res-ctn {
  border-color: rgba(82, 168, 236, 0.8) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ms-ctn-focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ms-ctn input {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  outline: 0;
  display: block;
  padding: 0;
  line-height: 1.42857143;
  margin: 1px 0;
  width: 100%;
}

.ms-ctn .ms-sel-ctn input {
  float: left;
}

.ms-ctn-disabled input {
  cursor: not-allowed;
  background-color: #eee;
}

.ms-ctn .ms-input-readonly {
  cursor: pointer;
}

.ms-ctn .ms-empty-text {
  color: #DDD;
}

.ms-ctn input:focus {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  background: #FFF;
}

.ms-ctn input::-ms-clear {
  width: 0;
  height: 0;
}

.ms-ctn .ms-trigger {
  top: 0;
  width: 25px;
  height: 100%;
  position: absolute;
  right: 0;
  background: transparent;
  border-left: 1px solid #CCC;
  cursor: pointer;
}

.ms-ctn .ms-trigger .ms-trigger-ico {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-left: 8px;
  margin-top: 15px;
}

.ms-ctn .ms-trigger:hover {
  background-color: #e6e6e6;
}

.ms-ctn .ms-trigger:hover .ms-trigger-ico {
  background-position: 0 -4px;
}

.ms-ctn-disabled .ms-trigger {
  cursor: not-allowed;
  background-color: #eee;
}

.ms-ctn-bootstrap-focus {
  border-bottom: 1px solid #CCC;
}

.ms-res-ctn {
  width: 100%;
  display: block;
  overflow-y: auto;
}

.ms-res-ctn .ms-res-group {
  line-height: 23px;
  text-align: left;
  padding: 2px 5px;
  font-weight: bold;
  border-bottom: 1px dotted #CCC;
  border-top: 1px solid #CCC;
  background: #f3edff;
  color: #333;
}

.ms-res-ctn .ms-res-item {
  line-height: 25px;
  text-align: left;
  padding: 2px 5px;
  color: #666;
  cursor: pointer;
}

.ms-res-ctn .ms-res-item-grouped {
  padding-left: 15px;
}

.ms-res-ctn .ms-res-odd {
  background: #fafafa;
}

.ms-res-ctn .ms-res-item-active {
  background-color: #f5f5f5;
}

.ms-res-ctn .ms-res-item-disabled {
  color: #CCC;
  cursor: default;
}

.ms-sel-ctn {
  overflow: auto;
  line-height: 18px;
  padding-right: 0px;
  width: auto !important;
  float: left;
}

.ms-no-trigger .ms-sel-ctn {
  padding-right: 0;
}

.ms-sel-ctn .ms-sel-item {
  background: #f3f3f3;
  color: #999;
  float: left;
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 3px;
  border: 1px solid #DDD;
  margin: 3px 0 1px 0;
}

.ms-sel-ctn .ms-sel-invalid {
  border-color: #f8a5a5 !important;
  background: #fdf2f2 !important;
}

.ms-sel-ctn .ms-sel-item:hover {
  border: 1px solid #BBB;
}

.ms-ctn .ms-sel-item {
  background: #f3f3f3;
  color: #999;
  float: left;
  font-size: 12px;
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid #DDD;
  margin: 1px 5px 1px 0;
}

.ms-ctn .ms-sel-item:hover {
  border: 1px solid transparent;
}

.ms-ctn-focus .ms-sel-item:hover {
  border: 1px solid #BBB;
}

.ms-sel-ctn .ms-sel-text {
  background: #FFF;
  color: #666;
  padding-right: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: normal;
}

.ms-as-string .ms-sel-text {
  border-color: transparent;
}

.ms-res-ctn .ms-res-item em {
  font-style: normal;
  background: #565656;
  color: #FFF;
}

.ms-sel-ctn .ms-sel-text:hover {
  background: #FFF;
}

.ms-sel-ctn .ms-sel-item-active {
  border: 1px solid red;
  background: #757575;
}

.ms-stacked .ms-sel-item {
  float: inherit;
}

.ms-sel-ctn .ms-sel-item .ms-close-btn {
  width: 7px;
  cursor: pointer;
  height: 7px;
  float: right;
  margin: 6px 2px 0 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);
  background-position: 0 -7px;
}

.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
  background-position: 0 0;
}

.ms-stacked .ms-sel-item .ms-close-btn {
  margin-left: 0;
}

.ms-helper {
  color: #AAA;
  font-size: 10px;
  position: absolute;
  top: -17px;
  right: 0;
}

.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {
  margin-top: 17px;
}

.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {
  margin-top: 13px;
}

.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {
  padding-top: 2px;
  padding-bottom: 3px;
}

.ms-ctn.input-sm .ms-sel-ctn {
  line-height: 15px;
}

.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {
  margin-top: 4px;
}

.ms-ctn .ms-sel-ctn {
  margin-left: -7px;
}

.ms-ctn .ms-trigger:hover {
  width: 24px;
  right: 1px;
  border-radius: 0 3px 3px 0;
}

/*Create Chanels*/
.main-title-section h2.margintop0 {
  margin-top: 0;
}

.createChannelRightImage {
  position: relative;
}

.channelRightImage {
  width: 100%;
  height: 808px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.channelRightImage img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.createChannelRightImage .imageContent {
  position: absolute;
  left: 30px;
  bottom: 20px;
  width: 100%;
  max-width: 300px;
}

.createChannelRightImage .imageContent .title {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 45px;
  line-height: 52px;
  margin-bottom: 0px;
}

.createChhanelText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
  padding-top: 20px;
  margin-bottom: 60px;
}

.channel .searchBtn {
  width: 60px;
  height: 50px;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 0px;
  right: 15px;
  outline: none;
  z-index: 9;
}

.channel .searchBtn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  font-size: 25px;
  color: #000;
}

.channel input.topic {
  padding-right: 50px;
}

.topicSearchResult {
  width: 50%;
  box-shadow: 0px 1px 3px 0px #d8e9f9;
  -moz-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -webkit-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -ms-box-shadow: 0px 1px 3px 0px #d8e9f9;
  -o-box-shadow: 0px 1px 3px 0px #d8e9f9;
  background-color: #fff;
  padding: 0px;
  box-sizing: border-box;
  /*margin-top: -1px;*/
  position: absolute;
  border: 1px solid #000;
  border-top: 0;
  z-index: 99;
}

.topicSearchResult ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.topicSearchResult ul li {
  /*margin-bottom: 15px;*/
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.topicSearchResult ul li a {
  color: #303133;
  text-decoration: none;
  display: block;
  padding: 5px 20px;
}

.topicSearchResult ul li a:hover {
  background-color: #e8e8e5;
}

.topics {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-right: 20px;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

.topics .line {
  border-bottom: 3px solid #000;
  float: left;
}

.topics .close {
  float: left;
  outline: none;
  color: #000;
  font-weight: 300;
  opacity: 1;
  width: 20px;
}

.channelSection .subitle {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #9e9e9e;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
}

.topicSuggestion {
  margin-top: 10px;
}

.topicSuggestion .topicList {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #262626;
  margin-bottom: 15px;
}

.topicSuggestion .topicList a {
  color: #262626;
}

.topicSuggestion .topicList .topicPlus {
  font-size: 40px;
  float: left;
  font-weight: 300;
  margin-right: 15px;
}

.channelPictures {
  margin-top: 40px;
  margin-bottom: 20px;
}

.channelPictures .slidesToScroll.pubprofile .owl-theme .owl-controls {
  margin-top: -50px;
}

.channelHeaderImg {
  width: 100%;
  height: 150px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
  margin-bottom: 20px;
}

.channelHeaderImg .selected {
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 50px;
  position: absolute;
  z-index: 9;
  right: 10px;
  top: 40%;
  display: none;
}

.channelHeaderImg .selected:after {
  content: "";
  left: 7px;
  top: 4px;
  width: 9px;
  height: 14px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: transparent;
  position: absolute;
}

.channelHeaderImg img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.channelImgBorder {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 4px solid transparent;
  z-index: 1;
  top: 0;
}

.channelHeaderImg input[type=radio] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 2;
}

.channelHeaderImg input[type=radio]:checked + .channelImgBorder {
  border: 4px solid #66afe9;
}

.channelHeaderImg input[type=radio]:checked + .channelImgBorder + .selected {
  display: block;
}

.channelPictures .subTitle .subitle {
  margin-bottom: 0;
  font-size: 12px;
}

.channelPictures .slideItem {
  padding-left: 10px;
}

.channelPictures .subitle {
  margin-bottom: 30px;
}

.channelPrivateSection {
  border-top: 1px solid #c4c4c4;
  padding: 50px 0 20px;
}

.channelPrivateSection .privacyText {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
  max-width: 50%;
  margin-bottom: 20px;
}

.channelPrivateSection .privacyText.profileselectSection .custom-checkbox input + label span {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-top: 0px;
  color: #262626;
}

.channelPrivateSection .privacyText.profileselectSection .custom-checkbox input + label span a {
  color: #262626;
  border-bottom: 3px solid #262626;
}

.channelPrivateSection .privacyText.profileselectSection .custom-checkbox input + label span a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.channelPrivateSection .privacyText.profileselectSection .custom-checkbox input + label span a:focus {
  text-decoration: none;
}

.hint {
  font-size: 10px;
}

.hint.top5 {
  margin-top: 5px;
}

/*new owl slider*/
.owl-theme .owl-nav {
  position: relative;
  top: 0;
  margin-top: 0;
  right: 0;
  background-image: url(../images/sep.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 70px;
  display: flex;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  background-image: url(../images/slider-arrow.png);
  background-repeat: no-repeat;
  background-position: 7px 7px;
  background-color: transparent;
  margin: 0;
  padding: 3px 20px;
  text-indent: -9999px;
  opacity: 1;
  outline: none;
  width: 35px;
}

.owl-carousel .owl-nav button.owl-prev {
  background-position: 7px -23px;
}

.owl-carousel .owl-nav button.owl-next {
  background-position: -33px -23px;
}

.owl-carousel .owl-nav button.owl-prev.disabled {
  background-position: 7px 7px;
}

.owl-carousel .owl-nav button.owl-next.disabled {
  background-position: -33px 7px;
}

/*Profile Channel */
.profileChannelSlider {
  /*    position: relative;*/
}

.profileChannelSlider .channelImg {
  width: 100%;
  height: 100px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.channelimgSection {
  margin-bottom: 10px;
  position: relative;
}

.profileChannelSlider .channelImg.noblockimg img {
  display: initial;
}

.profileChannelSlider .channelImg.noblockimg img.noimg {
  left: 0;
  top: 0;
  position: static;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
}

.channelimgSection a {
  padding: 0;
}

.channelimgSection a:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelimgSection a:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelimgSection a:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelimgSection .addPlus {
  z-index: 3;
}

.channelimgSection .edit-box {
  right: 12px;
  top: 2px;
  z-index: 9;
}

.channelimgSection:hover .edit-box {
  display: inline-block;
}

.profileChannelSlider .channelImg img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  z-index: 1;
  max-width: 500px;
}

.profileChannelSlider .channelImg a {
  display: block;
  border: 0;
  padding: 0;
}

.profileChannelSlider .channelText {
  position: absolute;
  max-width: 90%;
  left: 20px;
  top: 50%;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  color: #fff;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  z-index: 2;
}

.profileChannelSlider .channelText a {
  color: #fff;
}

.addPlus {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

.followIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

.followIcon:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 0px;
  width: 12px;
  height: 25px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.plusbutton {
  position: relative;
  width: 25px;
  height: 25px;
  display: block;
}

.plusbutton:before,
.plusbutton:after {
  content: "";
  position: absolute;
  background-color: white;
  transition: transform 0.25s ease-out;
}

/* Vertical line */
.plusbutton:before {
  top: 0;
  left: 50%;
  width: 5px;
  height: 100%;
  margin-left: -2px;
}

/* horizontal line */
.plusbutton:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 5px;
  margin-top: -3px;
}

.form-control.ms-ctn {
  height: auto;
  border-radius: 0;
  padding: 0;
  border: 0;
}

.form-control.ms-ctn input[type=text] {
  min-height: auto;
  height: auto;
  padding: 9px 20px;
  border: 1px solid #000;
}

.ms-trigger {
  display: none;
}

.dropdown-menu.ms-res-ctn {
  border-radius: 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top: 0;
  margin: 0;
  margin-top: -1px;
  padding: 0 20px;
}

.ms-res-ctn .ms-res-item {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #262626;
  padding: 3px 5px;
}

.ms-res-ctn .ms-res-item:first-child {
  border-top: 1px solid #ccc;
}

.ms-stacked .ms-sel-item {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-right: 20px;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  border: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}

.ms-stacked .ms-sel-item:hover {
  border: 0;
  padding: 0;
}

.ms-sel-ctn .ms-sel-item .ms-close-btn {
  float: left;
  background-image: none;
  width: 15px;
  height: 14px;
  margin-top: 3px;
}

.ms-sel-ctn .ms-sel-item .ms-close-btn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  font-size: 15px;
  color: #000;
  float: left;
  font-weight: normal;
}

.ms-stacked .ms-sel-item .line {
  border-bottom: 3px solid #000;
}

.form-cell textarea.create {
  height: 150px;
  resize: none;
  font-size: 14px;
  font-weight: 400;
}

.editChhanelheaderImg {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
  margin-bottom: 30px;
}

.editChhanelheaderImg img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

/*Channel Details*/
.channelDetailsBanner {
  position: relative;
}

.channelBannerImage {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.channelBannerImage img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  max-width: 1325px;
}

.channelBannerText {
  position: absolute;
  max-width: 90%;
  left: 40px;
  bottom: 40px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 72px;
  color: #fff;
}

.chnnelFilterSection {
  padding: 50px 0 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 50px;
}

.channelShorting {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  text-align: right;
  margin-top: 10px;
}

.channelShorting a {
  color: #000;
  border-bottom: 3px solid #000;
}

.channelShorting a:hover {
  text-decoration: none;
}

.channelEventbox {
  position: relative;
  padding-top: 10px;
}

.channelEventboxImg {
  width: 100%;
  height: 450px;
  min-height: 570px;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.channelEventbox img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  z-index: 1;
}

.channelEventbox a {
  display: block;
  border: 0;
  padding: 0;
}

.channelEventbox a:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelEventbox a:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelEventbox a:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelEventbox h2.title {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 26px;
  line-height: 35px;
  margin: 0;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 3;
}

.channelEventbox h2.title:before {
  background: #fff;
  bottom: -15px;
  top: auto;
}

.channelEventDateBox {
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.channelEventDateBox h4 {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.channelEventDateBox h5 {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}

.channelEventAction {
  bottom: 30px;
  right: 30px;
  position: absolute;
  z-index: 3;
}

.channelEventAction ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.channelEventAction li a {
  color: #fff;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}

.channelEventAction li a:hover {
  text-decoration: none;
}

.channelEventAction li a:focus {
  text-decoration: none;
}

.channelEventAction li .text {
  float: left;
  color: #fff;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-style: italic;
  padding-right: 20px;
  margin-top: 8px;
}

.channelEventbox .selected {
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 50px;
  position: relative;
}

.channelEventbox .selected:after {
  content: "";
  left: 7px;
  top: 4px;
  width: 9px;
  height: 14px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: transparent;
  position: absolute;
}

.channelEventbox .plus:after {
  content: "+";
  display: block;
  position: relative;
  font-family: DM Sans, sans-serif;
  font-size: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: -10px;
  color: #fff;
  font-weight: normal;
}

.withTwoColumnImage.channel {
  min-height: 450px;
}

.withTwoColumnImage.channel .columnContent {
  min-height: 250px;
}

.channelFllowSection .main-title-section h2 {
  margin-top: 0;
}

.channelSubscribers {
  color: #8d8d8f;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
}

.channelFllowSection .subitle {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #9e9e9e;
  text-transform: uppercase;
}

.creatorSection {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 40px;
}

.toolkitsSection .imgBox {
  background-color: #beb9b9;
  position: relative;
  overflow: hidden;
}

.toolkitsSection .imgBox img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.toolkitsSection h3 {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 31px;
  line-height: 41px;
}

.toolkitsSection .textBox {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.chanleToolkitSection .toolkitsSection .imgBox {
  height: 324px;
}

.chanleToolkitSection .toolkitsSection .toolkitContent {
  left: 20px;
  width: 90%;
}

.chanleToolkitSection .channelEventboxImg {
  height: 152px;
}

.chanleToolkitSection .channelEventbox h2.title {
  font-size: 18px;
  line-height: 26px;
  left: 20px;
  top: 20px;
}

.chanleToolkitSection h2.title:before {
  height: 5px;
  bottom: -8px;
}

.chanleToolkitSection .channelEventbox .plus:after {
  font-size: 38px;
}

.chanleToolkitSection .channelEventAction {
  bottom: 15px;
  right: 10px;
}

.chanleToolkitSection .channelEventDateBox {
  left: 20px;
  bottom: 15px;
}

.row.margin-bottom30 {
  margin-bottom: 30px;
}

.row.margin-bottom10 {
  margin-bottom: 10px;
}

.channelStikeyImage {
  position: relative;
}

.channelStikeyImage .imgBox {
  width: 100%;
  height: 925px;
  background-color: #beb9b9;
  position: relative;
  overflow: hidden;
}

.channelStikeyImage .imgBox img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.channelStikeyImage .stickeyContent {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: 90%;
  box-sizing: border-box;
}

.channelStikeyImage h3 {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 31px;
  line-height: 41px;
}

.channelStikeyImage .textBox {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.stickeyContentSection .withTwoColumnImage {
  margin-bottom: 25px;
}

.chanelAbstrackSection .channelEventboxImg {
  height: 250px;
}

.bookmarkAction.left {
  left: 30px;
}

.bookmarkAction ul li.bookmark.active a:after {
  background-position: -155px -14px;
}

.channelEventbox.recomendaedChannel {
  margin-bottom: 30px;
}

.channelEventbox.recomendaedChannel .channelEventboxImg {
  height: 200px;
  min-height: inherit;
}

.channelEventbox.recomendaedChannel h2.title {
  padding-left: 0;
  padding-top: 0;
  top: 20px;
}

.channelEventbox.recomendaedChannel .button.button-secondary {
  min-width: 100px;
  padding: 2px 0px;
  font-size: 14px;
}

.slideItem .channelEventbox.recomendaedChannel ul li {
  margin-right: 0;
}

/*Channel Details*/
.channelDetailsBanner {
  position: relative;
}

.channelBannerImage {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.channelDetailsBanner:hover .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelDetailsBanner:focus .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelDetailsBanner:active .hoverImg {
  background-color: rgba(77, 19, 209, 0.5);
}

.channelBannerImage img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  z-index: 1;
}

.channelBannerText {
  position: absolute;
  max-width: 90%;
  left: 40px;
  bottom: 40px;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 72px;
  color: #fff;
  z-index: 3;
}

.chnnelFilterSection {
  padding: 50px 0 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 50px;
}

.channelShorting {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  text-align: right;
  margin-top: 10px;
}

.channelShorting a {
  color: #000;
  border-bottom: 3px solid #000;
}

.channelShorting a:hover {
  text-decoration: none;
}

.channelDetailsBanner {
  position: relative;
  margin-bottom: 30px;
}

.channelEventboxImg {
  width: 100%;
  height: 450px;
  overflow: hidden;
  position: relative;
  background-color: #beb9b9;
}

.channelEventbox img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  max-width: 600px;
}

.channelEventbox h2.title {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 26px;
  line-height: 35px;
  margin: 0;
  position: absolute;
  left: 30px;
  top: 30px;
}

.channelEventbox h2.title:before {
  background: #fff;
  bottom: -15px;
  top: auto;
}

.channelEventDateBox {
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.channelEventDateBox h4 {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.channelEventDateBox h5 {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}

.channelEventAction {
  bottom: 30px;
  right: 30px;
  position: absolute;
}

.channelEventAction ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.channelEventAction li a {
  color: #fff;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}

.channelEventAction li a:hover {
  text-decoration: none;
}

.channelEventAction li a:focus {
  text-decoration: none;
}

.channelEventAction li .text {
  float: left;
  color: #fff;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-style: italic;
  padding-right: 20px;
  margin-top: 8px;
}

.channelEventbox .selected {
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 50px;
  position: relative;
}

.channelEventbox .selected:after {
  content: "";
  left: 7px;
  top: 4px;
  width: 9px;
  height: 14px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: transparent;
  position: absolute;
}

.channelEventbox .plus:after {
  content: "+";
  display: block;
  position: relative;
  font-family: DM Sans, sans-serif;
  font-size: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: -10px;
  color: #fff;
  font-weight: normal;
}

.withTwoColumnImage.channel {
  min-height: 450px;
}

.withTwoColumnImage.channel .columnContent {
  min-height: 250px;
}

.channelFllowSection .main-title-section h2 {
  margin-top: 0;
}

.channelSubscribers {
  color: #8d8d8f;
  font-size: 12px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
}

.channelFllowSection .subitle {
  font-family: DM Sans, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #9e9e9e;
  text-transform: uppercase;
}

.creatorSection {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 40px;
}

.toolkitsSection .imgBox {
  background-color: #beb9b9;
  position: relative;
  overflow: hidden;
}

.toolkitsSection .imgBox img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.toolkitsSection h3 {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 31px;
  line-height: 41px;
}

.toolkitsSection .textBox {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.chanleToolkitSection .toolkitsSection .imgBox {
  height: 324px;
}

.chanleToolkitSection .toolkitsSection .toolkitContent {
  left: 20px;
  width: 90%;
}

.chanleToolkitSection .channelEventboxImg {
  height: 152px;
}

.chanleToolkitSection .channelEventbox h2.title {
  font-size: 18px;
  line-height: 26px;
  left: 20px;
  top: 20px;
}

.chanleToolkitSection h2.title:before {
  height: 5px;
  bottom: -8px;
}

.chanleToolkitSection .channelEventbox .plus:after {
  font-size: 38px;
}

.chanleToolkitSection .channelEventAction {
  bottom: 15px;
  right: 10px;
}

.chanleToolkitSection .channelEventDateBox {
  left: 20px;
  bottom: 15px;
}

.row.margin-bottom30 {
  margin-bottom: 30px;
}

.row.margin-bottom10 {
  margin-bottom: 10px;
}

.channelStikeyImage {
  position: relative;
}

.channelStikeyImage .imgBox {
  width: 100%;
  height: 925px;
  background-color: #beb9b9;
  position: relative;
  overflow: hidden;
}

.channelStikeyImage .imgBox img {
  top: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
}

.channelStikeyImage .stickeyContent {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: 90%;
  box-sizing: border-box;
}

.channelStikeyImage h3 {
  font-family: DM Sans, sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 31px;
  line-height: 41px;
}

.channelStikeyImage .textBox {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.stickeyContentSection .withTwoColumnImage {
  margin-bottom: 25px;
}

.chanelAbstrackSection .channelEventboxImg {
  height: 250px;
}

.bookmarkAction.left {
  left: 30px;
}

.bookmarkAction ul li.bookmark.active a:after {
  background-position: -155px -14px;
}

.fllowOuterSection {
  border-bottom: 1px solid #000;
}

.channelOnboarding .profileChannelSlider {
  max-height: 330px;
  overflow: auto;
}

.onprofileHidethissection {
  display: block;
}

.onprofileshowthisSection {
  display: none;
}

#recomendedChannelsId .onprofileHidethissection {
  display: none;
}

#recomendedChannelsId .onprofileshowthisSection {
  display: block;
}

/*    Tablet Layout: 768px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  /*-----*/
  .channelPrivateSection .privacyText {
    max-width: 100%;
  }
  .channelBannerText {
    font-size: 37px;
    line-height: 37px;
  }
  .channelEventboxImg {
    margin-bottom: 20px;
  }
  .channelStikeyImage {
    margin-bottom: 20px;
  }
}
/*    Mobile Layout: 320px.
          Gutters: 24px.
          Outer margins: 34px.
          Inherits styles from: Default Layout.
  ---------------------------------------------
  cols    1     2      3
  px      68    160    252    */
@media only screen and (max-width: 767px) {
  /*-----*/
  .createChannelRightImage {
    display: none;
  }
  .channelPrivateSection .privacyText {
    max-width: 100%;
  }
  .topicSuggestion .topicList {
    float: left;
    width: 100%;
  }
  .topicSuggestion .topicList .topicPlus {
    float: left;
  }
  .topicSuggestion .topicList .plusText {
    width: 85%;
    float: left;
  }
  .channelPrivateSection .privacyText.profileselectSection .custom-checkbox input + label span {
    font-size: 14px;
  }
  .channelBannerText {
    font-size: 37px;
    line-height: 37px;
  }
  .toolkitsSection h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .channelEventboxImg {
    margin-bottom: 20px;
  }
  .channelStikeyImage {
    margin-bottom: 20px;
  }
  .channelimgSection .addPlus {
    bottom: -5px;
  }
}
/*    Wide Mobile Layout: 480px.
          Gutters: 24px.
          Outer margins: 22px.
          Inherits styles from: Default Layout, Mobile Layout.
  ------------------------------------------------------------
  cols    1     2      3      4      5
  px      68    160    252    344    436    */
.electionBoard {
  border-top: 2px solid #000;
  box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 2px 4px 0 rgba(123, 178, 234, 0.35);
  position: relative;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: flex;
  margin-bottom: 50px;
}

.electionBoard:hover {
  box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -moz-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -webkit-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -o-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  -ms-box-shadow: 0 5px 9px 2px rgba(123, 178, 234, 0.35);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.electionBoard .memberImg {
  width: 200px;
  height: 200px;
  flex: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #beb9b9;
}

.electionBoard .memberText {
  padding: 20px;
  flex-grow: 1;
}

.electionBoard .memberName {
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.5px;
  color: #303133;
  text-transform: uppercase;
}

.electionBoard .memberRole {
  font-family: DM Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #9e9e9e;
}

.boardSubHeading {
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.5px;
  color: #303133;
}

a.board {
  border: 0;
  padding: 0;
  display: initial;
  background-color: transparent;
}

.electionBoardDetails {
  display: flex;
  margin-bottom: 20px;
}

.electionBoardDetails .memberDetailsContainer {
  max-width: 40%;
}

.electionBoardDetails .memberImg {
  width: 300px;
  height: 300px;
  flex: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #beb9b9;
  border: 1px solid #ccc;
}

.electionBoardDetails .memberText {
  padding: 20px;
  flex-grow: 1;
}

.electionBoardDetails .memberText.nopad {
  padding-left: 0;
  padding-right: 0;
}

.electionBoardDetails .memberName {
  font-family: DM Sans, sans-serif;
  font-size: 37px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #303133;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.electionBoardDetails .memberRole {
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.5px;
  color: #303133;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.electionBoardDetails .memberProduct {
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.5px;
  color: #303133;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid black;
}

.electionBoardDetails .memberText.nopad .memberRole {
  font-weight: 700;
}

.electionBoardDetails .memberDesc p {
  font-family: DM Sans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #303133;
}

.boardSubHeading {
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.5px;
  color: #303133;
}

a.board {
  border: 0;
  padding: 0;
  display: initial;
  background-color: transparent;
}

.memberDesc.memberDetails {
  margin-bottom: 30px;
  font-family: DM Sans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #303133;
}

/*    Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: Default Layout.
    -----------------------------------------------------------------
    cols    1     2      3      4      5      6      7      8
    px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/
  /*-----*/
}
/*    Mobile Layout: 320px.
              Gutters: 24px.
              Outer margins: 34px.
              Inherits styles from: Default Layout.
      ---------------------------------------------
      cols    1     2      3
      px      68    160    252    */
@media only screen and (max-width: 767px) {
  /*-----*/
  .electionBoardDetails {
    display: block;
  }
  .electionBoardDetails .memberImg {
    width: 100%;
  }
  .electionBoardDetails .memberText {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
/*    Wide Mobile Layout: 480px.
              Gutters: 24px.
              Outer margins: 22px.
              Inherits styles from: Default Layout, Mobile Layout.
      ------------------------------------------------------------
      cols    1     2      3      4      5
      px      68    160    252    344    436    */
.form-wrap {
  width: 100%;
  background-color: white;
  border: 1px solid lightgray;
  box-shadow: 0 2px 20px 2px rgba(211, 211, 211, 0.8);
}

.form-header-section {
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
  padding: 30px;
}

.form-header-section .header-title {
  padding-bottom: 10px;
  font-size: 20px;
}

.form-header-section .header-text {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}

.form-container {
  width: 100%;
  padding: 50px;
  margin: 0;
}

.form-section-title {
  overflow: hidden;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
}

.form-section-title:after {
  background-color: #E1E5EA;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  left: 0.5em;
  margin-right: -50%;
}

.form-section-description {
  font-size: 14px;
  font-weight: 400;
  padding: 2px 0;
}

.form-input {
  width: 100%;
  padding: 15px !important;
  border: 1px solid #E1E5EA !important;
  background-color: #F7F8FA !important;
}

.form-input:focus {
  background-color: white !important;
  outline: 0px none transparent !important;
}

.form-input::placeholder {
  font-weight: 400;
  color: gray;
}

.form-input-label {
  position: relative !important;
  display: block;
  top: 0px !important;
  left: 0 !important;
  transform: none !important;
  padding: 0 !important;
  text-transform: none !important;
  font-weight: bold !important;
}

.form-input-label-uppercase {
  text-transform: uppercase !important;
}

.form-textbox {
  width: 100%;
  border: 1px solid #E1E5EA !important;
  background-color: #F7F8FA !important;
}

.form-textbox:focus {
  background-color: white !important;
  outline: 0px none transparent !important;
}

.small-description {
  font-size: 10px;
  display: block;
  text-align: right;
}

.small-description-m-0 {
  position: relative;
  top: -20px;
}

.form-custom-mt-0 {
  margin-top: 0px !important;
}

.form-custom-mt-10 {
  margin-top: 10px !important;
}

.form-custom-mt-20 {
  margin-top: 20px !important;
}

.form-custom-mt-30 {
  margin-top: 30px !important;
}

.form-custom-mb-0 {
  margin-bottom: 0px !important;
}

.form-custom-mb-10 {
  margin-bottom: 10px !important;
}

.form-custom-mb-20 {
  margin-bottom: 20px !important;
}

.form-custom-mb-30 {
  margin-bottom: 30px !important;
}

input.calendar {
  background-image: url(../images/calendar-alt-regular.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 20px;
}

input[type=date].calendar::-webkit-inner-spin-button, input[type=date].calendar::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.col-pl-0 {
  padding-left: 0;
}

.col-pr-0 {
  padding-right: 0;
}

.custom-checkbox label, .custom-checkbox input {
  margin-bottom: 8px;
  color: black;
  font-weight: 300;
  text-transform: capitalize;
}

.custom-checkbox-2col .custom-checkbox {
  position: relative;
  display: inline-block;
  width: 49%;
  padding-right: 2%;
}

.custom-checkbox-3col .custom-checkbox {
  position: relative;
  display: inline-block;
  width: 33%;
  padding-right: 2%;
}

.custom-checkbox-4col .custom-checkbox {
  position: relative;
  display: inline-block;
  width: 24%;
  padding-right: 2%;
}

.form-button-dark {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 9px 20px;
  line-height: 30px;
  min-width: 150px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid #000;
  cursor: pointer;
}

.form-button-dark:hover {
  background-color: #fff;
  color: #000;
}

.validation-summary-errors ul {
  display: none;
}

.form-custom-radio-buttons .custom-radio label {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 20px;
}

.form-custom-radio-buttons .custom-radio label small {
  width: 18px;
  height: 18px;
  margin: -1px 9px 0 0;
  border: 2px solid black;
}

.form-custom-radio-buttons .custom-radio label small:after {
  width: 8px;
  height: 8px;
  top: 3px;
  left: 3px;
  border-color: #058ECD;
}

.form-custom-radio-buttons .custom-radio input[type=radio]:checked + label small {
  border-color: #058ECD;
}

.form-custom-radio-buttons .custom-radio input[type=radio]:checked + label small:after {
  background-color: #058ECD;
}

.form-custom-radio-buttons .formOuter {
  margin-bottom: 20px !important;
}

.form-custom-radio-buttons .form-input-label {
  margin-bottom: 5px !important;
}

.password-confirmation-row .formOuter {
  width: 50%;
  float: left;
}

.password-confirmation-row .formOuter.password {
  padding-right: 15px;
}

.password-confirmation-row .formOuter.password-confirmation {
  padding-left: 15px;
}

@media only screen and (max-width: 767px) {
  .form-container {
    padding: 20px;
  }
  .form-section-title {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #E1E5EA;
  }
  .form-section-title:after {
    display: none;
  }
  .form-section-description {
    text-align: center;
  }
  .col-pl-0, .col-pr-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .custom-checkbox-2col .custom-checkbox,
  .custom-checkbox-3col .custom-checkbox,
  .custom-checkbox-4col .custom-checkbox {
    width: 100%;
  }
  .form-button-mobile-center {
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .password-confirmation-row .formOuter {
    width: 100%;
  }
  .password-confirmation-row .formOuter.password,
  .password-confirmation-row .formOuter.password-confirmation {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .custom-checkbox-2col .custom-checkbox,
  .custom-checkbox-3col .custom-checkbox,
  .custom-checkbox-4col .custom-checkbox {
    width: 49%;
  }
  .col-pl-0, .col-pr-0 {
    padding-left: 0;
    padding-right: 0;
  }
}