* {
    margin: 0;
/*    padding: 0; */
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
html{
  height: 100%;
  width: 100%;
}
body{
  background: #ffffff;
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  height: 100%;
  overflow-x: hidden;
  width: 100%;
}
@-ms-viewport{
width: device-width;
}
a,
button{
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
a,
a:hover,
a:focus,
a:visited{
  text-decoration: none;
}

a.action-menu { color: black }
a.action-menu-more { color: white }

/* Fix for scrolling page down to an anchor on the page.  Prevents header from overlaying.  */

.CS_FormFieldControlContainer a[name]{
	position: relative !important;
	z-index: 1 !important;
	padding-top: 0px !important;
	margin-top:  0px !important;
}

.section.interior-section a[name]{
	padding-top: 120px;
	margin-top: -120px;
	display:inline-block;
	position: relative;
 	z-index: -1;
}



/*
a[name]{
padding-top: 120px;
margin-top: -120px;
display:inline-block;
position: relative;
 z-index: -1;
}
*/
.wrapping-link{
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}
.italic{
  font-style: italic;
}
.italic.light{
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  font-style: italic;
  font-weight: 350;
}
label{
  font-weight: normal;
}
.affix{
 /* -webkit-transition: all 2s ease-in; */
 /* transition: all 1s ease-in;*/
  top: 0;
  width: 100%;
  z-index: 100;
}
header{
  background: #ffffff;
  margin-bottom: -2px;
}
.logo{
  float: left;
  height: auto;
  width: 220px;
}
.micrositelogo{
  float: left;
  height: auto;
  margin-right: 25px;
}
.row.footer-row{
  padding: 0 30px;
}
@media only screen and (max-width : 1024px) {
	.micrositelogo{
	  float: left;
	  height: auto;
	  width: 220px;
	  display: none;
	 }
}
@media only screen and (max-width : 1024px) {
  .logo-wrapper{
    margin-top: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .logo{
    margin-bottom: 20px;
    margin-top: 20px;
    width: 180px;
  }
}
.search-button{
  color: #29335f;
  float: right;
  font-size: 50px;
  padding: 12px 50px 0 50px;
}

@media only screen and (max-width : 1024px) {
  .search-button{
    margin-right: 40px;
    padding: 5px 50px 0 50px;
  }
}

@media only screen and (max-width : 767px) {
  .search-button{
    margin-right: 13px;
    padding: 10px 50px 0 50px;
  }
}
.search-button:hover{
  background: #efefef;
}

@media only screen and (max-width : 767px){
  .navbar-header{
    position: absolute;
    right: 0;
    top: 10px;
  }
}
.navbar-header .navbar-toggle{
  margin-right:0;
}
.navbar-header .navbar-toggle .icon-bar{
  background-color: #333333;
  height: 3px;
  width: 25px;
}
.utility-header{
  overflow: hidden;
  margin-top:0;
}


.anchor a {
  position: absolute;
  left: 0px;
  top: -100px;
}
.anchor {
  position: relative;
}

@media only screen and (max-width : 1024px) {
  .utility-header{
    display: none;
  }

}
.utility-nav{
  float: right;
  height: 23px;
  list-style: none;
  margin-right: 20px;
  margin-top: 10px;
  position: relative;
}

.utility-nav li{
  border-right: 1px solid #000000;
  float: left;
  height: 20px;
  margin-right: 10px;
  padding-right: 10px;
}
.utility-nav li:last-child{
  border-right: none;
}
.utility-nav li a{
  color: #797979;
  font-size: 14px;
  font-weight: 450;
}
.utility-nav li a:hover{
  color: #000000;
  font-weight: 500;
  text-decoration: underline;
}
.utility-button-nav{
  float: right;
}
@media only screen and (max-width : 767px){
  .utility-button-nav{
    float: none;
  }
}
.btn {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  min-width:120px;
  padding: 10px 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.btn:hover,
.btn:focus,
.btn:active {
  box-shadow:none;
  -webkit-box-shadow:none;
  outline: none!important;
}

.btn-group.open .dropdown-toggle{
  box-shadow:none;
  -webkit-box-shadow:none;
}
.dropdown-menu {
  padding: 0;
  margin: 0;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  display: inline;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s ;
  -webkit-transition: .2s all;
  -webkit-transition-delay: 0.3s;
  -moz-transition: .2s all;
  -moz-transition-delay: 0.3s;
  -ms-transition: .2s all;
  -ms-transition-delay: 0.3s;
  -o-transition: .2s all;
  -o-transition-delay: 0.3s;
  transition: .2s all;
  transition-delay: 0.3s;
}
.datepicker {
  visibility: visible;
  opacity: 100;
  transition: visibility 0s, opacity 0.5s ease-in-out;
  -webkit-transition: 0s all;
  -webkit-transition-delay: 0s;
  -moz-transition: 0s all;
  -moz-transition-delay: 0s;
  -ms-transition: 0s all;
  -ms-transition-delay: 0s;
  -o-transition: 0s all;
  -o-transition-delay: 0s;
  transition: 0s all;
  transition-delay: 0s;
}

.bootstrap-datetimepicker-widget {
  visibility: visible;
  opacity: 100;
  transition: visibility 0s, opacity 0.5s ease-in-out;
  -webkit-transition: 0s all;
  -webkit-transition-delay: 0s;
  -moz-transition: 0s all;
  -moz-transition-delay: 0s;
  -ms-transition: 0s all;
  -ms-transition-delay: 0s;
  -o-transition: 0s all;
  -o-transition-delay: 0s;
  transition: 0s all;
  transition-delay: 0s;
  z-index: 100000;
}

.bootstrap-datepicker-widget {
  visibility: visible;
  opacity: 100;
  transition: visibility 0s, opacity 0.5s ease-in-out;
  -webkit-transition: 0s all;
  -webkit-transition-delay: 0s;
  -moz-transition: 0s all;
  -moz-transition-delay: 0s;
  -ms-transition: 0s all;
  -ms-transition-delay: 0s;
  -o-transition: 0s all;
  -o-transition-delay: 0s;
  transition: 0s all;
  transition-delay: 0s;
}

.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover{
  color: #ca8727;
  background-color: #efefef;
  border-color: #efefef;
}
.mega-dd-left{
  border-right: 1px solid silver;
}
@media only screen and (max-width : 767px) {
  .mega-dd-left{
    border-right: none;
  }
}
.mega-dd-menu{
  list-style: none;
  padding: 0;
  text-align: left;
}
.mega-dd-menu  li a{
  color: #757575;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
  -o-transition:none;
  -ms-transition:none;
  -moz-transition:none;
  -webkit-transition:none;
  /* ...and now for the proper property */
  transition:none;
}
.mega-dd-menu  li a:hover{
  -webkit-animation: INDENT 2s 1; /* Safari 4+ */
  -moz-animation:    INDENT 2s 1; /* Fx 5+ */
  -o-animation:      INDENT 2s 1; /* Opera 12+ */
  animation:         INDENT 2s 1; /* IE 10+ */
  margin-left: 5px;
  color: #000000;
  -o-transition:none;
  -ms-transition:none;
  -moz-transition:none;
  -webkit-transition:none;
  /* ...and now for the proper property */
  transition:none;
}
.btn.dd-btn{
  background: #ca8727;
  color: #ffffff;
  margin-bottom: 15px;
  margin-top: 15px;
  text-transform: uppercase;
}
.btn.dd-btn:hover{
  background: #29335f;
  color: #ffffff;
}
.btn.btn-default {
  color: #ffffff;
  background-color: #29335f;
  border-color: #29335f
}

.btn.btn-default i{
  margin-right: 5px;
}

.btn.btn-default:hover {
  background-color: #efefef;
  border-color: #efefef;
  color: #29335f;
}

.btn.btn-primary {
  color: #fff;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-weight: 550;
  background-color: #5565a9;
  border-color: #5565a9
}
.btn.btn-login{
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-weight: 550;
}
.btn.btn-primary:hover,
.btn.btn-login:hover{
  background-color: #efefef;
  border-color: #efefef;
  color: #ca8727;
}
.btn.btn-login:hover i{
  color: #29335f;
}
.btn-secondary {
    color: #fff;
    background-color: #323a45;
    border-color: #323a45;
}
.btn-secondary:hover{
    color: #fff;
    background-color: #3d4654;
    border-color: #3d4654;
}
.btn-secondary:focus{
  color:#FFF;
}

.btn-group>.btn+.dropdown-toggle{
  padding-left: 20px;
  padding-right: 20px;
}

.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:active:focus {
    background-color: #39a1f4;
    border-color: #39a1f4;
    color: #fff
}
.open>.btn-secondary.dropdown-toggle:hover,
.open>.btn-secondary.dropdown-toggle:focus,
.open>.btn-secondary.dropdown-toggle:active:focus {
    background-color: #3d4654;
    border-color: #3d4654;
    color: #fff
}


/* main nav  */
.main-nav-wrapper{
  position: relative;
  z-index: 4;
}

.nav-bg{
  background: #ffffff;
  position: absolute;
  height: 100%;
  left: -2px;
  top: -2px;
  width: 80%;
  z-index: 2;
}
@media only screen and (max-width : 1024px) {
  .nav-bg{
    display: none;
  }
}
.main-nav{
  float: left;
  padding: 0;
}
@media only screen and (max-width : 1024px) {
  .main-nav{
    display: none;
  }
}
.main-nav .nav>li{
  padding: 15px 25px 15px 0;
  position: static;
}
.main-nav .nav>li>a{
  font-size: 16px;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-weight: bold;
  color: #29335f;
  padding: 0;
  position: relative;
}
.main-nav .nav>li>a .nav-arrow{
  bottom: 10px;
  color: #f2f2f2;
  display: none;
  font-size: 22px;
  left: 35%;
  position: absolute;
}
.main-nav .nav>li>a:hover{
  color: #cccccc;
}
.navbar-default .navbar-nav>.open .nav-arrow{
  display: block;
}
.navbar-default{
  background: none;
  border-color: transparent;
  position: relative;
}

@media only screen and (max-width : 767px) {
  .navbar-nav{
    margin: 10px 20px;
  }
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
  background-color: transparent;
}
.secondary-header{
  background: none;
  left: 0;
  width: 100%;
  z-index: 3;
}
.secondary-header .logo-affix{
  display:none;
}
.secondary-header.affix .logo-affix{
  display: block;
  float: left;
  height: auto;
  margin: 25px 30px 0 20px;
  position: relative;
  width: 150px;
  z-index: 130;
}
.secondary-header.affix{
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  transition: none;
  z-index: 20;
}
.secondary-header.affix .main-nav-wrapper{
  margin-left: 170px;
}
.secondary-header .navbar-nav>li.affix-only{
  display:none;
}
.secondary-header.affix .navbar-nav>li.affix-only{
  display:block;
}
.secondary-header.affix .navbar-nav{
  margin-top: 15px;
}
@media only screen and (max-width : 1024px){
  .secondary-header.affix .navbar-nav{
    display: none;
  }
}
.secondary-header.affix .member-box-wrapper{
  display: none;
}

/* Need a Lawyer */
.secondary-header.affix .boxImage {
    display: none;
}

@media only screen and (max-width : 767px) {
  .secondary-header.affix .member-box-wrapper{
    background: #ffffff;
    position: relative;
    z-index: 5;
    width: 110%;
  }
}

.navbar-default .navbar-collapse{
  border-color: transparent;
  left: -2px;
  position: absolute;
  width: 100%;
}
@media only screen and (max-width : 767px) {
  .navbar-default .navbar-collapse{
    background: #ffffff;
    position: relative;
    z-index: 5;
    width: 110%;
  }
}
.main-nav .nav > li.dropdown.open {
  position: static;
}
.main-nav .nav > li.dropdown.open .dropdown-menu {
  background-color: #f2f2f2;
  border: none;
  border-radius: 0px;
  display: table;
  margin-top: -4px;
  position: absolute;
  left: -1px;
  right: 0;
  width: 100%;
}

/* on hover navigation display */
.secondary-header.affix .nav li.dropdown ul.dropdown-menu{
  position: absolute;
  top: 67px;
  z-index: 1001;
}
.secondary-header.affix .nav li.dropdown a .nav-arrow{
  display: none;
  bottom: -28px;
}
.nav li.dropdown ul.dropdown-menu{
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  top: 43px;
  opacity: 1;
  transition-delay:0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  position: absolute;
  z-index: 999999;
}

/* main nav arrow */
.nav li.dropdown a .nav-arrow{
  display: none;
}
.nav li.dropdown.open a .nav-arrow{
  display: block;
  bottom: -20px;
}
.navbar-right{
  display: block;
  position: static;
  width: 100%;
}
@media screen and (min-width: 1024px) {

  .nav li.dropdown.open ul.dropdown-menu{
    display: block;
    visibility: visible;
  }
  .main-nav .nav > li.dropdown.open .dropdown-menu{
    position: absolute;
    left: -25%;
    width: 150%;
  }
  .navbar-right .dropdown-menu{
    left: -1px;
    position: absolute;
    right:-1px;
    top: 65px;
    width: 101%;
	  margin-top: 2px !important;
   /* margin-top: -20px !important; */
   /* border-top: 22px solid transparent !important; */
   /* display: block; */
    left: -30%;
    right: -30%;
    width: 160%;
  }
  .secondary-header.affix .main-nav .nav > li.dropdown.open .dropdown-menu{
    top: 68px;
  }
}
@media screen and (max-width: 1024px){
  .main-nav .nav > li.dropdown.open .dropdown-menu{
    position: absolute;
    margin-top: 10px;
    top: auto;
  }
}

.dd-container{
  margin-left: auto;
  margin-right: auto;
}

.main-nav .dropdown-menu > li {
  /* display: table-cell; */
  line-height: 50px;
  padding: 30px;
  vertical-align: middle;
  position: relative;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .dropdown-menu > li {
    display: block;
  }
}
.dd-content p{
  font-size: 14px;
  line-height: 135%;
  padding: 0 20px;
}

/* member box */
.member-box-wrapper {
  background: #29335f;
  float: right;
  padding: 15px 15px 43px 15px;
  position: absolute;
  right:15px;
  top: 1px;
  width: 350px;
  z-index: 1;
}

/* Need a Lawyer */
.boxImage {
    float: right;
    margin-top: 145px;
    right: 15px;
    position: absolute;
}
/*
div#myCarousel {
    margin-top: 200px;
}
*/
@media only screen and (max-width : 1024px) {
  .member-box-wrapper{
    clear: both;
    right: auto;
    position: relative;
    width: 100%;
  }
  /* Need a Lawyer Button */
  .boxImage {
    float: right;
    right: auto;
    margin-top: 10px;
    position: relative;
   }
   /*
   div#myCarousel {
    margin-top: 50px;
   }
   */
}
@media only screen and (max-width : 767px){
  .member-box-wrapper{
    min-height: 140px;
    position: absolute;
    right:0;
    top: 15px;
    width: 100%;
  }

  /* Need a Lawyer Button */
  img.cloudButton {
    width: 100%;
  }

  /* Need a Lawyer Button
  .boxImage {
    top: 160px;
    width: 100%;
    margin-top: 165px;
  }
  */
  .boxImage {
      top: 160px;
      /* width: 100%; */
      /* margin-top: 165px; */
      float: right;
      right: 0;
      position: relative;
  }

  /*
  div#myCarousel {
    margin-top: 200px;
  }
  */
}
.loggedin{
  color: #ffffff;
  padding: 10px 10px 5px 10px;
}
.loggedin .status{
  overflow: hidden;
}
.loggedin .status p{
  margin-bottom: 0;
}
.loggedin .status h4{
  margin-top: 15px;
}
.loggedin .status a{
  color: #ffffff;
}
.loggedin .status a.logout{
  display: block;
  text-align: center;
}
.loggedin .status a.logout:hover{
  color: #ca8727;
}
.loggedin .status .renewal{
  font-size: 12px;
  font-style:oblique;
}
.loggedin .status table{
  clear: both;
  display: block;
  margin: 10px 0 10px 0;
  overflow: hidden;
  text-align: left;
}
.loggedin .status table td{
  padding: 1px;
}
.member-box-wrapper input[type='text']{
  border-radius: 0;
  font-family: "Avenir", Helvetica, Arial;
  font-weight: 600;
  width: 100%;
}

.member-box-wrapper input[type='text']:placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1; /* Firefox */
}

.member-box-wrapper input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666666;
}

.member-box-wrapper input[type='text']:-ms-input-placeholder { /* Microsoft Edge */
  color: #666666;
}

.member-block-footer{
  margin-top: 20px;
  text-align: center;
}
.member-block-footer .btn{
  margin-bottom: 10px;
}
a.account-summary-link{
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
a.account-summary-link:hover{
  color: #ca8727;
}
.loggedin-buttons{
  margin: 25px 0 10px 0;
}
.btn-member-search{
  background: transparent;
  bottom: -30px;
  color: #ffffff;
  display: block;
  float: right;
  font-size: 13px;
  margin-top: 5px;
  position: absolute;
  right: 15px;
  text-align: right;
  text-transform: uppercase;
  padding: 0;
}
.btn-member-search:hover{
  bottom: -32px;
  color: #ca8727;
}
.advanced-search{
  bottom: -30px;
  color: #ffffff;
  display: block;
  font-size: 13px;
  position: absolute;
  text-transform: uppercase;
}
.advanced-search:hover{
  bottom: -32px;
  color: #ca8727;
}

.member-box-wrapper .header{
  color: #ffffff;
  font-size: 18px;
  padding-bottom: 20px;
}

.member-box-wrapper .header i{
  margin-right: 10px;
}




@media only screen and (max-width : 767px) {
  .member-box-wrapper .header i{
  display: none;
  }
}
.member-search{
  position: relative;
}
/* homepage slider */
.slider-wrapper{
  height: 610px;
  margin-top: -75px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  z-index: 2;
}
@media only screen and (max-width : 1024px) {
  .slider-wrapper{
    height: 603px;
    margin-top: -151px;
  }
}
@media only screen and (max-width : 767px) {
  .slider-wrapper{
    height: 650px;
    margin-top: -85px;
  }
}
.slider-wrapper img{
  max-width: 100%;
}
/* helpers */
.no-padding{
  padding: 0;
}

.section{
  clear: both;
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (max-width : 767px){
  .section{
    margin-bottom: 40px;
  }
}
.section.with-bg{
  background: #f2f2f2;
  padding: 50px 0;
}

.section.with-bg p{
  font-size: 17px;
}
.section.with-bg .section-button{
  display: block;
  margin-top: 30px;
}
.section.contacts-section h3{
  margin-bottom: 20px;
}
.section.with-bg-dark{
  background: #29335f;
  padding: 50px 0;
}
.section.with-bg-dark h3{
  color: #ffffff;
}
.section.with-bg-dark p{
  color: #ffffff;
  font-size: 19px;
}

.section.with-bg-dark .section-button{
  margin-top: 30px;
}

.contacts-section{
  font-size: 16px;
  overflow: hidden;
  text-align: left;
}
.contacts-section .col-md-3{
  margin-bottom: 20px;
  overflow: hidden;
}
.contacts-section a{
  color: #000000;
  font-weight: 450;
}
.contacts-section a:hover{
  text-decoration: underline;
}
.news-section{
  margin-top: 35px;
}
.section h3{
  color: #29335f;
  font-family: "AvenirLTStd-Heavy", Helvetica, Arial;
  font-size: 27px;
  font-weight: 550;
  margin-bottom: 30px;
}
@media only screen and (max-width : 767px) {
  .section h3{
    text-align: center;
  }
}
/* news filters */
.news-filter-wrapper{
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
}

.news-filter-wrapper .filter-label{
  color: #000000;
  float: left;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-weight: bold;
}
@media only screen and (max-width : 767px) {
  .news-filter-wrapper .filter-label{
    clear: both;
    display: block;
    float: none;
    margin-bottom: 20px;
    text-align: center;
  }
}
.news-filter-wrapper ul{
  float: left;
  list-style: none;
  margin-left: 20px;
}

.news-filter-wrapper ul li{
  float: left;
  margin-right: 25px;
}

.news-filter-wrapper ul li a{
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  color: #595959;
  font-size: 14px;
}
.news-filter-wrapper ul li a:hover{
  color: #000000;
  text-decoration: underline;
}
.news-filter-wrapper ul li.active a{
  color: #000000;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-weight: bold;
}
.news-items{
  margin-top: 15px;
}
.news-item{
  margin-bottom: 30px;
  text-align: center;
}
.news-item a{
  display: block;
  font-family: "AvenirLTStd-Light", Helvetica, Arial;
  font-weight: 300;
  height: 100%;
  position: absolute;
  width: 100%;
}
.news-item .img-wrapper{
  height: 200px;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width : 1024px) {
  .news-item .img-wrapper{
    height: 120px;
  }
}
.news-item img{
  height: auto;
  max-width: 100%;
   /* zoon set up */
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.news-item:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.news-item .calendar{
  margin: auto;
  width: 35px;
}
.news-item h3{
  font-family: "Avenir", Helvetica, Arial;
  font-size: 18px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 0.3s;
  line-height: 130%;
}
.news-item h3 a{
  color: #29335f;
}

/* education section */
.education {
  background-image:url("/systemimages/assets/education-bg.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 50px;
  padding-top: 50px;
}
.education .overlay{
  bottom: 0;
  background: rgba(255,255,255,0.6);
  left:0;
  position: absolute;
  right:0 ;
  top:0;
  z-index: 0;
}
@media only screen and (max-width : 767px){
  .education .overlay{
    display: none;
  }
}
.education-section-header{
  margin-top: -10px;
  overflow: hidden;
}
@media only screen and (max-width : 767px) {
  .education-section-header h3{
    font-size: 22px;
    margin-top: 0;
    text-align: left;
  }
}
.education-section-header .social-links{
  float: right;
  margin:5px 0 0 0;
}
@media only screen and (max-width : 1024px) {
  .education-section-header .social-links{
    margin-right: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .education-section-header .social-links{
    margin-right: 0;
  }
}
.education-section-header .social-links ul{
  float: right;
  list-style: none;
  margin:0 0 0 0;
  padding:0;
}

@media only screen and (max-width : 767px){
  .education-section-header .social-links ul{
    width: 100px;
  }
  .education-section-header .social-links ul li{
    margin-right: 7px;
  }
}
.education-section-header .social-links ul li i{
  color: #828282;
}
@media only screen and (max-width: 1024px){
  .education-section-header .social-links ul li i{
    color: #000000;
  }
}

.education-section-header .social-links ul li:hover i{
  color: #29335f;
}
.education-section-header .social-label{
    color: #29335f;
    display: block;
    float: left;
    font-family: "AvenirLTStd-Black", Helvetica, Arial;
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 10px;
}
@media only screen and (max-width : 767px) {
  .education-section-header .social-label{
    font-size: 11px;
    margin-right: 0;
    margin-top: 0;
    width: 50px;
  }
}
.learn-more{
  color: #258722;
}
.learn-more:hover{
  color: #cccccc;
}
/* resources */
.resource-row{
  overflow: hidden;
  margin-bottom: 35px;
  min-height: 350px;
}
.resource-item{
  overflow: hidden;
}
.block-link{
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.resource-item h4{
  font-family: "Avenir", Helvetica, Arial;
  font-size: 24px;
  text-align: center;
}
.resource-item:hover{
  background-color: #eeeeee;
}
.resource-info{
  height: auto;
  min-height: 150px;
  overflow: hidden;
}
.col-md-8 .resource-info p{
  padding-left: 55px;
  padding-right: 55px;
}
.resource-info p{
  font-size: 16px;
  text-align: center;
}
.featured-img-wrapper{
  background-size: cover;
  height: 250px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.resource-item:hover .featured-img-wrapper {
  -ms-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  height: 248px;
}

/* quick links */
.quick-link{
  text-align: center;
  font-size: 20px;
}
@media only screen and (max-width : 1024px){
  .quick-link{
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 767px){
  .quick-link{
    padding-left: 10%;
  }
}
.quick-link:hover{
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px)
}
.col-md-15{
  float: left;
  width: 20%;
}
@media only screen and (max-width : 1024px){
  .col-md-15{
    width: 45%;
  }
}

@media only screen and (max-width : 767px){
  .col-md-15.last{
    width: 100%;
  }
}

.quick-link a{
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.quick-link-icon{
  display: block;
  clear: both;
  margin: auto auto 20px auto;
  text-align: center;
}
@media only screen and (max-width : 767px){
  .quick-links-title h3{
    text-align: left;
  }
}

/* location */
.section.location{
  margin-bottom: 0;
}
.location-options{
  background-color: #258722;
  display: table;
  height: 400px;
  padding: 0;
}
@media only screen and (max-width : 767px) {
  .location-options{
    width: 100%;
  }
}
.location-inner{
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}
.visit-options{
  display: inline-block;
  text-align: center;
  width: 60%;
}
@media only screen and (max-width : 1024px) {
  .visit-options{
    width: 100%;
  }
}
.visit-option{
  color: #ffffff;
  font-size: 18px;
  height: 150px;
  padding: 15px;
  text-align: center;
}
.visit-option:hover{
  background-color: #1f721c;
}
.location-icon{
  display: block;
  clear: both;
  height: 36px;
  margin: 0 auto 20px auto;
  text-align: center;
  width: 36px;
}
.location-options h3{
  color: #ffffff;
  text-align: left;
}
@media only screen and (max-width : 1024px) {
  .location-options h3{
    margin-top: 50px;
    text-align: center;
  }
}
.location-map{
  position: relative;
}
.map-embed{
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
@media only screen and (max-width : 1024px) {
  .map-embed{
    position: relative;
  }
}
/* footer */
.footer{
  background-image: url("/systemimages/assets/footer-bg.jpg");
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 35px;
  background-size: cover;
}

@media only screen and (max-width : 1024px) {
  .footer{
    background-image: none;
    background-color: #29335f;
  }
}

@media only screen and (max-width : 767px) {
 .footer-logo{
   display: block;
   margin: auto;
   width: 200px;
 }
}

/* footer search box */
#search-input {
  margin:0;
  margin-top: 10px;
  padding: 0;
}

#search-input .search-query {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  float: right;
  width: 300px;
}
@media only screen and (max-width : 1024px) {
  #search-input .search-query{
    margin-bottom: 40px;
  }
}

#search-input .input-group{
  float: right;
  margin-right: -25px;
}
@media only screen and (max-width : 767px) {
  #search-input .input-group{
    float: none;
    margin-right: 0;
  }
}

.btn-search .glyphicon.glyphicon-search{
  margin-top: 8px;
}
@media only screen and (max-width : 1024px) {
  .btn-search .glyphicon.glyphicon-search{
    top: -18px;
  }
}

#search-input button {
  border: 0;
  background: none;
  color:#000000;
  font-size: 20px;
  left: -80px;
  padding: 2px 5px;
  position: relative;
  z-index: 10;

}
#search-input button:hover{
  color: #cccccc;
}

.search-query:focus + button {
  z-index: 10;
}

/* social footer links */
.social-links{
  margin-bottom: 30px;
  margin-top: 20px;
  overflow: hidden;
  padding-right: 5px;
}

.social-links ul{
  list-style: none;
  padding-left: 0;
}
@media only screen and (max-width : 767px) {
  .social-links ul{
    display: block;
    margin: auto;
    width: 168px;
  }
}

.social-links ul li{
  float: left;
  margin-right: 20px;
}

.social-links ul li:last-child{
  margin-right: 0;
}

.social-links ul li i{
  color: #ffffff;
  font-size: 30px;
}
.social-links ul li i:hover{
  color: #cccccc;
}

.section.phone:before{
  font-family: "Ionicons";
  color: #828282;
  content:'\f4b9';
  font-size: 25px;
  left: -35px;
  position: absolute;
  top: -3px;
}

.section.address:before{
  font-family: "Ionicons";
  color: #828282;
  content:'\f42d';
  font-size: 25px;
  left: -35px;
  position: absolute;
  top: -3px;
}

.section.staff:before{
  font-family: "Ionicons";
  color: #828282;
  content:'\f47c';
  font-size: 25px;
  left: -35px;
  position: absolute;
  top: -10px;
}

.bottom-bar{
  color: #ffffff;
  font-size: 12px;
}
@media only screen and (max-width : 767px){
  .bottom-bar{
    text-align:center;
  }
}
.footer-links{
  border-left: 1px solid #a6aac3;
  min-height: 300px;
  padding-left: 25px;
}

@media only screen and (max-width : 1024px) {
  .footer-links{
    border-left: none;
    margin-bottom: 50px;
    min-height: auto;
    padding-left: 0;
  }
}

@media only screen and (max-width : 767px) {
  .footer-links{
    padding-left: 5%;
    text-align: center;
  }
}

.footer-links h4{
  font-family: "Avenir", Helvetica, Arial;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px;
}
.footer .contact-col{
  font-size: 18px;
}

@media only screen and (max-width : 767px) {
  .footer .contact-col{
    padding-left: 25%;
  }
}

.footer .contact-col a{
  color: #ffffff;
}
.footer .contact-col a:hover{
  color: #cccccc;
}

@media only screen and (max-width : 1024px){
  .footer-links{
    margin-left: -10px;
    margin-top: -10px;
  }
}
.footer-links ul{
  list-style: none;
  padding-left: 0;
}
.footer-links ul li{
  margin-bottom: 15px;
}
.footer-links ul li a{
  color: #c4c4c4;
  display: block;
  font-size: 14px;
}
@media only screen and (max-width : 1024px) {
  .footer-links ul li a{
    font-size: 17px;
  }
}
.footer-links ul li a:hover{
  -webkit-animation: INDENT 2s 1; /* Safari 4+ */
  -moz-animation:    INDENT 2s 1; /* Fx 5+ */
  -o-animation:      INDENT 2s 1; /* Opera 12+ */
  animation:         INDENT 2s 1; /* IE 10+ */
  color: #ffffff;
}

/* footer link slide to the right animation */
@-webkit-keyframes INDENT{
  0%   { text-indent: 0; }
  25% { text-indent: 7px; }
  75% { text-indent: 7px; }
  100% { text-indent: 0; }
}
@-moz-keyframes INDENT {
  0%   { text-indent: 0; }
  25% { text-indent: 7px; }
  75% { text-indent: 7px; }
  100% { text-indent: 0; }
}
@-o-keyframes INDENT {
  0%   { text-indent: 0; }
  25% { text-indent: 7px; }
  75% { text-indent: 7px; }
  100% { text-indent: 0; }
}
@keyframes INDENT {
  0%   { text-indent: 0; }
  25% { text-indent: 7px; }
  75% { text-indent: 7px; }
  100% { text-indent: 0; }
}

/*  */
/* full width slider */
.bx-wrapper .bx-viewport{
  /* direction: ltr;  */
  margin-left: -10px;
}
@media only screen and (max-width : 767px) {
  #carousel-homepage{
    margin-top: 155px;
  }
}

.carousel-indicators-numbers li {
}
/* slider arrows */
.carousel-inner{
  position: relative;
}
.carousel-inner .parallax-window{
  height: 610px;
  left: 0;
  position: absolute;
  right:0;
  top: 0;
  width: 100%;
}
.carousel-inner>.item{
  height: 610px;
  z-index: 0;
}
.carousel-inner > .item.active > img{
  position: absolute;
  transform: translateZ(-1px);
}
.carousel-inner>.item>img{
  width: 100%;
}
@media only screen and (max-width : 1024px) {
  .carousel-inner>.item>img{
    height: 650px;
    width: auto;
    max-height: 650px;
    min-width: 170%;
    margin-left: -35%;
  }
}
@media only screen and (max-width : 767px) {
  .carousel-inner>.item>img{
    height: 350px;
    width: auto;
    max-height: 300px;
    min-width: 150%;
    margin-left: -35%;
  }
}
.carousel-controls-wrapper{
  background: #ffffff;
  position: absolute;
  bottom: 0;
  height: 40px;
  left: 120px;
  width: 160px;
}
.carousel-controls-wrapper .num{
  padding: 10px 0 0 24px;
}
@media only screen and (max-width : 1024px) {
  .carousel-controls-wrapper{
    background: #ffffff;
    right: 0;
    bottom: 5px;
  }
}

@media only screen and (max-width : 767px) {
  .carousel-controls-wrapper{
    bottom: 120px;
    left:20%;
    right: auto;
  }
}

.carousel-indicators{
  left: 125px;
  margin-left: 0;
  right: auto;
  bottom: 0;
  width: 60px;
}
@media only screen and (max-width : 1024px){
  .carousel-indicators{
    bottom: 8px;
  }
}
@media only screen and (max-width : 767px){
  .carousel-indicators{
    bottom: 120px;
    left: 20%;
  }
}
.carousel-indicators li{
  border-radius: 0;
  text-indent: 0;
}

.carousel-control{
  background-color: #f2f2f2;
  background-image: none;
  bottom: 0;
  top: auto;
  height: 40px;
  opacity: 1;
  text-shadow: none;
  width: 40px;
  z-index: 2;
}
.carousel-control i{
  color: #29335f;
  display: block;
  margin-top: 7px;
}
.carousel-control:hover i{
  color: #ffffff;
}
.carousel-control.left{
  background-color: #f2f2f2;
  background-image: none;
  left: auto;
  position: absolute;
  right: 40px;
}
.carousel-control.right{
  background-color: #f2f2f2;
  background-image: none;
  position: absolute;
  right: 0;
}
.carousel-control.left:hover,
.carousel-control.right:hover{
  background-color: #29335f;
  color: #f2f2f2;
}

.caption-background{
  background: rgba(42,51,95, 0.8);
  height: 280px;
  width: 55%;
  margin-top: 50px;
  position: absolute;
  top: 20%;
  z-index: 1;
}
@media only screen and (max-width : 1024px){
  .caption-background{
    display: none;
  }
}
.caption-wrapper{
  color: #ffffff;
  padding: 40px 0 55px 0;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width : 1024px) {
  .caption-wrapper{
    padding: 30px;
    top: 33%;
    width: 55%;
  }
}

@media only screen and (max-width : 767px){
  .caption-wrapper{
    background: #ffffff;
    color: #29335f;
    margin-left: 5%;
    padding: 20px;
    top: 200px;
    width: 90%;
  }
}
.caption-wrapper .caption-inner{
  position: relative;
  vertical-align: middle;
  margin-left: 15px;
  margin-top: 18%;
  width: 45%;
}
.page-banner.yld .caption-wrapper .caption-inner{
  margin-top: 9%;
}

@media only screen and (max-width : 1024px){
  .caption-wrapper .caption-inner{
    margin-left: -1%;
    margin-top: 70%;
    width: 95%;
  }
}

@media only screen and (max-width : 767px){
  .caption-wrapper .caption-inner{
    margin-left: 5%;
    margin-top: 0;
    width: 90%;
  }
}

.caption-wrapper p{
  font-size: 16px;
  margin-bottom: 15px;
}
.caption-wrapper p:hover{
  color: #ffffff;
  -webkit-animation: INDENT 2s 1; /* Safari 4+ */
  -moz-animation:    INDENT 2s 1; /* Fx 5+ */
  -o-animation:      INDENT 2s 1; /* Opera 12+ */
  animation:         INDENT 2s 1; /* IE 10+ */
}
.caption-wrapper h2{
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-size: 40px;
  font-weight: bold;
}

@media only screen and (max-width : 1024px) {
  .caption-wrapper h2{
    font-size: 28px;
  }
  .caption-wrapper p{
    font-size: 14px;
  }
}

.caption-wrapper h2 .highlight{
  font-weight: normal;
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
}

.slide-link a{
  color: #ffffff;
  display: block;
  font-size: 15px;
  line-height: 135%;
}
.slide-link:hover{
  margin-left: 5px;
}
.slide-link:hover i{
  color: #29335f;
}
@media only screen and (max-width : 767px) {
  .slide-link a{
    color: #29335f;
  }
}
/* if using image instead of ion icon */
.slide-link img.arrow-icon{
  background: #ffffff;
  border-radius:50%;
  color: #29335f;
  display: block;
  height: 25px;
  float: left;
  margin-right: 6px;
  margin-top: -4px;
  margin-right: 15px;
  padding: 2px 5px 3px 5px;
  position: relative;
  width: 25px;
}

.slide-link i{
  background: #ffffff;
  border-radius:50%;
  color: #29335f;
  display: block;
  height: 25px;
  float: left;
  margin-right: 6px;
  margin-top: -4px;
  margin-right: 15px;
  padding: 5px 3px 3px 8px;
  position: relative;
  width: 25px;
}

/* section buttons */
.section-button{
  position: relative;
  z-index: 5;
}
.section-button.center{
  text-align: center;
}
.section-button.left{
  text-align: left;
}
@media only screen and (max-width : 767px) {
  .section-button.left{
    text-align: center;
  }
}
.section-button .btn.section-more-btn{
  color: #ffffff;
  background-color: #29335f;
  border-color: #29335f;
  display: inline-block;
  font-family: "AvenirNext", Helvetica, Arial;
  font-size: 12px;
  font-weight: 700;
  padding: 20px 50px;
  text-transform: uppercase;
}
.btn.section-more-btn.light{
  color: #29335f;
  background-color: #ffffff;
  border-color: #ffffff;
  font-family: "AvenirNext", Helvetica, Arial;
  font-size: 12px;
  font-weight: 700;
  padding: 20px 50px;
  position: relative;
  text-transform: uppercase;
  z-index: 5;
}
.btn.section-more-btn.light:hover{
  color: #ffffff;
  background-color: #29335f;
  border-color: #29335f;
}
.section-button .btn.section-more-btn:hover{
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #29335f;
}

.section-button .btn.section-news-btn{
  color: #ffffff;
  background-color: #29335f;
  border-color: #29335f;
  display: inline-block;
  font-size: 12px;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-weight: 700;
  padding: 20px 50px;
  position: relative;
  text-transform: uppercase;
  z-index: 5;
}


.section-button .btn.section-news-btn:hover{
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #29335f;
}

/* carousel */
.cle-slider{
  position: relative;
}


.carousel-img-section{
  height: 150px;
  overflow: hidden;
}
.carousel-img-section img{
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    position: absolute;
    width: 100%;
}
.carousel-info-section{
  background: #29335f;
  color: #ffffff;
  position: relative;
  padding: 20px 20px 0 20px;
}
.carousel-info-section p{
  font-size: 16px;
}

.info-section-footer{
  margin-top: 30px;
  overflow: hidden;
}

/* interior banner */
.page-banner{
  display: table;
  height: 300px;
  margin-bottom: 55px;
  margin-top: -90px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  position: relative;
}

.page-banner.short{
  height: 180px;
}

.page-banner.short h1{
  margin-top: 70px;
}

.page-banner.no-bg{
  background-color: none;
  height: 60px;
}
.page-banner.no-bg h1{
  color: #29335f;
  padding-top: 40px;
}
@media only screen and (max-width : 1024px) {
  .page-banner.no-bg h1{
    padding-top: 80px;
  }
}

@media only screen and (max-width : 1024px){
  .page-banner.short h1{
    margin-top: 150px;
  }
}

@media only screen and (max-width : 767px){
  .page-banner{
    margin-top: 20px;
  }
}
.page-banner-overlay{
  background-color: rgba(41,51,95,0.4);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top:0;
  width: 100%;
  z-index: 1;
}
.banner-title{
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.banner-title h1{
  color: #ffffff;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-size: 50px;
  font-weight: bolder;
  letter-spacing: -2px;
  margin-top: 40px;
  position: relative;
  z-index: 3;
}
.banner-title h1 span{
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  font-weight: 500;
}

.banner-title.dark h1{
  color: #29335f;
}

.page-banner img{
  height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
  max-width: 100%;
  z-index: -1;
}
.section.interior-section{
  overflow: hidden;
}

.section.interior-section ol{
  font-size: 19px;
  padding-left: 20px;
}

.section.interior-section ul{
  font-size: 19px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 5px;
  list-style: none;
}

.section.interior-section ul li{
  margin-bottom: 6px;
}

.section.interior-section.padded{
  margin-bottom: 50px;
  margin-top: 50px;
}

.interior-section .col-text{
  padding: 35px 70px 35px 0;
}
.section.interior-section h3{
  color: #29335f;
  font-size: 30px;
  font-weight: 600;
  text-align: left;
}
.section.interior-section h4{
  font-size: 24px;
  margin-bottom: 15px;
}
.section.interior-section h4.large{
  font-size: 32px;
  margin-bottom: 15px;
}
.section.interior-section h4.bold{
  font-family: "AvenirLTStd-Heavy", Helvetica, Arial;
  font-size: 20px;
  font-weight: bold;
}
.section.interior-section p{
  font-size: 20px;
  line-height: 170%;
  margin-bottom: 25px;
}
.col-text h3{
  color: #29335f;
  font-size: 30px;
  font-weight: 600;
}
.col-text p{
  font-size: 17px;
  margin-bottom: 25px;
}
.col-img{
  height: 330px;
}
.col-img img{
  width: 100%;
}
.banner-section{
  height: 400px;
  padding: 0;
}
@media only screen and (max-width : 1024px) {
  .banner-section{
    height: 420px;
  }
}
.banner-section img{
  height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
  max-width: 100%;
  z-index: 1;
}
.banner-section .banner-caption-wrapper{
  color: #ffffff;
  position: relative;
  table-layout: fixed;
  margin-top: 90px;
  z-index: 5;
  width: 50%;
}

@media only screen and (max-width : 1024px) {
  .banner-section .banner-caption-wrapper{
    margin-top: 80px;
  }
}

.banner-section .banner-bg-overlay{
  background: rgba(0,0,0, 0.7);
  height: 300px;
  width: 55%;
  margin-top: 50px;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width : 1024px) {
  .banner-section .banner-bg-overlay{
    width: 65%;
  }
}
@media only screen and (max-width : 767px) {
  .banner-section .banner-bg-overlay{
    height: 350px;
    margin-top: 30px;
    width: 85%;
  }
}
@media only screen and (max-width : 1024px) {
  .banner-section .banner-caption-wrapper{
    width: 60%;
  }
}
@media only screen and (max-width : 767px) {
  .banner-section .banner-caption-wrapper{
    margin-top: 50px;
    width: 85%;
  }
}
.interior-section .banner-section h3{
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
}


/* login popover */
.login-btn-wrapper .btn-green-login:hover{
  background: #ffffff;
}
.popover{
  background-color: #29335f;
  border: none;
  border-radius: 0;
  font-family: "Avenir", Helvetica, Arial;
}
.popover.bottom{
  margin-left: -60px;
  margin-top: 0;
}
.popover .arrow{
  display: none;
}
.popover-content{
  background-color: #29335f;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #ffffff;
  padding: 20px;
}
.popover-content input[type='text']{
  border-radius: 0;
  margin-bottom: 15px;
}
.popover-content .btn{
  background: #258722;
  margin-top: -15px;
  text-transform: uppercase;
}
.popover-content .btn:hover{
  background: #828282;
  color: #ffffff;
}
.login-links p{
  font-size: 15px;
  font-weight: 700;
}
.login-help{
  list-style: none;
  padding-left: 0;
}
.login-help li{
  margin-bottom: 7px;
}
.login-help li a{
  color: #ffffff;
  font-size: 16px;
}
.login-help li:hover a{
  color: #cccccc;
  -webkit-animation: INDENT 2s 1; /* Safari 4+ */
  -moz-animation:    INDENT 2s 1; /* Fx 5+ */
  -o-animation:      INDENT 2s 1; /* Opera 12+ */
  animation:         INDENT 2s 1; /* IE 10+ */
}
.login-help li a i{
  font-size: 11px;
  margin-left: 13px;
}

/* search modal */
.search-panel .modal-header{
  border-bottom: none;
  padding: 20px 20px;
}
.search-panel .modal-footer{
  border-top: none;
}
.search-panel .btn-search-panel{
  align-items: center;
  background-color: #258722;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 60px;
  font-family: "Avenir", Helvetica, Arial;
  font-size: 20px;
  margin-left: 20px;
  text-transform: uppercase;
  transition: all 0.2s;
  width: 120px;
}
@media (min-width: 767px){
  .search-panel .modal-dialog {
    margin: 0 0 0 -2px;
    z-index: 3;
    width: 101%;
  }
}
@media only screen and (max-width: 1024px){
  .search-panel .btn-search-panel{
    display: flex;
    height: 60px;
    font-family: "Avenir", Helvetica, Arial;
    font-size: 14px;
    width: 50px;
  }
}
.search-panel .btn-search-panel:hover{
  background-color: #29335f;
}
.modal.search-panel{
  top: -1px;
  width: 100%;
}
.modal-backdrop{
  background: none;
}
.search-panel .modal-content{
  background-color: #f0f0f0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.search-panel .close{
  margin-right: 10%;
  opacity: 1;
}
@media only screen and (max-width: 1024px){
  .search-panel .close{
    display:block;
    margin-top: -20px;
    margin-bottom:20px;
  }
}
.search-panel .close i{
  color: #000000;
  font-size: 25px;
}
.search-form-container{
  margin-bottom: 30px;
  margin-top: -50px;
  width: 60%;
}
@media only screen and (max-width: 1024px) {
  .search-form-container{
    padding: 0;
    width: 100%;
  }
}
.search-panel input.search-query{
  border-width: 2px;
  border-style: inset;
  border-color: initial;
  border-image: initial;
  border-radius: 30px;
  font-size: 20px;
  font-weight: bold;
  height: 60px;
  margin-right: 20px;
  outline: none;
  padding-left: 20px;
  width: 97%;
}
@media only screen and (max-width: 1024px){
  .search-panel input.search-query{
    font-size: 12px;
    padding-left: 10px;
  }
}
.search-panel .input-group .form-control:first-child{
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.search-panel .input-group-btn:last-child>.btn{
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  font-weight: bold;
}
.member-icon{
  display: block;
  float: left;
  margin-right: 5px;
  width: 16px;
}


.siema img{
  width: 100%;
}


/* mobile menu  */
.mobile-menu {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: -100%;
  background-color: white;
  z-index: 9999;
  transition: left 0.2s;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 50px 44px;
}
@media only screen and (min-width: 1023px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu .accordian {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .mobile-menu .accordian {
    float: left;
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu .accordian {
    padding-left: 10%;
    padding-top: 18%;
    width: 100%;
  }
}
.mobile-menu section:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 270px;
  background-color: #c4c4c4;
}
@media only screen and (min-width: 480px) {
  .mobile-menu section:after {
    width: 270px;
  }
}
.mobile-menu .menu-close-btn {
  position: absolute;
  top: 14px;
  right: 30px;
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  .mobile-menu{
    padding: 0;
  }
  .mobile-menu .menu-close-btn {
    right: 10%;
  }
}
.mobile-menu .menu-close-btn > i {
  font-size: 80px;
}
.mobile-menu .menu-label {
  position: absolute;
  top: 38px;
  left: 44px;
  font-family: "Avenir Next LT W01 Bold";
  font-size: 34px;
  color: #29335f;
}
@media only screen and (min-width: 768px) {
  .mobile-menu .menu-label {
    left: 80px;
  }
}
.mobile-menu .menu-label > i {
  margin-right: 10px;
}
.mobile-menu .expandable-button,
.mobile-menu .link {
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-size: 22px;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  letter-spacing: -1px;
  margin-top: 20px;
  padding-top: 5px;
  width: 270px;
}
@media only screen and (min-width: 480px) {
  .mobile-menu .expandable-button,
  .mobile-menu .link {
    font-size: 22px;
  }
}
.mobile-menu .expandable-button > span,
.mobile-menu .link > span {
  font-family: "AvenirLTStd-Book";
}

.mobile-menu .expandable-button > a{
  color: #29335f;
}


.mobile-menu .expandable-button .hr,
.mobile-menu .link .hr {
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
}
.mobile-menu .expandable-button .menu-arrow,
.mobile-menu .link .menu-arrow {
  position: absolute;
  height: 26px;
  float: right;
  right: 5px;
  left: auto;
  width: 30px;
  margin-left: 16px;
}
.mobile-menu .expandable-button .menu-arrow .left-chev,
.mobile-menu .link .menu-arrow .left-chev {
  position: absolute;
  height: 3px;
  width: 14px;
  top: 10px;
  left: 3.5px;
  transform: rotate(45deg);
  background-color: black;
  transition: transform 0.2s;
}
.mobile-menu .expandable-button .menu-arrow .right-chev,
.mobile-menu .link .menu-arrow .right-chev {
  position: absolute;
  height: 3px;
  width: 14px;
  top: 10px;
  right: 3.5px;
  transform: rotate(-45deg);
  background-color: black;
  transition: transform 0.2s;
}
.mobile-menu .expandable-button > i,
.mobile-menu .link > i {
  font-size: 20px;
  margin-right: 12px;
}
.mobile-menu .expandable-button {
  text-align: left;
}
.mobile-menu .expandable-button:focus {
  outline: none;
}
.mobile-menu .expandable-button[aria-expanded="true"] .menu-arrow .left-chev {
  transform: rotate(-45deg);
}
.mobile-menu .expandable-button[aria-expanded="true"] .menu-arrow .right-chev {
  transform: rotate(45deg);
}
.mobile-menu .link {
  color: white;
  background-color: #29335f;
  display: flex;
  width: 230px;
  padding: 20px 30px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .mobile-menu .link {
    width: 270px;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-menu .link {
    display: none;
  }
}
.mobile-menu .expandable-region {
  overflow: hidden;
  transition: height 0.2s;
  padding-left: 50px;
  font-size: 15px;
  display: block;
  height: auto !important;
}
.mobile-menu .expandable-region ul{
  list-style: none;
  padding-left: 0;
  width: 100%;
}
.mobile-menu .expandable-region ul li {
  font-size: 18px;
  padding: 8px 0px;
  cursor: pointer;
}
.mobile-menu .expandable-region ul li:last-child{
  margin-bottom: 20px;
}
.mobile-menu .expandable-region .hidden,
.mobile-menu .expandable-region[hidden] {
  display: block;
  position: relative;
  height: 0 !important;
}
.mobile-menu .expandable-region .wrapper {
  display: inline-block;
}
.mobile-menu .login-mobile {
  float: right;
  width: 45%;
  height: 358px;
  z-index: 99;
  margin-left: 10px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .mobile-menu .login-mobile {
    display: block;
    padding: 25px;
  }
}
.mobile-menu .login-mobile .member-login-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 380px;
  background-color: #29335f;
  right: 0px;
  top: 100px;
  font-family: "AvenirLTStd-Black";
  color: white;
  padding: 20px 30px;
  transition: all 0.2s;
}
.mobile-menu .login-mobile .member-login-modal input {
  border: none;
  height: 35px;
  width: 100%;
  background-color: white;
  font-family: "AvenirLTStd-Black";
  font-size: 14px;
  color: gray;
  margin: 16px 0px 10px 0px;
  padding: 10px;
}
.mobile-menu .login-mobile .member-login-modal > button {
  height: 50px;
  width: 40%;
  color: white;
  background-color: #258722;
  font-family: "AvenirLTStd-Black";
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: all 0.2s;
  cursor: pointer;
}
.mobile-menu .login-mobile .member-login-modal > button:hover {
  color: #29335f;
  background-color: white;
}
.mobile-menu .login-mobile .member-login-modal > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: white;
  margin-top: 12px;
  transition: padding-left 0.2s;
}
.mobile-menu .login-mobile .member-login-modal > a:hover {
  padding-left: 10px;
}
.mobile-menu .login-mobile .member-login-modal > a i {
  font-size: 10px;
  color: white;
  margin-left: 14px;
}
.mobile-menu .login-mobile .member-login-modal > h3 > i {
  font-size: 16px;
  margin-right: 16px;
}
.show {
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media only screen and (max-width: 1024px){
  .show{
    padding-top: 200px;
  }
}
@media only screen and (max-width: 767px){
  .show{
    padding-top: 80px;
  }
}
body.scroll-hidden {
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .hamburger-menu{
    display: none;
  }
}

@media only screen and (max-width: 1024px){
  .hamburger-menu {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzI5MzM1Rjt9Cjwvc3R5bGU+CjxnPgoJPHJlY3QgeD0iOTYiIHk9IjI0MSIgY2xhc3M9InN0MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSIzMiIvPgoJPHJlY3QgeD0iOTYiIHk9IjE0NSIgY2xhc3M9InN0MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSIzMiIvPgoJPHJlY3QgeD0iOTYiIHk9IjMzNyIgY2xhc3M9InN0MCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSIzMiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    position: absolute;
    height: 50px;
    width: 57px;
    right:30px;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .hamburger-menu{
    margin-top: 10px;
    right: 20px;
  }
}

.secondary-header .hamburger-menu.affix{
    display: none;
}
.secondary-header.affix .hamburger-menu.affix{
    display: block;
    left: 200px;
    margin-left: 0;
    margin-top: 20px;
}
@media only screen and (min-width: 1024px) {
  .secondary-header.affix .hamburger-menu.affix{
    display: none;
  }
}



/* Cle slider */

#cle .cle-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
#cle .cle-container .right-push {
  margin-left: auto;
}
#cle .cle-container .cle-carousel {
  width: 100%;
  height: 330px;
  overflow: hidden;
}
#cle .cle-container .cle-carousel > div > div {
  display: flex;
  justify-content: center;

}
#cle .cle-container .cle-carousel .cle-item {
  position: relative;
  display: flex;
  width: 96%;
  height: 362px;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
}
#cle .cle-container .cle-carousel .cle-item:hover .image {
  transform: scale(1.07);
}
#cle .cle-container .cle-carousel .cle-item:hover .info {
  background-color: #5565a9;
}
#cle .cle-container .cle-carousel .cle-item .image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  transition: 0.3s;
}
#cle .cle-container .cle-carousel .cle-item #cle-1 {
  background-image: url(images/cle-1.jpg);
}
#cle .cle-container .cle-carousel .cle-item #cle-2 {
  background-image: url(images/cle-2.jpg);
}
#cle .cle-container .cle-carousel .cle-item #cle-3 {
  background-image: url(images/cle-3.jpg);
}
#cle .cle-container .cle-carousel .cle-item #cle-4 {
  background-image: url(images/cle-4.jpg);
}
#cle .cle-container .cle-carousel .cle-item #cle-5 {
  background-image: url(images/cle-5.jpg);
}
#cle .cle-container .cle-carousel .cle-item #cle-6 {
  background-image: url(images/cle-6.jpg);
}
#cle .cle-container .cle-carousel .cle-item .info {
  position: absolute;
  width: 100%;
  height: 160px;
  background-color: #29335f;
  padding: 20px;
  bottom: 32px;
  transition: 0.3s;
}
#cle .cle-container .cle-carousel .cle-item .info .cle-title {
  font-family: "AvenirNext", Helvetica, Arial;
  font-size: 17px;
  color: #ffffff;
  margin-bottom: 10px;
}
#cle .cle-container .cle-carousel .cle-item .info .cle-date {
  font-family: "AvenirNextLTW01-Regular";
  font-size: 18px;
  color: white;
  margin-bottom: 22px;
}
#cle .cle-container .cle-carousel .cle-item .info .cle-credit {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
#cle .cle-container .cle-carousel .cle-item .info .cle-price-location {
  position: absolute;
  display: flex;
  flex-direction: row;
  width: 100%;
  bottom: 0;
  font-family: "AvenirNextLTW01-Regular";
  font-size: 14px;
}
#cle .cle-container .cle-carousel .cle-item .info .cle-price-location .price {
  background: #f2f2f2;
  color: #30365e;
  float: left;
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  font-weight: 700;
  margin-right: 20px;
  padding: 6px 10px;
  text-align: center;
  width: 100px;
}
#cle .cle-container .cle-carousel .cle-item .info .cle-price-location .location {
  color: #ffffff;
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  font-weight: normal;
  font-size: 12px;
  height: 30px;
  padding-top: 8px;
  padding-left: 10px;
  width: 70%;
}
#cle .cle-container .cle-carousel .pop-off-tablet {
  display: none;
}
@media only screen and (min-width: 1023px) {
  #cle .cle-container .cle-carousel .pop-off-tablet {
    display: flex;
  }
}
#cle .cle-container .cle-carousel .pop-off-pad {
  display: none;
}
@media only screen and (min-width: 768px) {
  #cle .cle-container .cle-carousel .pop-off-pad {
    display: flex;
  }
}
#cle .cle-container .cle-carousel .pop-off-phone {
  display: none;
}
@media only screen and (min-width: 640px) {
  #cle .cle-container .cle-carousel .pop-off-phone {
    display: flex;
  }
}
#cle .page {
  position: absolute;
  font-family: "Futura Light", Helvetiva, Arial;
  font-size: 18px;
  height: 60px;
  margin-left:-130px;
  width: 100%;
  text-align: center;
  padding-top: 12px;
  bottom: -70px;
}

@media only screen and (max-width: 768px) {
  #cle .page {
    text-align: right;
  }
}

#cle .nav-right {
  content: '\f108';
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #258722;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 9;
}

#cle .nav-right:hover {
  background-color: #29335f;
}
#cle .nav-right:hover > i {
  color: white;
}
#cle .nav-right > i {
  font-size: 20px;
  color: white;
  transition: all 0.2s;
}
#cle .nav-left {
  content: '\f10b';
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #258722;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 9;
}

#cle .nav-left:hover {
  background-color: #29335f;
}
#cle .nav-left:hover > i {
  color: white;
}
#cle .nav-left > i {
  font-size: 20px;
  color: white;
  transition: all 0.2s;
}


/* cle news slider */
#cle .cle-container .cle-carousel .cle-item.cle-news{
  margin-right: -51px;
  width: 100%;
}
.cle-news{
  background: #e6e6e6;
  margin-left: -49px;
  padding:0;
  width: 100%;
}

@media only screen and (max-width: 1024px){
  .cle-news{
    margin-left:-55px;
    height: 300px;
  }
}
.section .cle-news h3{
  margin:0;
}
@media only screen and (max-width: 767px){
  .section .cle-news h3{
    font-size: 22px;
  }
}
.cle-news .date{
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cle-news .news-text{
  padding: 25px 25px 30px 30px;
}
@media only screen and (max-width: 767px){
  .cle-news .news-text{
    background: rgba(255,255,255,0.6);
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .cle-news .news-text p{
    font-size: 16px;
    line-height: 140%;
  }
  .cle-news .date{
    color: #000000;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#cle .pagination-wrapper{
  left: 20%;
  overflow: visible;
  position: absolute;
  top: 0;
  width: 176px;
}

@media only screen and (max-width: 1024px){
  #cle .pagination-wrapper{
    left: auto;
    right: 0;
    top:-10px;
  }
}
@media only screen and (max-width: 767px){
  .news-slider-wrapper{
    margin-top: 90px;
  }
  #cle .pagination-wrapper{
    left: -15px;
    right: auto;
    top:45px;
  }
}
#cle .news-left{
  display: block;
  bottom: auto;
  transform: translateY(0%);
}
#cle .news-left .ion-arrow-right-c{
  display: block;
  margin-left: 35%;
  margin-top: 30%;
}
#cle .news-right .ion-arrow-left-c{
  display: block;
  margin-left: 35%;
  margin-top: 30%;
}
#cle .news-right{
  display: block;
  transform: translateY(0%);
}

/* subpage */

.page-banner.subpage{
  display: table;
  height: 460px;
  margin-bottom: 5px;
  margin-top: -90px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  position: relative;
}

@media only screen and (max-width : 767px){
  .page-banner.subpage{
    margin-top: 20px;
  }
}

.page-banner.subpage h1{
  color: #ffffff;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-size: 46px;
  font-weight: bolder;
  letter-spacing: -2px;
  margin-top: 40px;
  z-index: 1;
}
@media only screen and (max-width : 767px){
  .page-banner.subpage h1{
    color: #333333;
    margin-top: 0;
  }
}
.page-banner.subpage h1 span{
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  font-weight: 300;
}
.page-banner.subpage p{
  font-size: 16px;
}
.page-banner.subpage .caption-background{
  background: rgba(42,51,95, 0.7);
  height: 220px;
  width: 53%;
  margin-top: 50px;
  position: absolute;
  top: 15%;
  z-index: 1;
}

@media only screen and (max-width: 1024px){
  .page-banner.subpage .caption-background{
    display: block;
  }
}

@media only screen and (max-width : 767px){
  .page-banner.subpage .caption-background{
    display: none;
  }
}
.page-banner.yld .caption-background{
  background: rgba(42,51,95, 0.7);
  height: 350px;
  width: 53%;
  margin-top: 50px;
  position: absolute;
  top: 7%;
  z-index: 1;
}

.page-banner.subpage .caption-inner{
  position: relative;
  vertical-align: middle;
  margin-left: 15px;
  margin-top: 12%;
  width: 45%;
}
@media only screen and (max-width: 1024px){
  .page-banner.subpage .caption-inner{
    margin-top: 37%;
    width: 75%;
  }
}

@media only screen and (max-width: 767px){
  .page-banner.subpage .caption-inner{
    margin-top: 0;
  }
}
/* want grid */

.grid{
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.grid .grid-item{
  align-items: center;
  border: 1px solid #c4c4c4;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 200px;
  margin-bottom: 2%;
  transition: background-color 0.2s;
  padding: 0px 10px;
  text-align: center;
  width: 23%;
  min-width: 200px;
}

@media only screen and (max-width: 1024px){
  .grid .grid-item{
    width: 33%;
  }
}
@media only screen and (max-width: 767px){
  .grid .grid-item{
    width: 50%;
    min-width: auto;
  }
}
.grid .grid-item:hover {
  background-color: #efefef;
}
.grid .blue-bg {
  background-color: #5a65a5;
  color: #ffffff;
  transition: background-color 0.2s;
}
.grid .blue-bg:hover {
  background-color: #29335f;
}
.grid .grid-item h4{
  font-family: "AvenirLTStd-Book", Helvetica, Arial;
  font-size: 19px;
}
.grid .grid-item > img{
  height: 50px;
  margin-bottom: 10px;
}

.grid-image-wrapper{
  background-size: cover;
  height: 13vw;
  margin-bottom: 30px;
  width: 100%;
}

@media only screen and (max-width : 767px){
  .grid-image-wrapper{
    height: 200px;
  }
}

.box-icon{
  align-items: center;
  background-color: #5a65a5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 26px;
  width: 26px;
}

.box-icon > i{
  font-size: 16px;
  color: #ffffff;
  padding-top: 3px;
}

.cta-feature-wrapper{
  margin-bottom: 0;
}
.cta-feature{
  margin: 0;
  width: 100%;
}
.cta-feature .cta-col{
  height: 450px;
  padding: 0;
  width: 50%;
}
.cta-inner{
  display: table;
  height: 100%;
  padding: 18% 15% 18% 10%;
  position: relative;
  width: 100%;
  z-index: 3;
}
.cta-col h3{
  color: #ffffff;
}
.cta-col p{
  color: #ffffff;
  font-size: 18px;
  line-height: 135%;
}

/* membership page elements */

/* highlight box */
.highlight-box{
  background: #5a65a5;
  color: #ffffff;
  padding: 60px 30px;
  padding-top: 20px;
  padding-bottom: 70px;
}

@media only screen and (max-width : 1024px){
  .highlight-box{
    margin-top: 30px;
  }
}
.section .highlight-box h4{
  color: #ffffff;
  font-size: 31px;
  font-weight: normal;
  line-height: 130%;
  margin-bottom: 30px;
  margin-top: 0;
  padding-right: 35px;
}

.section .highlight-box p{
  font-size: 19px;
}

.section .highlight-box .contact{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MTUuOSwzMzUuNWMtMTQuNi0xNS01Ni4xLTQzLjEtODMuMy00My4xYy02LjMsMC0xMS44LDEuNC0xNi4zLDQuM2MtMTMuMyw4LjUtMjMuOSwxNS4xLTI5LDE1LjEKCWMtMi44LDAtNS44LTIuNS0xMi40LTguMmwtMS4xLTFjLTE4LjMtMTUuOS0yMi4yLTIwLTI5LjMtMjcuNGwtMS44LTEuOWMtMS4zLTEuMy0yLjQtMi41LTMuNS0zLjZjLTYuMi02LjQtMTAuNy0xMS0yNi42LTI5CglsLTAuNy0wLjhjLTcuNi04LjYtMTIuNi0xNC4yLTEyLjktMTguM2MtMC4zLTQsMy4yLTEwLjUsMTIuMS0yMi42YzEwLjgtMTQuNiwxMS4yLTMyLjYsMS4zLTUzLjVjLTcuOS0xNi41LTIwLjgtMzIuMy0zMi4yLTQ2LjIKCWwtMS0xLjJjLTkuOC0xMi0yMS4yLTE4LTMzLjktMThjLTE0LjEsMC0yNS44LDcuNi0zMiwxMS42Yy0wLjUsMC4zLTEsMC43LTEuNSwxYy0xMy45LDguOC0yNCwyMC45LTI3LjgsMzMuMgoJYy01LjcsMTguNS05LjUsNDIuNSwxNy44LDkyLjRjMjMuNiw0My4yLDQ1LDcyLjIsNzksMTA3LjFjMzIsMzIuOCw0Ni4yLDQzLjQsNzgsNjYuNGMzNS40LDI1LjYsNjkuNCw0MC4zLDkzLjIsNDAuMwoJYzIyLjEsMCwzOS41LDAsNjQuMy0yOS45QzQ0Mi4zLDM3MC44LDQzMS41LDM1MS42LDQxNS45LDMzNS41eiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30px 30px;
  padding-left: 50px;
}
.highlight-box .contact p{
  margin: 0;
}
.highlight-box .contact p a{
  color: #ffffff;
}
.highlight-box .contact p a:hover{
  text-decoration: underline;
}

/* contact boxes within content  */

.content-contact-box{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNDE1LjksMzM1LjVjLTE0LjYtMTUtNTYuMS00My4xLTgzLjMtNDMuMWMtNi4zLDAtMTEuOCwxLjQtMTYuMyw0LjNjLTEzLjMsOC41LTIzLjksMTUuMS0yOSwxNS4xYy0yLjgsMC01LjgtMi41LTEyLjQtOC4yDQoJbC0xLjEtMWMtMTguMy0xNS45LTIyLjItMjAtMjkuMy0yNy40bC0xLjgtMS45Yy0xLjMtMS4zLTIuNC0yLjUtMy41LTMuNmMtNi4yLTYuNC0xMC43LTExLTI2LjYtMjlsLTAuNy0wLjgNCgljLTcuNi04LjYtMTIuNi0xNC4yLTEyLjktMTguM2MtMC4zLTQsMy4yLTEwLjUsMTIuMS0yMi42YzEwLjgtMTQuNiwxMS4yLTMyLjYsMS4zLTUzLjVjLTcuOS0xNi41LTIwLjgtMzIuMy0zMi4yLTQ2LjJsLTEtMS4yDQoJYy05LjgtMTItMjEuMi0xOC0zMy45LTE4Yy0xNC4xLDAtMjUuOCw3LjYtMzIsMTEuNmMtMC41LDAuMy0xLDAuNy0xLjUsMWMtMTMuOSw4LjgtMjQsMjAuOS0yNy44LDMzLjJjLTUuNywxOC41LTkuNSw0Mi41LDE3LjgsOTIuNA0KCWMyMy42LDQzLjIsNDUsNzIuMiw3OSwxMDcuMWMzMiwzMi44LDQ2LjIsNDMuNCw3OCw2Ni40YzM1LjQsMjUuNiw2OS40LDQwLjMsOTMuMiw0MC4zYzIyLjEsMCwzOS41LDAsNjQuMy0yOS45DQoJQzQ0Mi4zLDM3MC44LDQzMS41LDM1MS42LDQxNS45LDMzNS41eiIvPg0KPC9zdmc+DQo=");
  background position: left top;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  margin: 40px 0;
  padding-left: 45px;
}

.section .content-contact-box p{
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  margin:0;
}

.section .content-contact-box a{
    color: #000000;
}
.section .content-contact-box a:hover{
  text-decoration: underline;
}

h3.benefits{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gcG9pbnRzPSIyNzIsMjcyIDI3MiwyNTYgMjcyLDIwOCAyNDAsMjA4IDI0MCwyNTYgMjQwLDI3MiAyMjQsMjcyIDE3NiwyNzIgMTc2LDMwNCAyMjQsMzA0IDI0MCwzMDQgMjQwLDMyMCAyNDAsMzY4IAoJCTI3MiwzNjggMjcyLDMyMCAyNzIsMzA0IDI4OCwzMDQgMzM2LDMwNCAzMzYsMjcyIDI4OCwyNzIgCSIvPgoJPHBhdGggZD0iTTMzNiwxMjhWOTZjLTAuNS0xOC4yLTEzLjYtMzItMzIuMi0zMmgtOTkuMUMxODYuMSw2NCwxNzYsNzcuNywxNzYsOTZ2MzJINDh2MzIwaDQxNlYxMjhIMzM2eiBNMTkyLDk4LjEKCQljMC0xMC4yLDIuOS0xOC4xLDEzLjctMTguMWg5Ny4xYzEwLjQsMCwxNy4yLDcuNywxNy4yLDE4LjFWMTI4SDE5MlY5OC4xeiBNMzUyLDMyMGgtNjR2NjRoLTY0di02NGgtNjR2LTY0aDY0di02NGg2NHY2NGg2NFYzMjB6IgoJCS8+CjwvZz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjU2IiBjeT0iMjkzLjUiIHI9IjExMy41Ii8+CjxyZWN0IHg9IjIyNiIgeT0iMjA3IiB3aWR0aD0iNTguOSIgaGVpZ2h0PSIxNzciLz4KPHJlY3QgeD0iMTY3IiB5PSIyNjYiIHdpZHRoPSIxNzciIGhlaWdodD0iNTkuNSIvPgo8L3N2Zz4K");
  background-position: top -4px;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  padding-left: 50px;
  padding-top: 10px;
}

/* 2 col resources */
.col-resource{
   padding: 50px;
}
.col-resource-img{
  background-size: cover;
  height: 220px;
  margin-bottom: 35px;
}

.col-resource h4{
  color: #29335f;
  font-family: "Avenir", Helvetica, Arial;
  font-weight: bold;
}

.col-resource.col3{
  padding: 20px;
}
.col3 .col-resource-img{
  height: 230px;
}
.col-resource.col3 h4{
  font-size: 20px;
  font-weight: 550;
}

/* program grid */
.program-grid{
  overflow: hidden;
  padding: 0;
}
.program-grid .grid-item{
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  margin-bottom: 20px;
  position: relative;
  opacity: 1;
}

.program-grid .grid-item:hover{
  opacity: 0.9;
}
.program-grid .grid-item.left{
  border-right: 20px solid #ffffff;
}
@media only screen and (max-width : 1024px){
  .program-grid .grid-item.left{
    border-right: none;
  }
}
.program-grid .grid-item .grid-title{
  background: rgba(0,0,0,0.7);
  color: #ffffff;
  font-size: 28px;
  padding: 25px 30px 25px 50px;
  position: absolute;
  left: 0;
  top: 38%;
  width: 70%
}

.program-grid .grid-item.left .grid-title{
  background: rgba(0,0,0,0.7);
  color: #ffffff;
}

@media only screen and (max-width : 1024px){
  .program-grid .grid-item{
    display: table;
    height: 300px;
    margin: auto auto 20px auto;
    padding: 0;
    width: 100%;
  }
  .program-grid .grid-item.left .grid-title,
  .program-grid .grid-item .grid-title{
    background: rgba(0,0,0,0.3);
    display: table-cell;
    position: relative;
    vertical-align: middle;
    top: auto;
    left: auto;
    padding: 0;
    text-align: center;
    width: 100%;
  }
}

.nav-pills>li>a{
  border-bottom: 5px solid #000000;
  border-radius: 0;
  color: #000000;
  font-family: "Avenir", Helvetica, Arial;
  font-size: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding-left: 20px;
  padding-right: 20px;
  width: 250px;
}
.nav-pills>li>a:focus,
.nav-pills>li>a:hover{
  border-bottom: none;
  background-color: #5a65a5;
}
.nav-pills>li.active>a{
  border-bottom: none;
  background-color: #5a65a5;
  border-radius: 0;
  font-family: "Avenir", Helvetica, Arial;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: uppercase;
}

.nav-pills>li.active>a:hover{
  background-color: #5a65a5;
  border-bottom: 5px solid #000000;
}
.nav-pills>li.active>a:focus{
  border-bottom: none;
}
.program-item{
  margin: 20px 0 20px 0;
  overflow: hidden;
}
.section .program-item p{
  font-size: 19px;
  line-height: 140%;
}
.section .program-item h3{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzVBNjVBNTtzdHJva2U6I0ZGRkZGRjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjI1Ni42IiBjeT0iMjU1IiByPSIyMzEiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI5OS41LDE3Mi45bDY0LjUsNjcuNmMzLjksMy43LDUuNyw4LjgsNS43LDE0LjRjMCw1LjYtMS45LDEwLjYtNS43LDE0LjRsLTY0LjUsNjcuOGMtNy43LDgtMjAuMiw4LTI3LjgsMAoJYy03LjctOC03LjctMjEuMSwwLTI5LjFsMzEtMzIuNUgxNjMuMWMtMTEsMC0xOS43LTkuMi0xOS43LTIwLjZzOC44LTIwLjYsMTkuNy0yMC42aDEzOS42bC0zMS0zMi40Yy03LjctOC03LjctMjEuMSwwLTI5LjEKCUMyNzkuNCwxNjQuOCwyOTEuOCwxNjQuOCwyOTkuNSwxNzIuOXoiLz4KPC9zdmc+Cg==");
  background-size: 30px 30px;
  background-position: left top;
  font-family: "Avenir", Helvetica, Arial;
  font-weight:  300;
  margin-bottom: 40px;
  padding-left: 45px;
}
.read-more{
  color: #29335f;
  font-family: "Avenir", Helvetica, Arial;
  font-weight: bold;
  margin-left: 10px;
  text-transform: uppercase;
}
.read-more:hover{
  text-decoration: underline;
}
.page-banner.yld{
  display: table;
  height: 450px;
  margin-bottom: 5px;
  margin-top: -90px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  position: relative;
}
.event-details{
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
}

.event-details .event-date{
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6ODtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0NCwxMjhjMTcuNywwLDMyLTE0LjMsMzItMzJWNjRjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyLDE0LjMtMzIsMzJ2MzJDMTEyLDExMy43LDEyNi4zLDEyOCwxNDQsMTI4eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2OCwxMjhjMTcuNywwLDMyLTE0LjMsMzItMzJWNjRjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyLDE0LjMtMzIsMzJ2MzJDMzM2LDExMy43LDM1MC4zLDEyOCwzNjgsMTI4eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ3Miw2NGgtNTZ2NDAuN2MwLDIyLjUtMjMuMiwzOS4zLTQ3LjIsMzkuM1MzMjAsMTI3LjIsMzIwLDEwNC43VjY0SDE5MnY0MC43YzAsMjIuNS0yNCwzOS4zLTQ4LDM5LjMKCQlzLTQ4LTE2LjgtNDgtMzkuM1Y2NEg0MGMtNC40LDAtOCwzLjYtOCw4djQwMGMwLDQuNCwzLjYsOCw4LDhoNDMyYzQuNCwwLDgtMy42LDgtOFY3MkM0ODAsNjcuNiw0NzYuNCw2NCw0NzIsNjR6IE00MzIsNDMySDgwVjE3NgoJCWgzNTJWNDMyeiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: left center;
  background-size: 35px 35px;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  padding-left: 40px;
  background-repeat: no-repeat;
}

.event-details .event-location{
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0yNTYsNDhjMzQuMTksMCw2Ni4zMzQsMTMuMzE0LDkwLjUxLDM3LjQ5UzM4NCwxNDEuODEsMzg0LDE3NmMwLDQyLjkyLTI0LjA5MiwxMDcuMTI3LTY5LjY3LDE4NS42OA0KCQljLTIyLjI3OSwzOC4zOTYtNDQuNzcxLDcxLjYzNC01OC4zMzIsOTAuOTMxYy0xMy41MTgtMTkuMjMyLTM1LjkxMi01Mi4zMjctNTguMTYxLTkwLjY0NUMxNTIuMTQ5LDI4My4yODEsMTI4LDIxOC45NzYsMTI4LDE3Ng0KCQljMC0zNC4xOSwxMy4zMTQtNjYuMzM0LDM3LjQ5LTkwLjUxUzIyMS44MSw0OCwyNTYsNDggTTI1NiwzMmMtNzkuNTI5LDAtMTQ0LDY0LjQ3MS0xNDQsMTQ0YzAsMTEyLDE0NCwzMDQsMTQ0LDMwNHMxNDQtMTkyLDE0NC0zMDQNCgkJQzQwMCw5Ni40NzEsMzM1LjUyOSwzMiwyNTYsMzJMMjU2LDMyeiIvPg0KCTxwYXRoIGQ9Ik0yNTYsMTEyYy0zNS4zLDAtNjQsMjguNy02NCw2NHMyOC43LDY0LDY0LDY0czY0LTI4LjcsNjQtNjRTMjkxLjMsMTEyLDI1NiwxMTJ6IE0yNTYsMjIyLjljLTI1LjksMC00Ni45LTIxLTQ2LjktNDYuOQ0KCQlzMjEtNDYuOSw0Ni45LTQ2LjlzNDYuOSwyMSw0Ni45LDQ2LjlTMjgxLjksMjIyLjksMjU2LDIyMi45eiIvPg0KPC9nPg0KPC9zdmc+DQo=");
  background-position: left center;
  background-size: 35px 35px;
  font-size: 15px;
  padding-left:36px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  background-repeat: no-repeat;
}

.social-section{
  text-align: center;
}
.section .social-section h3{
  text-align: center;
}

.social-section ul{
  list-style: none;
  margin: auto;
  text-align: center;
  display: block;
  padding-left:0;
  width:400px;
}
@media only screen and (max-width : 767px){
  .social-section ul{
    width: 100%;
  }
}
.social-section ul li{
  float: left;
  margin-left: 7px;
  margin-right: 7px;
  width:80px;
}
.social-section i.ion-social-facebook{
  background-image: url("/systemimages/assets/facebook-blue.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  display: block;
  height: 70px;
  width: 80px;
}
.social-section i.ion-social-twitter{
  background-image: url("/systemimages/assets/twitter-blue.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  display: block;
  height: 70px;
  width: 80px;
}
.social-section i.ion-social-youtube{
  background-image: url("/systemimages/assets/youtube-blue.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  display: block;
  height: 70px;
  width: 80px;
}
.social-section i.ion-social-instagram{
  background-image: url("/systemimages/assets/instagram-blue.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  display: block;
  height: 70px;
  width: 80px;
}
.social-section i.ion-social-facebook:before,
.social-section i.ion-social-twitter:before,
.social-section i.ion-social-instagram:before,
.social-section i.ion-social-youtube:before{
  content: none;
}
@media only screen and (max-width : 767px){
  .social-section ul li{
    width: 55px;
  }
  .social-section i{
    font-size: 40px;
  }
}
.social-section i{
  font-size: 60px;
  color: #29335f;
}

.social-section i:hover{
  color: #000000;
}


/* news */
.news-list{
  clear: both;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: left;
}

.section .news-list h4,
.section .news-list h4 a{
  color: #29335f;
  font-family: "Avenir", Helvetica, Arial;
  font-weight: normal;
  font-size: 30px;
}
@media only screen and (max-width : 767px){
  .section .news-list h4{
    margin-top: 100px;
  }
}
.section .news-list h4 a:hover{
  font-family: "Avenir", Helvetica, Arial;
  font-weight: normal;
  font-size: 30px;
  text-decoration: underline;
}
.news-list .news-list-img{
  margin-left: -15px;
  height: 250px;
  width: 100%;
}
.news-list .news-list-img img{
  width: 100%;
}
.news-list .news-date{
  font-family: "Avenir", Helvetica, Arial;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom:20px;
  margin-top: 30px;
}
.section .news-list p{
  font-size: 19px;
  font-weight: 350;
}
.sidebar{
  background-color: #5a65a5;
  color: #ffffff;
  margin-bottom: 50px;
  padding: 25px;
}
@media (max-width: 1024px){
  .sidebar .btn-search .glyphicon.glyphicon-search{
    top:0;
  }
}


.sidebar .btn.btn-default{
  background: #ffffff;
  border-color: #cccccc;
  padding: 5px 10px;
  width:100%;
}
.sidebar .see-all{
  color: #ffffff;
  text-align: left;
}
.sidebar .lm-control{
  background: #5a65a5;
  padding-top: 5px;
}
.sidebar .glyphicon-menu-up:before{
  content: none;
}
.sidebar .lm-control a .glyphicon{
  display: none;
}
.sidebar .sidebar-section{
  border-bottom: 2px solid #4c558d;
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 30px;
}
.sidebar .sidebar-section.with-overflow{
  overflow: visible;
}
.sidebar .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  margin-bottom: 15px;
  width: 100%;
}
.sidebar .bootstrap-select.btn-group .dropdown-menu{
  width: 100%;
}
.sidebar .sidebar-section.no-border{
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar .form-control{
  border-radius: 0;
}
.sidebar .input-group.date{
  margin-bottom: 10px;
}
.sidebar .input-group{
  width: 100%;
}
.sidebar .input-group.date .form-control{
  background: #ffffff;
  border: none;
}
.sidebar .input-group-btn.btn-search{
  position: absolute;
  right: 0;
}
.sidebar .input-group-addon{
  background: #ffffff;
  border: none;
  border-radius:0;
}
.sidebar .sidebar-section.title{
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.section .sidebar h3{
  color: #ffffff;
  margin-bottom: 15px;
  margin-top: 0;
}
.sidebar input[type="checkbox"]{
  display: block;
  float: left;
  height: 23px;
  margin-top: 0px;
  width: 30px;
}
.sidebar label.checkbox-label{
  color: #ffffff;
  font-weight: 450;
  display: block;
  margin-top: 5px;
  font-size: 1.2em;
}
.sidebar .checkbox-label.cle{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNmZmZmZmY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjU4LDcwIDM0LDE4Mi4zIDY2LDIwMy40IDY2LDQwNiA5OCw0MjIgOTgsMjIzLjggMjU3LjksMzI2IDM5MCwyNDAuNSA0ODIsMTgwLjcgCQkiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzkyLjEsMjYyTDI1OCwzNDkuOEwxMjIuNSwyNjJsLTguNSw4MS41QzEzMCwzNTYsMjI2LDQyMiwyNTgsNDU0YzMyLTMyLDEyOC05OCwxNDQtMTEwLjRMMzkyLjEsMjYyeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: 30px 0;
  background-size: 25px 25px;
  padding-left: 60px;
}
.sidebar .checkbox-label.ethics{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojZmZmZmZmO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxNCwxOTJjMzQtMSw2MS0yOCw2Mi02MmMxLTM3LTI5LTY3LTY2LTY2Yy0zNCwxLTYxLDI4LTYyLDYyQzQ0NywxNjMsNDc3LDE5Myw1MTQsMTkyeiBNOTc4LDU3NmgtMThMODMzLDMzMAoJYzE4LTIsMzYtOSw1Mi0xNmMyNC0xMSwyOS00MywxMS02MmwtMS0xYy0xMS0xMS0yOC0xNS00My04Yy0xNCw2LTM0LDEzLTUzLDEzYy01NiwwLTgxLTY0LTI4Ny02NHMtMjMxLDY0LTI4Nyw2NGMtMjAsMC0zOS02LTUzLTEzCgljLTE1LTYtMzItMy00Myw4bC0xLDFjLTE4LDE5LTEzLDUwLDExLDYyYzE2LDgsMzQsMTQsNTIsMTZMNjQsNTc2SDQ2Yy04LDAtMTQsNy0xMywxNWMxMSw2NCw5MiwxMTMsMTkxLDExM3MxODAtNDksMTkxLTExMwoJYzEtOC01LTE1LTEzLTE1aC0xOEwyNTcsMzMxYzgzLTcsMTI3LTQ5LDE5MS00OXY0ODZjLTM1LDAtNjQsMjktNjQsNjRoLTcxYy0yOCwwLTU3LDI5LTU3LDY0aDUxMmMwLTM1LTI5LTY0LTcxLTY0aC01NwoJYzAtMzUtMjktNjQtNjQtNjRWMjgyYzY0LDAsMTA4LDQyLDE5MSw0OUw2NDAsNTc2aC0xOGMtOCwwLTE0LDctMTMsMTVjMTEsNjQsOTIsMTEzLDE5MSwxMTNzMTgwLTQ5LDE5MS0xMTMKCUM5OTIsNTgzLDk4Niw1NzYsOTc4LDU3NnogTTMyMCw1NzZIMTI4bDk2LTE4MEwzMjAsNTc2eiBNNzA0LDU3Nmw5Ni0xODBsOTYsMTgwSDcwNHoiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: 30px 0;
  background-size: 25px 25px;
  padding-left: 60px;

}
.sidebar .checkbox-label.professionalism{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNmZmZmZmY7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjE1O3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ2NS40LDI0N2MtMi4yLTIyLTEyLjQtNDMtMjguOS01OC40Yy0xNy4xLTE1LjktMzkuMy0yNC43LTYyLjctMjQuN2MtNDEuNSwwLTc3LjMsMjcuNC04OC41LDY3CgljLTctNy0xOC41LTExLjctMjkuMy0xMS43cy0yMi4zLDQuNy0yOS4zLDExLjdjLTExLjItMzkuNi00Ny02Ny04OC41LTY3Yy0yMy4zLDAtNDUuNiw4LjctNjIuNywyNC42QzU5LDIwNCw0OC44LDIyNSw0Ni42LDI0N0gzMgoJdjE4aDE0LjZjMi4yLDIyLDEyLjQsNDMsMjguOSw1OC40YzE3LjEsMTUuOSwzOS4zLDI0LjcsNjIuNywyNC43YzUwLjgsMCw5Mi4xLTQxLjIsOTIuMS05MmMwLTAuMSwwLTAuMSwwLTAuMWwwLDAKCWMwLTkuOSwxMS41LTIxLjYsMjUuNy0yMS42czI1LjcsMTEuNywyNS43LDIxLjZsMCwwYzAsMCwwLDAsMCwwLjFjMCw1MC44LDQxLjMsOTIsOTIuMSw5MmMyMy4zLDAsNDUuNi04LjcsNjIuNy0yNC43CgljMTYuNS0xNS40LDI2LjctMzYuNSwyOC45LTU4LjVINDgwdi0xOGgtMTQuNlYyNDd6IE0zNzMuOCwzMzNjLTQyLjUsMC03Ny0zNC42LTc3LTc3YzAtNDIuNSwzNC42LTc3LDc3LTc3YzQyLjUsMCw3NywzNC42LDc3LDc3CglDNDUwLjgsMjk4LjUsNDE2LjMsMzMzLDM3My44LDMzM3ogTTEzOC4yLDMzM2MtNDIuNSwwLTc3LTM0LjYtNzctNzdjMC00Mi41LDM0LjYtNzcsNzctNzdjNDIuNSwwLDc3LDM0LjYsNzcsNzcKCUMyMTUuMiwyOTguNSwxODAuNywzMzMsMTM4LjIsMzMzeiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: 30px 0;
  background-size: 25px 25px;
  padding-left: 60px;
}
.sidebar .checkbox-label.trial-practice{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE3OTIgMTc5MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTc3MSwxNTM2YzAsMzUuMy0xMi4zLDY1LjMtMzcsOTBsLTEwNywxMDhjLTI2LDI0LjctNTYuMywzNy05MSwzN2MtMzUuMywwLTY1LjMtMTIuMy05MC0zN2wtMzYzLTM2NAoJYy0yNS4zLTI0LTM4LTU0LTM4LTkwYzAtMzUuMywxNC4zLTY3LjMsNDMtOTZMODMyLDkyOGwtMTI2LDEyNmMtOS4zLDkuMy0yMC43LDE0LTM0LDE0cy0yNC43LTQuNy0zNC0xNGMxLjMsMS4zLDUuNSw1LjMsMTIuNSwxMgoJczExLjIsMTEsMTIuNSwxM3M0LjcsNS44LDEwLDExLjVzOC43LDEwLjIsMTAsMTMuNXMzLjMsNy44LDYsMTMuNXM0LjUsMTEuMiw1LjUsMTYuNXMxLjUsMTEuMywxLjUsMThjMCwyNS4zLTkuMyw0OC0yOCw2OAoJYy0yLDItNy41LDgtMTYuNSwxOHMtMTUuMywxNi44LTE5LDIwLjVzLTkuOCw5LjItMTguNSwxNi41cy0xNiwxMi41LTIyLDE1LjVzLTEzLjMsNi0yMiw5cy0xNy4zLDQuNS0yNiw0LjVjLTI2LjcsMC00OS4zLTkuMy02OC0yOAoJTDY4LDg2OGMtMTguNy0xOC43LTI4LTQxLjMtMjgtNjhjMC04LjcsMS41LTE3LjMsNC41LTI2czYtMTYsOS0yMnM4LjItMTMuMywxNS41LTIyczEyLjgtMTQuOCwxNi41LTE4LjVzMTAuNS0xMCwyMC41LTE5CglzMTYtMTQuNSwxOC0xNi41YzIwLTE4LjcsNDIuNy0yOCw2OC0yOGM2LjcsMCwxMi43LDAuNSwxOCwxLjVzMTAuOCwyLjgsMTYuNSw1LjVzMTAuMiw0LjcsMTMuNSw2czcuOCw0LjcsMTMuNSwxMAoJYzUuNyw1LjMsOS41LDguNywxMS41LDEwczYuMyw1LjUsMTMsMTIuNXMxMC43LDExLjIsMTIsMTIuNWMtOS4zLTkuMy0xNC0yMC43LTE0LTM0czQuNy0yNC43LDE0LTM0bDM0OC0zNDhjOS4zLTkuMywyMC43LTE0LDM0LTE0CglzMjQuNyw0LjcsMzQsMTRjLTEuMy0xLjMtNS41LTUuMy0xMi41LTEycy0xMS4yLTExLTEyLjUtMTNzLTQuNy01LjgtMTAtMTEuNWMtNS4zLTUuNy04LjctMTAuMi0xMC0xMy41cy0zLjMtNy44LTYtMTMuNQoJcy00LjUtMTEuMi01LjUtMTYuNXMtMS41LTExLjMtMS41LTE4YzAtMjUuMyw5LjMtNDgsMjgtNjhjMi0yLDcuNS04LDE2LjUtMThzMTUuMy0xNi44LDE5LTIwLjVzOS44LTkuMiwxOC41LTE2LjVzMTYtMTIuNSwyMi0xNS41CglzMTMuMy02LDIyLTlzMTcuMy00LjUsMjYtNC41YzI2LjcsMCw0OS4zLDkuMyw2OCwyOGw0MDgsNDA4YzE4LjcsMTguNywyOCw0MS4zLDI4LDY4YzAsOC43LTEuNSwxNy4zLTQuNSwyNnMtNiwxNi05LDIyCglzLTguMiwxMy4zLTE1LjUsMjJzLTEyLjgsMTQuOC0xNi41LDE4LjVzLTEwLjUsMTAtMjAuNSwxOXMtMTYsMTQuNS0xOCwxNi41Yy0yMCwxOC43LTQyLjcsMjgtNjgsMjhjLTYuNywwLTEyLjctMC41LTE4LTEuNQoJcy0xMC44LTIuOC0xNi41LTUuNXMtMTAuMi00LjctMTMuNS02cy03LjgtNC43LTEzLjUtMTBzLTkuNS04LjctMTEuNS0xMHMtNi4zLTUuNS0xMy0xMi41cy0xMC43LTExLjItMTItMTIuNQoJYzkuMyw5LjMsMTQsMjAuNywxNCwzNHMtNC43LDI0LjctMTQsMzRMOTI4LDgzMmwyNTYsMjU2YzI4LjctMjguNyw2MC43LTQzLDk2LTQzYzM0LjcsMCw2NSwxMi4zLDkxLDM3bDM2MywzNjMKCUMxNzU4LjcsMTQ3MSwxNzcxLDE1MDEuMywxNzcxLDE1MzZ6Ii8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: 30px 0;
  background-size: 21px 21px;
  padding-left: 60px;
}
.sidebar .custom-checkbox{
  clear: both;
  width: 100%;
}
.sidebar .btn-apply{
  background: #29335f;
  clear: both;
  display: block;
  font-size: 23px;
  margin: 0 auto 20px auto;
  text-align: center;
  text-transform: uppercase;
}
.sidebar .btn-apply:hover{
  background: #efefef;
  color: #29335f;
}
.sidebar a{
  color: #ffffff;
  display: block;
  text-align: center;
}
.sidebar a:hover{
  color: #29335f;
}
/* placeholder for inputs */
.form-control:-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #000000;
}
.form-control:-webkit-input-placeholder {
  color: #000000;
}
.sidebar.login ul li{
  margin-bottom: 20px;
}
.sidebar.login ul li a{
  font-size: 17px;
  text-align: left;
}
#search-input {
  margin:0;
  margin-top: 10px;
  padding: 0;
}
#courses-search .search-query {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  float: right;
  width: 100%;
}
#courses-search button {
  border: 0;
  background: none;
  color:#000000;
  font-size: 20px;
  left: -80px;
  padding: 2px 5px;
  position: relative;
  z-index: 10;
}
.course-list{
  padding-left: 30px;
}
.course-box{
  border: 1px solid #cccccc;
  margin-bottom: 30px;
  overflow: hidden;
}

.course-box-header{
  background: #eeeeee;
  font-family: "Avenir", Helvetica, Arial;
  padding: 10px 20px;
}
.course-box-content{
  height: 200px;
  overflow: hidden;
}
.course-box-content .inner{
  padding:20px;
}
.course-box-content .course-id{
  font-family: "Avenir", Helvetica, Arial;
  font-weight: bold;
}
.course-box-content h4 a{
  color: #29335f;
  font-family: "Avenir", Helvetica, Arial;
  font-size: 25px;
}
.course-box-content h4 a:hover{
  text-decoration: underline;
}
.course-box-content .date{
  color: #888888;
  font-size: 17px;
  font-style: italic;
}

.course-box-content .type{
  display: block;
}
.course-box-header .hour-item{
  background-position: left center;
  background-size: 30px 25px;
  font-weight: bold;
  margin-right: 10px;
  padding-left: 30px;
  width: 32%;
}

.course-box-header .hour-item.icon1{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%234C558D%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpolygon%20class%3D%22st0%22%20points%3D%22258%2C70%2034%2C182.3%2066%2C203.4%2066%2C406%2098%2C422%2098%2C223.8%20257.9%2C326%20390%2C240.5%20482%2C180.7%20%09%09%22%2F%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M392.1%2C262L258%2C349.8L122.5%2C262l-8.5%2C81.5C130%2C356%2C226%2C422%2C258%2C454c32-32%2C128-98%2C144-110.4L392.1%2C262z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");

}

.course-box-header .hour-item.icon2{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%201024%201024%22%20style%3D%22enable-background%3Anew%200%200%201024%201024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%235A65A5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M514%2C192c34-1%2C61-28%2C62-62c1-37-29-67-66-66c-34%2C1-61%2C28-62%2C62C447%2C163%2C477%2C193%2C514%2C192z%20M978%2C576h-18L833%2C330%0A%09c18-2%2C36-9%2C52-16c24-11%2C29-43%2C11-62l-1-1c-11-11-28-15-43-8c-14%2C6-34%2C13-53%2C13c-56%2C0-81-64-287-64s-231%2C64-287%2C64c-20%2C0-39-6-53-13%0A%09c-15-6-32-3-43%2C8l-1%2C1c-18%2C19-13%2C50%2C11%2C62c16%2C8%2C34%2C14%2C52%2C16L64%2C576H46c-8%2C0-14%2C7-13%2C15c11%2C64%2C92%2C113%2C191%2C113s180-49%2C191-113%0A%09c1-8-5-15-13-15h-18L257%2C331c83-7%2C127-49%2C191-49v486c-35%2C0-64%2C29-64%2C64h-71c-28%2C0-57%2C29-57%2C64h512c0-35-29-64-71-64h-57%0A%09c0-35-29-64-64-64V282c64%2C0%2C108%2C42%2C191%2C49L640%2C576h-18c-8%2C0-14%2C7-13%2C15c11%2C64%2C92%2C113%2C191%2C113s180-49%2C191-113%0A%09C992%2C583%2C986%2C576%2C978%2C576z%20M320%2C576H128l96-180L320%2C576z%20M704%2C576l96-180l96%2C180H704z%22%2F%3E%0A%3C%2Fsvg%3E%0A");

}

.course-box-header .hour-item.icon3{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%235A65A5%3Bstroke%3A%235A65A5%3Bstroke-width%3A15%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M465.4%2C247c-2.2-22-12.4-43-28.9-58.4c-17.1-15.9-39.3-24.7-62.7-24.7c-41.5%2C0-77.3%2C27.4-88.5%2C67%0A%09c-7-7-18.5-11.7-29.3-11.7s-22.3%2C4.7-29.3%2C11.7c-11.2-39.6-47-67-88.5-67c-23.3%2C0-45.6%2C8.7-62.7%2C24.6C59%2C204%2C48.8%2C225%2C46.6%2C247H32%0A%09v18h14.6c2.2%2C22%2C12.4%2C43%2C28.9%2C58.4c17.1%2C15.9%2C39.3%2C24.7%2C62.7%2C24.7c50.8%2C0%2C92.1-41.2%2C92.1-92c0-0.1%2C0-0.1%2C0-0.1l0%2C0%0A%09c0-9.9%2C11.5-21.6%2C25.7-21.6s25.7%2C11.7%2C25.7%2C21.6l0%2C0c0%2C0%2C0%2C0%2C0%2C0.1c0%2C50.8%2C41.3%2C92%2C92.1%2C92c23.3%2C0%2C45.6-8.7%2C62.7-24.7%0A%09c16.5-15.4%2C26.7-36.5%2C28.9-58.5H480v-18h-14.6V247z%20M373.8%2C333c-42.5%2C0-77-34.6-77-77c0-42.5%2C34.6-77%2C77-77c42.5%2C0%2C77%2C34.6%2C77%2C77%0A%09C450.8%2C298.5%2C416.3%2C333%2C373.8%2C333z%20M138.2%2C333c-42.5%2C0-77-34.6-77-77c0-42.5%2C34.6-77%2C77-77c42.5%2C0%2C77%2C34.6%2C77%2C77%0A%09C215.2%2C298.5%2C180.7%2C333%2C138.2%2C333z%22%2F%3E%0A%3C%2Fsvg%3E%0A");

}

.course-box-header .hour-item.icon4{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzkyIDE3OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNWE2NWE1O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3NzEsMTUzNmMwLDM1LjMtMTIuMyw2NS4zLTM3LDkwbC0xMDcsMTA4Yy0yNiwyNC43LTU2LjMsMzctOTEsMzdjLTM1LjMsMC02NS4zLTEyLjMtOTAtMzdsLTM2My0zNjQKCWMtMjUuMy0yNC0zOC01NC0zOC05MGMwLTM1LjMsMTQuMy02Ny4zLDQzLTk2TDgzMiw5MjhsLTEyNiwxMjZjLTkuMyw5LjMtMjAuNywxNC0zNCwxNHMtMjQuNy00LjctMzQtMTRjMS4zLDEuMyw1LjUsNS4zLDEyLjUsMTIKCXMxMS4yLDExLDEyLjUsMTNzNC43LDUuOCwxMCwxMS41czguNywxMC4yLDEwLDEzLjVzMy4zLDcuOCw2LDEzLjVzNC41LDExLjIsNS41LDE2LjVzMS41LDExLjMsMS41LDE4YzAsMjUuMy05LjMsNDgtMjgsNjgKCWMtMiwyLTcuNSw4LTE2LjUsMThzLTE1LjMsMTYuOC0xOSwyMC41cy05LjgsOS4yLTE4LjUsMTYuNXMtMTYsMTIuNS0yMiwxNS41cy0xMy4zLDYtMjIsOXMtMTcuMyw0LjUtMjYsNC41Yy0yNi43LDAtNDkuMy05LjMtNjgtMjgKCUw2OCw4NjhjLTE4LjctMTguNy0yOC00MS4zLTI4LTY4YzAtOC43LDEuNS0xNy4zLDQuNS0yNnM2LTE2LDktMjJzOC4yLTEzLjMsMTUuNS0yMnMxMi44LTE0LjgsMTYuNS0xOC41czEwLjUtMTAsMjAuNS0xOQoJczE2LTE0LjUsMTgtMTYuNWMyMC0xOC43LDQyLjctMjgsNjgtMjhjNi43LDAsMTIuNywwLjUsMTgsMS41czEwLjgsMi44LDE2LjUsNS41czEwLjIsNC43LDEzLjUsNnM3LjgsNC43LDEzLjUsMTAKCWM1LjcsNS4zLDkuNSw4LjcsMTEuNSwxMHM2LjMsNS41LDEzLDEyLjVzMTAuNywxMS4yLDEyLDEyLjVjLTkuMy05LjMtMTQtMjAuNy0xNC0zNHM0LjctMjQuNywxNC0zNGwzNDgtMzQ4YzkuMy05LjMsMjAuNy0xNCwzNC0xNAoJczI0LjcsNC43LDM0LDE0Yy0xLjMtMS4zLTUuNS01LjMtMTIuNS0xMnMtMTEuMi0xMS0xMi41LTEzcy00LjctNS44LTEwLTExLjVjLTUuMy01LjctOC43LTEwLjItMTAtMTMuNXMtMy4zLTcuOC02LTEzLjUKCXMtNC41LTExLjItNS41LTE2LjVzLTEuNS0xMS4zLTEuNS0xOGMwLTI1LjMsOS4zLTQ4LDI4LTY4YzItMiw3LjUtOCwxNi41LTE4czE1LjMtMTYuOCwxOS0yMC41czkuOC05LjIsMTguNS0xNi41czE2LTEyLjUsMjItMTUuNQoJczEzLjMtNiwyMi05czE3LjMtNC41LDI2LTQuNWMyNi43LDAsNDkuMyw5LjMsNjgsMjhsNDA4LDQwOGMxOC43LDE4LjcsMjgsNDEuMywyOCw2OGMwLDguNy0xLjUsMTcuMy00LjUsMjZzLTYsMTYtOSwyMgoJcy04LjIsMTMuMy0xNS41LDIycy0xMi44LDE0LjgtMTYuNSwxOC41cy0xMC41LDEwLTIwLjUsMTlzLTE2LDE0LjUtMTgsMTYuNWMtMjAsMTguNy00Mi43LDI4LTY4LDI4Yy02LjcsMC0xMi43LTAuNS0xOC0xLjUKCXMtMTAuOC0yLjgtMTYuNS01LjVzLTEwLjItNC43LTEzLjUtNnMtNy44LTQuNy0xMy41LTEwcy05LjUtOC43LTExLjUtMTBzLTYuMy01LjUtMTMtMTIuNXMtMTAuNy0xMS4yLTEyLTEyLjUKCWM5LjMsOS4zLDE0LDIwLjcsMTQsMzRzLTQuNywyNC43LTE0LDM0TDkyOCw4MzJsMjU2LDI1NmMyOC43LTI4LjcsNjAuNy00Myw5Ni00M2MzNC43LDAsNjUsMTIuMyw5MSwzN2wzNjMsMzYzCglDMTc1OC43LDE0NzEsMTc3MSwxNTAxLjMsMTc3MSwxNTM2eiIvPgo8L3N2Zz4K");
  background-size: 25px 20px;
}


.course-box .pricing{
  border-top: 1px solid #cccccc;
  height: 70px;
  padding: 15px 25px;
}
.course-box .pricing-icon{
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: left 5px;
  display: table-cell;
  height: 40px;
  float: left;
  width: 40px;
}
@media only screen and (max-width : 1024px) {
  .course-box .pricing-icon{
    background-size: 20px 20px;
    margin-top: -5px;
    width: 30px;
  }
}
.course-box .pricing-icon.amount{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23555555%3B%7D%0A%09.st1%7Bfill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A30%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M220.9%2C191.5c0-16.9%2C15.6-27.8%2C39.7-27.8c19.4%2C0%2C39.2%2C8.9%2C55.4%2C20.5c4.3%2C3.1%2C10.2%2C1.7%2C12.7-2.9l17.1-31.5%0A%09c1.9-3.5%2C1.2-8-1.9-10.6c-17.6-15.6-42.8-24.7-66.1-27.4V77.5c0-4.8-3.9-8.7-8.7-8.7h-29c-4.8%2C0-8.7%2C3.9-8.7%2C8.7v36.1%0A%09c-42.5%2C9.6-70.5%2C40.5-70.5%2C78.7c0%2C89.5%2C133.8%2C80.3%2C133.8%2C122.7c0%2C14.4-11.8%2C29.8-37.8%2C29.8c-22.3%2C0-45.6-11.5-63.6-26%0A%09c-3.8-3.1-9.5-2.4-12.4%2C1.5l-22%2C29.5c-2.6%2C3.5-2.2%2C8.4%2C0.9%2C11.5c17.4%2C16.7%2C42.9%2C29.9%2C71.5%2C34.7v34.9c0%2C4.8%2C3.9%2C8.7%2C8.7%2C8.7h29%0A%09c4.8%2C0%2C8.7-3.9%2C8.7-8.7v-34.4c47.6-7.4%2C76.9-42.9%2C76.9-84.4C354.7%2C225.5%2C220.9%2C237.1%2C220.9%2C191.5L220.9%2C191.5z%22%2F%3E%0A%3Ccircle%20class%3D%22st1%22%20cx%3D%22256%22%20cy%3D%22254.2%22%20r%3D%22233%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.course-box .pricing-icon.location{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A30%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st1%7Bfill%3A%23555555%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22257.1%22%20cy%3D%22253.4%22%20r%3D%22233%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M257.1%2C98.2c-55.1%2C0-99.8%2C44.7-99.8%2C99.8c0%2C77.6%2C99.8%2C210.6%2C99.8%2C210.6s99.8-133%2C99.8-210.6%0A%09%09C356.8%2C142.9%2C312.2%2C98.2%2C257.1%2C98.2z%20M257.1%2C230.5c-17.9%2C0-32.5-14.5-32.5-32.5s14.5-32.5%2C32.5-32.5c17.9%2C0%2C32.5%2C14.5%2C32.5%2C32.5%0A%09%09S275%2C230.5%2C257.1%2C230.5z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.course-box .pricing-info{
  display: table-cell;
}
.course-box .learn-more{
  background: #4c558d;
  color: #ffffff;
  display: block;
  padding: 15px 15px;
  text-align: center;
}
.course-box .learn-more:hover{
  background: #29335f;
}
/* see more  */
.dolessmore{
  overflow: hidden;
}
.dolessmoreblock{
  position: relative;
}
.lm-control{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: #fff;
  text-align: center;
}
.dlmexpand{
  padding-bottom: 20px;
}
.items-list-wrapper{
  margin-bottom: 50px;
  padding-left: 50px;
}
@media only screen and (max-width : 1024px) {
  .items-list-wrapper{
    padding-left: 15px;
  }
}
.items-list-wrapper h2{
  color: #4c558d;
  margin-bottom: 50px;
  margin-top: 0;
}
.items-list-wrapper .items-list{
  list-style: none;
}
.items-list-wrapper .items-list li:last-child .item-section{
  border-bottom: none;
}
.item-section{
  border-bottom: 2px solid green;
  margin-bottom: 35px;
  overflow: hidden;
  padding-bottom: 20px;
}
.event-item{
  margin-bottom: 30px;
  overflow: hidden;
}
.event-item .detail .event-label{
  font-weight: bold;
}
.member-name{
  color: #4c558d;
  font-family: "Avenir", Helvetica, Arial;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.member-location{
  font-size: 17px;
}

.items-list-pagination{
  text-align: center;
}

.items-list-pagination .pagination>li>a,
.items-list-pagination .pagination>li>span{
  border: none;
}
.items-list-pagination .arrow-left{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%234C558D%3B%7D%0A%09.st1%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22249.2%22%20cy%3D%22252.5%22%20r%3D%22237%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M232.1%2C159.2c8.7%2C9.1%2C8.7%2C23.9%2C0%2C33l-35.2%2C36.8h158.6c12.4%2C0%2C22.4%2C10.5%2C22.4%2C23.4s-10%2C23.4-22.4%2C23.4H196.8%0A%09l35.2%2C36.8c8.7%2C9.1%2C8.7%2C23.9%2C0%2C33c-8.7%2C9.1-22.9%2C9.1-31.6%2C0l-73.3-77c-4.4-4.3-6.6-10-6.6-16.4s2.2-12.1%2C6.6-16.4l73.3-76.8%0A%09C209.2%2C150%2C223.3%2C150%2C232.1%2C159.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 50px;
  width: 50px;
}

.items-list-pagination .arrow-left.inactive{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%09.st1%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22249.2%22%20cy%3D%22252.5%22%20r%3D%22237%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M232.1%2C159.2c8.7%2C9.1%2C8.7%2C23.9%2C0%2C33l-35.2%2C36.8h158.6c12.4%2C0%2C22.4%2C10.5%2C22.4%2C23.4s-10%2C23.4-22.4%2C23.4H196.8%0A%09l35.2%2C36.8c8.7%2C9.1%2C8.7%2C23.9%2C0%2C33c-8.7%2C9.1-22.9%2C9.1-31.6%2C0l-73.3-77c-4.4-4.3-6.6-10-6.6-16.4s2.2-12.1%2C6.6-16.4l73.3-76.8%0A%09C209.2%2C150%2C223.3%2C150%2C232.1%2C159.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 50px;
  width: 50px;
}

.items-list-pagination .arrow-right{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%234C558D%3B%7D%0A%09.st1%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22249.2%22%20cy%3D%22252.5%22%20r%3D%22237%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M297.9%2C159.2l73.3%2C76.8c4.4%2C4.2%2C6.6%2C10%2C6.6%2C16.4c0%2C6.4-2.2%2C12.1-6.6%2C16.4l-73.3%2C77c-8.7%2C9.1-22.9%2C9.1-31.6%2C0%0A%09c-8.7-9.1-8.7-23.9%2C0-33l35.2-36.8H143c-12.4%2C0-22.4-10.5-22.4-23.4s10-23.4%2C22.4-23.4h158.6l-35.2-36.8c-8.7-9.1-8.7-23.9%2C0-33%0A%09C275%2C150%2C289.2%2C150%2C297.9%2C159.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 50px;
  opacity: 1;
  width: 50px;
}

.items-list-pagination .arrow-right:hover{
  opacity: 0.8;
}

.items-list-pagination .arrow-right.inactive{
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%09.st1%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22249.2%22%20cy%3D%22252.5%22%20r%3D%22237%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M297.9%2C159.2l73.3%2C76.8c4.4%2C4.2%2C6.6%2C10%2C6.6%2C16.4c0%2C6.4-2.2%2C12.1-6.6%2C16.4l-73.3%2C77c-8.7%2C9.1-22.9%2C9.1-31.6%2C0%0A%09c-8.7-9.1-8.7-23.9%2C0-33l35.2-36.8H143c-12.4%2C0-22.4-10.5-22.4-23.4s10-23.4%2C22.4-23.4h158.6l-35.2-36.8c-8.7-9.1-8.7-23.9%2C0-33%0A%09C275%2C150%2C289.2%2C150%2C297.9%2C159.2z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 50px;
  width: 50px;
}
.items-list-pagination .arrow-left.inactive:hover{
  background: none;
}
.items-list-pagination .page-numbering{
  display: inline-block;
  font-size: 20px;
  margin-top: 12px;
}
.section .events-text{
  padding: 35px;
}
.section .events-text .date{
  font-family: "Avenir", Helvetica, Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
  margin-top: 10px;
}
.section .events-text p{
  font-size: 15px;
  line-height: 135%;
}

.event-cal{
  background:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23258722%3Bstroke-width%3A16%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M472%2C64h-56v40.7c0%2C22.5-23.2%2C39.3-47.2%2C39.3S320%2C127.2%2C320%2C104.7V64H192v40.7c0%2C22.5-24%2C39.3-48%2C39.3%0A%09s-48-16.8-48-39.3V64H40c-4.4%2C0-8%2C3.6-8%2C8v400c0%2C4.4%2C3.6%2C8%2C8%2C8h432c4.4%2C0%2C8-3.6%2C8-8V72C480%2C67.6%2C476.4%2C64%2C472%2C64z%22%2F%3E%0A%3Cline%20class%3D%22st0%22%20x1%3D%2232%22%20y1%3D%22204.1%22%20x2%3D%22480%22%20y2%3D%22204.1%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22143.4%22%20cy%3D%2291.3%22%20r%3D%2226.3%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22368.4%22%20cy%3D%2292.3%22%20r%3D%2226.3%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  color:#258722;
  font-size: 22px;
  height: 80px;
  margin-bottom: 30px;
  margin-left: -55px;
  padding-top: 37px;
  text-align: center;
}

.event-cal-big{
  background:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23258722%3Bstroke-width%3A16%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M472%2C64h-56v40.7c0%2C22.5-23.2%2C39.3-47.2%2C39.3S320%2C127.2%2C320%2C104.7V64H192v40.7c0%2C22.5-24%2C39.3-48%2C39.3%0A%09s-48-16.8-48-39.3V64H40c-4.4%2C0-8%2C3.6-8%2C8v400c0%2C4.4%2C3.6%2C8%2C8%2C8h432c4.4%2C0%2C8-3.6%2C8-8V72C480%2C67.6%2C476.4%2C64%2C472%2C64z%22%2F%3E%0A%3Cline%20class%3D%22st0%22%20x1%3D%2232%22%20y1%3D%22204.1%22%20x2%3D%22480%22%20y2%3D%22204.1%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22143.4%22%20cy%3D%2291.3%22%20r%3D%2226.3%22%2F%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22368.4%22%20cy%3D%2292.3%22%20r%3D%2226.3%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  color:#258722;
  font-size: 66px;
  height: 240px;
  margin-bottom: 30px;
  margin-left: 0px;
  padding-top: 111px;
  text-align: center;
}
.event-item h4{
  font-size: 26px;
  margin-top: 0;
}
.event-detail .event-label{
  font-family: "Avenir", Helvetica, Arial;
  font-size: 16px;
  margin-right: 10px;
}

@media only screen and (max-width : 767px) {
  .event-detail .event-label{
    display: block;
  }
}
.section .btn-login{
  background: #29335f;
  border: 1px solid #29335f;
  clear: both;
  color: #ffffff;
  display: block;
  font-size: 17px;
  margin-bottom: 20px;
  margin-top: 10px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-family: "AvenirNext", Helvetica, Arial;
  padding: 10px 30px;
}
.section  .btn-login:hover{
  background: #efefef;
  border:1px solid #efefef;
  color: #29335f;
}
.section .login-form{
  margin-bottom: 50px;
}
.section .login-form .form-control{
  border-radius: 0;
  border: 1px solid #eeeeee;
  box-shadow: none;
  font-size: 18px;
}
.section .login-form p{
  margin: 0 0 5px 0;
}
.section .login-form p a{
  color: #29335f;
}
.section .login-form p a:hover{
  text-decoration: underline;
}

.login-form input[type=checkbox]{
  margin-right: 10px;
}
.custom-checkbox label{
  color: #29335f;
  font-size: 18px;
}

/* bar officec */
.box-address,
.box-contact{
  margin-bottom: 30px;
  overflow: visible;
  padding-left: 60px;
  position: relative;
}
.box-address:before{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzgyODI4Mjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTcuNCw0MjNjMjguNywyNi4yLDQ1LjksMjMuOCw2Ny44LDIwLjdjMjMuNi0zLjMsNTUuMi0yMi42LDg2LjctNTIuOGMyOC4zLTI3LjIsNDAuOS0zOS43LDY4LTc2LjYKCWMyOC44LTM5LjMsNDYtNzEsNjMuNC0xMTdjMjAuMS01My4yLDEzLTc2LjQsNC44LTk0Yy01LjUtMTEuNy0xNy4xLTIyLjItMzIuMS0yOWMtMC41LTAuMi0xLjEtMC42LTEuNi0wLjgKCWMtNi43LTMuMS0xOS4zLTktMzMuMy03LjFjLTEyLjYsMS44LTIzLDkuMy0zMS4xLDIyLjVsLTAuOCwxLjNjLTkuNCwxNS4zLTE5LjksMzIuOC0yNS41LDUwLjJjLTYuOSwyMi4xLTQsMzkuOCw4LjcsNTIuOAoJYzEwLjUsMTAuNywxNC45LDE2LjcsMTUuMSwyMC43YzAuMyw0LjEtMy45LDEwLjMtMTAuMiwxOS45bC0wLjYsMC45Yy0xMy4zLDIwLTE3LjEsMjUuMi0yMi4zLDMyLjRjLTAuOSwxLjItMS45LDIuNi0zLDQuMWwtMS41LDIuMQoJYy02LDguMy05LjMsMTIuOS0yNS4yLDMxLjJsLTEsMS4xYy01LjcsNi42LTguNCw5LjUtMTEuMSw5LjhjLTUuMSwwLjctMTYuNS00LjQtMzAuOC0xMC45Yy00LjktMi4yLTEwLjUtMi45LTE2LjctMgoJYy0yNi45LDMuOC02NC4xLDM3LjQtNzYuNSw1NC4yQzk1LjMsMzc1LDg3LjMsMzk1LjUsMTE3LjQsNDIzeiBNMTIxLDM2Ny4zYzExLjEtMTUuMiw0NC43LTQ0LjksNjYuMi00Ny45YzMuNC0wLjUsNi4xLTAuMiw4LjIsMC44CgljMjAuMSw5LjIsMzAuNiwxMy40LDM5LjQsMTIuMmM4LjUtMS4yLDEzLjctNy4xLDIwLjYtMTUuMWwxLTEuMWMxNi4zLTE4LjksMTkuOC0yMy43LDI2LjEtMzIuM2wxLjUtMi4xYzEuMS0xLjUsMi0yLjgsMy00LjEKCWM1LjQtNy4zLDkuMy0xMi43LDIyLjctMzNsMC42LTAuOWM4LjItMTIuMywxMy42LTIwLjQsMTMuMS0zMC4xYy0wLjUtMTAtNy40LTE4LjktMTkuOS0zMS42Yy0xNy43LTE4LjEtMS44LTQ4LjIsMTkuMS04Mi43bDAuOC0xLjMKCWM1LjYtOS4yLDEyLjEtMTQuMSwyMC0xNS4yYzkuNS0xLjMsMTksMy4xLDI0LjcsNS43YzAuNiwwLjIsMS4yLDAuNSwxLjcsMC44YzExLjQsNS4xLDIwLjQsMTMsMjQuMiwyMS4xCgljNy4xLDE1LjEsMTIuNCwzMy44LTUuMyw4MC44Yy0xNi44LDQ0LjUtMzMuNCw3NS4yLTYxLjMsMTEzLjFjLTI2LjQsMzUuOS0zOC42LDQ4LTY2LjIsNzQuNWMtMjguOSwyNy42LTU4LjEsNDUuOC03OC4yLDQ4LjYKCWMtMjAuNiwyLjktMzIsNC41LTU1LjItMTYuN0MxMDYuMiwzOTEsMTEwLjgsMzgxLDEyMSwzNjcuM3oiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: 0 0;
    content:"";
    display: inline-block;
    height: 30px;
    left: 0;
    position: absolute;
    width: 30px;
}

.box-contact:before{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzgyODI4Mjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1Niw0OGMzNC4yLDAsNjYuMywxMy4zLDkwLjUsMzcuNVMzODQsMTQxLjgsMzg0LDE3NmMwLDQyLjktMjQuMSwxMDcuMS02OS43LDE4NS43CgkJYy0yMi4zLDM4LjQtNDQuOCw3MS42LTU4LjMsOTAuOWMtMTMuNS0xOS4yLTM1LjktNTIuMy01OC4yLTkwLjZDMTUyLjEsMjgzLjMsMTI4LDIxOSwxMjgsMTc2YzAtMzQuMiwxMy4zLTY2LjMsMzcuNS05MC41CgkJUzIyMS44LDQ4LDI1Niw0OCBNMjU2LDMyYy03OS41LDAtMTQ0LDY0LjUtMTQ0LDE0NGMwLDExMiwxNDQsMzA0LDE0NCwzMDRzMTQ0LTE5MiwxNDQtMzA0QzQwMCw5Ni41LDMzNS41LDMyLDI1NiwzMkwyNTYsMzJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU2LDExMmMtMzUuMywwLTY0LDI4LjctNjQsNjRzMjguNyw2NCw2NCw2NHM2NC0yOC43LDY0LTY0UzI5MS4zLDExMiwyNTYsMTEyeiBNMjU2LDIyMi45CgkJYy0yNS45LDAtNDYuOS0yMS00Ni45LTQ2LjlzMjEtNDYuOSw0Ni45LTQ2LjlzNDYuOSwyMSw0Ni45LDQ2LjlTMjgxLjksMjIyLjksMjU2LDIyMi45eiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: 0 0;
    content:"";
    display: inline-block;
    height: 30px;
    left: 0;
    position: absolute;
    width: 30px;
}

.section h4.address-heading{
  color: #29335f;
  font-family: "AvenirLTStd-Heavy", Helvetica, Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.sidebar .dropdown-menu>li>a{
  white-space:normal;
  line-height:115%;
  margin-bottom: 5px;
  text-align:left;
  padding-right:5px;
}


.home-button{
  background-image: url(/systemimages/assets/ga-bar-logo-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 22px;
  height: 22px;
  margin-bottom: 20px;
  margin-top: -38px;
}

.home-button a{
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-size: 16px;
  color: #29335f;
  line-height: 170%;
  padding-left: 30px;
  margin-top: 25px;
}
.home-button a:hover{
  text-decoration: underline;
}

/* news page */
.latestnews{
  margin-bottom: 30px;
  list-style: none;
}
.latestnews a{
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-size: 18px;
  color: #29335f;
  line-height: 130%;
}
.latestnews a:hover{
  text-decoration: underline;
}
a.more{
  color: #5565a9;
  font-size: 20px;
  margin-top: 30px;
}
a.more:hover{
  color: #29335f;
}

/* faq list */
.section.interior-section ol.faq li{

  margin-bottom: 30px;
}

.section.interior-section ol.faq li .expand{
  color: #29335f;
  font-weight: 650;
  margin-bottom: 10px;
}

/* IE styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ion-arrow-right-c:before,
   .ion-arrow-left-c:before{
     content: none;
   }

   .ion-arrow-right-c{
     background-image: url("/systemimages/assets/arrow-right-white.png");
     background-repeat: no-repeat;
     background-position: 10px 5px;
     background-size: 18px 18px;
     height: 30px;
     width: 30px;
   }

   .ion-arrow-left-c{
     background-image: url("/systemimages/assets/arrow-left-white.png");
     background-position: 10px 5px;
     background-repeat: no-repeat;
     background-size: 18px 18px;
     height: 30px;
     width: 30px;
   }
   .member-icon{
     background-image: url("/systemimages/assets/members.png");
     background-position: center 3px;
     background-repeat: no-repeat;
     background-size: 14px 14px;
     height: 15px;
     width: 15px;
   }
   .slide-link i{
     background-image: url("/systemimages/assets/arrow-right.png");
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 15px 15px;
   }
   .ion-locked:before{
     content: none;
   }
   .ion-locked{
     background-image: url("/systemimages/assets/lock.png");
     background-repeat: no-repeat;
     background-position: 0 0;
     background-size: 18px 18px;
     display: block;
     float:left;
     margin-left:-6px;
     height: 20px;
     width: 20px;
   }
  .utility-button-nav .btn-login:hover .ion-locked{
    background-image: url("/systemimages/assets/lock-hover.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 18px 18px;
    display: block;
    float:left;
    margin-left:-6px;
    height: 20px;
    width: 20px;
  }
  .cle-slider .ion-arrow-left-c:before,
  .cle-slider .ion-arrow-right-c:before{
    content: none;
  }
  #cle .nav-left > i:before,
  #cle .nav-right > i:before{
    content:none;
  }
  #cle .nav-left > i{
    content:none;
    background-image: url("/systemimages/assets/arrow-right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
  }
  #cle .nav-right > i{
    content:none;
    background-image: url("/systemimages/assets/arrow-left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
  }
  .section.staff:before{
    background-image: url("/systemimages/assets/staff.png");
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position: 0 12px;
  }
  .section.phone:before{
    background-image: url("/systemimages/assets/phone-footer.png");
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position: 0 5px;
  }
  .section.address:before{
    background-image: url("/systemimages/assets/flag-footer.png");
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position: 0 5px;
  }
  .glyphicon.glyphicon-search{
    background-image: url("/systemimages/assets/search.png");
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position: 0 0;
  }
  .ion-chevron-down:before{
    background-image: url("/systemimages/assets/arrow-down.png");
    background-repeat:no-repeat;
    background-size:16px 16px;
    background-position: 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .social-links .ion-social-instagram:before{
    background-image: url("/systemimages/assets/instagram-white.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: 0 0;
    width:35px;
    height:35px;
  }
  .ion-social-youtube:before{
    background-image: url("/systemimages/assets/youtube-white.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: 0 0;
    width:35px;
    height:35px;
  }
  .ion-social-twitter:before{
    background-image: url("/systemimages/assets/twitter-white.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: 0 0;
    width:35px;
    height:35px;
  }
  .education-section-header .ion-social-twitter:before{
    background-image:none;
  }
  .ion-social-facebook:before{
    background-image: url("/systemimages/assets/facebook-white.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: 0 0;
    width:35px;
    height:35px;
  }
  .education-section-header .ion-social-facebook:before{
    background-image:none;
  }
  .ion-ios-search-strong:before{
    content:none;
  }
  .ion-ios-search-strong{
    background-image: url("/systemimages/assets/search-header.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: 0 -5px;
    display: block;
    width:50px;
    height:50px;
  }
  .education-section-header .social-links i.ion-social-facebook{
    background-image: url("/systemimages/assets/facebook-grey.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: 0 0;
    width:35px;
    height:35px;
  }
  .education-section-header .social-links i.ion-social-twitter{
    background-image: url("/systemimages/assets/twitter-grey.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: 0 0;
    width:35px;
    height:35px;
  }
  .education-section-header .social-links ul li i,
  .education-section-header .social-links ul li:hover i{
    color: transparent;
  }
  .footer .social-links ul li i{
    color: transparent;
  }
  .bx-wrapper .bx-prev:before,
  .bx-wrapper .bx-next:before{
    content: none;
  }
  .bx-wrapper .bx-prev,
  .bx-wrapper a.bx-prev{
    background-image: url("/systemimages/assets/arrow-left-white.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
  .bx-wrapper .bx-next
  .bx-wrapper a.bx-next{
    background-image: url("/systemimages/assets/arrow-right-white.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
}
.list-bullets-indented,.list-bullets-indented li {
	list-style: inside;
	padding-left: 20px;
	margin-left:20px;
	list-style-position: outside;
}


/* staff table styling */
table.data th{
  border-bottom: 2px solid #eeeeee;
}
.section table.data th p{
  margin-bottom: 0;
}
table.data td{
  padding-left:0;
}

@media only screen and (max-width : 1024px) {
  table.data{
    width: 100%;
  }
  .section table.data th{
    display: none;
  }
	table.data td{
    clear: both;
    display: block;
    padding:0;
    width: 100%;
  }
  .section table.data td p{
    margin-bottom: 0;
  }
  .section table.data td p a{
    display: block;
    margin-bottom: 35px;
  }
}
/*styles for CommonSpot forms */
.CS_Form_Form{
	font-size:18px !important;
}
.CS_Form_Form div{
	margin-top:5px;
}
.CS_Form_Text{
	margin-left:10px;
}
.CS_Form_Description{
	margin-left:10px;
}
.CS_Form_Button{
	margin-left: 10px;
}
<!--- added 11/9/18 to show logo for print only --->
.logoprint{
  float: left;
  height: auto;
  width: 220px;
}
/*   STYLES FOR NEW LOGIN FORMS */

/* Start: new login form */
.login-wrapper{
  border: 2px solid #29335f;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  /* margin-top: 110px; */
  overflow: hidden;
  position: relative;
  width: 95%;
}
@media only screen and (max-width: 1024px){
  .login-wrapper{
    margin-left: 10px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px){
  .login-wrapper{
    margin-top: 110px;
  }
}
.login-wrapper .vdivider{
  background: #29335f;
  float:left;
  width: 2px;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  left: 48%;
  top: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px){
  .login-wrapper .vdivider{
    float: none;
    height: 2px;
    left: 0;
    position: relative;
    width: 100%;
  }
}

.login-box{
  float: left;
  padding: 10px 30px 45px 30px;
  width: 48%;
}
@media only screen and (max-width: 767px){
  .login-box{
    float: none;
    width: 100%;
  }
}

.login-box h3{
  margin-bottom: 15px;
  text-transform: uppercase;
}
.section.interior-section .login-box p{
  color: #29335f;
  line-height: 125%;
  font-weigth: normal;
  margin-bottom: 7px;
  padding-right: 50px;
}
.section.interior-section .login-box p a{
  color: #29335f;
  text-decoration: underline;
}

.section .login-box .login-form .form-control{
  border: 1px solid #cccccc;
}

.login-box .login-form{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  width: 100%;
}
.login-box .login-assist{
  white-space: nowrap;
}
.section .login-box p.login-assist a{
  text-decoration:none;
}
.section .login-box p.login-assist a:hover{
  text-decoration: underline;
}

.login-box .signup{
  font-size: 23px;
  font-style: oblique;
  font-family: "AvenirLTStd-Black", Helvetica, Arial;
  font-weight: 600;
  color: #29335f;
  line-height: 120%;
}
.login-box .signup a{
  display: block;
  text-decoration: underline;
  color: #29335f;
}
.login-box .signup a:hover,.section.interior-section .login-box p a:hover{
  color: #5565a9;
}