/* CSS Document */

.event-wrap .nav-tabs {
  border-bottom: 0;
  display: block;
  text-align: right;
  padding-right: 8.125rem;
}
.event-wrap .nav-tabs li {
  font-family: Barlow;
  font-size: 1.625rem;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: initial;
  position: relative;
}
.event-wrap .nav-tabs li a {
  display: inline-block;
  border: 0;
  background-color: var(--color3);
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  padding: 1.625rem 0 2.1875rem 2.125rem;
  position: relative;
}
.event-wrap .nav-tabs li + li {margin-top: 1px;}
.event-wrap .nav-tabs li a span {
  font-size: 1rem;
  font-weight: 400;
  text-transform: initial;
  display: block;
  opacity: 1;
}
.event-wrap .nav-tabs li a.nav-link.active span {opacity: 1;}
.event-wrap .nav-tabs li a.nav-link.active {
  color: #fff;
  margin-bottom: 30.9375rem;
}
.event-wrap .nav-tabs li a:before {
  content: "";
  height: 4.9375rem;
  width: 4.875rem;
  background-color: inherit;
  z-index: -1;
  right: -2.375rem;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1rem;
}
.event-wrap .nav-tabs li a:after {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  right: -4.875rem;
  background-color: #e4e4e5;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #fbfcfc;
  top: 50%;
  margin-top: -.75rem;
}
.event-wrap .nav-tabs li:not(:last-child)::before {
  content: "";
  top: 2.9375rem;
  bottom: -2.9375rem;
  width: 2px;
  position: absolute;
  right: -4.1875rem;
  background-color: #d2d2d2;
}
.event-wrap .tab-content {
  width: calc(100% + 1.875rem);
  margin-left: -1.875rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2.8125rem rgba(0,0,0,.08);
  -ms-box-shadow: 0 0 2.8125rem rgba(0,0,0,.08);
  -o-box-shadow: 0 0 2.8125rem rgba(0,0,0,.08);
  box-shadow: 0 0 2.8125rem rgba(0,0,0,.08);
  padding-top: 0.625rem;
}
.event-style1 {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 6.875rem 2.125rem 5.3125rem;
}
.event-style1 + .event-style1 {border-top: 1px dashed #dad9d9;}
.event-meta {line-height: initial;}
.event-meta > span {
  font-family: Barlow;
  color: #444545;
  font-size: 1.125rem;
  font-weight: 500;

	
}
.event-meta > i {
  font-style: normal;
  font-size: 1.25rem;
  font-family: Barlow;
}
.event-meta   {
padding-top: 5px;
}
.event-meta + .event-info {
  flex: 0 0 calc(100% - 8.125rem);
  max-width: calc(100% - 8.125rem);
  padding-left: 4.6875rem;
		padding-top: 5px;
}
.event-info {position: relative;}
.event-info:before {
  content: "";
  position: absolute;
  top: .6rem;
  height: 1rem;
  width: 6px;
  background-color: #e3e4e5;
  left: 3.125rem;
}
.event-info > h3 {
  font-size: 1.25rem;
  font-weight: 600;
}
.event-info > p {
 color: #000;
}
.event-org {display: flex;}
.event-org > li {
  color: #999;
  font-family: Barlow;
  position: relative;
}
.event-org > li + li {
  margin-left: 0.625rem;
  padding-left: 0.9375rem;
}
.event-org > li + li:before {
 
  position: absolute;
  top: 0;
  left: 0;
}
.event-info > ul + p {margin-top: 0.9375rem;}


.event-grid-box {
  background-color: #fff;
  -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.05);
  -ms-box-shadow: 0 0 2rem rgba(0,0,0,.05);
  -o-box-shadow: 0 0 2rem rgba(0,0,0,.05);
  box-shadow: 0 0 2rem rgba(0,0,0,.05);
}
.event-grid-img:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  top: 0;
  opacity: 0;
}
.event-grid-box:hover .event-grid-img::before {opacity: .4;}
.event-grid-img > span {
  right: 1.25rem;
  top: 1.25rem;
}
.event-grid-img > span a {
  background-color: #fff;
  font-size: 1.375rem;
  color: #666;
  height: 3.125rem;
  line-height: 3.35rem;
  width: 3.125rem;
  display: block;
  text-align: center;
}
.event-grid-img > span a i {
  color: transparent;
  -webkit-text-stroke: 2px #666;
  text-stroke: 2px #666;
}
.event-grid-img > span a i,
.event-grid-img > span a i:before {
  -webkit-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.event-grid-box:hover .event-grid-img > span a i {
  color: #d75a4a;
  -webkit-text-stroke: #d75a4a;
  text-stroke: #d75a4a;
}
.event-grid-img > a.thm-btn {
  position: absolute;
  right: 0;
  bottom: -2.5rem;
  padding: 0.96875rem 3.4375rem;
  opacity: 0;
  visibility: hidden;
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}
.event-grid-box:hover .event-grid-img > a.thm-btn {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.event-grid-info {padding: 1.875rem 2.1875rem 1.5625rem 2.1875rem;}
.event-grid-info > h3 {
  font-size: 1.225rem;
  font-weight: 600;
}
.event-grid-info > h3 + span {margin-top: 1rem;}
.event-grid-info > span.event-date {
  font-family: Barlow;
  font-weight: 700;
  font-size: 1.125rem;
}
.event-grid-meta > li {
  font-size: 1.0625rem;
  font-family: Barlow;
  color: #999;
}
.event-grid-meta > li:not(:first-child) {margin-left: 1.375rem;}
.event-grid-meta > li i {margin-right: .5rem;}
.event-grid-meta > li strong {
  font-weight: 600;
  text-transform: uppercase;
}
.event-grid-info > ul + span {
  padding-top: 1.0625rem;
  margin-top: 1.25rem;
}
.event-grid-info > ul + span:before {
  content: "";
  position: absolute;
  left: 0;
  right: -2.1875rem;
  height: 1px;
  border-top: 1px dashed #e2e2e2;
  top: 0;
}
.event-grid-info > span.event-loc {
  font-size: 1.0625rem;
  color: #999;
  position: relative;
}
span.event-loc i {margin-right: .5rem;}
/*===== Event Grid Style 2 =====*/
.event-grid-img2 > a {display: block;}
.event-grid-img2 > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  z-index: 1;
}
.event-grid-box2:hover .event-grid-img2 > a::before {opacity: .3;}
.event-grid-box2:hover .event-grid-img2 > a img {
  -webkit-transform: scale(1.07) rotate(2deg);
  -ms-transform: scale(1.07) rotate(2deg);
  -o-transform: scale(1.07) rotate(2deg);
  transform: scale(1.07) rotate(2deg);
}
.event-date2 {
  z-index: 1;
  -webkit-clip-path: polygon(100% 0, 100% 48%, 80% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 48%, 80% 100%, 0 100%, 0 0);
  bottom: 0;
  left: 0;
  color: rgba(255,255,255,.8);
  font-family: Barlow;
  text-transform: uppercase;
  padding: 1.25rem 3.25rem 1.625rem 4.6875rem;
  line-height: initial;
  font-size: 1.125rem;
}
.event-date2 > i {
  position: absolute;
  left: 1.4375rem;
  font-size: 2.5rem;
  line-height: 2.5rem;
  top: 1.25rem;
}
.event-date2 > span {
  font-weight: 700;
  color: #fff;
}
.event-grid-info2 {margin-top: 1.875rem;}
.event-grid-info2 > h3 {
  font-size: 1.875rem;
  font-weight: 700;
}
.event-grid-info2 > h3 + p {margin-top: 0.625rem;}
.event-grid-info2 > p {
  line-height: 1.75rem;
  max-width: 90%;
}
.event-grid-info2 > p + span {
  margin-top: 1.5625rem;
  padding-top: 0.9375rem;
}
.event-grid-info2 > span {
  color: #999;
  font-family: Barlow;
  font-size: 1.125rem;
  position: relative;
}
.event-grid-info2 > p + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 4.6875rem;
  background-color: #d7d7d7;
}
.event-grid-info2 > span + a {
  margin-top: 1.25rem;
  margin-bottom: -5px;
}


/*===== Event Style 2 =====*/
.event-wrap2 {
  background-color: #f6f7fb;
  padding: 2.1875rem 3.125rem 2.5rem;
}
.blue-layer .event-wrap2 {background-color: #201a3e;}
.event-style2 > h4 {
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}
.blue-layer .event-style2 > h4 {color: #fff;}
.event-style2 table {
  -webkit-box-shadow: 0 0 2.8125rem rgba(0, 0, 0, .08);
  -ms-box-shadow: 0 0 2.8125rem rgba(0, 0, 0, .08);
  -o-box-shadow: 0 0 2.8125rem rgba(0, 0, 0, .08);
  box-shadow: 0 0 2.8125rem rgba(0, 0, 0, .08);
  width: 100%;
}
.event-style2 > h4 + table {margin-top: 0.625rem;}
.event-style2 table thead th {
  color: #fff;
  font-family: Barlow;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.25rem;
  padding: 1.0625rem 2rem;
}
.event-style2 table tbody td, 
.event-style2 table tbody td h3 {
  font-size: 1.125rem;
  color: #666;
  font-weight: 300;
  line-height: 1.625rem;
  vertical-align: top;
  padding: 1.3125rem 2rem 1.625rem;
}
.blue-layer .event-style2 table tbody td, 
.blue-layer .event-style2 table tbody td h3 {color: #dcdcdc;}
.event-style2 table tbody td h3 {padding: 0;}
.event-style2 table tbody td {background-color: #fff;}
.blue-layer .event-style2 table tbody td {
  background-color: rgba(255,255,255,.05);
  border-color: #0f0834;
}
.event-style2 table tbody td {border: 2px solid #f9fbfd;}
.event-style2 table tbody tr:first-child td {border-top: 0;}
.event-style2 table tbody tr td:first-child {
  border-left: 0;
  padding-left: 3.4375rem;
}
.event-style2 table tbody tr td:last-child {border-right: 0;}
.event-style2 table tbody tr:last-child td {border-bottom: 0;}
.event-style2:not(:first-child) {margin-top: 2.1875rem;}
.event-style2 table thead th:first-child {padding-left: 3.4375rem;}

/*===== Event List Style =====*/
.event-grid-box2.list-view .event-grid-img2 {
  flex: 0 0 34.375rem;
  max-width: 34.375rem;
}
.event-grid-box2.list-view .event-grid-img2 + .event-grid-info2 {
  flex: 0 0 calc(100% - 34.375rem);
  max-width: calc(100% - 34.375rem);
  padding-left: 4.375rem;
}
.event-grid-box2.list-view .event-grid-info2 {margin-top: 0;}
.event-grid-box2.list-view + .event-grid-box2.list-view {
  padding-top: 2.375rem;
  border-top: 1px dashed #d7d7d7;
}



/*===== Event Detail =====*/
.event-detail-info span.thm-clr {
  font-size: 1.375rem;
  font-family: Barlow;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  padding-bottom: .5rem;
}
.event-detail-info span.thm-clr:before {
  content: "";
  left: 0;
  height: 2px;
  background-color: #d3d3d3;
  position: absolute;
  width: 8.4375rem;
  bottom: 0;
}
.event-detail-info span.thm-clr + h2 {margin-top: 1.25rem;}
.event-detail-info h2 {
  font-size: 2.8125rem;
  line-height: 3rem;
  font-weight: 700;
}
.event-detail-img {margin-top: 3.125rem;}
.event-detail-img:before {
  content: "";
  left: -2.8125rem;
  bottom: -1.875rem;
  top: 3.125rem;
  right: 3.125rem;
  background-image: url(../images/patter-bg2.png);
  position: absolute;
  z-index: -1;
}
.event-detail-content {margin-top: 7.1875rem;}
.event-detail-content > div {padding-left: 18.75rem;}
.event-detail-content > div > h4 {
  position: absolute;
  left: 0;
  text-transform: uppercase;
  font-size: 1.875rem;
  padding-bottom: 0.5rem;
}
.event-detail-content > div > h4:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 11.875rem;
  background-color: #dedede;
  bottom: 0;
  left: 0;
}
.event-detail-desc > h5 {
  color: #666766;
  font-size: 1.375rem;
  font-weight: 700;
  font-family: Roboto;
  margin-top: 3.75rem;
}
.event-detail-desc > h5 + p, 
.event-detail-desc > p + p, 
.event-detail-desc > ul + p {margin-top: 1.0625rem;}
.event-detail-desc > p + ul {margin-top: 2.1875rem;}
.event-detail-desc > ul:not(.event-date-list) li {
  font-size: 1.125rem;
  font-weight: 300;
  position: relative;
  padding-left: 2.375rem;
  margin-top: .5rem;
}
.event-detail-desc > ul:not(.event-date-list) li::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 2px;
  background-color: #c8c8c8;
  left: 0;
  top: 0.8125rem;
}


.event-detail-desc > ul.event-date-list {margin-top: 1.125rem;}
.event-detail-desc > ul.event-date-list li {
  font-family: Barlow;
  position: relative;
  padding-left: 1rem;
  margin-top: 2px;
  font-weight: 500;
}
.event-detail-desc > ul.event-date-list li:before {
  content: "";
  height: .5rem;
  width: .5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.6875rem;
}
.event-detail-feat,
.event-detail-speaker {margin-top: 5.9375rem;}
.event-detail-features-list > li {
  font-size: 1.75rem;
  font-family: Barlow;
  font-weight: 600;
  position: relative;
  background-color: #f6f7fb;
  padding: 1.96875rem 1.875rem 2.28125rem 10rem;
  color: var(--color3);
}
.event-detail-features-list > li i {
  background-color: var(--color3);
  color: #fff;
  font-size: 3.75rem;
  width: 7.5rem;
  text-align: center;
  height: 8.125rem;
  line-height: 8.125rem;
  position: absolute;
  left: 0;
  top: 0;
}
.event-detail-features-list > li span {
  font-size: 1.125rem;
  color: #666766;
  font-weight: 300;
  margin-top: 2px;
}
.event-detail-features-list > li:not(:first-child) {margin-top: 3px;}
.event-detail-features-list > li:hover {color: #fff;}
.event-detail-features-list > li:hover span {color: inherit;}
.event-detail-features-list > li:hover i {background-color: rgba(0,0,0,.1);}
.event-detail-getintouch {margin-top: 3.3125rem;}
.event-detail-getintouch-inner > p + a {margin-top: 1.5625rem;}
.event-detail-getintouch-inner > a.thm-btn {
  max-width: 25rem;
  text-align: initial;
  padding: 1.234375rem 1.875rem;
  width: 100%;
}
.event-detail-getintouch-inner > a.thm-btn i {float: right;}
.event-detail-getintouch-inner .social-links4 > a {margin: 4px 0 0 4px;}
.event-detail-getintouch-inner .social-links4 {
  margin-left: -4px;
  margin-top: 0.625rem;
}
.event-detail-loc {
  height: 21.25rem;
  position: relative;
}
.event-detail-loc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #555;
  z-index: 1;
  opacity: .4;
}
.event-detail-loc iframe {height: inherit;}



.tabs-wrap .nav-tabs {
  border: 0;
  margin-bottom: -0.8125rem;
}
.tabs-wrap .nav-tabs li.nav-item {
  margin: 0;
  font-weight: 500;
}
.tabs-wrap .nav-tabs li.nav-item a.nav-link {
  border: 0;
  color: rgba(26,57,127,.88);
  padding: 0.8125rem 2.8125rem 1.5625rem;
}
.tabs-wrap .nav-tabs li.nav-item a.nav-link.active {
  color: var(--color2);
  -webkit-border-radius: 0.9375rem 0.9375rem 0 0;
  border-radius: 0.9375rem 0.9375rem 0 0;
  background-color: #f6f7fb;
}
.tabs-wrap .tab-content {
  background-color: #f6f7fb;
  -webkit-border-radius: 0.9375rem;
  border-radius: 0.9375rem;
  padding: 2.1875rem 2.5rem 2.375rem;
}
.tabs-wrap .tab-content p {
  font-size: 1rem;
  line-height: 1.75;
}
.tabs-wrap .tab-content p + p {margin-top: 17px;}