/*=== MEDIA QUERY ===*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Roboto:300,400,500,700");

.bg-title {
  background: url(../images/background/page-title-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

.overlay-dark:before {
  content: '';
  background: -webkit-linear-gradient(-45deg, #1e5799 0%, #1d1546 0%, #1a0b25 100%, #207cca 100%);
  opacity: .75;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}

.page-title {
  text-align: center;
}

.page-title {
  position: relative;
  padding: 165px 0 65px;
}

.page-title h3, .page-title li, .page-title a {
  color: #fff;
}

.page-title .title h3 {
  font-weight: 500;
  text-transform: uppercase;
}

.page-title .breadcrumb {
  background: transparent;
}

.page-title .breadcrumb .breadcrumb-item {
  float: none;
  display: inline-block;
  text-transform: uppercase;
}

.page-title .breadcrumb .breadcrumb-item.active {
  color: #fff;
}

.page-title .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\f105";
  font-family: FontAwesome;
  color: #fff;
}

.section-title {
  margin-top: 25px;
  text-align: center;
  margin-bottom: 40px;
}

.section-title h3 {
  margin-bottom: 20px;
}

.section-title.white h3, .section-title.white p {
  color: #fff;
}

span.alternate {
  color: #013469;
  font-style: italic;
  font-weight: 400;
}

ul.social-links {
  margin-bottom: 0;
}

ul.social-links li:first-child a {
  padding-left: 0;
}

ul.social-links li a {
  padding: 0 15px;
  display: block;
}

ul.social-links li a i {
  font-size: 20px;
  color: #222222;
}

.shadow, .speakers.white .speaker-item:hover, .schedule.two .schedule-contents, .sponsors .block .image-block:hover, ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination .active a, .news-hr .news-post-hr:hover, .testimonial .testimonial-item .comment:hover {
  box-shadow: 0px 0px 30px 0px rgba(11, 29, 66, 0.15);
}

.bg-speaker {
  background: url(../images/background/spaeker-background.jpg) fixed no-repeat;
  background-size: cover;
  background-position: center center;
}

.speakers {
  position: relative;
}

.speakers.white .speaker-item {
  background: #fff;
  border: 1px solid #e5e5e5;
}

.speakers .speaker-item {
  background: #eae9ec;
  padding: 7px;
  margin-bottom: 30px;
}

.speakers .speaker-item .image {
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 575px) {
  .speakers .speaker-item .image img {
    width: 100% !important;
  }
}

.speakers .speaker-item .image .primary-overlay {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #013469;
  opacity: .85;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.speakers .speaker-item .image .socials {
  position: absolute;
  top: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

.speakers .speaker-item .image .socials ul {
  width: 50%;
}

@media (max-width: 1200px) {
  .speakers .speaker-item .image .socials ul {
    width: 100%;
    text-align: center;
    padding: 0 20px;
  }
}

.speakers .speaker-item .image .socials ul li.list-inline-item:not(:last-child) {
  margin-right: 7px;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .speakers .speaker-item .image .socials ul li.list-inline-item:not(:last-child) {
    margin-right: 5px;
    margin-left: 5px;
  }
}

@media (max-width: 1200px) {
  .speakers .speaker-item .image .socials ul li.list-inline-item:last-child {
    margin-right: 5px;
    margin-left: 5px;
  }
}

.speakers .speaker-item .image .socials ul li a {
  display: block;
  height: 50px;
  width: 50px;
  text-align: center;
  border: 1px solid #fff;
}

.speakers .speaker-item .image .socials ul li a i {
  font-size: .9375rem;
  color: #fff;
  line-height: 50px;
}

.speakers .speaker-item .image .socials ul li a:hover {
  background: #fff;
}

.speakers .speaker-item .image .socials ul li a:hover i {
  color: #222222;
}

.speakers .speaker-item .image:hover .primary-overlay {
  top: 0;
}

.speakers .speaker-item .image:hover .socials {
  top: 0;
}

.speakers .speaker-item .content h5 a {
  font-size: 22px;
  color: #222222;
  font-weight: 400;
  margin-bottom: 0;
}

.speakers .speaker-item .content h5 a:hover {
  color: #013469;
}

.speakers .speaker-item .content p {
  font-size: 0.875rem;
  margin-bottom: 5px;
}

.single-speaker .block {
  padding-bottom: 70px;
  border-bottom: 1px solid #e5e5e5;
}

.single-speaker .block .image-block {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 6px;
}

.single-speaker .block .image-block img {
  width: 100%;
}

@media (max-width: 767px) {
  .single-speaker .block .image-block {
    margin-bottom: 30px;
  }
}

.single-speaker .block .content-block .name h3 {
  font-weight: 400;
}

.single-speaker .block .content-block .profession {
  margin-bottom: 20px;
}

.single-speaker .block .content-block .profession p {
  color: #013469;
  font-size: 0.9375rem;
}

.single-speaker .block .content-block .details {
  margin-bottom: 35px;
}

.single-speaker .block .content-block .details p {
  font-size: 0.9375rem;
}

.single-speaker .block .content-block .details p:not(:last-child) {
  margin-bottom: 35px;
}

.single-speaker .block .content-block .social-profiles h5 {
  font-weight: 400;
  margin-bottom: 25px;
}

.single-speaker .block .content-block .social-profiles ul.social-list li a {
  display: block;
  height: 40px;
  width: 40px;
  background: #fff;
  border: 1px solid #e5e5e5;
  text-align: center;
}

.single-speaker .block .content-block .social-profiles ul.social-list li a i {
  line-height: 40px;
}

.single-speaker .block .content-block .social-profiles ul.social-list li a:hover {
  background: #013469;
  border: 1px solid #013469;
  color: #fff;
}

.single-speaker .block-2 {
  padding-top: 70px;
  padding-bottom: 10px;
}

.single-speaker .block-2 h3, .single-speaker .block-2 p, .single-speaker .block-2 li {
  font-size: 0.9375rem;
}

.single-speaker .block-2 .personal-info h5, .single-speaker .block-2 .skills h5 {
  font-weight: 400;
  margin-bottom: 15px;
}

.single-speaker .block-2 .personal-info p, .single-speaker .block-2 .skills p {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .single-speaker .block-2 .personal-info {
    margin-bottom: 30px;
  }
}

.single-speaker .block-2 .personal-info ul li {
  position: relative;
  list-style: none;
  margin-left: 25px;
}

.single-speaker .block-2 .personal-info ul li:not(:last-child) {
  margin-bottom: 5px;
}

.single-speaker .block-2 .personal-info ul li:before {
  position: absolute;
  left: -25px;
  content: "\f10c";
  font-family: FontAwesome;
  color: #013469;
}

.single-speaker .block-2 .skills .skill-bar {
  margin-bottom: 20px;
}

.single-speaker .block-2 .skills .skill-bar p {
  margin-bottom: 5px;
}

.single-speaker .block-2 .skills .skill-bar .progress {
  border-radius: 0;
  overflow: visible;
}

.single-speaker .block-2 .skills .skill-bar .progress .progress-bar {
  background-color: #013469;
}

.single-speaker .block-2 .skills .skill-bar .progress .progress-bar span {
  font-family: "Montserrat", sans-serif;
  float: right;
  margin-top: -20px;
  color: #222222;
}

.speakers-full-width {
  overflow: hidden;
}

.speakers-full-width .speaker-slider .speaker-image {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.speakers-full-width .speaker-slider .speaker-image img {
  width: 100%;
}

.speakers-full-width .speaker-slider .speaker-image .primary-overlay {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #013469;
  opacity: .85;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.speakers-full-width .speaker-slider .speaker-image .primary-overlay h5, .speakers-full-width .speaker-slider .speaker-image .primary-overlay p, .speakers-full-width .speaker-slider .speaker-image .primary-overlay i {
  color: #fff;
}

.speakers-full-width .speaker-slider .speaker-image .primary-overlay h5, .speakers-full-width .speaker-slider .speaker-image .primary-overlay p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.speakers-full-width .speaker-slider .speaker-image .primary-overlay h5 {
  padding-top: 25%;
  margin-bottom: 10px;
}

.speakers-full-width .speaker-slider .speaker-image .primary-overlay h5, .speakers-full-width .speaker-slider .speaker-image .primary-overlay ul, .speakers-full-width .speaker-slider .speaker-image .primary-overlay p {
  -webkit-transition: .7s ease;
  transition: .7s ease;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  opacity: 0;
}

.speakers-full-width .speaker-slider .speaker-image .primary-overlay p {
  margin-bottom: 10px;
}

.speakers-full-width .speaker-slider .speaker-image .primary-overlay ul .list-inline-item:not(:last-child) {
  margin-right: 10px;
}

.speakers-full-width .speaker-slider .speaker-image:hover .primary-overlay {
  top: 0;
}

.speakers-full-width .speaker-slider .speaker-image:hover .primary-overlay h5, .speakers-full-width .speaker-slider .speaker-image:hover .primary-overlay p, .speakers-full-width .speaker-slider .speaker-image:hover .primary-overlay ul {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.speakers-full-width .speaker-slider .slick-prev {
  left: 60px;
}

.speakers-full-width .speaker-slider .slick-prev:before {
  content: '\f104';
}

.speakers-full-width .speaker-slider .slick-next {
  right: 60px;
}

.speakers-full-width .speaker-slider .slick-next:before {
  content: '\f105';
}

.speakers-full-width .speaker-slider .slick-prev, .speakers-full-width .speaker-slider .slick-next {
  background: #fff;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  z-index: 100;
}

.speakers-full-width .speaker-slider .slick-prev:hover:before, .speakers-full-width .speaker-slider .slick-next:hover:before {
  color: #013469;
}

.speakers-full-width .speaker-slider .slick-prev:before, .speakers-full-width .speaker-slider .slick-next:before {
  color: #013469;
  font-family: FontAwesome;
}