/* 
Stylesheet Table
1. Import google font & default style
2. Header
4. General style
5. Event Promo section
6. Reg-sub section
7. about section
8. services sections
9. schedule section
10. event banner section
11. speaking sections
12. pricing section
13. clients section
14. countdown section
15. News section
16. Sidebar
17. Statistic sections
18. Single post
19. Contact
20. Footer
21. Responsive Part
*/
/* import google fonts */
@import url("https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i");
.reset-elem, .dropdown, section.gallery-section ul.gallery-list, section.services-section .services-box .services-post .services-post-content ul.service-list, section.schedule-section .schedule-box .schedule-block ul.schedule-list, section.schedule-section3 .schedule-box .schedule-block .schedule-content ul.schedule-list, section.schedule-section3 .schedule-box .schedule-block .schedule-speakers ul.speaker-list, section.agenda-section .schedule-box ul.schedule-list, section.speaking-section .speakers-box .speaker-post .speaker-content ul.social-links,
section.speaking-section3 .speakers-box .speaker-post .speaker-content ul.social-links, section.speaking-section2 .speakers-box .speaker-post .speaker-content ul.social-links, section.speaking-single .single-box .single-content .single-connection ul.social-links, section.pricing-section .pricing-box .table-box ul.pricing-list, section.pricing-section2 .pricing-box .table-box .list-tab ul.pricing-list, section.pricing-section3 .table-box ul.pricing-list, section.clients-section .client-box ul.client-list,
section.clients-section2 .client-box ul.client-list,
section.clients-section3 .client-box ul.client-list, section.blog-section .blog-box .blog-post ul.post-tags, .pagination-box ul.page-list, .sidebar .category-widget ul, .sidebar .instagram-widget ul.instagram-list, .sidebar .popular-widget ul.popular-list, section.blog-section .blog-box .single-post ul.share-project, .comment-area-box > ul, .comment-area-box ul.depth, section.contact-section ul.info-list, section.contact-section2 .contact-box .contact-info ul.social-icons, section.contact-section4 ul.social-icons, footer .up-footer .footer-widget ul.social-icons, footer.second-style ul.social-icons {
  margin: 0;
  padding: 0; }

.paragraph, section.register-section .register-box #register-form .subcribe-bx span, .article-box span, a.more-btn, .conference-features .center-area a, .about-event-box a, section.schedule-section3 .schedule-box .schedule-block .schedule-speakers ul.speaker-list li span, section.speaking-single .single-box .single-image a, section.blog-section .blog-box .blog-post span.date-comments, section.blog-section .blog-box .blog-post ul.post-tags li, .pagination-box a.prev,
.pagination-box a.next, section.news-section .news-box .news-post span, section.news-section2 .blog-post span.date-comments, p {
  font-size: 18px;
  color: #6c7a89;
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 10px; }

.heading1, h1 {
  color: black;
  font-size: 48px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  line-height: 52px;
  margin: 0 0 20px; }

.heading2, section.promo-banner-section .promo-banner-box span, section.promo-banner-section2 .promo-banner-box span, section.promo-banner-section3 .promo-banner-box span, h2 {
  color: black;
  font-size: 24px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 28px; }

.heading3, h3 {
  color: #2d3034;
  font-size: 18px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  margin: 0 0 4px;
  line-height: 28px; }

.back-cover, section.contact-section .contact-info .inner-contact-info {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; }

.anchor, a {
  display: inline-block;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }

/*------------------------------------------------- */
/* =  Header
 *------------------------------------------------- */
.navbar {
  padding: 0 15px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  border-bottom: none;
  width: 100%;
  z-index: 999999;
  background: transparent !important;
  position: fixed;
  top: 0;
  left: 0; }
  .navbar a.navbar-brand {
    padding-top: 10px;
    float: none; }
    .navbar a.navbar-brand img {
      margin-bottom: 5px;

 }

header {
  padding: 0;
  z-index: 99999;
  position: relative; }

header.second-style {
  min-height: 90px; }
  header.second-style .navbar {
    padding: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    border-bottom: 1px solid #e4e2f4;
    width: 100%;
    z-index: 999999;
    background: #fff !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    header.second-style .navbar a.navbar-brand {
      padding-top: 10px;
      float: none; }
      header.second-style .navbar a.navbar-brand img {
        margin-bottom: 5px; }
  header.second-style .navbar-nav {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 0;
    margin-bottom: -1px; }
    header.second-style .navbar-nav > li > a {
      color: #2d3034 !important;
      padding: 40px 22px !important; }
    header.second-style .navbar-nav > li.active > a:before {
      bottom: -1px; }

header.third-style {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }
  header.third-style .container {
    position: relative; }
  header.third-style .navbar {
    padding: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    border-bottom: 1px solid #999999;
    background: transparent !important;
    z-index: 999999;
    position: relative; }
    header.third-style .navbar a.navbar-brand {
      padding-top: 10px;
      float: none; }
      header.third-style .navbar a.navbar-brand img {
        margin-bottom: 5px; }
  header.third-style .navbar-nav {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 0;
    margin-bottom: -1px; }
    header.third-style .navbar-nav > li > a {
      padding: 40px 22px !important; }
    header.third-style .navbar-nav > li.active > a:before {
      bottom: -1px; }

header.active {
  padding-bottom: 90px; }
  header.active .navbar {
    background: #c4ac8f !important; }

header.third-style.active {
  padding-bottom: 0px;
  background: #232323 !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }
  header.third-style.active .navbar {
    background: transparent !important;
    border-bottom: 1px solid transparent !important; }

header.second-style.active .navbar {
  background: #fff !important; }

.navbar-nav {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }
  .navbar-nav > li > a {
    color: #fff !important;
    font-size: 22px;
    font-weight: 400 !important;
    font-family: "Rubik", sans-serif;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 40px 22px !important;
    border-bottom: 1px solid transparent;
    position: relative; }
    .navbar-nav > li > a i {
      font-size: 13px;
      margin-left: 10px; }
  .navbar-nav > li.active > a:before {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #4f8130;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .navbar-nav > li:hover > a {
    opacity: 0.7; }
  .navbar-nav > li.active:hover > a:before {
    bottom: -2px; }
  .navbar-nav li.drop-link {
    position: relative; }

.navbar-collapse {
  position: relative; }

header.fourth-style .navbar-nav > li > a.active:before {
  content: '';
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #5649c0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }

.dropdown {
  position: absolute;
  border-top: 2px solid #5649c0;
  top: 100%;
  left: 0;
  background: #fff;
  width: 200px;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out; }
  .dropdown > li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e3e1f3; }
    .dropdown > li a {
      display: block;
      padding: 14px 20px;
      color: #6c7a89;
      font-size: 14px;
      font-weight: 400;
      font-family: "Rubik", sans-serif; }
    .dropdown > li > a:hover {
      background: #f2f4f8;
      color: #5649c0; }
    .dropdown > li .dropdown.level2 {
      top: -2px;
      left: 100%;
      border-left: 1px solid #292929; }

li:hover > .dropdown {
  visibility: visible;
  opacity: 1;
  margin-top: -1px; }

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */

/*********************************************
 *    -   SETTINGS FOR BANNER CONTAINERS  -
 ********************************************* */
.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0; }

.tp-banner {
  width: 100%;
  position: relative; }

.tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0; }

/*------------------------------------------------- */
/* =  General */
/*------------------------------------------------- */
#container {
  overflow: hidden;
  opacity: 0; }

#container.active {
  opacity: 1; }

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  z-index: 9999; }

.preloader img {
  -webkit-backface-visibility: hidden; }

.title-section {
  margin-bottom: 40px; }
  .title-section span {
    display: block;
    color: #6c7a89;
    font-size: 24px;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    margin: 0 0 10px; }
  .title-section span.italic-style {
    font-size: 18px;
    font-family: "Lora", serif;
    font-weight: 400;
    font-style: italic; }
  .title-section h1 {
    padding-bottom: 25px;
    position: relative; }
  .title-section h1:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 70px;
    height: 1px;
    background: #f2be1a; }

.title-section.center h1, .title-section.center span {
  text-align: center; }

.title-section.center h1:after {
  left: 50%;
  margin-left: -35px; }

.title-section.white-style h1 {
  color: #ffffff; }

.title-section.white-style h1:after {
  background: #fff; }

.title-section.white-style p, .title-section.white-style span {
  color: #cccccc; }

a.default-button {
  color: #fff;
  font-size: 18px;
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  padding: 11px 38px;
  background: #2ecc71;
  font-weight: 400;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); }

a.default-button:hover {
  background: #5649c0; }

a.button-one {
  color: #000;
  font-size: 12px;
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  padding: 12px 45px;
  background: #2ecc71;
  font-weight: 500;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  margin: 0; }

a.button-one:hover {
  color: #fff;
  background: #4b77be; }

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

a.button-two {
  color: #3a539b;
  font-size: 13px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  padding: 13px 20px 10px;
  text-transform: uppercase;
  border: 2px solid #3a539b;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px; }

a.button-two:hover {
  background: #3a539b;
  color: #fff; }

button.mfp-close, button.mfp-arrow, a.zoom {
  outline: none; }

section.page-banner-section {
  padding: 120px 0 70px;
  margin-top: 74px;
  text-align: center;
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: #111 url("../upload/banners/ban2.jpg") center center no-repeat;
  background-size: cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */ }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    section.page-banner-section {
      background: #111 url("../upload/banners/ban2@2x.jpg") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section.page-banner-section {
      background: #111 url("../upload/banners/ban2@2x.jpg") center center no-repeat;
      background-size: cover; } }
  section.page-banner-section h1 {
    font-size: 48px;
    line-height: 60px;
    color: #ffffff;
    margin-bottom: 4px; }
  section.page-banner-section p {
    color: #bdbdbd;
    font-size: 20px;
    font-family: "Rubik", sans-serif;
    margin-bottom: 0; }

/*------------------------------------------------- */
/* =  Event Promo section */
/*------------------------------------------------- */
section.event-promo-section {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */  
  background: url("../upload/banners/4.jpeg") center center no-repeat;
  background-size:cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  display: flex;
  align-items: center; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    section.event-promo-section {
      background: #4f4f4f url("../upload/banners/1@2x.jpeg") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section.event-promo-section {
      background: #4f4f4f url("../upload/banners/1@2x.jpeg") center center no-repeat;
      background-size: cover; } }
  section.event-promo-section .event-center {
    width: 100%; }
    
    section.event-promo-section .event-center h1 {
      color: #fff;
      font-weight: 300;
      font-size: 72px;
      line-height: 82px;
      margin: 0; }
      section.event-promo-section .event-center h2 {
        color: #e4e2f4;
        font-weight: 100;
        font-size: 32px;
        line-height: 82px;
        margin: 0; }
    section.event-promo-section .event-center .event-date {
      text-align: right;
      border-left: 1px solid #ffffff;
      margin-top: 10px; }
      section.event-promo-section .event-center .event-date p {
        color: #e4e2f4;
        font-size: 30px;
        line-height: 38px;
        font-family: "Lora", serif;
        font-style: italic; }
        section.event-promo-section .event-center .event-date p span {
          display: block;
          color: #ffffff;
          font-family: "Rubik", sans-serif;
          font-size: 72px;
          font-style: normal;
          font-weight: 300;
          line-height: 72px; }

section.promo-banner-section {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: #111 url("../upload/banners/ban1.jpg") center center no-repeat;
  background-size: cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  padding: 200px 0;
  text-align: center; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    section.promo-banner-section {
      background: #111 url("../upload/banners/ban1@2x.jpg") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section.promo-banner-section {
      background: #111 url("../upload/banners/ban1@2x.jpg") center center no-repeat;
      background-size: cover; } }
  section.promo-banner-section .promo-banner-box span {
    display: inline-block;
    color: #e4e2f4;
    font-weight: 300; }
  section.promo-banner-section .promo-banner-box h1 {
    color: #fff;
    font-weight: 300;
    font-size: 72px;
    line-height: 82px; }

section.promo-banner-section2 {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: #111 url("../upload/banners/ban6.jpg") center center no-repeat;
  background-size: cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  padding: 200px 0;
  text-align: center; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    section.promo-banner-section2 {
      background: #111 url("../upload/banners/ban6@2x.jpg") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section.promo-banner-section2 {
      background: #111 url("../upload/banners/ban6@2x.jpg") center center no-repeat;
      background-size: cover; } }
  section.promo-banner-section2 .promo-banner-box span {
    display: inline-block;
    color: #e4e2f4;
    font-weight: 300; }
  section.promo-banner-section2 .promo-banner-box h1 {
    color: #fff;
    font-weight: 300;
    font-size: 72px;
    line-height: 82px; }

section.promo-banner-section3 {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: #111 url("../upload/banners/ban8.jpg") center center no-repeat;
  background-size: cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
  padding: 270px 0 250px;
  text-align: center; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    section.promo-banner-section3 {
      background: #111 url("../upload/banners/ban8@2x.jpg") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section.promo-banner-section3 {
      background: #111 url("../upload/banners/ban8@2x.jpg") center center no-repeat;
      background-size: cover; } }
  section.promo-banner-section3 .promo-banner-box span {
    display: block;
    color: #e4e2f4;
    font-weight: 300;
    margin-bottom: 35px; }
  section.promo-banner-section3 .promo-banner-box h1 {
    color: #fff;
    font-weight: 300;
    font-size: 72px;
    line-height: 82px;
    margin-bottom: 5px; }

/*------------------------------------------------- */
/* =  reg-sub section */
/*------------------------------------------------- */
section.reg-sub-section {
  margin-top: -200px; }
  section.reg-sub-section .inner-reg-sub {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 45px; }
    section.reg-sub-section .inner-reg-sub .register-box {
      padding: 50px 100px;
      text-align: center;
      float: left;
      width: 50%;
      margin-right: -30px;
      /*
   * Set a counter and get the length of the image path.
   */
      /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
      /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
      /*
     * Set a base background for 1x environments.
     */

      background-size: auto auto;
      background-blend-mode: difference;
      /*
     * Create an @2x-ish media query.
     */
      /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
      /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px; }
      @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
        section.reg-sub-section .inner-reg-sub .register-box {
          background: #111 url("../images/dev3@2x.png");
          background-size: auto auto; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        section.reg-sub-section .inner-reg-sub .register-box {
          background: #111 url("../images/dev3@2x.png");
          background-size: auto auto; } }
      section.reg-sub-section .inner-reg-sub .register-box p {
        font-size: 23px;
        color: #fff;
        line-height: 36px;
        margin-bottom: 25px; }
        section.reg-sub-section .inner-reg-sub .register-box p span {
          font-family: "Lora", serif;
          font-style: italic; }
      section.reg-sub-section .inner-reg-sub .register-box a {
        color: black;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        text-shadow: 0.1px 0.3px #555;
        text-transform: uppercase;
        padding: 13px 60px 11px;
        background: #fff;
        font-weight: 400;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        box-shadow: 0 3px 20px rgba(0, 0, 0, 0.18);
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.18);
        -o-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.18); }
      section.reg-sub-section .inner-reg-sub .register-box a:hover {
        color: #fff;
        background: #f2be1a; }
    section.reg-sub-section .inner-reg-sub .register-box1 {
      padding: 100px 130px;
      text-align: center;
      float: right;
      margin-top: 10px;
      margin-left: -30px;
      margin-right: 30px;
      width: 50%;
      /*
   * Set a counter and get the length of the image path.
   */
      /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
      /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
      /*
     * Set a base background for 1x environments.
     */
      background: #111 url("../images/dev3.png");
      background-size: auto auto;
      /*
     * Create an @2x-ish media query.
     */
      /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
      /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px;
      box-shadow: 0 10px 45px rgba(0, 0, 0, 0.18);
      -webkit-box-shadow: 0 10px 45px rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 0 10px 45px rgba(0, 0, 0, 0.18);
      -o-box-shadow: 0 10px 45px rgba(0, 0, 0, 0.18); }
      @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
        section.reg-sub-section .inner-reg-sub .register-box1 {
          background: #111 url("../images/dev3@2x.png");
          background-size: auto auto; } }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        section.reg-sub-section .inner-reg-sub .register-box1 {
          background: #111 url("../images/dev3@2x.png");
          background-size: auto auto; } }
      section.reg-sub-section .inner-reg-sub .register-box1 p {
        font-size: 24px;
        color: #fff;
        line-height: 36px; }
      section.reg-sub-section .inner-reg-sub .register-box1 span {
        display: block;
        font-size: 18px;
        color: #e4e2f4;
        font-family: "Lora", serif;
        font-style: italic;
        line-height: 32px;
        margin: 0 0 25px; }
      section.reg-sub-section .inner-reg-sub .register-box1 {
        margin: 0; }


section.register-section {
  padding-top: 220px;
  position: relative;
  background: #f9fafb; }
  section.register-section .title-section h1:after {
    display: none !important; }
  section.register-section .background-part {
    width: 100%;
    height: 64%;
    top: 0;
    left: 0;
    position: absolute;
    /*
   * Set a counter and get the length of the image path.
   */
    /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
    /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
    /*
     * Set a base background for 1x environments.
     */
    background: #111 url("../upload/banners/ban5.jpg") center center no-repeat;
    background-size: cover;
    /*
     * Create an @2x-ish media query.
     */
    /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
    /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */ }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      section.register-section .background-part {
        background: #111 url("../upload/banners/ban5@2x.jpg") center center no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      section.register-section .background-part {
        background: #111 url("../upload/banners/ban5@2x.jpg") center center no-repeat;
        background-size: cover; } }
  section.register-section .container {
    position: relative;
    z-index: 2; }
  section.register-section .register-box {
    padding: 54px 70px 60px;
    background: #fff;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.04); }
    section.register-section .register-box #register-form {
      margin: 0; }
      section.register-section .register-box #register-form label {
        display: block;
        color: #6c7a89;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        margin: 0 0 15px; }
      section.register-section .register-box #register-form input[type="text"],
      section.register-section .register-box #register-form select {
        width: 100%;
        padding: 12px 20px;
        background: #f9fafb;
        color: #6c7a89;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        line-height: 24px;
        outline: none;
        border: 1px solid #e4e2f4;
        margin: 0 0 24px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px; }
      section.register-section .register-box #register-form select {
        height: 54px; }
      section.register-section .register-box #register-form .subcribe-bx {
        margin: 30px 0 40px; }
        section.register-section .register-box #register-form .subcribe-bx h2 {
          margin-left: 30px;
          font-size: 18px;
          color: #5649c0; }
        section.register-section .register-box #register-form .subcribe-bx input[type="checkbox"] {
          margin-right: 11px; }
        section.register-section .register-box #register-form .subcribe-bx span {
          maring-bottom: 0;
          letter-spacing: -0.4px; }
      section.register-section .register-box #register-form input[type="submit"] {
        color: #fff;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        text-transform: uppercase;
        padding: 11px 38px;
        background: #2ecc71;
        font-weight: 400;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        border: none; }
      section.register-section .register-box #register-form input[type="submit"]:hover {
        background: #5649c0; }

/*------------------------------------------------- */
/* =  about section */
/*------------------------------------------------- */
section.about-section {
  padding-top: 20px;
  background: url("../images/dev4.png") center bottom repeat-x; 
}
  section.about-section p {
    margin-bottom: 20px;
    color: #2d3034;
    font-size:22px;
    text-shadow: 0.1px 0.3px #555; }

section.about-us-section {
  padding: 100px 0 60px;
  background: #f9fafb;
  border-bottom: 1px solid #e4e2f4; }
  section.about-us-section .about-us-box .about-us-post {
    margin-bottom: 40px; }
    section.about-us-section .about-us-box .about-us-post i {
      display: inline-block;
      font-size: 60px;
      color: #5649c0;
      margin: 0 0 20px; }

section.gallery-section {
  overflow: hidden; }
  section.gallery-section ul.gallery-list li {
    display: block;
    float: left;
    width: 20%; }
    section.gallery-section ul.gallery-list li img {
      width: 90%;
      height: auto;
      border: 1px solid #f2be1a; }

      section.gallery-section-1 {
        overflow: hidden; }
        section.gallery-section-1 ul.gallery-list li {
          display: inline-block;
         
          width: 46%; }
          section.gallery-section-1 ul.gallery-list li img {
            width: 100%;
            height: auto;
            border: 1px solid #f2be1a; }     

section.subscribe-section {
  padding: 80px 0;
  text-align: center;
  background: url("../images/dev8.png") center bottom repeat-x; }
  section.subscribe-section .register-box1 input[type="text"] {
    padding: 12px 20px;
    border: 1px solid #ededef;
    outline: none;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    min-width: 370px;
    color: #959aa1;
    font-size: 18px;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    margin: 0 0 20px;
    margin-right: 25px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); }
  section.subscribe-section .register-box1 input[type="submit"] {
    color: #fff;
    font-size: 18px;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    padding: 13px 30px 12px;
    background: #2ecc71;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    outline: none;
    border: none; }
  section.subscribe-section .register-box1 input[type="submit"]:hover {
    background: #5649c0; }

section.about-conference-section {
  padding: 100px 0 0; }
  section.about-conference-section .images-box {
    margin-bottom: 100px;
    padding-bottom: 30px; }
    section.about-conference-section .images-box img:first-child {
      float: right;
      margin-bottom: -160px; }
    section.about-conference-section .images-box img:last-child {
      margin-left: 60px; }
    section.about-conference-section .images-box img {
      max-width: 370px;
      height: auto;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px;
      box-shadow: 0 16px 22px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 16px 22px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 16px 22px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0 16px 22px rgba(0, 0, 0, 0.1); }
  section.about-conference-section .images-box.second-style img:first-child {
    margin-bottom: -360px; }
  section.about-conference-section .images-box.second-style img:last-child {
    margin-left: 70px; }

.article-box {
  margin-bottom: 100px; }
  .article-box span {
    display: inline-block;
    font-family: "Lora", serif;
    font-style: italic;
    font-weight: 400; }
  .article-box p span {
    color: black; }
  .article-box h1 {
    padding-bottom: 20px;
    position: relative; }
  .article-box h1:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 70px;
    height: 1px;
    background: #2d3034; }
  .article-box a.default-button {
    margin-top: 25px;
    box-shadow: 0 8px 15px #efefef;
    -webkit-box-shadow: 0 8px 15px #efefef;
    -moz-box-shadow: 0 8px 15px #efefef;
    -o-box-shadow: 0 8px 15px #efefef;
    position: relative; }
  .article-box a.default-button:before {
    content: '';
    width: 5000px;
    height: 1px;
    left: 100%;
    top: 50%;
    position: absolute;
    background: #e4e2f4;
    z-index: -1; }
  .article-box a.default-button:after {
    content: '';
    width: 5000px;
    height: 1px;
    right: 100%;
    top: 50%;
    position: absolute;
    background: #e4e2f4;
    z-index: -1; }

.article-box.white-style {
  margin-top: 25px; }
  .article-box.white-style span {
    color: #cccccc; }
  .article-box.white-style p {
    color: #cccccc; }
  .article-box.white-style h1 {
    color: #fff; }
  .article-box.white-style h1:after {
    background: #fff; }
  .article-box.white-style a.default-button {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }
  .article-box.white-style a.default-button:before,
  .article-box.white-style a.default-button:after {
    display: none; }

a.more-btn {
  color: #5649c0;
  font-weight: 400; }

a.more-btn:hover {
  text-decoration: underline !important; }

.article-box.with-margin-top {
  padding-top: 150px;
  padding-left: 30px; }

.conference-features {
  margin-bottom: 90px; }
  .conference-features .iso-call {
    margin: -30px -15px -15px; }
  .conference-features .conference-post {
    width: 50%;
    padding: 15px; }
    .conference-features .conference-post .inner-box {
      background: url("../images/dev3.png");
      padding: 26px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px; }
      .conference-features .conference-post .inner-box h1 {
        margin-left: -42px;
        font-weight: 300;
        margin-bottom: 8px; }
      .conference-features .conference-post .inner-box i {
        color: #2ecc71;
        font-size: 70px;
        margin-bottom: 15px;
        display: inline-block; }
      .conference-features .conference-post .inner-box h1, .conference-features .conference-post .inner-box h2 {
        color: #fff; }
      .conference-features .conference-post .inner-box p {
        color: #c9c4ee;
        font-weight: 300;
        font-size: 17px; }
  .conference-features .conference-post:nth-child(2n) .inner-box {
    background: url("../images/dev5.png"); }
  .conference-features .center-area {
    padding-top: 50px; }
    .conference-features .center-area a {
      color: #5649c0;
      font-weight: 400; }
    .conference-features .center-area a:hover {
      text-decoration: underline !important; }

.conference-features.second-style .conference-post .inner-box {
  background: #5649c0;
  padding: 52px 30px; }

.about-event-box {
  margin-bottom: 100px; }
  .about-event-box h2 {
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e2ef;
    line-height: 60px;
    margin-bottom: 20px; }
    .about-event-box h2 i {
      display: inline-block;
      float: right;
      font-size: 60px; }
  .about-event-box p {
    font-size: 24px;
    margin-bottom: 0; }
  .about-event-box a {
    color: #5649c0;
    margin-bottom: 0; }
  .about-event-box a:hover {
    text-decoration: underline !important; }

    /* =  speaking section */
/*------------------------------------------------- */
section.conference-experience-section {
  padding: 50px 0;
  background-color: #f8efe5; }
  section.conference-experience-section .experience-box {
    margin-bottom: 20px; }
  section.conference-experience-section .statistic-box .statistic-post {
    margin-bottom: 1px; }
    section.conference-experience-section .statistic-box .statistic-post h2 {
      padding-bottom: 1px;
      margin-bottom: 1px;
      color: #2d3034;
      border-bottom: 1px solid #f2be1a; }
    section.conference-experience-section .statistic-box .statistic-post p {
      color: black;
      font-size: 72px;
      margin: 0;
      line-height: 72px; }

/*------------------------------------------------- */

/*------------------------------------------------- */
/* =  services section */
/*------------------------------------------------- */
section.services-section {
  padding: 150px 0 80px;
  border-top: 1px solid #f2be1a; }
  section.services-section .services-box .services-post {
    margin-bottom: 70px; }
    section.services-section .services-box .services-post i {
      float: left;
      color: #f2be1a;
      font-size: 70px; }
    section.services-section .services-box .services-post .services-post-content {
      margin-left: 100px; }
      section.services-section .services-box .services-post .services-post-content h2 {
        color: #5649c0; }
      section.services-section .services-box .services-post .services-post-content ul.service-list {
        padding-left: 25px; }
        section.services-section .services-box .services-post .services-post-content ul.service-list li {
          color:#2d3034 ;
          font-size: 18px;
          font-family: "Lora", serif;
          font-style: italic;
          text-shadow: 0.1px 0.3px #555;
          line-height: 30px;
          padding-left: 10px; }

section.services-section2 {
  padding: 280px 0 20px;
  margin-top: -165px;
  background: url("../images/dev9.png") 0 0 repeat-x; }
  section.services-section2 .title-section p {
    text-align: center;
    max-width: 940px;
    margin: 0 auto; }
  section.services-section2 .services-box .services-post {
    margin-top: 30px;
    padding: 40px 15px;
    text-align: center;
    background: #5649c0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    section.services-section2 .services-box .services-post i {
      color: #2ecc71;
      font-size: 70px;
      margin-bottom: 10px;
      display: inline-block; }
    section.services-section2 .services-box .services-post h2 {
      color: #fff; }
    section.services-section2 .services-box .services-post p {
      color: #c9c4ee; }
  section.services-section2 .services-box .center-area a {
    color: #5649c0;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    margin-top: 30px; }

/*------------------------------------------------- */
/* =  schedule section */
/*------------------------------------------------- */
section.schedule-section {
  background: #2b2b2c; }
  section.schedule-section .schedule-box {
    padding: 100px 0;
    background: url("../images/dev6.png") center top repeat-x; }
    section.schedule-section .schedule-box .title-section h1 {
      margin-bottom: 30px; }
    section.schedule-section .schedule-box .schedule-block {
      padding: 30px;
      margin-top: 30px;
      background: #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px; }
      section.schedule-section .schedule-box .schedule-block h2 {
        color: #4f8130;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #4f8130; }
      section.schedule-section .schedule-box .schedule-block ul.schedule-list li {
        display: block;
        padding-bottom: 20px;
        margin-bottom: 24px;
        border-bottom: 1px solid #e4e2f4; }
        section.schedule-section .schedule-box .schedule-block ul.schedule-list li span.time {
          display: block;
          color: #2ecc71;
          font-size: 18px;
          font-weight: 300;
          font-family: "Rubik", sans-serif;
          margin: 0 0 15px; }
        section.schedule-section .schedule-box .schedule-block ul.schedule-list li img {
          width: 40px;
          height: auto;
          float: left;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        section.schedule-section .schedule-box .schedule-block ul.schedule-list li .schedule-cont {
          margin-left: 70px;
          margin-top: -3px; }
          section.schedule-section .schedule-box .schedule-block ul.schedule-list li .schedule-cont p {
            font-weight: 400;
            margin-bottom: 0;
            line-height: 26px; }
          section.schedule-section .schedule-box .schedule-block ul.schedule-list li .schedule-cont p.schedule-auth {
            font-style: italic;
            font-family: "Lora", serif; }
            section.schedule-section .schedule-box .schedule-block ul.schedule-list li .schedule-cont p.schedule-auth span {
              color: #2d3034;
            text-shadow:0.5px 0.5px #555; }
      section.schedule-section .schedule-box .schedule-block ul.schedule-list li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; }
      section.schedule-section .schedule-box .schedule-block ul.schedule-list li.time-off-item {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 30px; }
        section.schedule-section .schedule-box .schedule-block ul.schedule-list li.time-off-item i {
          display: block;
          float: left;
          font-size: 36px;
          color: #4f8130; }
        section.schedule-section .schedule-box .schedule-block ul.schedule-list li.time-off-item span.time-off {
          display: block;
          color: #4f8130;
          font-size: 18px;
          font-family: "Rubik", sans-serif;
          margin-left: 70px;
          line-height: 36px;
          margin-top: 17px; }
    section.schedule-section .schedule-box .schedule-text-ban {
      text-align: center;
      padding-top: 40px; }
      section.schedule-section .schedule-box .schedule-text-ban p {
        color: #999999;
        margin-bottom: 20px; }
        section.schedule-section .schedule-box .schedule-text-ban p span {
          color: #2ecc71; }
      section.schedule-section .schedule-box .schedule-text-ban a.default-button {
        padding: 11px 60px; }

section.schedule-section2 {
  padding-top: 80px;
  background: #f9fafb; }
  section.schedule-section2 .title-section p {
    max-width: 940px;
    margin: 0 auto 20px;
    text-align: center; }
  section.schedule-section2 .schedule-box .schedule-tabs .nav-tabs {
    border: none;
    justify-content: center; }
    section.schedule-section2 .schedule-box .schedule-tabs .nav-tabs a.nav-item {
      display: inline-block;
      border: none;
      text-align: center;
      background: #2ecc71;
      color: #fff;
      font-size: 18px;
      font-family: "Rubik", sans-serif;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      padding: 12px 30px;
      margin: 0 2px;
      background: #5649c0;
      border: 1px solid transparent;
      border-bottom: none;
      -webkit-border-top-left-radius: 3px;
      -moz-border-top-left-radius: 3px;
      -o-border-top-left-radius: 3px;
      border-top-left-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      -moz-border-top-right-radius: 3px;
      -o-border-top-right-radius: 3px;
      border-top-right-radius: 3px; }
    section.schedule-section2 .schedule-box .schedule-tabs .nav-tabs a[aria-selected="true"] {
      background: #fff;
      color: #5649c0;
      border: 1px solid #e4e2f4;
      border-bottom: none;
      margin-bottom: -1px; }
  section.schedule-section2 .schedule-box .schedule-tabs .tab-content {
    padding: 70px 100px;
    border: 1px solid #e4e2f4;
    background: #fff;
    box-shadow: 0 25px 35px #efefef;
    -webkit-box-shadow: 0 25px 35px #efefef;
    -moz-box-shadow: 0 25px 35px #efefef;
    -o-box-shadow: 0 25px 35px #efefef; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post {
      margin-bottom: 100px;
      position: relative; }
      section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post img {
        width: 70px;
        height: auto;
        float: left;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        margin-top: 38px;
        position: relative;
        z-index: 2; }
      section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post i {
        width: 70px;
        height: 70px;
        display: block;
        background: #5649c0;
        text-align: center;
        line-height: 70px;
        font-size: 36px;
        color: #fff;
        float: left;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        z-index: 2; }
      section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post .schedule-cont {
        margin-left: 100px; }
        section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post .schedule-cont span.time {
          display: block;
          color: #2ecc71;
          font-size: 18px;
          font-weight: 300;
          font-family: "Rubik", sans-serif;
          margin: 0 0 5px; }
        section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post .schedule-cont p.schedule-title {
          color: #2d3034;
          font-weight: 400; }
        section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post .schedule-cont p {
          font-weight: 300;
          margin-bottom: 5px;
          line-height: 26px; }
        section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post .schedule-cont p.schedule-auth {
          font-style: italic;
          font-family: "Lora", serif; }
          section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post .schedule-cont p.schedule-auth span {
            color: #5649c0; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post:after {
      content: '';
      position: absolute;
      top: 80px;
      left: 35px;
      width: 1px;
      height: 260px;
      background: #e4e2f4; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post:before {
      content: '';
      position: absolute;
      bottom: -50px;
      left: 25px;
      width: 20px;
      height: 20px;
      background: #fff;
      border: 1px solid #e4e2f4;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      z-index: 2; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post.time-off-item:before {
      bottom: -100px; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post.time-off-item {
      padding-top: 38px; }
      section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post.time-off-item span.time {
        margin-top: 5px; }
      section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post.time-off-item span.time-off {
        display: block;
        color: #5649c0;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        line-height: 22px; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .row:last-child .schedule-post:after,
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .row:last-child .schedule-post:before {
      display: none; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .center-area a {
      box-shadow: 0 10px 15px #efefef;
      -webkit-box-shadow: 0 10px 15px #efefef;
      -moz-box-shadow: 0 10px 15px #efefef;
      -o-box-shadow: 0 10px 15px #efefef; }

section.schedule-section2.with-back-color {
  background: #2a2a2a; }
  section.schedule-section2.with-back-color .schedule-box {
    background: url("../images/dev6.png") center top repeat-x;
    margin-bottom: -165px;
    margin-top: 2px;
    z-index: 2;
    position: relative; }
    section.schedule-section2.with-back-color .schedule-box .schedule-tabs .tab-content {
      box-shadow: 0 25px 25px rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 25px 25px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 25px 25px rgba(0, 0, 0, 0.05);
      -o-box-shadow: 0 25px 25px rgba(0, 0, 0, 0.05); }

section.schedule-section3 {
  padding: 80px 0 10px; }
  section.schedule-section3 .title-section {
    border-bottom: 1px solid #e4e2f4;
    padding-bottom: 40px; }
  section.schedule-section3 .schedule-box .schedule-block {
    margin-bottom: 75px; }
    section.schedule-section3 .schedule-box .schedule-block h1 {
      color: #5649c0; }
    section.schedule-section3 .schedule-box .schedule-block h2 {
      letter-spacing: -0.5px;
      padding-bottom: 13px;
      margin-bottom: 17px;
      border-bottom: 1px solid #e4e2f4; }
    section.schedule-section3 .schedule-box .schedule-block .schedule-image {
      position: relative; }
      section.schedule-section3 .schedule-box .schedule-block .schedule-image img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
      section.schedule-section3 .schedule-box .schedule-block .schedule-image .hover-box {
        position: absolute;
        bottom: 6px;
        left: 6px; }
        section.schedule-section3 .schedule-box .schedule-block .schedule-image .hover-box .white-box {
          min-width: 270px;
          background: rgba(255, 255, 255, 0.9);
          text-align: center;
          padding: 10px 5px;
          margin-top: 6px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px; }
          section.schedule-section3 .schedule-box .schedule-block .schedule-image .hover-box .white-box p {
            font-family: "Lora", serif;
            font-style: italic;
            font-weight: 400;
            margin-bottom: 0; }
    section.schedule-section3 .schedule-box .schedule-block .schedule-content ul.schedule-list {
      padding-left: 25px; }
      section.schedule-section3 .schedule-box .schedule-block .schedule-content ul.schedule-list li {
        color: #5649c0;
        font-size: 18px;
        font-family: "Lora", serif;
        font-style: italic;
        line-height: 28px;
        padding-left: 10px; }
    section.schedule-section3 .schedule-box .schedule-block .schedule-speakers ul.speaker-list li {
      display: block;
      margin-bottom: 10px;
      overflow: hidden;
      display: flex;
      align-items: center; }
      section.schedule-section3 .schedule-box .schedule-block .schedule-speakers ul.speaker-list li img {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        margin-right: 20px; }
      section.schedule-section3 .schedule-box .schedule-block .schedule-speakers ul.speaker-list li span {
        color: #5649c0;
        margin-bottom: 0;
        letter-spacing: -0.5px;
        line-height: 22px; }

section.agenda-section {
  padding: 100px 0;
  background: #f8efe5; }
  section.agenda-section .article-box {
   
   }
  section.agenda-section .schedule-box {
    padding: 0 10px; }
    section.agenda-section .schedule-box ul.schedule-list li {
      display: block;
      padding: 25px 30px;
      border-bottom: 1px solid #e4e2f4; }
      section.agenda-section .schedule-box ul.schedule-list li span.time {
        display: block;
        color: #4f8130;
        font-size: 19px;
        font-weight: 300;
        font-family: "Rubik", sans-serif;
        margin: 0; }
      section.agenda-section .schedule-box ul.schedule-list li img {
        width: 70px;
        height: auto;
        float: left;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px; }
      section.agenda-section .schedule-box ul.schedule-list li .schedule-cont {
        margin-left: 100px; }
        section.agenda-section .schedule-box ul.schedule-list li .schedule-cont p {
          font-weight: 400;
          margin-bottom: 0;
          line-height: 26px; }
        section.agenda-section .schedule-box ul.schedule-list li .schedule-cont p.schedule-auth {
          font-style: italic;
          font-family: "Lora", serif; }
          section.agenda-section .schedule-box ul.schedule-list li .schedule-cont p.schedule-auth span {
            color: #4f8130; }
    section.agenda-section .schedule-box ul.schedule-list li:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
    section.agenda-section .schedule-box ul.schedule-list li.time-off-item {
      border-bottom: none;
      margin-top: -1px;
      overflow: hidden;
      padding-bottom: 25px; }
      section.agenda-section .schedule-box ul.schedule-list li.time-off-item i {
        width: 70px;
        height: 70px;
        display: block;
        background: #f2be1a;
        text-align: center;
        line-height: 70px;
        font-size: 36px;
        color: #fff;
        float: left;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        position: relative;
        z-index: 2; }
      section.agenda-section .schedule-box ul.schedule-list li.time-off-item span.time-off {
        display: block;
        color: #6c7a89;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        margin-left: 100px;
        line-height: 28px; }
      section.agenda-section .schedule-box ul.schedule-list li.time-off-item span.time {
        margin-left: 100px;
        margin-top: 7px; }

.collapse-box .panel-title {
  margin-bottom: 0; }

.collapse-box .panel-default {
  background: #fff !important;
  border: none;
  margin-bottom: 1px;
  box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); }

.collapse-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
  padding: 60px 40px; }

.collapse-box .panel {
  background: transparent; }

.collapse-box .panel-default > .panel-heading {
  background: transparent;
  border: none;
  padding: 0; }
  .collapse-box .panel-default > .panel-heading a {
    display: block;
    padding: 20px 20px;
    position: relative;
    color: black;
    background: #fff;
    font-size: 24px;
    font-family: "Rubik", sans-serif;
    font-weight: 400 !important;
    line-height: 24px;
    border-bottom: 1px solid #b67203; }
  .collapse-box .panel-default > .panel-heading a:before {
    content: '-';
    position: absolute;
    top: 20px;
    right: 40px;
    width: 24px;
    height: 24px;
    color: #4f8130;
    font-size: 17px;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    border: 1px solid #4f8130;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .collapse-box .panel-default > .panel-heading a.collapsed {
    background: #f2be1a;
    color: #fff; }
  .collapse-box .panel-default > .panel-heading a.collapsed:before {
    content: '+';
    color: #fff;
    border-color: #fff; }


/*------------------------------------------------- */
/* =  speaking section */
/*------------------------------------------------- */
section.speaking-section,
section.speaking-section3 {
  padding: 50px 0; }
  section.speaking-section .speakers-box .speaker-post,
  section.speaking-section3 .speakers-box .speaker-post {
    margin-bottom: 30px;
 }
    section.speaking-section .speakers-box .speaker-post img,
    section.speaking-section3 .speakers-box .speaker-post img {
      width: 255px;
      height: 255px;
      border: 1px solid #f2be1a;
      background-size: cover;
      -webkit-border-top-left-radius: 6px;
      -moz-border-top-left-radius: 6px;
      -o-border-top-left-radius: 6px;
      border-top-left-radius: 6px;
      box-shadow: 5px 2px 5px gray;
      -webkit-border-top-right-radius: 6px;
      -moz-border-top-right-radius: 6px;
      -o-border-top-right-radius: 6px;
      border-top-right-radius: 6px; }
    section.speaking-section .speakers-box .speaker-post .speaker-content,
    section.speaking-section3 .speakers-box .speaker-post .speaker-content {
  
      width: 255px;
      height: 205px;
      background-size: cover;
      padding: 16px 20px 20px;
      border: 1px solid #e4e2f4;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-bottom-left-radius: 6px;
      -o-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px;
      box-shadow: 5px 2px 5px gray;
      -webkit-border-bottom-right-radius: 6px;
      -moz-border-bottom-right-radius: 6px;
      -o-border-bottom-right-radius: 6px;
      border-bottom-right-radius: 6px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
      section.speaking-section .speakers-box .speaker-post .speaker-content h2,
      section.speaking-section3 .speakers-box .speaker-post .speaker-content h2 {
        margin-bottom: 0; }
        section.speaking-section .speakers-box .speaker-post .speaker-content h2 a,
        section.speaking-section3 .speakers-box .speaker-post .speaker-content h2 a {
          color: #2d3034; }
        section.speaking-section .speakers-box .speaker-post .speaker-content h2 a:hover,
        section.speaking-section3 .speakers-box .speaker-post .speaker-content h2 a:hover {
          color: #2ecc71; }
      section.speaking-section .speakers-box .speaker-post .speaker-content span,
      section.speaking-section3 .speakers-box .speaker-post .speaker-content span {
        display: block;
        color: #4f8130;
        font-size: 18px;
        font-style: italic;
        font-family: "Lora", serif;
        margin: 0 0 16px; }
      section.speaking-section .speakers-box .speaker-post .speaker-content ul.social-links li,
      section.speaking-section3 .speakers-box .speaker-post .speaker-content ul.social-links li {
        display: inline-block;
        margin-right: 15px; }
        section.speaking-section .speakers-box .speaker-post .speaker-content ul.social-links li a,
        section.speaking-section3 .speakers-box .speaker-post .speaker-content ul.social-links li a {
          color: #798593;
          font-size: 18px; }
        section.speaking-section .speakers-box .speaker-post .speaker-content ul.social-links li a:hover,
        section.speaking-section3 .speakers-box .speaker-post .speaker-content ul.social-links li a:hover {
          color: #5649c0; }
  section.speaking-section .speakers-box .speaker-post:hover .speaker-content,
  section.speaking-section3 .speakers-box .speaker-post:hover .speaker-content {
    box-shadow: 0 0 40px #e1e1e1;
    -webkit-box-shadow: 0 0 40px #e1e1e1;
    -moz-box-shadow: 0 0 40px #e1e1e1;
    -o-box-shadow: 0 0 40px #e1e1e1; }
  section.speaking-section .speakers-box .speaker-post.second-style,
  section.speaking-section3 .speakers-box .speaker-post.second-style {
    overflow: hidden; }
    section.speaking-section .speakers-box .speaker-post.second-style > a,
    section.speaking-section3 .speakers-box .speaker-post.second-style > a {
      float: left;
      width: 47%; }
    section.speaking-section .speakers-box .speaker-post.second-style img,
    section.speaking-section3 .speakers-box .speaker-post.second-style img {
      -webkit-border-top-right-radius: 0px;
      -moz-border-top-right-radius: 0px;
      -o-border-top-right-radius: 0px;
      border-top-right-radius: 0px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-bottom-left-radius: 6px;
      -o-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px; }
    section.speaking-section .speakers-box .speaker-post.second-style .speaker-content,
    section.speaking-section3 .speakers-box .speaker-post.second-style .speaker-content {
      width: 53%;
      float: left;
      padding: 38px 30px;
      border: 1px solid #e4e2f4;
      -webkit-border-bottom-left-radius: 0px;
      -moz-border-bottom-left-radius: 0px;
      -o-border-bottom-left-radius: 0px;
      border-bottom-left-radius: 0px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-top-right-radius: 6px;
      -o-border-top-right-radius: 6px;
      border-top-right-radius: 6px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
  section.speaking-section .speakers-box .speaker-post.second-style:hover .speaker-content,
  section.speaking-section3 .speakers-box .speaker-post.second-style:hover .speaker-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none; }
  section.speaking-section .speakers-box .speaker-apply,
  section.speaking-section3 .speakers-box .speaker-apply {
    height: 304px;
    border: 1px solid #e4e2f4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 36px 36px 50px;
    display: flex; }
    section.speaking-section .speakers-box .speaker-apply h2,
    section.speaking-section3 .speakers-box .speaker-apply h2 {
      align-self: flex-end; }
      section.speaking-section .speakers-box .speaker-apply h2 a,
      section.speaking-section3 .speakers-box .speaker-apply h2 a {
        color: #5649c0; }

section.speaking-section2 {
  padding: 80px 0;
  background: #2f3032 url("../images/dev7.png") center top repeat-x; }
  section.speaking-section2 .title-section a.default-button {
    margin-top: 20px;
    float: right; }
  section.speaking-section2 .speakers-box .speaker-post {
    margin-bottom: 30px; }
    section.speaking-section2 .speakers-box .speaker-post img {
      width: 100%;
      height: auto;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      border-radius: 6px; }
    section.speaking-section2 .speakers-box .speaker-post .speaker-content {
      padding: 16px 0; }
      section.speaking-section2 .speakers-box .speaker-post .speaker-content h2 {
        margin-bottom: 0; }
        section.speaking-section2 .speakers-box .speaker-post .speaker-content h2 a {
          color: #fff; }
        section.speaking-section2 .speakers-box .speaker-post .speaker-content h2 a:hover {
          color: #5649c0; }
      section.speaking-section2 .speakers-box .speaker-post .speaker-content span {
        display: block;
        color: #2ecc71;
        font-size: 18px;
        font-style: italic;
        font-family: "Lora", serif;
        margin: 0 0 18px; }
      section.speaking-section2 .speakers-box .speaker-post .speaker-content ul.social-links li {
        display: inline-block;
        margin-right: 6px; }
        section.speaking-section2 .speakers-box .speaker-post .speaker-content ul.social-links li a {
          width: 30px;
          height: 30px;
          color: #798593;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          border: 1px solid #798593;
          font-size: 14px;
          line-height: 28px;
          text-align: center; }
        section.speaking-section2 .speakers-box .speaker-post .speaker-content ul.social-links li a:hover {
          background: #798593;
          color: #2ecc71; }
  section.speaking-section2 .speaker-apply {
    height: 304px;
    border: 1px solid #3c3d3f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 36px;
    display: flex; }
    section.speaking-section2 .speaker-apply h2 {
      align-self: flex-end; }
      section.speaking-section2 .speaker-apply h2 a {
        color: #798593; }
      section.speaking-section2 .speaker-apply h2 a:hover {
        opacity: 0.7; }

section.speaking-section2.no-back-image {
  background: #2d3034; }
  section.speaking-section2.no-back-image .title-section p {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center; }

section.speaking-section3 {
  background: #f9fafb; }
  section.speaking-section3 .speakers-box .speaker-post {
    overflow: hidden; }
    section.speaking-section3 .speakers-box .speaker-post > a {
      float: left;
      width: 47%; }
    section.speaking-section3 .speakers-box .speaker-post img {
      -webkit-border-top-right-radius: 0px;
      -moz-border-top-right-radius: 0px;
      -o-border-top-right-radius: 0px;
      border-top-right-radius: 0px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-bottom-left-radius: 6px;
      -o-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px; }
    section.speaking-section3 .speakers-box .speaker-post .speaker-content {
      width: 53%;
      float: left;
      padding: 36px 30px;
      border: 1px solid #e4e2f4;
      -webkit-border-bottom-left-radius: 0px;
      -moz-border-bottom-left-radius: 0px;
      -o-border-bottom-left-radius: 0px;
      border-bottom-left-radius: 0px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-top-right-radius: 6px;
      -o-border-top-right-radius: 6px;
      border-top-right-radius: 6px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
  section.speaking-section3 .speakers-box .speaker-post:hover .speaker-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none; }

section.speaking-single {
  padding: 80px 0; }
  section.speaking-single .single-box .single-image {
    margin-bottom: 40px; }
    section.speaking-single .single-box .single-image a {
      margin-bottom: 60px; }
      section.speaking-single .single-box .single-image a i {
        margin-right: 10px;
        font-size: 12px;
        float: left;
        padding-top: 9px; }
    section.speaking-single .single-box .single-image a:hover {
      color: #2ecc71; }
    section.speaking-single .single-box .single-image img {
      width: 100%;
      height: auto; }
  section.speaking-single .single-box .single-content .single-data {
    margin-bottom: 30px; }
    section.speaking-single .single-box .single-content .single-data h1 {
      margin-bottom: -3px; }
    section.speaking-single .single-box .single-content .single-data span {
      display: inline-block;
      color: #5649c0;
      font-size: 24px;
      font-style: italic;
      font-family: "Lora", serif;
      padding-bottom: 20px;
      margin-bottom: 20px;
      position: relative; }
    section.speaking-single .single-box .single-content .single-data span:after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 70px;
      height: 1px;
      background: #2d3034; }
  section.speaking-single .single-box .single-content h2 {
    font-weight: 300;
    margin-bottom: 20px; }
  section.speaking-single .single-box .single-content .single-connection {
    margin-bottom: 30px; }
    section.speaking-single .single-box .single-content .single-connection ul.social-links {
      margin-bottom: 20px; }
      section.speaking-single .single-box .single-content .single-connection ul.social-links li {
        display: inline-block;
        margin-right: 6px; }
        section.speaking-single .single-box .single-content .single-connection ul.social-links li a {
          width: 30px;
          height: 30px;
          color: #798593;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          border: 1px solid #798593;
          font-size: 14px;
          line-height: 28px;
          text-align: center; }
        section.speaking-single .single-box .single-content .single-connection ul.social-links li a:hover {
          background: #798593;
          color: #2ecc71; }
    section.speaking-single .single-box .single-content .single-connection p span {
      color: #5649c0; }
  section.speaking-single .single-box .single-content .single-skills .skills-progress div.meter {
    height: 6px;
    background: #e4e2f4;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    section.speaking-single .single-box .single-content .single-skills .skills-progress div.meter p {
      height: 100%;
      background: #2ecc71;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px; }


/*------------------------------------------------- */
/* =  clients section */
/*------------------------------------------------- */
section.clients-section,
section.clients-section2,
section.clients-section3 {
  padding: 100px 0;
  border-top: 1px solid #f2be1a; }
  section.clients-section .client-box ul.client-list,
  section.clients-section2 .client-box ul.client-list,
  section.clients-section3 .client-box ul.client-list {
    overflow: hidden; padding-top: 15px; }
    section.clients-section .client-box ul.client-list li,
    section.clients-section2 .client-box ul.client-list li,
    section.clients-section3 .client-box ul.client-list li {
      list-style: none;
      float: left;
      width: 33%; }
      section.clients-section .client-box ul.client-list li a,
      section.clients-section2 .client-box ul.client-list li a,
      section.clients-section3 .client-box ul.client-list li a {
        display: inline-block;
        width: 100%;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 18px;
        padding-left: 18px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid transparent;
        color: #5649c0;
        font-size: 24px;
        font-family: "Rubik", sans-serif;
        font-weight: 400;
        line-height: 26px; }
        section.clients-section .client-box ul.client-list li a img,
        section.clients-section2 .client-box ul.client-list li a img,
        section.clients-section3 .client-box ul.client-list li a img {
          max-width: 100%;
          max-height: 100%;
          padding-bottom: 20px;
          transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out; }
      section.clients-section .client-box ul.client-list li a:hover,
      section.clients-section2 .client-box ul.client-list li a:hover,
      section.clients-section3 .client-box ul.client-list li a:hover {
        border: 1px solid #e4e2f4;
        box-shadow: 0 10px 30px #efefef;
        -webkit-box-shadow: 0 10px 30px #efefef;
        -moz-box-shadow: 0 10px 30px #efefef;
        -o-box-shadow: 0 10px 30px #efefef; }

section.clients-section2 .client-box ul.client-list li {
  min-height: 440px;
  text-align: center; }
  section.clients-section2 .client-box ul.client-list li a {
    margin-bottom: 30px; }
  section.clients-section2 .client-box ul.client-list li .client-cont {
    padding: 0 15px; }
    section.clients-section2 .client-box ul.client-list li .client-cont h2 {
      color: #5649c0;
      margin-bottom: 0; }
    section.clients-section2 .client-box ul.client-list li .client-cont span {
      display: inline-block;
      color: #949ea9;
      font-size: 18px;
      font-family: "Lora", serif;
      font-style: italic;
      margin: 0 0 13px; }

section.clients-section2 .center-button a.default-button {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.14); }

section.clients-section3 .title-section p {
  max-width: 940px;
  margin: 0 auto 20px;
  text-align: center; }

section.clients-section3 .client-box ul.client-list li {
  width: 16.6666%;
  margin-bottom: 10px; }
  section.clients-section3 .client-box ul.client-list li a {
    margin-bottom: 30px;
    padding: 0 20px; }
    section.clients-section3 .client-box ul.client-list li a img {
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }

section.clients-section3 .center-button a.default-button {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.14); }

section.clients-section.with-article {
  padding: 50px 0; }
  section.clients-section.with-article .client-box ul.client-list li {
    width: 50%; }
  section.clients-section.with-article .article-box {
    margin-top: 60px; }
    section.clients-section.with-article .article-box a.default-button:before,
    section.clients-section.with-article .article-box a.default-button:after {
      display: none; }







/*------------------------------------------------- */
/* =  Footer */
/*------------------------------------------------- */
footer {
  padding-top: 76px;
  background: #c4ac8f; }
  footer .up-footer .row {
    display: flex;
    justify-content: center;
  }
  footer .up-footer .footer-widget {
    margin-bottom: 60px;}
    footer .up-footer .footer-widget h2 {
      color: #fff;
      font-weight: 500;
      font-size: 30px;
      margin-bottom: 38px;
      margin-left: 100px; }
    footer .up-footer .footer-widget p {
      color: #fff;
      margin-bottom: 24px;
      font-size: 20px;
      margin-left: 100px;
     }
      footer .up-footer .footer-widget ul.social-icons {
        margin-left: 100px;
      }
    footer .up-footer .footer-widget ul.social-icons li {
      display: inline-block;
      margin-right: 8px; }
      footer .up-footer .footer-widget ul.social-icons li a {
        color: #fff;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        background: transparent;
        font-size: 20px; }
      footer .up-footer .footer-widget ul.social-icons li a.facebook {
        background: #3c43d4; }
      footer .up-footer .footer-widget ul.social-icons li a.twitter {
        background: #3c84d4; }
      footer .up-footer .footer-widget ul.social-icons li a.linkedin {
        background: #3c63d4; }
      footer .up-footer .footer-widget ul.social-icons li a.instagram {
        background: #b64e9c; }
      footer .up-footer .footer-widget ul.social-icons li a.youtube {
        background: #ea4040; }
      footer .up-footer .footer-widget ul.social-icons li a:hover {
        opacity: 0.7; }
    footer .up-footer .footer-widget form.subscribe {
      margin: 0; }
      footer .up-footer .footer-widget form.subscribe input[type="text"] {
        padding: 12px 20px;
        border: none;
        outline: none;
        background: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        width: 100%;
        color: #fff;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
        margin: 0 0 20px; }
      footer .up-footer .footer-widget form.subscribe input[type="submit"] {
        color: #fff;
        font-size: 18px;
        font-family: "Rubik", sans-serif;
        text-transform: uppercase;
        padding: 13px 30px 12px;
        background: #2ecc71;
        font-weight: 400;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
        outline: none;
        border: none; }
      footer .up-footer .footer-widget form.subscribe input[type="submit"]:hover {
        color: #5649c0;
        background: #fff; }
  footer p.copyright-line {
    text-align: center;
    font-size: 13px;
    font-style: italic;
    padding: 30px 0;
    color: #fff;
    border-top: 1px solid #f2be1a;
    margin-bottom: 0; }

footer.second-style {
  padding-top: 50px;
  text-align: center;
  background: #2a2a2a; }
  footer.second-style ul.social-icons {
    margin-bottom: 20px; }
    footer.second-style ul.social-icons li {
      display: inline-block;
      margin-right: 8px; }
      footer.second-style ul.social-icons li a {
        color: #fff;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        background: transparent;
        font-size: 20px; }
      footer.second-style ul.social-icons li a.facebook {
        background: #3c43d4; }
      footer.second-style ul.social-icons li a.twitter {
        background: #3c84d4; }
      footer.second-style ul.social-icons li a.linkedin {
        background: #3c63d4; }
      footer.second-style ul.social-icons li a.instagram {
        background: #b64e9c; }
      footer.second-style ul.social-icons li a.youtube {
        background: #ea4040; }
      footer.second-style ul.social-icons li a:hover {
        opacity: 0.7; }
  footer.second-style p.copyright-line {
    border-top: none; }

footer.third-style {
  padding: 0;
  background: #f9fafb;
  border-top: 1px solid #ecebf3; }
  footer.third-style p.copyright-line {
    border-top: none; }

    * {
      box-sizing: border-box;
    }
    
    /* Position the image container (needed to position the left and right arrows) */
    .container {
      position: relative;
    }
    
    /* Hide the images by default */
    .mySlides {
      display: none;
    }
    
    /* Add a pointer when hovering over the thumbnail images */
    .cursor {
      cursor: pointer;
    }
    
    /* Next & previous buttons */
    .prev,
    .next {
      cursor: pointer;
      position: absolute;
      top: 40%;
      width: auto;
      padding: 16px;
      margin-top: -50px;
      color: yellow;
      font-weight: bold;
      font-size: 20px;
      border-radius: 0 3px 3px 0;
      user-select: none;
      -webkit-user-select: none;
    }
    
    /* Position the "next button" to the right */
    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
      background-color: rgba(212, 137, 25, 0.78);
    }
    .prev {
      background-color: rgba(212, 137, 25, 0.78);
    }
    
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
      background-color: rgba(212, 137, 25, 0.78);
    }
    
    /* Number text (1/3 etc) */
    .numbertext {
      color: #f2f2f2;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
    }
    
    /* Container for image text */
    .caption-container {
      text-align: center;
      background-color: rgba(212, 137, 25, 0.78);
      padding: 2px 16px;
      color: white;
    }
    
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    
    /* Six columns side by side */
    .column {
      float: left;
      width: 16.66%;
    }
    
    /* Add a transparency effect for thumnbail images */
    .demo {
      opacity: 0.6;
    }
    
    .active,
    .demo:hover {
      opacity: 1;
    }
    /*--------------------------------------------------------------
# Speakers Section
--------------------------------------------------------------*/

#speakers {
  padding: 60px 0 30px 0;
}

#speakers .speaker {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

#speakers .speaker .details {
  background: rgb(196,172,143, 0.76);
  position: absolute;
  left: 0;
  bottom: -30px;
  right: 0;
  text-align: center;
  padding-top: 10px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#speakers .speaker .details h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}

#speakers .speaker .details p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  font-style: italic;
}

#speakers .speaker .details .social {
  height: 30px;
}

#speakers .speaker .details a {
  color: #fff;
}

#speakers .speaker .details a:hover {
  color: #f2be1a;
}

#speakers .speaker:hover .details {
  bottom: 0;
}

#speakers-details {
  padding: 60px 0;
}

#speakers-details .details h2 {
  color: #112363;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

#speakers-details .details .social {
  margin-bottom: 15px;
}

#speakers-details .details .social a {
  background: #e9edfb;
  color: #112363;
  line-height: 1;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding-top: 9px;
}

#speakers-details .details .social a:hover {
  background: #f2be1a;
  color: #fff;
}

#speakers-details .details .social a i {
  font-size: 18px;
}

#speakers-details .details p {
  color: #112363;
  font-size: 15px;
  margin-bottom: 10px;
}
/*--------------------------------------------------------------
# Sponsors Section
--------------------------------------------------------------*/

#sponsors {
  padding: 60px 0;
  background: #f8efe5;
}

#sponsors .sponsors-wrap {
  border-top: 1px solid #e0e5fa;
  border-left: 1px solid #e0e5fa;
  margin-bottom: 30px;
}

#sponsors .sponsor-logo {
  padding: 30px;
  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;
  border-right: 1px solid #e0e5fa;
  border-bottom: 1px solid #e0e5fa;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
  height: 160px;
}

#sponsors .sponsor-logo:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#sponsors img {
  transition: all 0.4s ease-in-out;
}
/*-------------------------------------------------*/
/* =  Responsive Part
/*-------------------------------------------------*/
@media (max-width: 1450px) {
  .paragraph, section.register-section .register-box #register-form .subcribe-bx span, .article-box span, a.more-btn, .conference-features .center-area a, .about-event-box a, section.schedule-section3 .schedule-box .schedule-block .schedule-speakers ul.speaker-list li span, section.speaking-single .single-box .single-image a, section.blog-section .blog-box .blog-post span.date-comments, section.blog-section .blog-box .blog-post ul.post-tags li, .pagination-box a.prev,
  .pagination-box a.next, section.news-section .news-box .news-post span, section.news-section2 .blog-post span.date-comments, p,
  a.default-button,
  section.reg-sub-section .inner-reg-sub .register-box a,
  section.reg-sub-section .inner-reg-sub .register-box1 form.subscribe input[type="submit"],
  section.reg-sub-section .inner-reg-sub .register-box1 form.subscribe input[type="text"],
  section.services-section .services-box .services-post .services-post-content ul.service-list li,
  section.speaking-section .speakers-box .speaker-post .speaker-content span,
  section.speaking-section3 .speakers-box .speaker-post .speaker-content span,
  section.pricing-section .pricing-box .table-box ul.pricing-list li,
  section.contact-section .contact-post .contact-post-content span,
  section.contact-section .contact-post .contact-post-content p,
  footer .up-footer .footer-widget form.subscribe input[type="text"],
  footer .up-footer .footer-widget form.subscribe input[type="submit"],
  section.speaking-section2 .speakers-box .speaker-post .speaker-content span,
  section.event-banner-section .subscribe-banner-box form.subscribe input[type="text"],
  section.event-banner-section .subscribe-banner-box form.subscribe input[type="submit"],
  section.event-banner-section3 .subscribe-banner-box form.subscribe input[type="text"],
  section.event-banner-section3 .subscribe-banner-box form.subscribe input[type="submit"],
  section.pricing-section3 .table-box ul.pricing-list li,
  section.contact-section4 form.join-newsletter input[type="text"],
  section.contact-section4 form.join-newsletter input[type="submit"],
  section.register-section .register-box #register-form label,
  section.register-section .register-box #register-form input[type="text"],
  section.register-section .register-box #register-form select,
  section.register-section .register-box #register-form input[type="submit"],
  section.subscribe-section .register-box1 input[type="text"],
  section.subscribe-section .register-box1 input[type="submit"],
  .title-section span.italic-style,
  section.schedule-section2 .schedule-box .schedule-tabs .nav-tabs a.nav-item,
  section.schedule-section3 .schedule-box .schedule-block .schedule-content ul.schedule-list li,
  section.pricing-section2 .pricing-box .table-box .list-tab ul.pricing-list li,
  section.blog-section .blog-box .blog-post a.continue-read,
  .sidebar .popular-widget ul.popular-list li .side-content h2,
  .sidebar .category-widget ul li a,
  .sidebar .search-widget input[type="search"],
  .comment-area-box > ul li .comment-box .comment-content h4,
  .comment-area-box > ul li .comment-box .comment-content a,
  .contact-form-box #comment-form input[type="text"], .contact-form-box #comment-form textarea,
  .contact-form-box #comment-form input[type="submit"],
  section.clients-section2 .client-box ul.client-list li .client-cont span,
  section.contact-section2 .contact-box .places-box .places-post a,
  section.contact-section2 #contact-form label,
  section.contact-section2 #contact-form input[type="text"], section.contact-section2 #contact-form textarea,
  section.contact-section2 #contact-form input[type="submit"],
  section.contact-section2 .contact-box .contact-info ul.social-icons li a,
  section.contact-section3 #contact-form input[type="text"], section.contact-section3 #contact-form textarea,
  section.contact-section3 #contact-form input[type="submit"],
  section.news-section2 .blog-post a.continue-read {
    font-size: 15px; }
  .heading2, section.promo-banner-section .promo-banner-box span, section.promo-banner-section2 .promo-banner-box span, section.promo-banner-section3 .promo-banner-box span, h2,
  section.contact-section .contact-info .inner-contact-info p,
  .collapse-box .panel-default > .panel-heading a,
  .title-section span,
  section.speaking-single .single-box .single-content .single-data span,
  .about-event-box p {
    font-size: 20px; }
  .heading1, h1 {
    font-size: 36px;
    line-height: 44px; }
  section.pricing-section .pricing-box .table-box p span,
  section.pricing-section3 .table-box p span,
  section.pricing-section2 .pricing-box .table-box .price-tab p span {
    font-size: 50px; }
  .navbar-nav > li > a {
    font-size: 15px;
    padding-left: 16px !important;
    padding-right: 16px !important; }
  section.event-promo-section .event-center h1,
  section.promo-banner-section .promo-banner-box h1,
  section.promo-banner-section2 .promo-banner-box h1,
  section.promo-banner-section3 .promo-banner-box h1 {
    font-size: 60px;
    line-height: 72px;}
  section.event-promo-section .event-center .event-date p {
    font-size: 24px; }
    section.event-promo-section .event-center .event-date p span {
      font-size: 60px;
      line-height: 62px; }
  section.reg-sub-section .inner-reg-sub {
    padding-left: 30px; }
  .sidebar .popular-widget ul.popular-list li .side-content span {
    font-size: 13px; }
  section.contact-section3 .contact-box .contact-info p {
    font-size: 18px; }
  section.reg-sub-section .inner-reg-sub .register-box1 form.subscribe input[type="text"] {
    margin-bottom: 5px; }
  section.services-section2 .services-box .services-post i,
  .conference-features .conference-post .inner-box i {
    font-size: 56px; }
  .about-event-box h2 {
    line-height: 40px;
    margin-bottom: 13px; }
    .about-event-box h2 i {
      font-size: 40px; }  }


      @media screen and (min-width:641px) {
        .navbar a.navbar-brand img {
           margin-left: 200px;
           padding: 0px 0px;
        }
        section.speaking-section3 .speakers-box .speaker-post .speaker-content {
          display: flex;
          justify-content: center;
          align-items: center;
        }
        }

@media (max-width: 1199px) {
  .navbar-nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .navbar a.default-button {
    padding: 10px 20px; }
  section.reg-sub-section .inner-reg-sub .register-box,
  section.reg-sub-section .inner-reg-sub .register-box1 {
    padding: 80px 40px; }
  section.services-section .services-box .services-post i {
    font-size: 50px; }
  section.services-section .services-box .services-post .services-post-content {
    margin-left: 70px; }
  ul.social-icons li {
    margin-bottom: 3px; }
  header.second-style .navbar-nav > li > a,
  header.third-style .navbar-nav > li > a {
    padding: 40px 15px !important; }
  .blog-section .title-section img {
    max-width: 100%; } }

@media (max-width: 991px) {
  .navbar a.navbar-brand {
    padding-top: 15px; }
  .navbar a.default-button {
    display: none; }
  .navbar-collapse {
    background: #2d3034 !important;
    padding: 10px 0;
    max-height: 300px;
    overflow-y: scroll; }
  .navbar-dark .navbar-toggler {
    outline: none; }
  .navbar-toggle {
    margin-top: 20px; }
  .navbar-nav > li > a {
    padding: 5px 15px !important;
    font-size: 17px; }
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a.active {
    color: #f2be1a !important; }
  .navbar-nav > li.active > a:before {
    display: none !important; }
  .dropdown {
    position: relative;
    width: 100%;
    top: initial;
    left: initial;
    margin-top: 0;
    background: transparent;
    border: none;
    opacity: 1;
    visibility: visible;
    padding-left: 10px; }
    .dropdown li {
      border: none; }
      .dropdown li a {
        color: #fff;
        background: transparent !important;
        padding: 8px 15px; }
  header.second-style .navbar {
    padding: 20px 15px; }
    header.second-style .navbar .navbar-collapse {
      background: transparent !important; }
    header.second-style .navbar .navbar-nav > li > a {
      padding: 5px 0 !important; }
    header.second-style .navbar .dropdown li a {
      color: #6c7a89; }
  header.third-style .navbar-nav > li > a {
    padding: 5px 15px !important; }
  section.reg-sub-section {
    margin-top: 0; }
    section.reg-sub-section .inner-reg-sub {
      padding: 0 15px;
      background-color: white; }
      section.reg-sub-section .inner-reg-sub .register-box {
        float: none;
        width: 100%;
        background: wheat;
        padding: 80px 30px; }
      section.reg-sub-section .inner-reg-sub .register-box1 {
        float: none;
        width: 100%;
        margin: 0;
        padding: 80px 30px; }
  section.event-banner-section .button-banner-box,
  section.event-banner-section2 .button-banner-box {
    text-align: left; }
  section.clients-section .client-box ul.client-list li,
  section.clients-section2 .client-box ul.client-list li,
  section.clients-section3 .client-box ul.client-list li {
    width: 33.33333%; }
  section.contact-section .contact-info {
    margin-top: 20px; }
  section.agenda-section .schedule-box {
    padding: 0;
    margin-bottom: 50px; }
  section.contact-section4 ul.social-icons {
    margin-bottom: 40px; }
  section.speaking-section2 .title-section a.default-button {
    float: none;
    margin-bottom: 40px; }
  section.schedule-section3 .schedule-box .schedule-block .schedule-speakers {
    margin-top: 30px; }
  section.gallery-section ul.gallery-list li {
    width: 33.3333%; }
    section.gallery-section-1 ul.gallery-list li {
      width: 100%; }
  .sidebar {
    padding-left: 0;
    padding-top: 50px; }
  section.blog-section .blog-box.iso-call .blog-post {
    width: 50%; }
  .article-box.with-margin-top {
    padding-top: 0;
    padding-left: 0; } }

@media (max-width: 767px) {
  section.speaking-section .speakers-box .speaker-post,
  section.speaking-section3 .speakers-box .speaker-post{
    padding-left: 100px;
  }
  .comment-area-box ul.depth .comment-box {
    padding-left: 0; }
  ul.depth {
    padding-left: 0; }
  section.clients-section .client-box ul.client-list li,
  section.clients-section2 .client-box ul.client-list li,
  section.clients-section3 .client-box ul.client-list li {
    width: 50%; }
  section.event-promo-section .event-center .event-date {
    text-align: center;
    border: none; }
    section.event-promo-section .event-center .event-date p {
      font-size: 18px; }
      section.event-promo-section .event-center .event-date p span {
        font-size: 48px;
        line-height: 50px; }
  section.event-promo-section .event-center h1 {
    text-align: center; }
  section.about-section .video-box iframe {
    height: 300px; }
  section.contact-section .contact-info {
    margin-top: 0px;
    margin-bottom: -80px; }
  section.about-conference-section .images-box {
    text-align: center; }
  section.about-conference-section .images-box img:first-child,
  section.about-conference-section .images-box.second-style img:first-child {
    float: none;
    margin-bottom: 30px; }
  section.about-conference-section .images-box img:last-child,
  section.about-conference-section .images-box.second-style img:last-child {
    margin: 0; }
  .collapse-box .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 30px 15px; }
  section.agenda-section .schedule-box ul.schedule-list li {
    padding: 15px; }
  section.schedule-section2 .schedule-box .schedule-tabs .nav-tabs a.nav-item {
    padding: 10px;
    font-size: 13px;
    margin: 0 1px 0 0; }
  section.schedule-section2 .schedule-box .schedule-tabs .tab-content {
    padding: 40px 30px; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post {
      margin-bottom: 30px; }
    section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post.time-off-item {
      padding-top: 0; }
  section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post:before,
  section.schedule-section2 .schedule-box .schedule-tabs .tab-content .schedule-post:after {
    display: none; }
  section.schedule-section3 .schedule-box .schedule-block .schedule-image {
    margin-bottom: 30px; } }

@media (max-width: 570px) {
  section.clients-section .clients-box ul.clients-list li {
    width: 50%; }
  section.event-promo-section .event-center h1, section.promo-banner-section .promo-banner-box h1,
  section.promo-banner-section2 .promo-banner-box h1,
  section.promo-banner-section3 .promo-banner-box h1 {
    font-size: 48px;
    line-height: 56px; }
  .conference-features .conference-post {
    width: 100%; }
  section.speaking-section3 .speakers-box .speaker-post a,
  section.speaking-section3 .speakers-box .speaker-post .speaker-content,
  section.speaking-section .speakers-box .speaker-post.second-style .speaker-content,
  section.speaking-section .speakers-box .speaker-post.second-style > a {
    float: none;
    width: 100%; }
  section.schedule-section2 .schedule-box .schedule-tabs .nav-tabs a.nav-item {
    padding: 10px 5px;
    font-size: 12px; }
  section.schedule-section2 .schedule-box .schedule-tabs .tab-content {
    padding: 40px 0px;
    border-left: none;
    border-right: none;
    background: transparent; }
  section.schedule-section2.with-back-color .schedule-box .schedule-tabs .tab-content {
    background: #fff; }
  section.gallery-section ul.gallery-list li {
    width: 50%; }
  section.blog-section .blog-box.iso-call .blog-post,
  section.blog-section .blog-box.iso-call.with-sidebar .blog-post {
    width: 100%; } }

@media (max-width: 480px) {
  section.about-section .video-box iframe {
    height: 200px; }
  section.clients-section .client-box ul.client-list li,
  section.clients-section2 .client-box ul.client-list li,
  section.clients-section3 .client-box ul.client-list li,
  section.clients-section.with-article .client-box ul.client-list li {
    width: 100%; }
  section.gallery-section ul.gallery-list li {
    width: 100%;
    margin-left: 20px; } }

    /*===== Testimonial =====*/
.dtr-testimonial {padding-top: 40px; padding-bottom: 50px;}    
.dtr-testimonial-content { position: relative; font-size: 24px; line-height: 40px; padding: 0 30px; }
.dtr-testimonial-content::before, .dtr-testimonial-content::after { content: "\""; display: inline-block; color:#f2be1a; font-size: 48px; font-weight: bold; }
/* client info */
.dtr-client-info { position: relative; display: table; margin-top: 40px; text-align: left; }
.text-center .dtr-client-info { margin: 40px auto 0 auto; }
.dtr-testimonial-user, .dtr-testimonial-user-info { display: table-cell; vertical-align: middle; }
.dtr-testimonial-user-info { padding-left: 15px; }
.dtr-client-name { margin: 5px 0 0 0; color:black; line-height: 1em;font-size: 40px; }
.dtr-client-job { display: block;font-size: 25px; }
.dtr-testimonial-user { width: 80px; height: 80px; }
.dtr-testimonial-user img { width: 100px; height: 100px; border-radius: 50%; }

html {
  zoom: 0.8; /* Old IE only */
  -moz-transform: scale(0.8);
}