/*=======================================================================
* Template Name: Eventcred
* Template URI: http://Eventcred.com/html/Eventcred
* Author: Eventcred
* Author URI: http://Eventcred.com/
* Description: Event Management HTML Template
* Version: 1.0
* License: GPL v2 or later
* License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
* Tags: html, template, Event, Eventcred, bootstrap, codepassenger
======================================================================= */
/* Table of content
--------------------------------------------

	01.0 General Style
	02.0 Banner Style
	03.0 Header Style
	04.0 Event Style
	05.0 Video Style
	06.0 Pricing Style
	07.0 Blog Style
	08.0 Sponsor Style
	09.0 Footer Style
	10.0 About Style
	11.0 Call to Action Style
	12.0 Pagination Style
	13.0 Contact Style
	14.0 Speaker Style
	15.0 Nav Style
	16.0 Gallery Style
	17.0 Feature Style
	18.0 Stuff Style
	19.0 Activity Style
	20.0 Testimonial Style
	21.0 Roles Style
	22.0 Conduct Style
	23.0 Volunteer Style
	24.0 Venue Style

-------------------------------------------*/
/*
	1.0 General Style
-----------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 1.85;
  color: #262626;
  overflow-x: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0;
  color: inherit; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: inherit; }
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
      color: inherit; }

h1 {
  font-size: 6.4rem; }

h2 {
  font-size: 4.8rem; }

h3 {
  font-size: 3.6rem; }

h4 {
  font-size: 2.8rem; }

h5 {
  font-size: 2.2rem; }

h6 {
  font-size: 1.8rem; }

p {
  color: inherit;
  line-height: 1.85;
  font-size: 1.4rem;
  color: #262626; }
  p:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }

a {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

a,
a:hover,
a:focus {
  text-decoration: none;
  display: inline-block;
  color: inherit;
  outline: none; }

.base-color {
  color: #4267b2; }

.base-bg {
  background: #4267b2; }

.white-text {
  color: #ffffff; }

.dark-bg {
  background: #30313e; }

.pt-360 {
  padding-top: 360px; }

.pt-240 {
  padding-top: 240px; }

.pt-190 {
  padding-top: 190px; }

.pt-120 {
  padding-top: 120px; }

.pt-110 {
  padding-top: 110px; }

.pt-100 {
  padding-top: 100px; }

.pt-90 {
  padding-top: 90px; }

.pt-80 {
  padding-top: 80px; }

.pt-70 {
  padding-top: 70px; }

.pt-60 {
  padding-top: 60px; }

.pt-50 {
  padding-top: 50px; }

.pt-40 {
  padding-top: 40px; }

.pt-20 {
  padding-top: 20px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-55 {
  padding-bottom: 55px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-150 {
  padding-bottom: 150px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-80 {
  margin-top: 80px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-120 {
  margin-bottom: 120px; }

.sec-bg-1 {
  background: url(../images/bg/sec-bg-1.jpg) no-repeat center;
  background-size: cover; }

.sec-bg-2 {
  background: url(../images/bg/sec-bg-2.jpg) no-repeat center;
  background-size: cover; }

.sec-bg-3 {
  background: url(../images/bg/sec-bg-3.jpg) no-repeat center;
  background-size: cover; }

.sec-bg-4 {
  background: url(../images/bg/sec-bg-4.jpg) no-repeat center;
  background-size: cover; }

.sponsor-bg {
  background: url(../images/bg/sponsor-bg.jpg) no-repeat center;
  background-size: cover; }

.view-all {
  text-align: center; }
  .view-all .button {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    background: #262736;
    padding: 8px 35px;
    text-transform: uppercase; }
    .view-all .button.grey-btn {
      background: #f5f8fd;
      color: #262736; }
      .view-all .button.grey-btn:hover {
        background: #323341;
        color: #ffffff; }
    .view-all .button:hover {
      background: #4267b2; }

.section-wrap {
  position: relative; }

@-webkit-keyframes wave {
  0% {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0; }
  50% {
    top: -35px;
    left: -35px;
    right: -35px;
    bottom: -35px;
    opacity: 1; }
  100% {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0; } }

/*------------------------------------------
	Responsive
-------------------------------------------*/
@media (max-width: 991px) {
  .right-md {
    margin-top: 30px; } }

@media all and (max-width: 767px) {
  h1 {
    font-size: 4.8rem; }
  h2 {
    font-size: 3.6rem; }
  h3 {
    font-size: 3.2rem; }
  h4 {
    font-size: 2.4rem; }
  .right-sm {
    margin-top: 30px; } }

/*
	02.0 Banner Style
-----------------------------------------------*/
.banner-wrap {
  height: 690px;
  background: #323341; }
  .banner-wrap.white-bg {
    background: #ffffff; }

.se-banner {
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  height: 947px; }
  .se-banner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 947px; }

.banner-main {
  padding-top: 250px; }
  .banner-main .banner-content h1 {
    font-size: 137px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 30px; }
  .banner-main .banner-content p {
    font-size: 1.8rem;
    color: #ffffff; }
  .banner-main .banner-content .time-left {
    margin-top: 30px;
    text-align: center; }
    .banner-main .banner-content .time-left .countdown .countdown-time {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .banner-main .banner-content .time-left .countdown .countdown-time .section_count {
        color: #ffffff;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding-right: 30px;
        position: relative;
        text-align: left; }
        .banner-main .banner-content .time-left .countdown .countdown-time .section_count:last-child:before {
          height: 0;
          width: 0; }
        .banner-main .banner-content .time-left .countdown .countdown-time .section_count:before {
          position: absolute;
          top: 15px;
          right: 30px;
          bottom: 10px;
          width: 2px;
          content: '';
          background: rgba(255, 255, 255, 0.1); }
        .banner-main .banner-content .time-left .countdown .countdown-time .section_count span {
          display: block;
          line-height: 1.25; }
          .banner-main .banner-content .time-left .countdown .countdown-time .section_count span.tcount {
            font-size: 6.0rem;
            font-family: "Roboto", sans-serif;
            font-weight: 700; }
          .banner-main .banner-content .time-left .countdown .countdown-time .section_count span.text {
            font-size: 3.0rem;
            font-family: "Roboto", sans-serif;
            font-weight: 300; }
    .banner-main .banner-content .time-left .animated-arrow {
      margin-top: 120px;
      text-align: center; }
  .banner-main .banner-register-box {
    background: #ffffff;
    text-align: center;
    padding: 40px;
    -webkit-box-shadow: 0px 0px 169px 0px rgba(54, 49, 49, 0.32);
    box-shadow: 0px 0px 169px 0px rgba(54, 49, 49, 0.32); }
    .banner-main .banner-register-box h5 {
      font-size: 2.2rem;
      font-weight: 500;
      font-family: "Roboto", sans-serif;
      color: #838282;
      position: relative;
      padding-bottom: 36px;
      margin-bottom: 16px; }
      .banner-main .banner-register-box h5:before {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        content: url(../images/wave-2.png); }
    .banner-main .banner-register-box .form-group {
      margin-bottom: 30px; }
      .banner-main .banner-register-box .form-group .form-control {
        border: 0;
        border-radius: 0;
        border-bottom: 2px solid rgba(0, 0, 0, 0.11);
        font-size: 1.6rem;
        color: #b9b9b9;
        padding: 24px 0;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
        .banner-main .banner-register-box .form-group .form-control:focus {
          border-bottom-color: #4267b2; }
    .banner-main .banner-register-box .button {
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      color: #ffffff;
      background: #4267b2;
      width: 100%;
      display: block;
      border-radius: 0;
      padding: 17px 0;
      -webkit-box-shadow: 0px 17px 29px 0px rgba(66, 103, 178, 0.41);
      box-shadow: 0px 17px 29px 0px rgba(66, 103, 178, 0.41); }

.banner-block-3 {
  margin-top: 110px;
  padding-bottom: 120px; }
  .banner-block-3 h1 {
    font-size: 8.2rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #2e4265;
    margin-bottom: 20px; }
  .banner-block-3 p {
    color: #111111;
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 300; }

.banner-countdown-wrap {
  margin-top: 30px;
  overflow: hidden; }
  .banner-countdown-wrap .banner-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .banner-countdown-wrap .banner-countdown .section_count {
      display: block;
      width: 106px;
      height: 106px;
      border: 10px solid #f3f3f3;
      border-radius: 50%;
      margin-right: 30px;
      margin-bottom: 30px; }
      .banner-countdown-wrap .banner-countdown .section_count:last-child {
        margin-right: 0; }
      .banner-countdown-wrap .banner-countdown .section_count .section_count_data {
        width: 106px;
        height: 106px;
        margin: -10px;
        position: relative;
        display: block; }
        .banner-countdown-wrap .banner-countdown .section_count .section_count_data .count-data {
          position: absolute;
          text-align: center;
          top: 50%;
          left: 50%;
          white-space: nowrap;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          line-height: 1.3;
          font-family: "Roboto", sans-serif; }
          .banner-countdown-wrap .banner-countdown .section_count .section_count_data .count-data .tcount {
            font-size: 3.6rem;
            font-weight: 700;
            display: block;
            margin-bottom: 0;
            color: #4267b2;
            line-height: 1.1; }
          .banner-countdown-wrap .banner-countdown .section_count .section_count_data .count-data .text {
            display: block;
            font-size: 1.6rem;
            color: #4267b2;
            font-weight: 300; }
        .banner-countdown-wrap .banner-countdown .section_count .section_count_data svg {
          position: relative;
          -webkit-transform: rotate(90deg) scale(-1, 1);
          -ms-transform: rotate(90deg) scale(-1, 1);
          transform: rotate(90deg) scale(-1, 1);
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          width: 106px;
          height: 106px; }
          .banner-countdown-wrap .banner-countdown .section_count .section_count_data svg circle {
            stroke-dasharray: 301.592894 301.592894;
            stroke: #4267b2; }

.banner-block-wrap {
  position: relative; }
  .banner-block-wrap .banner-image {
    position: absolute;
    top: 70px;
    bottom: 46px;
    left: 50%;
    width: 50%;
    overflow: hidden; }

.sec-line {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: 1140px; }
  .sec-line .line {
    position: absolute;
    top: 0;
    bottom: 20px;
    width: 3px;
    background: #f3f3f3; }
    .sec-line .line.first-line {
      left: 0; }
    .sec-line .line.second-line {
      left: 57%; }
    .sec-line .line.third-line {
      left: 100%; }

@media all and (max-width: 1199px) {
  .banner-main .banner-content .time-left .countdown .countdown-time .section_count {
    padding-right: 0; }
    .banner-main .banner-content .time-left .countdown .countdown-time .section_count:before {
      right: 15px; }
  .banner-block-3 h1 {
    font-size: 6.4rem; }
  .banner-block-wrap .banner-image {
    top: 185px; }
    .banner-block-wrap .banner-image img {
      height: 100%; }
  .banner-block-wrap.pb-50 {
    padding-bottom: 0; }
  .banner-block-wrap .banner-image {
    bottom: 0; }
  .banner-block-3 {
    padding-bottom: 0; }
  .sec-line {
    width: 960px; } }

@media all and (max-width: 991px) {
  .se-banner svg {
    width: 100%;
    top: -255px;
    left: 0; }
  .banner-main {
    padding-top: 200px; }
    .banner-main .banner-content h1 {
      font-size: 10rem; }
    .banner-main .banner-content .time-left .countdown .countdown-time .section_count {
      padding-right: 30px; }
      .banner-main .banner-content .time-left .countdown .countdown-time .section_count:before {
        right: 30px; }
      .banner-main .banner-content .time-left .countdown .countdown-time .section_count span.tcount {
        font-size: 4.8rem; }
      .banner-main .banner-content .time-left .countdown .countdown-time .section_count span.text {
        font-size: 2.4rem; }
    .banner-main .banner-content .time-left .animated-arrow {
      display: none; }
    .banner-main .banner-register-box {
      display: none; }
  .banner-block-wrap .banner-image {
    display: none; }
  .sec-line {
    display: none; }
  .banner-block-3 {
    margin-top: 50px; }
  .pt-190.pt-md-100 {
    padding-top: 100px; } }

@media all and (max-width: 575px) {
  .banner-main {
    padding-top: 150px; }
    .banner-main .banner-content h1 {
      font-size: 8rem; }
    .banner-main .banner-content .time-left .countdown .countdown-time .section_count {
      padding-right: 0; }
      .banner-main .banner-content .time-left .countdown .countdown-time .section_count:before {
        height: 0;
        width: 0; }
      .banner-main .banner-content .time-left .countdown .countdown-time .section_count span.tcount {
        font-size: 3.6rem; }
      .banner-main .banner-content .time-left .countdown .countdown-time .section_count span.text {
        font-size: 1.8rem; } }

/*
	03.0 Header Style
-----------------------------------------------*/
.section-header {
  text-align: center;
  margin-bottom: 60px; }
  .section-header.mb-100 {
    margin-bottom: 100px; }
  .section-header.mb-80 {
    margin-bottom: 80px; }
  .section-header h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    color: #ffffff;
    position: relative;
    padding-bottom: 36px;
    margin-bottom: 26px; }
    .section-header h2:before {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      content: url(../images/wave.png); }
  .section-header p {
    max-width: 670px;
    margin: 0 auto;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.7); }
  .section-header.white-bg h2 {
    color: #2e2e2e; }
    .section-header.white-bg h2:before {
      content: url(../images/wave-2.png); }
  .section-header.white-bg p {
    color: rgba(46, 46, 46, 0.7); }
  .section-header.section-header-2 h2 {
    font-size: 3.6rem;
    color: #2e4265;
    margin-bottom: 20px;
    padding-bottom: 0; }
    .section-header.section-header-2 h2:before {
      content: ''; }
  .section-header.white-text h2 {
    color: #ffffff; }

.breadcrumb-wrap {
  text-align: center; }
  .breadcrumb-wrap h2 {
    color: #2e4265;
    font-size: 3.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700; }
  .breadcrumb-wrap .breadcrumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    background: transparent; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item {
      font-size: 2.0rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #1c1c1c; }
      .breadcrumb-wrap .breadcrumb .breadcrumb-item a {
        color: #1c1c1c; }

/*
	04.0 Event Style
-----------------------------------------------*/
.upcoming-events.white-bg .upcoming-event {
  border-color: rgba(46, 46, 46, 0.1); }

.upcoming-events .upcoming-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
  .upcoming-events .upcoming-event:first-child {
    padding-top: 0; }
  .upcoming-events .upcoming-event .thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 40px; }
  .upcoming-events .upcoming-event .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%; }
    .upcoming-events .upcoming-event .content h4 {
      font-size: 2.4rem;
      margin-bottom: 10px; }
      .upcoming-events .upcoming-event .content h4 a {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        color: #ffffff; }
    .upcoming-events .upcoming-event .content p {
      font-size: 1.8rem;
      color: #ffffff;
      font-weight: 400; }
  .upcoming-events .upcoming-event .event-day {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%; }
    .upcoming-events .upcoming-event .event-day span {
      font-family: "Roboto", sans-serif;
      display: block;
      line-height: 1;
      color: #ffffff; }
    .upcoming-events .upcoming-event .event-day .day {
      font-size: 4.2rem;
      font-weight: 700; }
    .upcoming-events .upcoming-event .event-day .month {
      font-size: 2.2rem;
      font-weight: 400;
      text-transform: uppercase; }
  .upcoming-events .upcoming-event .event-address {
    padding-right: 10px; }
    .upcoming-events .upcoming-event .event-address span {
      display: block;
      color: #ffffff;
      font-size: 1.8rem; }
  .upcoming-events .upcoming-event .buy-ticket {
    margin-left: auto; }
    .upcoming-events .upcoming-event .buy-ticket .button {
      border: 2px solid #4267b2;
      border-radius: 5px;
      text-transform: uppercase;
      font-size: 1.8rem;
      font-weight: 400;
      font-family: "Roboto", sans-serif;
      color: #ffffff;
      padding: 6px 10px;
      width: 162px;
      text-align: center; }
      .upcoming-events .upcoming-event .buy-ticket .button:hover {
        background: #4267b2; }

.upcoming-events .view-all {
  margin-top: 50px; }

.upcoming-events.white-bg .upcoming-event .content h4 a,
.upcoming-events.white-bg .upcoming-event .content p,
.upcoming-events.white-bg .upcoming-event .event-day span,
.upcoming-events.white-bg .upcoming-event .event-address span,
.upcoming-events.white-bg .upcoming-event .buy-ticket .button {
  color: #2e2e2e; }

.upcoming-events.white-bg .upcoming-event .buy-ticket .button:hover {
  color: #ffffff; }

.event-tabs {
  padding: 50px 60px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.05);
  box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.05); }
  .event-tabs .nav-tabs {
    border-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px; }
    .event-tabs .nav-tabs .nav-item {
      margin-bottom: 0;
      padding: 0 7px;
      margin-bottom: 10px; }
      .event-tabs .nav-tabs .nav-item .nav-link {
        border: 0;
        background: #f6f6f6;
        color: #323232;
        border-radius: 5px;
        font-size: 1.6rem;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        padding: 10px 40px; }
        .event-tabs .nav-tabs .nav-item .nav-link.active {
          color: #ffffff;
          background: #5835a5; }
  .event-tabs .upcoming-events.white-bg .upcoming-event .buy-ticket .button {
    color: #323232;
    background: #f6f6f6;
    border: 0;
    padding: 8px 10px; }
    .event-tabs .upcoming-events.white-bg .upcoming-event .buy-ticket .button:hover {
      background: #4267b2;
      color: #ffffff; }
  .event-tabs .view-all {
    margin-top: 55px; }

@media all and (max-width: 991px) {
  .upcoming-events .upcoming-event {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .upcoming-events .upcoming-event .content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 270px);
      flex: 0 0 calc(100% - 270px); }
    .upcoming-events .upcoming-event .event-day {
      text-align: right;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
      flex: 0 0 70px; }
    .upcoming-events .upcoming-event .event-address {
      margin-top: 20px; }
    .upcoming-events .upcoming-event .buy-ticket {
      margin-top: 20px; }
  .event-tabs .upcoming-events .upcoming-event .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 200px);
    flex: 0 0 calc(100% - 200px); } }

@media all and (max-width: 767px) {
  .upcoming-events .upcoming-event .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 200px);
    flex: 0 0 calc(100% - 200px); }
  .upcoming-events .upcoming-event .event-day {
    text-align: left;
    margin-top: 20px; }
  .event-tabs {
    padding: 30px; } }

@media all and (max-width: 575px) {
  .upcoming-events .upcoming-event {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .upcoming-events .upcoming-event .content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      margin-top: 20px; }
    .upcoming-events .upcoming-event .buy-ticket {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      text-align: left; }
  .event-tabs .upcoming-events .upcoming-event .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; } }

/*
	05.0 Video Style
-----------------------------------------------*/
.video-play {
  background: url(../images/bg/video-bg.jpg) no-repeat center;
  background-size: cover;
  height: 570px;
  position: relative; }
  .video-play .content {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 70px 20px 70px 100px;
    color: #ffffff;
    width: 50%;
    max-width: 750px;
    min-width: 320px;
    background: rgba(66, 103, 178, 0.9); }
    .video-play .content h4 {
      font-size: 2.4rem;
      font-weight: 500;
      font-family: "Roboto", sans-serif;
      color: #ffffff;
      margin-bottom: 10px; }
    .video-play .content a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      font-size: 1.4rem; }
      .video-play .content a span {
        height: 40px;
        width: 40px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        position: relative; }
        .video-play .content a span img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

@media all and (max-width: 991px) {
  .video-play {
    height: 420px; }
    .video-play .content {
      padding: 50px 20px 50px 50px; } }

/*
	06.0 Pricing Style
-----------------------------------------------*/
.pricing-plan {
  background: #ffffff;
  text-align: center;
  padding: 55px 30px 40px;
  margin-bottom: 30px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1); }
  .pricing-plan.standard, .pricing-plan:hover {
    background: #4267b2;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .pricing-plan.standard h3, .pricing-plan.standard h4, .pricing-plan:hover h3, .pricing-plan:hover h4 {
      color: #ffffff; }
    .pricing-plan.standard .pricing-features li,
    .pricing-plan.standard .key-note, .pricing-plan:hover .pricing-features li,
    .pricing-plan:hover .key-note {
      color: rgba(255, 255, 255, 0.54); }
    .pricing-plan.standard .reg-button, .pricing-plan:hover .reg-button {
      background: #30313e;
      -webkit-box-shadow: 0px 17px 29px 0px rgba(48, 49, 62, 0.41);
      box-shadow: 0px 17px 29px 0px rgba(48, 49, 62, 0.41); }
  .pricing-plan h3 {
    color: #4267b2;
    font-size: 4.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 40px; }
    .pricing-plan h3 sup {
      font-size: 3.0rem;
      position: relative;
      top: -25px; }
    .pricing-plan h3 sub {
      font-size: 1.8rem;
      position: relative;
      bottom: 2px; }
  .pricing-plan h4 {
    color: #30313e;
    font-size: 2.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500; }
  .pricing-plan .pricing-features {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 35px; }
    .pricing-plan .pricing-features li {
      color: rgba(48, 49, 62, 0.54);
      font-size: 1.6rem;
      font-weight: 500; }
      .pricing-plan .pricing-features li + li {
        margin-top: 15px; }
  .pricing-plan .reg-button {
    display: block;
    background: #4267b2;
    color: #ffffff;
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    padding: 16px;
    margin-top: 42px;
    -webkit-box-shadow: 0px 17px 29px 0px rgba(66, 103, 178, 0.41);
    box-shadow: 0px 17px 29px 0px rgba(66, 103, 178, 0.41); }
  .pricing-plan .key-note {
    color: rgba(48, 49, 62, 0.54);
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-top: 25px; }
  .pricing-plan.pricing-border {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 3px solid #d1d1d1; }
    .pricing-plan.pricing-border.standard, .pricing-plan.pricing-border:hover {
      border-color: transparent; }

/*
	07.0 Blog Style
-----------------------------------------------*/
.post-grid {
  margin-bottom: 60px; }
  .post-grid .thumb {
    position: relative; }
    .post-grid .thumb .date {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #4267b2;
      color: #ffffff;
      padding: 7px 30px;
      font-size: 1.4rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      text-transform: uppercase; }
    .post-grid .thumb:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(66, 103, 178, 0);
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
  .post-grid .body h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
    color: #ffffff;
    margin-top: 25px; }
  .post-grid .body .author {
    color: #606063;
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }
  .post-grid .body .text {
    color: rgba(255, 255, 255, 0.7);
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 0; }
  .post-grid .body .read-more {
    margin-top: 40px;
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff; }
  .post-grid.white-bg .body h3,
  .post-grid.white-bg .body .read-more {
    color: #2e2e2e; }
  .post-grid.white-bg .body .text {
    color: rgba(46, 46, 46, 0.7); }
  .post-grid.shadow-border {
    -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
    box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1); }
    .post-grid.shadow-border .body {
      padding: 5px 25px 40px; }
  .post-grid:hover .thumb:before {
    background: rgba(66, 103, 178, 0.7); }

.post-grid.mb-30 {
  margin-bottom: 30px; }

.widget {
  padding: 50px 30px 60px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 38px 0px rgba(81, 81, 81, 0.05);
  box-shadow: 0px 0px 38px 0px rgba(81, 81, 81, 0.05); }
  .widget .widget-title {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #6c6c6c;
    text-align: center;
    position: relative;
    margin-bottom: 20px; }
    .widget .widget-title:before, .widget .widget-title:after {
      position: absolute;
      top: 50%;
      height: 1px;
      width: 60px;
      background: #dedddd;
      content: ''; }
    .widget .widget-title:before {
      left: 0; }
    .widget .widget-title:after {
      right: 0; }
  .widget + .widget {
    margin-top: 30px; }

.popular-posts .popular-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left; }
  .popular-posts .popular-post .thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 20px;
    position: relative; }
    .popular-posts .popular-post .thumb .serial-num {
      position: absolute;
      top: -10px;
      left: 0;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      color: #ffffff;
      background: #4267b2;
      text-align: center;
      line-height: 30px; }
    .popular-posts .popular-post .thumb a {
      height: 80px;
      width: 80px;
      border-radius: 50%;
      overflow: hidden;
      display: block; }
  .popular-posts .popular-post .body .date {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    color: #1b1b1b;
    font-size: 1.6rem; }
  .popular-posts .popular-post .body h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #1b1b1b;
    font-size: 1.4rem;
    line-height: 1.5; }

.popular-posts .popular-post + .popular-post {
  margin-top: 40px; }

.widget_categories .widget-title {
  margin-bottom: 40px; }

.widget_categories ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .widget_categories ul .cat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .widget_categories ul .cat-item a {
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #1b1b1b; }
    .widget_categories ul .cat-item span {
      height: 30px;
      width: 30px;
      border-radius: 50%;
      color: #696969;
      background: #dedddd;
      text-align: center;
      line-height: 30px;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .widget_categories ul .cat-item:hover span {
      color: #ffffff;
      background: #4267b2; }
    .widget_categories ul .cat-item + .cat-item {
      margin-top: 30px; }

.widget_tag_cloud .tagcloud a {
  margin-right: 15px;
  background: #f5f5f5;
  color: #696969;
  padding: 5px 18px;
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 20px;
  border-radius: 39px;
  text-transform: capitalize; }

.blog-main-wrapper {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 250px 0px rgba(81, 81, 81, 0.05);
  box-shadow: 0px 0px 250px 0px rgba(81, 81, 81, 0.05); }
  .blog-main-wrapper .blog-details-header {
    text-align: center; }
    .blog-main-wrapper .blog-details-header h3 {
      color: #1c1c1c;
      font-size: 3.0rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin-bottom: 20px;
      padding-right: 15px;
      padding-left: 15px; }
    .blog-main-wrapper .blog-details-header .meta span {
      color: #606063;
      font-size: 1.8rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin-right: 20px; }
      .blog-main-wrapper .blog-details-header .meta span:last-child {
        margin-right: 0; }
      .blog-main-wrapper .blog-details-header .meta span i {
        margin-right: 10px; }
  .blog-main-wrapper .post-content {
    padding: 30px 60px 40px; }
    .blog-main-wrapper .post-content p {
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #696969;
      margin-bottom: 0; }
    .blog-main-wrapper .post-content p + p,
    .blog-main-wrapper .post-content p + .content-thumb-sec,
    .blog-main-wrapper .post-content .content-thumb-sec + p,
    .blog-main-wrapper .post-content .content-thumb-sec + .content-thumb-sec,
    .blog-main-wrapper .post-content blockquote + p,
    .blog-main-wrapper .post-content p + blockquote,
    .blog-main-wrapper .post-content .content-thumb-sec + blockquote,
    .blog-main-wrapper .post-content blockquote + .content-thumb-sec {
      margin-top: 40px; }
    .blog-main-wrapper .post-content .content-thumb-sec {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog-main-wrapper .post-content .content-thumb-sec .content-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(40% - 30px);
        flex: 0 0 calc(40% - 30px);
        margin-right: 30px; }
      .blog-main-wrapper .post-content .content-thumb-sec p {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%; }
      .blog-main-wrapper .post-content .content-thumb-sec.sec-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        .blog-main-wrapper .post-content .content-thumb-sec.sec-reverse .content-thumb {
          margin-right: 0; }
        .blog-main-wrapper .post-content .content-thumb-sec.sec-reverse p {
          margin-right: 30px; }
    .blog-main-wrapper .post-content blockquote {
      background: #5835a5;
      color: #ffffff;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 1.8rem;
      font-style: italic;
      padding: 30px;
      padding-left: 90px;
      position: relative; }
      .blog-main-wrapper .post-content blockquote:before {
        position: absolute;
        top: 38px;
        left: 20px;
        line-height: 1;
        content: '\f10d';
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        font-size: 4.2rem; }
    .blog-main-wrapper .post-content h5 {
      color: #696969;
      font-size: 2.2rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin-top: 30px; }
    .blog-main-wrapper .post-content .lists {
      margin-top: 30px; }
      .blog-main-wrapper .post-content .lists h4 {
        font-size: 2.2rem;
        font-family: "Roboto", sans-serif;
        color: #6c6c6c;
        font-weight: 500;
        margin-bottom: 20px; }
      .blog-main-wrapper .post-content .lists ul, .blog-main-wrapper .post-content .lists ol {
        padding: 0;
        padding-left: 20px;
        margin: 0; }
        .blog-main-wrapper .post-content .lists ul li, .blog-main-wrapper .post-content .lists ol li {
          font-size: 1.6rem;
          color: #696969; }
  .blog-main-wrapper .tag-and-share {
    margin-right: 60px;
    margin-left: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    padding-top: 20px;
    padding-bottom: 20px; }
    .blog-main-wrapper .tag-and-share .tags {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog-main-wrapper .tag-and-share .tags h5 {
        font-size: 1.6rem;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #696969;
        margin-right: 20px; }
      .blog-main-wrapper .tag-and-share .tags a {
        font-size: 1.6rem;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #696969;
        margin-right: 20px;
        background: #f5f5f5;
        padding: 5px 15px;
        border-radius: 25px;
        margin-bottom: 5px;
        margin-top: 5px; }
        .blog-main-wrapper .tag-and-share .tags a:last-child {
          margin-right: 0; }
    .blog-main-wrapper .tag-and-share .social-share a {
      height: 40px;
      width: 40px;
      line-height: 40px;
      border-radius: 50%;
      border: 1px solid #dedddd;
      color: #dedddd;
      margin-right: 10px;
      text-align: center; }
      .blog-main-wrapper .tag-and-share .social-share a:last-child {
        margin-right: 0; }
      .blog-main-wrapper .tag-and-share .social-share a:hover {
        background: #5835a5;
        color: #ffffff;
        border-color: #5835a5; }
  .blog-main-wrapper .post-direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 80px; }
    .blog-main-wrapper .post-direction .next,
    .blog-main-wrapper .post-direction .prev {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
    .blog-main-wrapper .post-direction p {
      margin-bottom: 0;
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #6c6c6c; }
    .blog-main-wrapper .post-direction a {
      margin-bottom: 0;
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      color: #6c6c6c; }
    .blog-main-wrapper .post-direction .next {
      text-align: right; }
  .blog-main-wrapper .post-author {
    text-align: center;
    padding: 70px 20px;
    margin-top: 50px;
    margin-right: 60px;
    margin-left: 60px;
    border: 2px solid #dedddd;
    position: relative; }
    .blog-main-wrapper .post-author .author-thumb {
      height: 100px;
      width: 170px;
      padding: 0 35px;
      margin: 0 auto;
      position: relative;
      background: #ffffff;
      position: absolute;
      top: -50px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .blog-main-wrapper .post-author .author-thumb img {
        width: 100px;
        border-radius: 50%; }
    .blog-main-wrapper .post-author .author-name {
      font-size: 2.2rem;
      color: #6c6c6c;
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      margin-bottom: 5px; }
    .blog-main-wrapper .post-author .author-social-link {
      margin-bottom: 20px; }
      .blog-main-wrapper .post-author .author-social-link a {
        color: #6c6c6c;
        font-size: 1.6rem;
        margin: 0 10px; }
    .blog-main-wrapper .post-author p {
      max-width: 500px;
      margin: 0 auto;
      font-size: 1.6rem;
      font-weight: 300;
      font-family: "Roboto", sans-serif; }
  .blog-main-wrapper.blog-main-with-sidebar .post-content {
    padding-right: 30px;
    padding-left: 30px; }
    .blog-main-wrapper.blog-main-with-sidebar .post-content .content-thumb-sec {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
  .blog-main-wrapper.blog-main-with-sidebar .tag-and-share,
  .blog-main-wrapper.blog-main-with-sidebar .post-author,
  .blog-main-wrapper.blog-main-with-sidebar .related-post-wrap,
  .blog-main-wrapper.blog-main-with-sidebar .post-comment-section-wrap,
  .blog-main-wrapper.blog-main-with-sidebar .post-comment-reply-block {
    margin-right: 30px;
    margin-left: 30px; }
  .blog-main-wrapper.blog-main-with-sidebar .post-direction {
    padding-right: 30px;
    padding-left: 30px; }

.related-post-wrap {
  margin-right: 60px;
  margin-left: 60px; }
  .related-post-wrap .title {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #6c6c6c;
    text-align: center;
    position: relative;
    margin-bottom: 70px; }
    .related-post-wrap .title span {
      position: relative;
      z-index: 2; }
    .related-post-wrap .title:before {
      position: absolute;
      content: '';
      background: #ffffff;
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 230px;
      height: 20px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .related-post-wrap .title:after {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      background: #dedddd;
      height: 1px;
      content: ''; }
  .related-post-wrap .related-post {
    margin-bottom: 30px; }
    .related-post-wrap .related-post .thumb {
      margin-bottom: 20px; }
    .related-post-wrap .related-post .body .date {
      font-size: 1.8rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #1b1b1b;
      display: inline-block;
      margin-bottom: 10px; }
    .related-post-wrap .related-post .body h5 {
      font-size: 1.8rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #1b1b1b; }

.post-comment-section-wrap {
  margin-right: 60px;
  margin-left: 60px; }
  .post-comment-section-wrap .title {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #6c6c6c;
    text-align: center;
    position: relative;
    margin-bottom: 70px; }
    .post-comment-section-wrap .title span {
      position: relative;
      z-index: 2; }
    .post-comment-section-wrap .title:before {
      position: absolute;
      content: '';
      background: #ffffff;
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 230px;
      height: 20px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .post-comment-section-wrap .title:after {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      background: #dedddd;
      height: 1px;
      content: ''; }
  .post-comment-section-wrap .comments {
    padding: 0;
    margin: 0;
    list-style: none; }
    .post-comment-section-wrap .comments .comment + .comment {
      margin-top: 20px; }
    .post-comment-section-wrap .comments .comment .comment-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .post-comment-section-wrap .comments .comment .comment-wrap .commenter-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        margin-right: 20px;
        border-radius: 50%;
        overflow: hidden; }
      .post-comment-section-wrap .comments .comment .comment-wrap .comment-body .comment-header .commenter-name {
        font-size: 1.8rem;
        color: #6c6c6c;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        margin-right: 20px; }
      .post-comment-section-wrap .comments .comment .comment-wrap .comment-body .comment-header .date {
        font-size: 1.2rem;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #898787; }
      .post-comment-section-wrap .comments .comment .comment-wrap .comment-body .comment-content {
        margin-top: 5px; }
        .post-comment-section-wrap .comments .comment .comment-wrap .comment-body .comment-content p {
          font-size: 1.4rem;
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          color: #696969; }
      .post-comment-section-wrap .comments .comment .comment-wrap .comment-body .comment-reply {
        margin-top: 10px; }
        .post-comment-section-wrap .comments .comment .comment-wrap .comment-body .comment-reply a {
          font-size: 1.6rem;
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          color: #696969; }
      .post-comment-section-wrap .comments .comment .comment-wrap + .child-comment {
        margin-top: 20px;
        margin-left: 40px; }

.post-comment-reply-block {
  margin-right: 60px;
  margin-left: 60px; }
  .post-comment-reply-block .title {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #6c6c6c;
    text-align: center;
    position: relative;
    margin-bottom: 70px; }
    .post-comment-reply-block .title span {
      position: relative;
      z-index: 2; }
    .post-comment-reply-block .title:before {
      position: absolute;
      content: '';
      background: #ffffff;
      z-index: 1;
      top: 50%;
      left: 50%;
      width: 230px;
      height: 20px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .post-comment-reply-block .title:after {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      background: #dedddd;
      height: 1px;
      content: ''; }
  .post-comment-reply-block .comment-reply p {
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #767676;
    margin-bottom: 20px; }
  .post-comment-reply-block .comment-reply .form-group {
    margin-bottom: 30px; }
    .post-comment-reply-block .comment-reply .form-group .form-control {
      font-size: #c1c1c1;
      font-size: 1.4rem;
      padding: 13px 20px;
      height: 45px;
      border: 2px solid #d4d4d4;
      border-radius: 5px;
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .post-comment-reply-block .comment-reply .form-group textarea.form-control {
      height: 200px;
      resize: none; }
  .post-comment-reply-block .comment-reply .button {
    background: #5835a5;
    color: #ffffff;
    border-radius: 5px;
    border: 0;
    padding: 13px 30px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1.6rem; }

@media all and (max-width: 991px) {
  .sidebar {
    margin-top: 50px; }
  .blog-main-wrapper .post-content .content-thumb-sec {
    display: block; }
    .blog-main-wrapper .post-content .content-thumb-sec p {
      margin-top: 20px; } }

@media all and (max-width: 767px) {
  .blog-main-wrapper .post-content {
    padding: 30px 30px 40px; }
  .blog-main-wrapper .tag-and-share {
    display: block;
    margin-right: 30px;
    margin-left: 30px; }
    .blog-main-wrapper .tag-and-share .social-share {
      margin-top: 20px; }
  .blog-main-wrapper .post-direction {
    padding: 50px 30px; }
  .blog-main-wrapper .post-author {
    margin-right: 30px;
    margin-left: 30px; }
  .blog-main-wrapper .related-post-wrap,
  .blog-main-wrapper .post-comment-section-wrap,
  .blog-main-wrapper .post-comment-reply-block {
    margin-right: 30px;
    margin-left: 30px; } }

@media all and (max-width: 575px) {
  .blog-main-wrapper .post-direction .next p,
  .blog-main-wrapper .post-direction .prev p {
    display: none; }
  .blog-main-wrapper .post-direction .next a,
  .blog-main-wrapper .post-direction .prev a {
    font-size: 0;
    color: #ffffff; }
    .blog-main-wrapper .post-direction .next a:before,
    .blog-main-wrapper .post-direction .prev a:before {
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      color: #6c6c6c;
      font-size: 2.8rem;
      line-height: 1; }
  .blog-main-wrapper .post-direction .prev a:before {
    content: '\f30a'; }
  .blog-main-wrapper .post-direction .next a:before {
    content: '\f30b'; }
  .post-comment-section-wrap .comments .comment .comment-wrap {
    display: block; }
    .post-comment-section-wrap .comments .comment .comment-wrap .commenter-thumb {
      height: 100px;
      width: 100px; }
    .post-comment-section-wrap .comments .comment .comment-wrap .comment-body {
      margin-top: 20px; }
    .post-comment-section-wrap .comments .comment .comment-wrap + .child-comment {
      margin-left: 20px; } }

/*
	08.0 Sponsor Style
-----------------------------------------------*/
.sponsor .sponsor-logo {
  text-align: center; }
  .sponsor .sponsor-logo img {
    max-height: 46px; }

.media-partner-slider .item {
  height: 46px;
  position: relative; }
  .media-partner-slider .item img {
    max-height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.top-shade {
  -webkit-box-shadow: 0px 51px 167.5px 82.5px rgba(63, 85, 121, 0.07);
  box-shadow: 0px 51px 167.5px 82.5px rgba(63, 85, 121, 0.07); }

.sponsor-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .sponsor-wrap + .sponsor-wrap {
    margin-top: 60px; }
  .sponsor-wrap .sponsor-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding-right: 30px; }
    .sponsor-wrap .sponsor-header h4 {
      font-size: 2.4rem;
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #2e4265;
      margin-bottom: 15px; }
    .sponsor-wrap .sponsor-header p {
      color: rgba(28, 28, 28, 0.7); }
  .sponsor-wrap .sponsor-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .sponsor-wrap .sponsor-block .sponsor-single {
      height: 145px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33% - 20px);
      flex: 0 0 calc(33% - 20px);
      background: #ffffff;
      margin-right: 20px;
      margin-bottom: 20px;
      position: relative;
      -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
      box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1); }
      .sponsor-wrap .sponsor-block .sponsor-single img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 80%; }

.become-sponsor {
  padding: 60px 40px;
  background: #ffffff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1); }
  .become-sponsor .icon {
    padding-bottom: 30px; }
    .become-sponsor .icon i {
      color: #2e2e2e;
      font-size: 4.8rem;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
  .become-sponsor h5 {
    color: #2e2e2e;
    font-size: 2.4rem;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    margin-bottom: 24px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .become-sponsor p {
    color: #2e2e2e;
    font-size: 1.6rem;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .become-sponsor a {
    color: #2e2e2e;
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif; }
  .become-sponsor:hover {
    background: #4267b2; }
    .become-sponsor:hover .icon i {
      color: #ffffff; }
    .become-sponsor:hover h5 {
      color: #ffffff; }
    .become-sponsor:hover p {
      color: rgba(255, 255, 255, 0.7); }
    .become-sponsor:hover a {
      color: #ffffff; }

@media all and (max-width: 991px) {
  .sponsor-wrap {
    display: block; }
    .sponsor-wrap .sponsor-header {
      padding-right: 0;
      margin-bottom: 40px; } }

@media all and (max-width: 767px) {
  .sponsor-wrap .sponsor-block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .sponsor-wrap .sponsor-block .sponsor-single {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
      flex: 0 0 calc(50% - 10px);
      margin-right: 0; } }

@media all and (max-width: 439px) {
  .sponsor-wrap .sponsor-block .sponsor-single {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; } }

/*
	09.0 Footer Style
-----------------------------------------------*/
.footer-bg {
  background: url("../images/bg/footer-bg.jpg") no-repeat center;
  background-size: cover; }

.footer-widget-wrap hr {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.footer-widget-wrap hr.white-bg {
  border-color: #ebebeb; }

.footer-widget {
  margin-bottom: 60px; }
  .footer-widget.white-bg h5 {
    color: #2e2e2e; }
  .footer-widget .logo {
    margin-bottom: 35px; }
  .footer-widget.footer-contact p {
    color: #e6e6e6;
    font-size: 1.6rem; }
  .footer-widget.footer-contact.white-bg p {
    color: #8b8989; }
  .footer-widget p {
    max-width: 250px;
    color: #8b8989;
    font-size: 1.4rem;
    font-family: "Roboto", sans-serif; }
  .footer-widget h5 {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 30px; }
  .footer-widget ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .footer-widget ul li {
      color: #8b8989;
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400; }
      .footer-widget ul li + li {
        margin-top: 5px; }

.footer-bottom {
  padding-top: 30px;
  padding-bottom: 60px; }
  .footer-bottom .copyright p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    color: #ffffff; }
  .footer-bottom .copyright.white-bg p {
    color: #2e2e2e; }
  .footer-bottom .footer-social-link {
    text-align: right; }
    .footer-bottom .footer-social-link.white-bg a {
      color: #2e2e2e; }
    .footer-bottom .footer-social-link a {
      color: #ffffff;
      font-size: 1.6rem;
      margin-right: 20px; }
      .footer-bottom .footer-social-link a:last-child {
        margin-right: 0; }
      .footer-bottom .footer-social-link a:hover {
        color: #4267b2; }

@media all and (max-width: 767px) {
  .footer-bottom .copyright,
  .footer-bottom .footer-social-link {
    text-align: center; }
  .footer-bottom .footer-social-link {
    margin-top: 20px; } }

/*
	10.0 About Style
-----------------------------------------------*/
.about-sec-content {
  margin-top: 80px; }
  .about-sec-content h2 {
    color: #ffffff;
    font-size: 6.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 30px; }
  .about-sec-content p {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 20px; }
  .about-sec-content a {
    color: #ffffff;
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin-top: 50px;
    text-transform: uppercase; }
    .about-sec-content a img {
      margin-left: 15px; }
  .about-sec-content.white-bg h2 {
    color: #2e2e2e; }
  .about-sec-content.white-bg p {
    color: rgba(46, 46, 46, 0.7); }
  .about-sec-content.white-bg a {
    color: #2e2e2e; }

.about-header-video {
  overflow: hidden; }

.custom-container {
  max-width: 1140px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px; }
  .custom-container .image-bg {
    position: relative;
    height: 540px; }
    .custom-container .image-bg > img {
      position: absolute;
      top: 0;
      left: 0; }

.about-video-button {
  position: absolute;
  bottom: 90px;
  right: 0;
  z-index: 2; }
  .about-video-button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .about-video-button a .text {
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #ffffff;
      margin-right: 55px; }
    .about-video-button a .play-button {
      display: inline-block;
      position: relative;
      height: 85px;
      width: 85px;
      border-radius: 50%;
      background: #ffffff;
      margin-right: 35px; }
      .about-video-button a .play-button:before {
        position: absolute;
        background: rgba(255, 255, 255, 0.1);
        content: '';
        border-radius: 50%;
        -webkit-animation: wave .7s .7s linear infinite;
        animation: wave .7s .7s linear infinite; }
      .about-video-button a .play-button img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.about-event-content p {
  margin-bottom: 0;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #636363; }

.about-event-content p + p {
  margin-top: 30px; }

.about-event-location span,
.about-event-time span {
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #636363; }

.about-event-location p,
.about-event-time p {
  padding-left: 30px;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #636363;
  position: relative; }
  .about-event-location p:before,
  .about-event-time p:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 2.2rem;
    color: #636363; }

.about-event-location p:before {
  content: '\f3c5'; }

.about-event-time p:before {
  content: '\f073'; }

.about-company h3 {
  font-size: 3.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #414040;
  margin-bottom: 40px; }

.about-company p {
  font-size: 1.6rem;
  color: #636363;
  font-weight: 400;
  font-family: "Roboto", sans-serif; }

.about-company p + p,
.about-company p + h5,
.about-company h5 + p {
  margin-top: 30px; }

.about-company h5 {
  font-size: 2.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #414040; }

.event-content-block h2 {
  font-size: 3.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #414040;
  margin-bottom: 55px; }

.event-content-block p {
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #636363; }
  .event-content-block p + p {
    margin-top: 30px; }

.event-content-block .event-content-video-area {
  background: url(../images/bg/video-bg-2.jpg) no-repeat center;
  background-size: cover;
  height: 530px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 10px 161px 0px rgba(102, 71, 166, 0.08);
  box-shadow: 0px 10px 161px 0px rgba(102, 71, 166, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .event-content-block .event-content-video-area a {
    height: 85px;
    width: 85px;
    background: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    .event-content-block .event-content-video-area a:before {
      position: absolute;
      content: '';
      background: rgba(255, 255, 255, 0.06);
      border-radius: 50%;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      -webkit-animation: wave .7s .7s linear infinite;
      animation: wave .7s .7s linear infinite; }

.about-event h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 5.2rem;
  color: #2e4265;
  margin-bottom: 35px; }

.about-event p {
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #636363; }

.about-event p + p {
  margin-bottom: 20px; }

.about-event-block {
  position: relative; }
  .about-event-block .about-sec-thumb-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(55.33% - 50px);
    overflow: hidden;
    height: calc(100% + 50px); }
    .about-event-block .about-sec-thumb-2 img {
      min-width: 100%;
      min-height: 100%; }
    .about-event-block .about-sec-thumb-2.video-bg {
      height: 100%; }
      .about-event-block .about-sec-thumb-2.video-bg:before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(56, 14, 148, 0.95);
        content: ''; }
      .about-event-block .about-sec-thumb-2.video-bg a {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 1.6rem;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .about-event-block .about-sec-thumb-2.video-bg a span {
          height: 85px;
          width: 85px;
          background: #ffffff;
          border-radius: 50%;
          display: inline-block;
          margin-left: 50px;
          position: relative; }
          .about-event-block .about-sec-thumb-2.video-bg a span:before {
            position: absolute;
            top: 55%;
            left: 53%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            content: url(../images/play-2.png); }
          .about-event-block .about-sec-thumb-2.video-bg a span:after {
            position: absolute;
            background: rgba(255, 255, 255, 0.06);
            content: '';
            border-radius: 50%;
            -webkit-animation: wave .7s .7s linear infinite;
            animation: wave .7s .7s linear infinite; }

.about-event-block.video-block .about-event {
  padding-top: 50px; }
  .about-event-block.video-block .about-event .button {
    margin-top: 40px;
    background: #5835a5;
    color: #ffffff;
    border-radius: 5px;
    padding: 12px 30px; }
    .about-event-block.video-block .about-event .button:hover {
      background: #4267b2; }

.about-company-2 {
  padding-top: 40px;
  padding-right: 70px; }
  .about-company-2 h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    color: #4267b2;
    margin-bottom: 30px; }
  .about-company-2 h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 3.5rem;
    color: #414040;
    margin-bottom: 30px; }
  .about-company-2 p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #636363; }

@media all and (max-width: 1199px) {
  .about-sec-content {
    margin-top: 50px; }
  .about-event-block .about-sec-thumb-2 {
    width: calc(50% - 15px); }
  .about-company-2 {
    padding-right: 0; } }

@media all and (max-width: 991px) {
  .home-about-sec.pt-360 {
    padding-top: 120px; }
  .about-sec-thumb {
    display: none; }
  .about-sec-content {
    margin-top: 0; }
    .about-sec-content h2 {
      font-size: 4.8rem; }
  .event-content-block .event-content-video-area {
    height: 350px; }
    .event-content-block .event-content-video-area a {
      height: 60px;
      width: 60px; }
      .event-content-block .event-content-video-area a:before {
        top: -20px;
        left: -20px;
        right: -20px;
        bottom: -20px; }
  .about-event-block .about-sec-thumb-2 {
    width: 100%;
    position: relative;
    margin-bottom: 50px; } }

@media (max-width: 1199px) {
  .custom-container {
    max-width: 960px; } }

@media (max-width: 991px) {
  .custom-container {
    max-width: 720px; }
    .custom-container .image-bg {
      height: 350px; }
  .about-event-location,
  .about-event-time {
    margin-top: 40px; } }

@media (max-width: 767px) {
  .custom-container {
    max-width: 540px; } }

@media (max-width: 575px) {
  .custom-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0; }
    .custom-container .about-video-button {
      width: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .custom-container .about-video-button a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .custom-container .about-video-button a .text {
          margin-right: 40px; }
        .custom-container .about-video-button a .play-button {
          height: 60px;
          width: 60px;
          margin-right: 20px; }
          .custom-container .about-video-button a .play-button:before {
            top: -20px;
            left: -20px;
            right: -20px;
            bottom: -20px; } }

/*
	11.0 Call to Action Style
-----------------------------------------------*/
.cta-bg {
  background: url(../images/bg/cta-bg.jpg) no-repeat center;
  background-size: cover; }

.cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0; }
  .cta .content {
    padding-right: 30px; }
  .cta h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 2.4rem;
    margin-bottom: 5px; }
  .cta p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 1.8rem; }
  .cta .cta-btn {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #ffffff;
    background: #4267b2;
    padding: 9px 30px;
    border-radius: 5px; }

@media all and (max-width: 767px) {
  .cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .cta .content {
      padding-right: 0; }
    .cta .cta-btn {
      margin-top: 30px; } }

/*----------------------------------------------
  12.0 Pagination Style
-----------------------------------------------*/
.pagination-list .pagination {
  margin: 0;
  display: block;
  font-size: 0;
  position: relative; }
  .pagination-list .pagination:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 230px;
    height: 1px;
    background: #dbd8d8;
    content: ''; }
  .pagination-list .pagination:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 230px;
    height: 1px;
    background: #dbd8d8;
    content: ''; }
  .pagination-list .pagination.small:before, .pagination-list .pagination.small:after {
    width: 130px; }
  .pagination-list .pagination .nav-links .page-numbers {
    font-size: 1.8rem;
    display: inline-block;
    padding: 0 10px;
    text-decoration: underline;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    color: #232222; }
    .pagination-list .pagination .nav-links .page-numbers.current {
      color: #4267b2; }
    .pagination-list .pagination .nav-links .page-numbers:first-child {
      margin-right: 50px; }
      .pagination-list .pagination .nav-links .page-numbers:first-child:before {
        left: 100%; }
    .pagination-list .pagination .nav-links .page-numbers:last-child {
      margin-left: 50px; }
      .pagination-list .pagination .nav-links .page-numbers:last-child:before {
        right: 100%; }
    .pagination-list .pagination .nav-links .page-numbers:first-child:before, .pagination-list .pagination .nav-links .page-numbers:last-child:before {
      height: 1px;
      width: 50px;
      background: #dbd8d8;
      position: absolute;
      top: 50%;
      content: ''; }

@media all and (max-width: 991px) {
  .pagination-list .pagination:before,
  .pagination-list .pagination:after {
    width: 0; } }

@media all and (max-width: 767px) {
  .pagination-list .pagination.small:before, .pagination-list .pagination.small:after {
    width: 0;
    height: 0; } }

/*
	13.0 Contact Style
-----------------------------------------------*/
.contact-wrap .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px; }
  .contact-wrap .info .about-event-location {
    margin-right: 50px; }

.contact-wrap .contact-form .form-group {
  margin-bottom: 30px; }
  .contact-wrap .contact-form .form-group .form-control {
    height: 50px;
    border: 2px solid #d4d4d4;
    border-radius: 5px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px;
    font-size: 1.4rem;
    color: #c1c1c1; }
    .contact-wrap .contact-form .form-group .form-control::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #c1c1c1; }
    .contact-wrap .contact-form .form-group .form-control::-moz-placeholder {
      /* Firefox 19+ */
      color: #c1c1c1; }
    .contact-wrap .contact-form .form-group .form-control:-ms-input-placeholder {
      /* IE 10+ */
      color: #c1c1c1; }
    .contact-wrap .contact-form .form-group .form-control:-moz-placeholder {
      /* Firefox 18- */
      color: #c1c1c1; }
  .contact-wrap .contact-form .form-group textarea.form-control {
    height: 200px;
    padding: 13px 20px; }

.contact-wrap .contact-form .button {
  background: #5835a5;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  padding: 12px 30px;
  color: #ffffff;
  border-radius: 5px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.contact-wrap .contact-form.contact-form-2 {
  text-align: center; }

.map-block {
  position: relative; }
  .map-block .map-location {
    background: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% - 15px); }

.map-location .event-map {
  height: 500px; }

.map-block-2 .map-location {
  height: 500px;
  background: #f5f5f5; }

.contact-form {
  position: relative; }
  .contact-form .input-success, .contact-form .input-error {
    position: absolute;
    top: 100%;
    left: 0; }
  .contact-form.contact-form-2 .input-success, .contact-form.contact-form-2 .input-error {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.input-success, .input-error {
  border-radius: 3px;
  color: #ffffff;
  padding: 5px 15px !important;
  margin-bottom: 0;
  margin-top: 10px;
  display: none; }

.input-success {
  background-color: #27ae60; }

.input-error {
  background-color: #e74c3c; }

@media all and (max-width: 991px) {
  .map-block .map-location {
    position: static;
    height: 300px;
    width: 100%; } }

@media all and (max-width: 575px) {
  .contact-wrap .info {
    display: block; }
  .contact-wrap .info .about-event-location {
    margin-right: 0; } }

/*
	14.0 Speaker Style
-----------------------------------------------*/
.speaker {
  text-align: center;
  color: #ffffff; }
  .speaker .thumb {
    position: relative; }
    .speaker .thumb:before {
      position: absolute;
      top: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      content: url("../images/speaker/border.png"); }
    .speaker .thumb svg {
      position: relative;
      z-index: 2; }
      .speaker .thumb svg .path2 {
        fill: #4267b2;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
    .speaker .thumb .overlay {
      position: absolute;
      top: 30%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 99;
      opacity: 0;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .speaker .thumb .overlay a {
        margin: 0 6px; }
        .speaker .thumb .overlay a i {
          color: rgba(255, 255, 255, 0.8);
          font-size: 1.2rem;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease; }
          .speaker .thumb .overlay a i:hover {
            color: #ffffff; }
  .speaker h4 {
    margin-top: 27px;
    font-size: 2.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500; }
  .speaker span {
    color: #606063;
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }
  .speaker p {
    margin-top: 15px;
    color: #ffffff;
    padding: 0 50px; }
  .speaker.white-bg h4, .speaker.white-bg span {
    color: #2e2e2e; }
  .speaker.white-bg p {
    color: rgba(46, 46, 46, 0.7); }
  .speaker.grid-3 p {
    padding: 0; }
  .speaker:hover .thumb svg .path2 {
    opacity: .77; }
  .speaker:hover .thumb .overlay {
    opacity: 1;
    top: 50%; }
    .speaker:hover .thumb .overlay a i {
      font-size: 2.2rem; }

.speaker-list {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .speaker-list .thumb {
    position: relative;
    margin-right: 100px; }
    .speaker-list .thumb:before {
      position: absolute;
      top: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      content: url("../images/speaker/border-2.png"); }
    .speaker-list .thumb svg {
      position: relative;
      z-index: 2; }
      .speaker-list .thumb svg .path2 {
        fill: #4267b2;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
    .speaker-list .thumb .overlay {
      position: absolute;
      top: 30%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 99;
      opacity: 0;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .speaker-list .thumb .overlay a {
        margin: 0 10px; }
        .speaker-list .thumb .overlay a i {
          color: rgba(255, 255, 255, 0.8);
          font-size: 1.2rem;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease; }
          .speaker-list .thumb .overlay a i:hover {
            color: #ffffff; }
    .speaker-list .thumb .small-path {
      display: none; }
  .speaker-list h4 {
    font-size: 2.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #2e2e2e; }
  .speaker-list span {
    color: #2e2e2e;
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    display: inline-block; }
  .speaker-list p {
    color: rgba(46, 46, 46, 0.7);
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 300; }
  .speaker-list.white-bg h4, .speaker-list.white-bg span {
    color: #2e2e2e; }
  .speaker-list.white-bg p {
    color: rgba(46, 46, 46, 0.7); }
  .speaker-list:hover .thumb svg .path2 {
    opacity: .77; }
  .speaker-list:hover .thumb .overlay {
    opacity: 1;
    top: 50%; }
    .speaker-list:hover .thumb .overlay a i {
      font-size: 3.2rem; }

.speaker-list.two-grid .thumb {
  margin-right: 40px; }
  .speaker-list.two-grid .thumb .overlay a {
    margin: 0 6px; }
    .speaker-list.two-grid .thumb .overlay a i {
      color: rgba(255, 255, 255, 0.8);
      font-size: 1.2rem;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .speaker-list.two-grid .thumb .overlay a i:hover {
        color: #ffffff; }
  .speaker-list.two-grid .thumb:before {
    content: url("../images/speaker/border-3.png"); }

.speaker-list.two-grid .body span {
  margin-bottom: 10px; }

.speaker-list.two-grid:hover .thumb .overlay a i {
  font-size: 1.8rem; }

.speaker-list + .speaker-list {
  border-top: 2px solid #f4f4f4; }

.speaker-details h4 {
  color: #2e4265;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 3.4rem; }

.speaker-details .designation {
  color: #2e4265;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 2.0rem; }

.speaker-details p {
  margin-top: 20px;
  color: #636363;
  font-size: 1.6rem; }

.speaker-block {
  position: relative; }
  .speaker-block .speakerTab {
    position: absolute;
    top: 240px;
    right: 0;
    width: calc(50% + 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0;
    height: 400px; }
    .speaker-block .speakerTab .nav-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(20% - 10px);
      flex: 0 0 calc(20% - 10px);
      margin-bottom: 0;
      margin-left: 10px; }
      .speaker-block .speakerTab .nav-item .nav-link {
        padding: 0;
        border: 0;
        border-radius: 0;
        position: relative;
        overflow: hidden;
        height: 200px;
        -webkit-transition: all 0s ease;
        -o-transition: all 0s ease;
        transition: all 0s ease; }
        .speaker-block .speakerTab .nav-item .nav-link:focus, .speaker-block .speakerTab .nav-item .nav-link:hover, .speaker-block .speakerTab .nav-item .nav-link:active {
          display: block; }
        .speaker-block .speakerTab .nav-item .nav-link.active {
          height: 400px;
          -webkit-transition: all .5s ease;
          -o-transition: all .5s ease;
          transition: all .5s ease; }
        .speaker-block .speakerTab .nav-item .nav-link img {
          position: absolute;
          height: 100%;
          width: auto;
          max-width: auto;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  background: #ffffff; }
  .session .thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    margin-right: 30px; }
  .session .body .topic {
    font-size: 2.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #2e2e2e;
    margin-bottom: 10px; }
  .session .body .host {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #2e2e2e;
    margin-bottom: 20px; }
    .session .body .host a {
      color: #4267b2; }
  .session .body .content p {
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: rgba(46, 46, 46, 0.7);
    margin-bottom: 0; }
  .session .body .content p + p {
    margin-top: 20px; }

.session + .session {
  margin-top: 30px; }

@media (max-width: 991px) and (min-width: 768px) {
  .speaker-block .speakerTab {
    max-width: 690px;
    margin: 0 auto; } }

@media all and (max-width: 991px) {
  .speaker-block.pt-240 {
    padding-top: 100px; }
  .speaker-block.mt-50 {
    margin-top: 0; }
  .speaker-block.mb-50 {
    margin-bottom: 0; }
  .speaker-block .speakerTab {
    position: static;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 50px; }
    .speaker-block .speakerTab .nav-item {
      margin-left: 5px;
      margin-right: 5px; }
      .speaker-block .speakerTab .nav-item .nav-link.active {
        height: 200px; }
        .speaker-block .speakerTab .nav-item .nav-link.active:before {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          content: '';
          z-index: 1;
          background: rgba(66, 103, 178, 0.8); }
  .speaker p {
    padding: 0; }
  .speaker-list .thumb {
    margin-right: 50px; } }

@media (max-width: 767px) and (min-width: 576px) {
  .speaker-block .speakerTab {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto; } }

@media all and (max-width: 767px) {
  .speaker-list {
    display: block;
    text-align: left;
    text-align: center; }
    .speaker-list .thumb {
      margin: 0 auto 50px;
      display: inline-block; }
  .session {
    display: block; }
    .session .thumb {
      max-width: 300px;
      margin-bottom: 20px;
      margin-right: 0; } }

@media all and (max-width: 575px) {
  .speaker p {
    padding: 0; }
  .speaker-list .thumb:before {
    content: url("../images/speaker/border.png"); }
  .speaker-list .thumb svg {
    width: 253px;
    height: 227px; }
    .speaker-list .thumb svg .big-path {
      display: none; }
    .speaker-list .thumb svg .small-path {
      display: block; }
  .speaker-list .thumb .overlay a {
    margin: 0 6px; }
  .speaker-list:hover .thumb .overlay a i {
    font-size: 2.2rem; }
  .speaker-list.two-grid .thumb svg {
    width: 180px;
    height: 162px; } }

/*
	15.0 Nav Style
-----------------------------------------------*/
.se-nav .navbar {
  padding: 17px 0; }
  .se-nav .navbar .navbar-brand {
    padding: 0; }
  .se-nav .navbar .navbar-collapse .navbar-nav > .menu-item {
    padding: 0 20px; }
  .se-nav .navbar .navbar-collapse .navbar-nav .menu-item a {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #2e4265; }
  .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-toggle {
    position: relative;
    padding-right: 15px; }
    .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-toggle:after {
      position: absolute;
      top: 14px;
      right: 0; }
  .se-nav .navbar .nav-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .se-nav .navbar .nav-extra .nav-search {
      position: relative; }
      .se-nav .navbar .nav-extra .nav-search a {
        font-size: 2.2rem;
        color: #2e4265; }
      .se-nav .navbar .nav-extra .nav-search form {
        background: #ffffff;
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 250px;
        padding: 10px;
        z-index: 9999;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); }
        .se-nav .navbar .nav-extra .nav-search form input {
          width: 100%;
          padding: 0 15px;
          height: 35px;
          outline: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          border: 1px solid #d4d4d4; }
    .se-nav .navbar .nav-extra .buy-ticket {
      background: #4267b2;
      color: #ffffff;
      border: 0;
      border-radius: 40px;
      padding: 12px 30px;
      font-size: 1.8rem;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      margin-left: 20px; }

.absolute-nav {
  position: relative; }
  .absolute-nav .se-nav {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 99; }

.se-nav.white-nav .navbar .navbar-collapse .navbar-nav .menu-item a {
  color: #ffffff; }

.se-nav.white-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu .menu-item a {
  color: #2e4265; }

.se-nav.white-nav .navbar .nav-extra .nav-search a {
  color: #ffffff; }

.bottom-shade {
  -webkit-box-shadow: 0px 0px 232.5px 17.5px rgba(63, 85, 121, 0.07);
  box-shadow: 0px 0px 232.5px 17.5px rgba(63, 85, 121, 0.07); }

@media all and (min-width: 992px) {
  .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu {
    left: 20px;
    min-width: 190px;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    top: 130%; }
    .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu .menu-item {
      padding: 5px 20px;
      position: relative; }
      .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu .menu-item + .menu-item {
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
      .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu .menu-item a {
        width: 100%; }
      .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu .menu-item:before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        background: #4267b2;
        content: '';
        z-index: -1;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
      .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu .menu-item:hover > a {
        color: #4267b2;
        padding-left: 10px; }
  .se-nav .navbar .navbar-collapse .navbar-nav .menu-item:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    top: 100%; }
    .se-nav .navbar .navbar-collapse .navbar-nav .menu-item:hover > .dropdown-menu .dropdown-menu {
      left: 100%;
      top: 0;
      right: auto; }
      .se-nav .navbar .navbar-collapse .navbar-nav .menu-item:hover > .dropdown-menu .dropdown-menu .dropdown-menu {
        left: auto;
        right: 100%; } }

@media (max-width: 1199px) and (min-width: 992px) {
  .se-nav .navbar .navbar-collapse .navbar-nav > .menu-item {
    padding: 0 15px; } }

@media all and (max-width: 991px) {
  .se-nav .navbar .navbar-toggler {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 10px;
    outline: none;
    color: #2e4265; }
    .se-nav .navbar .navbar-toggler i {
      font-size: 2.8rem; }
  .se-nav .navbar .nav-extra {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto; }
  .se-nav .navbar .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 9;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5); }
    .se-nav .navbar .navbar-collapse .navbar-nav {
      padding: 10px 15px; }
      .se-nav .navbar .navbar-collapse .navbar-nav .menu-item {
        padding: 3px 0; }
        .se-nav .navbar .navbar-collapse .navbar-nav .menu-item a {
          width: 100%; }
        .se-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu {
          padding: 0 15px; }
  .se-nav.white-nav .navbar .navbar-toggler {
    color: #ffffff; }
  .se-nav.white-nav .navbar .navbar-collapse .navbar-nav .menu-item a {
    color: #2e4265; }
  .se-nav.white-nav .navbar .navbar-collapse .navbar-nav .menu-item .dropdown-menu .menu-item a {
    color: #2e4265; }
  .se-nav.white-nav .navbar .nav-extra .nav-search a {
    color: #ffffff; }
  .absolute-nav .se-nav {
    top: 0; } }

@media all and (max-width: 575px) {
  .se-nav .navbar .nav-extra .buy-ticket {
    display: none; } }

/*
	16.0 Gallery Style
-----------------------------------------------*/
.image-gallery-bg {
  background: url(../images/bg/image-gallery-bg.jpg) no-repeat center;
  background-size: cover; }

.photo-gallery .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .photo-gallery .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .photo-gallery .swiper-wrapper .swiper-slide .thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%; }
    .photo-gallery .swiper-wrapper .swiper-slide .body {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      padding-left: 30px;
      padding-right: 50px;
      opacity: 0;
      display: none;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .photo-gallery .swiper-wrapper .swiper-slide .body h3 {
        color: #ffffff;
        font-size: 3.5rem;
        font-family: "Roboto", sans-serif;
        font-weight: 500; }
      .photo-gallery .swiper-wrapper .swiper-slide .body p {
        color: #ffffff;
        font-size: 1.6rem;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        margin-top: 30px; }
    .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-active .body {
      opacity: 0;
      display: none; }
    .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-next {
      margin-left: -38%;
      width: 88% !important; }
      .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-next .body {
        opacity: 1;
        display: block; }

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  background-image: url();
  height: auto;
  width: auto;
  outline: none; }
  .swiper-container .swiper-button-prev:before,
  .swiper-container .swiper-button-next:before {
    position: absolute;
    top: 50%;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    height: 40px;
    width: 40px;
    background: #ffffff;
    border-radius: 50%;
    color: #4267b2;
    line-height: 40px;
    text-align: center;
    font-size: 1.8rem; }

.swiper-container .swiper-button-prev {
  left: 0; }
  .swiper-container .swiper-button-prev:before {
    content: '\f104'; }

.swiper-container .swiper-button-next {
  right: 40px; }
  .swiper-container .swiper-button-next:before {
    content: '\f105'; }

@media all and (max-width: 991px) {
  .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-active .body {
    opacity: 1;
    display: block; }
  .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-next {
    margin-left: 0;
    width: 100% !important; } }

@media all and (max-width: 767px) {
  .photo-gallery .swiper-wrapper .swiper-slide {
    display: block; }
    .photo-gallery .swiper-wrapper .swiper-slide .body {
      display: none; }
    .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-active .thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
    .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-active .body {
      display: none; }
    .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-next {
      width: 50% !important; }
      .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-next .thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
      .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-next .body {
        display: none; } }

@media all and (max-width: 399px) {
  .photo-gallery .swiper-wrapper .swiper-slide.swiper-slide-next {
    width: 100% !important; } }

/*
	17.0 Feature Style
-----------------------------------------------*/
.feature-bg {
  background: url("../images/bg/feature-bg.jpg") no-repeat center;
  background-size: cover; }

.feature {
  border: 1px solid #ffffff;
  padding: 90px 15px 110px;
  text-align: center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  margin-bottom: 30px; }
  .feature i {
    font-size: 4.8rem;
    color: #ffffff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .feature h3 {
    margin-top: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 3.6rem;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .feature p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 1.6rem;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .feature:hover {
    background: #ffffff; }
    .feature:hover i {
      color: #414040; }
    .feature:hover h3 {
      color: #414040; }
    .feature:hover p {
      color: rgba(99, 99, 99, 0.88); }

/*
	18.0 Stuff Style
-----------------------------------------------*/
.stuff {
  -webkit-box-shadow: 0px 0px 232.5px 17.5px rgba(63, 85, 121, 0.07);
  box-shadow: 0px 0px 232.5px 17.5px rgba(63, 85, 121, 0.07);
  background: #ffffff;
  margin-bottom: 40px; }
  .stuff .body {
    text-align: center;
    padding: 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .stuff .body .name {
      color: #2e4265;
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      font-size: 3.4rem; }
    .stuff .body .designation {
      color: #2e4265;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 2.0rem;
      line-height: 1.3;
      margin-bottom: 0;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
    .stuff .body .stuffs-social-link {
      margin-top: 5px; }
      .stuff .body .stuffs-social-link a {
        color: #2e4265;
        font-size: 1.8rem;
        margin: 0 15px; }
  .stuff:hover .body {
    background: #4267b1; }
    .stuff:hover .body .name,
    .stuff:hover .body .designation,
    .stuff:hover .body .stuffs-social-link a {
      color: #ffffff; }

/*
	19.0 Activity Style
-----------------------------------------------*/
.activity-bg {
  background: url("../images/bg/activity-bg.jpg") no-repeat center;
  background-size: cover; }

.activity-block {
  -webkit-column-count: 3;
  column-count: 3;
  grid-column-gap: 30px; }
  .activity-block .item {
    margin-bottom: 28px; }

@media all and (max-width: 1199px) {
  .activity-block {
    grid-column-gap: 23px; }
    .activity-block .item {
      margin-bottom: 23px; } }

@media all and (max-width: 991px) {
  .activity-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .activity-block .item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
      flex: 0 0 calc(50% - 15px);
      margin-bottom: 30px; } }

@media all and (max-width: 575px) {
  .activity-block {
    display: block;
    -webkit-column-count: 1;
    column-count: 1; } }

/*
	20.0 Testimonial Style
-----------------------------------------------*/
.testimonial {
  padding: 40px 40px 50px;
  -webkit-box-shadow: 0px 0px 232.5px 17.5px rgba(63, 85, 121, 0.07);
  box-shadow: 0px 0px 232.5px 17.5px rgba(63, 85, 121, 0.07);
  background: #ffffff;
  position: relative; }
  .testimonial .item {
    text-align: center;
    padding-bottom: 80px;
    position: relative; }
    .testimonial .item:before {
      position: absolute;
      content: url("../images/quote.png");
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .testimonial .item .thumb {
      border-radius: 50%;
      height: 120px;
      width: 120px;
      overflow: hidden;
      margin: 0 auto 15px; }
    .testimonial .item .name {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #2e4265;
      font-size: 3.4rem; }
    .testimonial .item .designation {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #2e4265;
      font-size: 2.0rem; }
    .testimonial .item .testimonial-comment {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #636363;
      font-size: 1.6rem; }
  .testimonial .owl-controls .owl-buttons .owl-prev,
  .testimonial .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .testimonial .owl-controls .owl-buttons .owl-next {
    right: -100px; }
  .testimonial .owl-controls .owl-buttons .owl-prev {
    left: -100px; }

@media all and (max-width: 991px) {
  .testimonial .owl-controls .owl-buttons {
    display: none; } }

@media all and (max-width: 575px) {
  .testimonial {
    padding: 30px 15px 30px; } }

/*
	21.0 Roles Style
-----------------------------------------------*/
.roles-block {
  padding: 60px 40px;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  background: #ffffff; }
  .roles-block p {
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    color: rgba(46, 46, 46, 0.7); }
    .roles-block p + p {
      margin-top: 20px; }
  .roles-block h3 {
    font-size: 3.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #2e4265;
    margin-top: 25px; }
  .roles-block h4 {
    font-size: 2.0rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #2e4265;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: underline; }
  .roles-block ul {
    list-style: none;
    margin-top: 15px;
    padding-left: 20px; }
    .roles-block ul li {
      font-size: 1.6rem;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #636363; }
      .roles-block ul li + li {
        margin-top: 4px; }
      .roles-block ul li:before {
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #2e4265;
        content: '';
        display: inline-block;
        margin-right: 10px; }

@media all and (max-width: 767px) {
  .roles-block {
    padding: 40px 30px; } }

/*
	22.0 Conduct Style
-----------------------------------------------*/
.conduct-block {
  -webkit-box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  box-shadow: 0px 0px 100px 0px rgba(81, 81, 81, 0.1);
  background: #ffffff;
  padding: 1px 30px 40px; }
  .conduct-block h3 {
    font-size: 2.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #2e2e2e;
    margin-top: 30px;
    margin-bottom: 20px; }
    .conduct-block h3 span {
      background: #2e4265;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      color: #ffffff;
      font-size: 2.4rem;
      font-weight: 500;
      font-family: "Roboto", sans-serif;
      display: inline-block;
      line-height: 40px;
      text-align: center;
      margin-right: 15px; }
  .conduct-block p {
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    color: rgba(46, 46, 46, 0.7); }
    .conduct-block p + p {
      margin-top: 20px; }
  .conduct-block form {
    margin-top: 30px; }
    .conduct-block form .form-group {
      margin-bottom: 30px; }
      .conduct-block form .form-group .form-control {
        border: 2px solid #d4d4d4;
        border-radius: 5px;
        height: 50px;
        font-size: 1.4rem;
        padding: 0 20px;
        color: #2e2e2e;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
        .conduct-block form .form-group .form-control::-webkit-input-placeholder {
          color: #c1c1c1; }
        .conduct-block form .form-group .form-control::-moz-placeholder {
          color: #c1c1c1; }
        .conduct-block form .form-group .form-control:-ms-input-placeholder {
          color: #c1c1c1; }
        .conduct-block form .form-group .form-control:-moz-placeholder {
          color: #c1c1c1; }
      .conduct-block form .form-group textarea.form-control {
        height: 120px;
        padding-top: 13px; }
    .conduct-block form .button {
      background: #5835a5;
      color: #ffffff;
      height: 50px;
      border-radius: 5px;
      border: 0;
      padding: 0 40px;
      font-size: 1.6rem;
      font-weight: 400;
      font-family: "Roboto", sans-serif; }

.Name {
  border-width: 2px;
  border-color: #d4d4d4;
  border-style: solid;
  border-radius: 5px;
  position: absolute;
  left: 774px;
  top: 2607px;
  width: 326px;
  height: 46px;
  z-index: 123; }

/*
	23.0 Volunteer Style
-----------------------------------------------*/
.volunteer {
  text-align: center;
  color: #ffffff; }
  .volunteer .thumb {
    position: relative; }
    .volunteer .thumb:before {
      position: absolute;
      top: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      content: url("../images/speaker/border.png"); }
    .volunteer .thumb svg {
      position: relative;
      z-index: 2; }
      .volunteer .thumb svg .path2 {
        fill: #4267b2;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
    .volunteer .thumb .overlay {
      position: absolute;
      top: 30%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 99;
      opacity: 0;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .volunteer .thumb .overlay a {
        margin: 0 6px; }
        .volunteer .thumb .overlay a i {
          color: rgba(255, 255, 255, 0.8);
          font-size: 1.2rem;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease; }
          .volunteer .thumb .overlay a i:hover {
            color: #ffffff; }
  .volunteer h4 {
    margin-top: 27px;
    font-size: 2.4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #2e2e2e; }
  .volunteer span {
    color: #606063;
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }
  .volunteer p {
    margin-top: 15px;
    color: rgba(46, 46, 46, 0.7);
    padding: 0; }
  .volunteer:hover .thumb svg .path2 {
    opacity: .77; }
  .volunteer:hover .thumb .overlay {
    opacity: 1;
    top: 50%; }
    .volunteer:hover .thumb .overlay a i {
      font-size: 2.2rem; }

/*
	24.0 Venue Style
-----------------------------------------------*/
.venue-map .map-location {
  background: #f5f5f5; }

.about-venue h3 {
  color: #2e4265;
  font-size: 3.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 40px; }

.about-venue p {
  color: #636363;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin-bottom: 0; }
  .about-venue p + p {
    margin-top: 30px; }

.venue-gallery {
  -webkit-column-count: 3;
  column-count: 3;
  grid-column-gap: 30px; }
  .venue-gallery .item {
    margin-bottom: 30px;
    position: relative; }
    .venue-gallery .item .overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: rgba(66, 103, 178, 0.7);
      opacity: 0;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .venue-gallery .item .overlay a {
        margin-top: -100px;
        font-size: 1.6rem;
        color: #ffffff; }
    .venue-gallery .item:hover .overlay {
      opacity: 1; }
      .venue-gallery .item:hover .overlay a {
        margin-top: 0;
        font-size: 3.6rem; }

@media all and (max-width: 991px) {
  .about-venue {
    margin-top: 40px; } }

@media all and (max-width: 767px) {
  .venue-gallery {
    -webkit-column-count: 2;
    column-count: 2; }
    .venue-gallery .item {
      margin-bottom: 20px; } }

@media all and (max-width: 439px) {
  .venue-gallery {
    -webkit-column-count: 1;
    column-count: 1; }
    .venue-gallery .item {
      margin-bottom: 30px; } }