/* Bg Color */

body {
  font-family: "Open Sans" !important;
  font-family: "Open Sans, Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.42857143 ;
  color: #1e1768 ;
  background-color: #f1f1f1;
}

    /*  Icon for closing mobile menu */

    * {
  margin: 0;
  padding: 0;
}

/* Header Parallax */
.carousel-inner{
    max-height: none;
}
.main_header_item {
    background-color: #e22148;
    background: url(img/slide1.jpg);
    background-repeat: no-repeat;
    height: 500px;
    /*height: 90vh;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    min-height: 500px;
    position: relative;

}

/* About BG */

.stay_informed {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Stay Informed */

.about_img {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}



.btn-default:hover {

    border-color: rgba(255,255,255,1);
}

/* Icon 1 */

div#nav-icon3 {
    margin-right: 20px;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 35px;
  height: 30px;
  position: relative;
  margin: auto;
  margin-top: 21px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #d12249;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

p.description {
  font-size: 16px;
  color: #1b1b1b !important;
}



    /* Icon 3 */

    #nav-icon3 span:nth-child(1) {
      top: 0px;
    }

    #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
      top: 10px;
    }

    #nav-icon3 span:nth-child(4) {
      top: 20px;
    }

    #nav-icon3.open span:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%;
    }


    /* Subscribe button */

    .button button.large {
    min-height: 27px !important;
    font-size: 17px !important;
    text-transform: uppercase !important;
    }

    span.text.ko-buttontext {
    text-transform: uppercase !important;
    }

    /* Typography */

    .h1, .h2, .h3, h1, h2, h3{

      font-family: "Open Sans";
    }

    .title {

      font-size: 40px;
      font-weight: bold;
      padding-top: 20px;
    }

    /* Banner Caption */

    .carousel-caption {
      right: 20%;
      left: 20%;
      top: 45px;
    }


    /* Banner Title Format*/


    .banner_title {
      font-family: "Open Sans";
      color:  #fff;
      font-size: 60px;
      font-weight: 600;
    }

    /* Banner Image */

    .carousel-inner img.date {
    width: 170px;
    /* min-height: 151px;*/
    padding-top: 30px;
    }

    .carousel-inner {
    max-height: 500px;
    }

    /* Navigation */

    .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #e22148;
    }
    nav.navbar {
    background-color: #fff;
    }

    .nav>li>a {
    padding: 10px 30px;
    }

    /* Nav bar new height */

    .navbar {

    min-height: 128px;
    font-family: "Open Sans";

    }

    .navbar-right {
    float: right!important;
    margin-right: -15px;
    padding-bottom: 36px;
    padding-top: 36px;
}

    .navbar-nav>li>a {
    font-weight: bold;
    color: #1e1768;
    text-transform: uppercase;
    font-size: 16px;
    }

    /* Remove the navbar's default margin-bottom and rounded borders */
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
      margin-bottom: 0px !important;
    }


    /* Large spacings */

    .large-padding-top {

      padding-top: 54px;
    }

    .large-padding-bottom {

      padding-bottom: 54px;
    }

    .large-padding {

      padding-top: 32px;
      padding-bottom: 32px;
    }

    /* Speakers */

    .row.speaker_spacing {
      padding-bottom: 30px;
    }

    .speakers_block {
      font-family: "Open Sans";
      background-color: #fff;
      padding:  30px;
      text-align: left;
      min-height: 334px;
    }

    .col-sm-4 .speakers_block {
      min-height: 420px;
    }

    .speaker_name {

      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 2px;
    }

    h3.speaker_name {
    margin-top: 0px;
    }

    h3.blue_title {
    margin-top: 0px;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
    color: #1e1768;
    padding-bottom: 20px;

    }

    .position {
      color:#e22148;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 16px;
      line-height: 19px;
    }

    .speaker_date {

      color: #e22148;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: bold;
      font-size: 18px;
    }

    .event_location {

      color: #e22148;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 15px;
    }

    .white_bg {
    background-color: #fff;
    margin-left: inherit;
    margin-right: inherit;
    }

    /* White block */

    .white_block {
      font-family: "Open Sans";
      background-color: #fff;
      padding:  30px;
      text-align: left;
    }

    /*  More Speakers Block */

    .darkblue_bg {
      background-color: #1e1768;
    }

    .about_description {

      color: #fff;
      font-size: 22px;
      text-align: center;
      padding-top: 15px;
      margin-bottom: 0px;
    }

    .pink_title {
      margin-top: 0px;
      margin-bottom: 0px;
      font-size: 33px;
      font-weight: 600;
      text-align: center;
      color: #e22148;
    }

    .about-name {

      padding-top: 50px;
    }

    #timetable{
      margin-top:50px;
    }


    .panel-default .panel-heading{
      background:#1e1768;
      color:#fff;
      font-size: 16px;
      font-family: "Open Sans";
      padding: 20px;
      text-transform: uppercase;
    }

    .panel-body{
      padding:0px;
    }

    .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
      border-top:2px solid #f1f1f1;

    }
 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
     border-top:3px solid #f1f1f1;
       padding:15px;
 }

.borderright{
 border-right:3px solid #f1f1f1;
 }

 .speakertime{
   color:#e22148;
   font-weight: bold;
 }

 .panel-group .panel{
   border-radius:0px;
 }

 .panel-default{
   border:0px;
 }

 .table{
   margin-bottom:0px;
 }

 .altrow{
   background: #fcfcfc;
 }

.collapser{
  background-image: url(../img/expanddown.png);
}

.collapser[aria-expanded="true"]{
    background-image: url(../img/close.png);
}



    /*  More Speakers Block */


    .more_speakers_block {
      font-family: "Open Sans";
      padding:  30px;
      text-align: left;
    }

    .magenta_bg {
      background-color: #e22148;
    }

    h3.white_title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    text-align: center;

    }

    .sumbissions_text {

      color: #e22148;
      font-family: "Open Sans";
      font-weight: 600;
      margin-bottom: 0px;
    }

    /* Columns */

    .nopadding {
      padding: 0 !important;
      margin: 0 !important;
    }

    /* Footer */

    .footer_logo {
      float: left;
      width: 200PX;
    }

    p.copyright {
    margin-bottom: 0px;
    margin-top: 0px;
    }

    footer {
      background-color: #1f1b4a;
      padding: 10px;
    }

    .copyright{
    color: #ffffff;
    font-size: 12px;
    font-family: "Open Sans";
    margin-top: 10px;
    }

    .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
    }

    img.bg-image {
      min-height: 245px;
    }

    .blue_footer {

      background: #231e5a;
      padding-top: 45px;
    }

    .footer_copy {
      color: #ffffff;
      text-align: left;
      margin-left: 53%;
      font-size: 14px;
      font-family: "Open Sans";
      padding-bottom: 30px
    }

    img.icon {
    width: 20px;
    }

    /* Form Button image */

    img.arrow {
    width: 22px;
    padding-bottom: 10px;
    }

  /* Button */

  .btn_magenta {

    display: inline-block;
    padding: 10px 36px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    color: #ffffff;
    background-color: #e22148;
    font-family: "Open Sans";
  }

  .btn_magenta_menu {

    display: inline-block;
    padding: 10px 36px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    color: #ffffff;
    background-color: #e22148;
    font-family: "Open Sans";
  }

  a.btn_magenta_menu {
    color: #ffffff !important;
  }
    /* Stay informe block */

  .stay_informed {
    background-image: url('../img/stay_informed_bg.jpg')


  }

  .stay_informed_subtitle{
    color: #ffffff;
    font-size: 31px;
    font-family: "Open Sans";
    font-weight: 300;
  }

  /* Form text box */

  .form-control {
    display: block;
    width: 100%;
    height: 59px;
    padding: 14px 15px;
    font-size: 22px;
    color: #e22148!important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }

  .btn {
    display: inline-block;
    padding: 0px 19px;
    margin-bottom: 0;
    background-color: #e22148 !important;
    color: #fff !important;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0px;
  }

  .input-group {
    padding-bottom: 60px;
    max-width: 529px;
    padding-top: 20px;
    margin: auto;
}

  /* Place holder text format */

  /* webkit solution */
  ::-webkit-input-placeholder { text-align:left; color: #e22148 !important}

  /* mozilla solution - this is for firefox 18+ */
  ::-moz-placeholder { text-align:left; color: #e22148 !important}

  /* mozilla solution - this is for firefox 18- */
  :-moz-placeholder { text-align:left; color: #e22148 !important}


  /* Mobile Nav Bar */
  .navbar-toggle .icon-bar {

    width: 38px !important;
    border-radius: 0px;
    background-color: #e22148;
    padding-bottom: 6px;
    margin: 5px;
  }

  /* Slider overrides */



  div#speakers-mobile {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -22px;
  }






/* ---------- Responsive ----------- */




@media(max-width:767px){


  body {
      background-color: #ffffff;
  }

  .navbar-collapse {
    padding-right: 45px;
    padding-left: 15px;
  }

  ul.nav.navbar-nav.navbar-right {
    width: 100%;
    text-align: center;
  }

  .banner_title {
    font-family: "Open Sans";
    color: #fff;
    font-size: 26px;
    font-weight: 700 !important;
  }

  .carousel-inner img.date {
    width: 105px;
    padding-top: 15px;
  }

  .carousel-caption {
    right: 10%;
    left: 10%;
    top: 15px;
  }

  .carousel-caption {
    padding-top: 0px;
  }


  .mobile_logo {
    position: absolute;
    left: 50%;
    margin-left: -75px !important;  /* 50% of your logo width */
    display: block;
    width: 150px;
  }

  .navbar {
    min-height:69px;
    font-family: "Open Sans";
  }

  .white_block {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
  }

  .stay_informed_subtitle {
    font-size: 26px;
  }

  div#about {
    background-color: #fff;
    padding-top: 0px;
  }

  h3.blue_title {
    font-size: 25px;
    padding-bottom: 10px;
  }

  p.description {
    font-size: 16px;
    color: #1b1b1b !important;
  }

  .title {
    font-size: 28px;
    font-weight: bold;
    padding-top: 0px;
  }

  h3.white_title {
    font-size: 19px;
  }

  .pink_title {
    font-size: 19px;
  }

  .about_description {
    font-size: 14px;
  }

  .more_speakers_block {
    font-family: "Open Sans";
    padding: 17px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
  }

  .white_block.be_a_speaker {

    background-color: #ffffff;
    padding: 10px;
  }

  .container.text-center.large-padding {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .footer_logo {
    position: absolute;
    left: 50%;
    margin-left: -86px !important;
  }

  .footer_copy {
    color: #ffffff;
    text-align: center;
    margin-left: 0px;
    font-size: 14px;
    font-family: "Open Sans";
    padding-bottom: 28px;
    clear: both;
    padding-top: 100px;
  }

  h3.banner_title {
    padding-bottom: 20px;
  }

  .input-group {
    padding-bottom: 50px;
  }

  .speakers-mobile {

    background-color: #f1f1f1;
  }

  .carousel-inner {
    max-height: 300px !important;
  }

  .more-speakers {

    padding-top: 0px !important;
  }

    .speakers_block {
    font-family: "Open Sans";
    background-color: #fff;
    padding: 15px;
    text-align: left;
    min-height: 400px;
  }

  .speaker_name {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 18px;
  }

  p.description {
    font-size: 14px;
    color: #1b1b1b !important;
  }

  div#speakers {

    padding-left: 0px;
    padding-right: 0px
  }

  .scroll_animate.speakerReveal.animation_state_started {
    min-height: 575px;
  }

  .footer_logo {
    float: left;
    width: 174px;
  }


}


@media(max-width:450px){
.collapser{
  display:none;
}

}

@media(min-width:768px){

  .carousel-inner {
    max-height: 350px;
}

  .banner_title {
    font-family: "Open Sans";
    color: #fff;
    font-size: 30px;
    font-weight: 600;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    top: 8px;
  }

  img.hidden-xs.logo {
    width: 170px;
  }

  .navbar-nav>li>a {
    font-weight: bold;
    color: #1e1768;
    text-transform: uppercase;
    font-size: 13px;
  }

  .nav>li>a {
    padding: 10px 8px;
  }

  .navbar {
    min-height: 114px;
    font-family: "Open Sans";
  }

  .carousel-inner img.date {
    width: 140px;
    /* min-height: 151px; */
    padding-top: 18px;
  }

  .footer_logo {
    float: left;
    width: 167px;
    /* margin-left: auto; */
    position: absolute;
    right: 45%;
  }

}


@media (max-width: 767px){
    .navbar{
        border: none !important;
    }
    .navbar-collapse {
        position: absolute;
        width: 100%;
        background: #ffffff;
        z-index: 55;
    }
}

@media (min-width: 769px){
    .main_header_item {
        background-attachment: fixed;
    }
}
/*.main_header_item .bg-image{
    display: none !important;
}*/



.mobile_speakers_container{
    padding-bottom: 20px;
}
.mobile_speakers_container .swiper-pagination-bullet-active{
    background: #e22148 !important;
}
.mobile_speakers_container .swiper-pagination-bullet {
    background: #acacac;
    opacity: 1;
}
.mobile_speakers_container .swiper-container {
    width: 100%;
    height: 100%;
    /*background: #ffffff;*/
}
.mobile_speakers_container .swiper-container .swiper-wrapper{
    /*display: table;*/
}
.mobile_speakers_container .swiper-slide .speaker_hero_img{
    height: 200px;
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.mobile_speakers_container .swiper-slide {
    /*text-align: center;*/
    /*font-size: 18px;*/
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}
.mobile_speakers_container .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    padding-top: 15px;
}


.modal .btn{
    font-size: 20px;
}
/*.modal .btn:hover{*/
    /*font-size: 20px;*/
/*}*/
.modal-content{
    border-radius: 0 !important;
    color: #1e1768;
}



@media(min-width:992px){

   .carousel-inner {
    max-height: 500px;
}

  .banner_title {
    font-family: "Open Sans";
    color: #fff;
    font-size: 55px;
    font-weight: 600;
  }

  .navbar-nav>li>a {
    font-weight: bold;
    color: #1e1768;
    text-transform: uppercase;
    font-size: 16px;
   }

  .nav>li>a {
    padding: 10px 20px;
  }

  .main_header_item {
    height: 500px !important;
    min-height: 500px !important;
  }

  .footer_logo {
    float: left;
    width: 167px;
  }

  .about_img {
    min-height: 534px;
  }


}
@media(min-width:1200px){

  .carousel-inner {
    max-height: 600px;
  }

  .main_header_item {
    height: 600px !important;
    min-height: 600px !important;
  }


  .carousel-caption {

    top: 22%;
  }

  .nav>li>a {
    padding: 10px 30px;
  }

  .about_img {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 483px;
  }

}