/*
@mixin mobile {

}

@mixin tablet {

}

@mixin lg {
  @media (min-width: 992px) and (max-width: 1199px) {
    @content;
  }
}

@mixin md {
  @media (min-width: 768px) and (max-width: 991px) {
    @content;
  }
}

@mixin sm {
  @media (max-width:767px) { //(min-width: 480px) and 
    @content;
  }
}

@mixin sx {
  @media (max-width: 480px) { // (max-width: 479px) 
    @content;
  }
}

*/
h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0; }

ul {
  padding: 0;
  margin: 0; }

li {
  padding: 0;
  margin: 0; }

.row-no-padding {
  margin-left: 0;
  margin-right: 0; }
  .row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important; }

body {
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.03em;
  color: #303031;
  font-size: 14px;
  line-height: 1.7em;
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: #939598; }

a:hover, a:visited, a:active, a:focus {
  text-decoration: none; }

a:hover {
  color: #f99d1c; }

h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  font-weight: 800;
  padding-top: 150px;
  margin-top: 0;
  letter-spacing: 2px;
  text-align: center; }
  @media (max-width: 767px) {
    h1 {
      font-size: 24px;
      letter-spacing: 1.5px;
      padding-top: 100px;
      margin-top: 0; } }

hr {
  border-top: 2px solid #a1b1bc;
  width: 50px; }

hr.white {
  border-color: #ffffff; }

hr.left {
  margin-left: 0; }

.input-lg {
  font-size: 15px;
  border-radius: 3px; }

.form-group {
  margin-bottom: 20px; }

.debug:after {
  content: "";
  display: table;
  clear: both; }

li {
  list-style: none; }

.cmsrichtext ul {
  /*list-style-type:initial;*/
  padding: initial;
  margin-left: 20px; }
  .cmsrichtext ul li {
    list-style: initial;
    padding: initial;
    margin: initial; }

.cmsrichtext ol {
  /*list-style-type:decimal;*/
  padding: initial;
  margin-left: 20px; }
  .cmsrichtext ol li {
    list-style-type: decimal;
    padding: initial;
    margin: initial; }

.navsection {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: white;
  height: 90px; }
  .navsection a:hover, .navsection a:focus {
    text-decoration: none;
    color: #f99d1c; }
  @media (max-width: 767px) {
    .navsection .navcontainer {
      padding: 0; } }
  .navsection .navcontainer .nav {
    font-size: 15px;
    color: #939598;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    position: relative; }
    .navsection .navcontainer .nav:after {
      content: "";
      display: table;
      clear: both; }
    .navsection .navcontainer .nav .logo {
      width: 145px;
      padding-top: 15px;
      padding-left: 20px;
      float: left; }
      @media (max-width: 767px) {
        .navsection .navcontainer .nav .logo {
          padding-left: 0;
          margin-left: auto;
          margin-right: auto;
          float: initial; } }
    .navsection .navcontainer .nav ul.menu {
      display: block;
      line-height: 90px;
      margin-left: 200px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .navsection .navcontainer .nav ul.menu {
          margin-top: 20px;
          line-height: 1.7em; } }
      .navsection .navcontainer .nav ul.menu li {
        display: block;
        margin-right: 27px;
        float: left;
        font-size: 15px; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .navsection .navcontainer .nav ul.menu li {
            margin-right: 8px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .navsection .navcontainer .nav ul.menu li {
            margin-right: 10px; } }
      .navsection .navcontainer .nav ul.menu:after {
        content: "";
        display: table;
        clear: both; }
      @media (min-width: 768px) and (max-width: 991px) {
        .navsection .navcontainer .nav ul.menu .menu {
          display: block !important; } }
      @media (max-width: 767px) {
        .navsection .navcontainer .nav ul.menu {
          display: none;
          position: absolute;
          top: 90px;
          left: 0;
          width: 100%;
          z-index: 1000;
          margin: 0; }
          .navsection .navcontainer .nav ul.menu li {
            width: 100%;
            margin: 0;
            background: #ededed;
            border-bottom: 2px solid white;
            color: black;
            line-height: 50px;
            height: 50px;
            background-image: url(../img/arrow_mobilemenu.png);
            background-repeat: no-repeat;
            background-position: top right;
            background-size: auto 50px; }
            .navsection .navcontainer .nav ul.menu li a {
              padding-left: 20px;
              display: block;
              width: 100%;
              color: #2c3e50; }
              .navsection .navcontainer .nav ul.menu li a:active {
                background-color: #f99d1c;
                background-image: url(../img/arrow_mobilemenu_w.png);
                background-repeat: no-repeat;
                background-position: top right;
                color: white; } }
      @media (max-width: 767px) and (orientation: landscape) {
        .navsection .navcontainer .nav ul.menu li {
          height: 25px;
          line-height: 25px;
          background-size: auto 25px; } }
    .navsection .navcontainer .nav .mobilemenubtn {
      display: none;
      position: absolute;
      top: 25px;
      right: 5px;
      cursor: pointer;
      width: 40px;
      height: 40px;
      text-align: center; }
      .navsection .navcontainer .nav .mobilemenubtn .closebtn {
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/mobilemenuclosebtn.png);
        width: 40px;
        height: 40px;
        display: none; }
      .navsection .navcontainer .nav .mobilemenubtn .glyphicon {
        color: #2c3e50;
        padding-top: 4px;
        font-size: 30px; }
      .navsection .navcontainer .nav .mobilemenubtn.opened .closebtn {
        display: block; }
      .navsection .navcontainer .nav .mobilemenubtn.opened .glyphicon {
        display: none; }
      @media (max-width: 767px) {
        .navsection .navcontainer .nav .mobilemenubtn {
          display: block; } }

.navslide {
  height: 100vh;
  display: block;
  position: relative;
  color: white; }
  @media (max-width: 767px) and (orientation: landscape) {
    .navslide {
      height: calc(100vh + 140px); } }
  .navslide .carousel-control.right, .navslide .carousel-control.right {
    background-image: none; }
  .navslide .carousel-control.left, .navslide .carousel-control.left {
    background-image: none; }
  .navslide .slide {
    padding-top: 90px;
    height: calc(100% - 140px);
    /*@include col-xs-landscape {
          height: calc(100%); // 230 + 90
        }*/ }
    .navslide .slide .carousel-left {
      position: absolute;
      display: block;
      top: 50%;
      left: 0;
      width: 50px;
      height: 50px;
      background-image: url(../img/arrow_carousel_left.png); }
    .navslide .slide .carousel-right {
      position: absolute;
      display: block;
      top: 50%;
      right: 0;
      width: 50px;
      height: 50px;
      background-image: url(../img/arrow_carousel_right.png); }
    .navslide .slide .carousel-indicators li {
      background-color: #bdbdbd;
      border: 1px solid #bdbdbd;
      width: 10px;
      height: 10px;
      margin: 0; }
      .navslide .slide .carousel-indicators li.active {
        background-color: #f99d1c;
        border-width: 1px;
        border-style: solid;
        border-color: #f99d1c;
        width: 10px;
        height: 10px;
        margin: 0; }
  .navslide .carousel-inner {
    height: 100%; }
    .navslide .carousel-inner .item {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center; }
  .navslide .bottom {
    position: absolute;
    bottom: 0;
    width: 100%; }
    @media (min-width: 768px) and (max-width: 991px) {
      .navslide .bottom .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 767px) {
      .navslide .bottom .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0; } }
    .navslide .bottom .timer {
      padding-left: 55px;
      padding-top: 23px;
      height: 140px;
      background-color: #f99d1c;
      left: 0;
      right: 0; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .navslide .bottom .timer {
          padding-left: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .navslide .bottom .timer {
          padding-left: 0; } }
      @media (max-width: 767px) {
        .navslide .bottom .timer {
          padding-left: 0;
          padding-top: 5px; } }
      .navslide .bottom .timer .tblock {
        width: 130px;
        float: left;
        text-align: center;
        margin-right: 5px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .navslide .bottom .timer .tblock {
            width: 105px; } }
        @media (max-width: 767px) {
          .navslide .bottom .timer .tblock {
            width: 33%;
            margin-right: 0; } }
        .navslide .bottom .timer .tblock .digit {
          font-size: 60px;
          line-height: 45px;
          font-weight: bold;
          padding-bottom: 20px;
          font-family: 'Raleway', sans-serif; }
          @media (max-width: 767px) {
            .navslide .bottom .timer .tblock .digit {
              padding-bottom: 5px; } }
        .navslide .bottom .timer .tblock .caption {
          font-size: 24px;
          font-weight: 100;
          font-family: 'Source Code Pro ExtraLight'; }
          @media (max-width: 767px) {
            .navslide .bottom .timer .tblock .caption {
              font-size: 18px; } }
      .navslide .bottom .timer .joinconference {
        line-height: initial;
        float: left;
        padding-left: 40px; }
        @media (min-width: 992px) and (max-width: 1199px) {
          .navslide .bottom .timer .joinconference {
            padding-left: 20px;
            padding-top: 18px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .navslide .bottom .timer .joinconference {
            padding-top: 18px; } }
        @media (max-width: 767px) {
          .navslide .bottom .timer .joinconference {
            padding-left: 15px; } }
        .navslide .bottom .timer .joinconference .title {
          font-family: 'AmTypewriter-Medium Med';
          font-size: 57px;
          letter-spacing: 1.8px; }
          @media (min-width: 992px) and (max-width: 1199px) {
            .navslide .bottom .timer .joinconference .title {
              font-size: 35px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            .navslide .bottom .timer .joinconference .title {
              font-size: 30px; } }
          @media (max-width: 767px) {
            .navslide .bottom .timer .joinconference .title {
              padding-top: 10px;
              font-size: 22px; } }
        .navslide .bottom .timer .joinconference .subtitle {
          font-family: 'Raleway', sans-serif;
          font-size: 20px;
          text-transform: uppercase;
          font-weight: 700;
          letter-spacing: 1.8px;
          padding-top: 10px; }
          @media (min-width: 768px) and (max-width: 991px) {
            .navslide .bottom .timer .joinconference .subtitle {
              font-size: 15px; } }
          @media (max-width: 767px) {
            .navslide .bottom .timer .joinconference .subtitle {
              padding-top: 2px;
              font-size: 12px; } }

.aboutus .container {
  padding-bottom: 50px; }

.aboutus .gray {
  background-color: #939598;
  color: white; }
  .aboutus .gray .container {
    padding-bottom: 125px; }
  @media (max-width: 767px) {
    .aboutus .gray .abouticon {
      padding: 0; } }
  .aboutus .gray .tab {
    text-align: center; }
    .aboutus .gray .tab .item {
      cursor: pointer;
      padding-top: 85px;
      height: 125px;
      font-size: 18px;
      font-family: 'Raleway', sans-serif;
      font-weight: 700;
      letter-spacing: 2px;
      background-repeat: no-repeat;
      background-position: center 20px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .aboutus .gray .tab .item {
          background-position-y: 10px;
          padding-top: 80px;
          font-size: 15px;
          letter-spacing: 1px;
          line-height: 1.5em; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .aboutus .gray .tab .item {
          background-position-y: 10px;
          padding-top: 75px;
          font-size: 12px;
          letter-spacing: 1px;
          line-height: 1.5em; } }
      @media (max-width: 767px) {
        .aboutus .gray .tab .item {
          background-position-y: 10px;
          padding-top: 75px;
          font-size: 12px;
          letter-spacing: 1px;
          line-height: 1.5em; } }
      .aboutus .gray .tab .item.selected {
        background-color: #f99d1c; }
      .aboutus .gray .tab .item .icon {
        width: 100%;
        height: 80px; }
      .aboutus .gray .tab .item.abouthost {
        background-image: url(../img/aboutus/abouthost.png); }
      .aboutus .gray .tab .item.keynotespeaker {
        background-image: url(../img/aboutus/keynotespeaker.png); }
      .aboutus .gray .tab .item.workshoptopic {
        background-image: url(../img/aboutus/workshoptopic.png); }

.aboutus .desc a {
  color: #f99d1c; }
  .aboutus .desc a:hover {
    /*color:$orange;*/
    text-decoration: underline; }

.speakers .desc {
  margin-bottom: 45px; }

.speakers .speaker {
  margin-bottom: 30px; }
  .speakers .speaker .photo {
    position: relative; }
    .speakers .speaker .photo img {
      width: 100%; }
    .speakers .speaker .photo .socialcover {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      text-align: center; }
      .speakers .speaker .photo .socialcover .socialbtn {
        text-align: center;
        display: inline-block;
        margin-top: 40%; }
        .speakers .speaker .photo .socialcover .socialbtn li {
          float: left; }
      .speakers .speaker .photo .socialcover .social {
        cursor: pointer;
        float: left;
        width: 50px;
        height: 50px;
        margin-left: 5px;
        margin-right: 5px; }
        .speakers .speaker .photo .socialcover .social.facebook {
          background-image: url(../img/speaker_facebook.png); }
        .speakers .speaker .photo .socialcover .social.twitter {
          background-image: url(../img/speaker_twitter.png); }
        .speakers .speaker .photo .socialcover .social.linkedin {
          background-image: url(../img/speaker_linkedin.png); }
    .speakers .speaker .photo:hover .socialcover {
      display: block; }
  .speakers .speaker .profile {
    border-left: 2px solid #f5f6f6;
    border-right: 2px solid #f5f6f6;
    border-bottom: 2px solid #f5f6f6; }
  .speakers .speaker .name {
    padding-top: 20px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 900;
    font-size: 16px;
    height: 45px;
    text-transform: uppercase; }
  .speakers .speaker .jobtitle {
    color: #f99d1c;
    text-align: center;
    font-size: 12px;
    height: 25px; }
  .speakers .speaker .speakerdesc {
    padding: 20px 5px 20px 15px;
    height: 270px;
    overflow-y: auto; }

.speakers .btn {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  text-align: center;
  background-color: #f99d1c;
  border-radius: 0;
  width: 220px;
  height: 60px;
  line-height: 60px;
  color: white;
  padding: 0;
  margin: 45px auto 135px auto;
  font-weight: 600;
  letter-spacing: 1.5px; }
  @media (max-width: 767px) {
    .speakers .btn {
      margin-top: 0px;
      margin-bottom: 20px; } }

.program {
  background-image: url(../img/programbg.jpg);
  background-position: top center; }
  @media (max-width: 767px) {
    .program {
      padding-left: 0;
      padding-right: 0; } }
  .program h1 {
    margin-top: 75px; }
    @media (max-width: 767px) {
      .program h1 {
        margin-top: 30px; } }
  .program .subtitle {
    text-align: center; }
  .program .programinner {
    padding: 85px 50px 125px 30px; }
    @media (max-width: 767px) {
      .program .programinner {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px; } }
    .program .programinner:after {
      content: "";
      display: table;
      clear: both; }
    .program .programinner .btnblock:after {
      content: "";
      display: table;
      clear: both; }
    .program .programinner .btnblock .daybtn {
      color: white;
      text-align: center;
      float: left;
      display: block;
      width: 100px;
      height: 60px;
      line-height: 60px;
      margin: 0 2px 0 0;
      padding: 0;
      background-color: #939598;
      text-transform: uppercase; }
      .program .programinner .btnblock .daybtn.selected {
        background-color: #f99d1c; }
    .program .programinner .programtime .programtimeblock {
      background-color: white;
      font-family: 'Lato', sans-serif;
      letter-spacing: 0.03em;
      font-size: 13px;
      padding-top: 15px;
      padding-bottom: 10px; }
      .program .programinner .programtime .programtimeblock:after {
        content: "";
        display: table;
        clear: both; }
      .program .programinner .programtime .programtimeblock .time {
        text-align: center;
        width: 20%;
        float: left;
        line-height: 1.5em; }
      .program .programinner .programtime .programtimeblock .desc {
        width: 80%;
        float: left;
        line-height: 1.5em; }
        .program .programinner .programtime .programtimeblock .desc:after {
          content: "";
          display: table;
          clear: both; }
      .program .programinner .programtime .programtimeblock.mainblock {
        margin-top: 6px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e7ecef;
        font-family: 'Raleway', sans-serif;
        font-weight: bold; }

.venue .inner {
  background-image: url(../img/venue.jpg);
  background-position: top left;
  height: 500px; }
  @media (max-width: 767px) {
    .venue .inner {
      background-image: none; } }
  @media (max-width: 767px) {
    .venue .inner {
      height: 300px; } }
  .venue .inner .content {
    height: 500px;
    color: white; }
    .venue .inner .content .innercontent {
      padding-left: 70px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .venue .inner .content {
        padding-left: 50px; } }
    @media (max-width: 767px) {
      .venue .inner .content {
        background-image: none;
        background-color: #f99d1c;
        height: 300px;
        padding-left: 40px; } }
    .venue .inner .content a.btn {
      color: white; }
    .venue .inner .content h2 {
      margin-top: 0;
      padding-top: 90px;
      font-size: 30px;
      font-weight: 900;
      font-family: 'Raleway', sans-serif;
      letter-spacing: 0.1em; }
      @media (max-width: 767px) {
        .venue .inner .content h2 {
          padding-top: 50px; } }
    .venue .inner .content .btn {
      width: 230px;
      height: 50px;
      line-height: 50px;
      border: 1px solid white;
      border-radius: 0;
      margin-top: 20px;
      padding: 0; }
      @media (max-width: 767px) {
        .venue .inner .content .btn {
          margin-top: 0; } }

.accommodation {
  position: relative;
  background-color: #efefef;
  background-position: top left;
  background-repeat: no-repeat; }
  .accommodation .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 366px;
    height: 1109px;
    background-image: url(../img/accommodationbg2.png); }
  .accommodation h1 {
    margin-top: 0;
    padding-top: 150px; }
    @media (max-width: 767px) {
      .accommodation h1 {
        padding-top: 30px; } }
  .accommodation .accoblocks {
    padding-top: 70px; }
    @media (max-width: 767px) {
      .accommodation .accoblocks {
        padding-top: 0px; } }
    .accommodation .accoblocks .row {
      position: relative; }
    .accommodation .accoblocks .arrow {
      cursor: pointer;
      position: absolute;
      width: 50px;
      height: 50px; }
      .accommodation .accoblocks .arrow.left {
        background-image: url(../img/arrow_acco_left.png);
        top: 40%;
        left: -70px; }
      .accommodation .accoblocks .arrow.right {
        background-image: url(../img/arrow_acco_right.png);
        top: 40%;
        right: -70px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .accommodation .accoblocks .arrow.left {
          left: -25px;
          z-index: 1; }
        .accommodation .accoblocks .arrow.right {
          right: -25px;
          z-index: 1; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .accommodation .accoblocks .arrow.left {
          left: -20px;
          z-index: 1; }
        .accommodation .accoblocks .arrow.right {
          right: -20px;
          z-index: 1; } }
      @media (max-width: 767px) {
        .accommodation .accoblocks .arrow.left {
          left: 0px;
          z-index: 1;
          top: initial;
          bottom: 0; }
        .accommodation .accoblocks .arrow.right {
          right: 0px;
          z-index: 1;
          top: initial;
          bottom: 0; } }
  .accommodation .accoblock {
    margin-bottom: 25px; }
    .accommodation .accoblock .head {
      background: white;
      border: 1px solid #eceeef;
      height: 100px; }
      .accommodation .accoblock .head h3 {
        font-family: 'Raleway', sans-serif;
        text-align: center;
        padding-top: 30px;
        font-weight: 800;
        font-size: 16px; }
      .accommodation .accoblock .head .stars {
        color: #f99d1c;
        text-align: center; }
    .accommodation .accoblock .photo {
      max-height: 248px;
      height: 248px;
      background-size: cover;
      background-position: center center; }
      @media (max-width: 767px) {
        .accommodation .accoblock .photo {
          height: 200px; } }
    .accommodation .accoblock .desc {
      background: white;
      height: 150px;
      padding: 30px 10px 30px 30px;
      /*overflow-y: auto;*/ }
      @media (min-width: 768px) and (max-width: 991px) {
        .accommodation .accoblock .desc {
          padding: 15px 15px;
          height: 170px; } }
      @media (max-width: 767px) {
        .accommodation .accoblock .desc {
          height: auto;
          padding: 10px; } }
  .accommodation .row {
    padding-bottom: 85px; }
    @media (max-width: 767px) {
      .accommodation .row {
        padding-bottom: 20px; } }

.gallery .subtitle {
  text-align: center; }

.gallery .galleryblocks {
  margin-top: 95px;
  position: relative; }
  @media (max-width: 767px) {
    .gallery .galleryblocks {
      margin-top: 20px; } }
  .gallery .galleryblocks ul {
    height: 100%;
    overflow: hidden; }
    .gallery .galleryblocks ul:after {
      content: "";
      display: table;
      clear: both; }
  .gallery .galleryblocks li.galleryphoto {
    cursor: pointer;
    position: relative;
    display: block;
    float: left;
    width: 20%;
    height: 100%;
    padding: 0;
    margin: 0;
    /*&.ng-move,
          &.ng-enter,
          &.ng-leave {
            transition:all linear 0.5s;
          }

          &.ng-leave.ng-leave-active,
          &.ng-move,
          &.ng-enter {
            width:0;
          }

          &.ng-leave,
          &.ng-move.ng-move-active,
          &.ng-enter.ng-enter-active {
          }*/ }
    @media (min-width: 992px) and (max-width: 1199px) {
      .gallery .galleryblocks li.galleryphoto {
        width: 25%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .gallery .galleryblocks li.galleryphoto {
        width: 33.3%; } }
    @media (max-width: 767px) {
      .gallery .galleryblocks li.galleryphoto {
        width: 50%; } }
    .gallery .galleryblocks li.galleryphoto:before {
      content: "";
      display: block;
      padding-top: 100%; }
    .gallery .galleryblocks li.galleryphoto .content {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    .gallery .galleryblocks li.galleryphoto img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .gallery .galleryblocks li.galleryphoto .cover {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.75);
      background-image: url(../img/gallery_hover.png);
      background-repeat: no-repeat;
      background-position: center center;
      color: white;
      text-align: center;
      padding-top: 60%;
      font-weight: 700;
      display: none; }
      @media (max-width: 767px) {
        .gallery .galleryblocks li.galleryphoto .cover {
          padding-top: 70%; } }
    .gallery .galleryblocks li.galleryphoto:hover .cover {
      display: block; }
  .gallery .galleryblocks .arrow {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px; }
    .gallery .galleryblocks .arrow.left {
      background-image: url(../img/arrow_gallery_left.png);
      top: 40%;
      left: 0px; }
    .gallery .galleryblocks .arrow.right {
      background-image: url(../img/arrow_gallery_right.png);
      top: 40%;
      right: 0px; }

.testimonials {
  background-color: #6d7884;
  color: white; }
  .testimonials .subtitle {
    text-align: center;
    font-size: 15px; }
  .testimonials h1 {
    margin-top: 0;
    padding-top: 150px; }
    @media (max-width: 767px) {
      .testimonials h1 {
        padding-top: 100px; } }
  .testimonials .subtitle {
    padding-top: 20px; }
  .testimonials .testimonialblocks {
    padding-top: 50px;
    padding-bottom: 185px; }
    @media (max-width: 767px) {
      .testimonials .testimonialblocks {
        padding-top: 20px;
        padding-bottom: 70px; } }
    .testimonials .testimonialblocks .row {
      position: relative; }
    .testimonials .testimonialblocks .block .inner {
      background-color: white;
      color: #303030;
      border: 2px solid #e4e8ed;
      padding: 25px 10px 25px 25px;
      height: 150px;
      /*overflow: scroll;*/
      /*
                &::-webkit-scrollbar { 
                    display: none; 
                }*/ }
      @media (min-width: 992px) and (max-width: 1199px) {
        .testimonials .testimonialblocks .block .inner {
          height: 170px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .testimonials .testimonialblocks .block .inner {
          height: 200px; } }
      @media (max-width: 767px) {
        .testimonials .testimonialblocks .block .inner {
          height: initial; } }
      .testimonials .testimonialblocks .block .inner .name {
        padding-top: 3px;
        font-weight: 800;
        letter-spacing: 1.3px; }
    @media (max-width: 767px) {
      .testimonials .testimonialblocks .block {
        padding-bottom: 5px; } }
    .testimonials .testimonialblocks .arrow {
      cursor: pointer;
      position: absolute;
      width: 50px;
      height: 50px; }
      .testimonials .testimonialblocks .arrow.left {
        background-image: url(../img/arrow_testimonials_left.png);
        top: 35%;
        left: -70px; }
      .testimonials .testimonialblocks .arrow.right {
        background-image: url(../img/arrow_testimonials_right.png);
        top: 35%;
        right: -70px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .testimonials .testimonialblocks .arrow.left {
          /*top: initial;*/
          left: -25px;
          z-index: 1;
          /*bottom: -50px;*/ }
        .testimonials .testimonialblocks .arrow.right {
          /*top: initial;*/
          right: -25px;
          z-index: 1;
          /*bottom: -50px;*/ } }
      @media (min-width: 768px) and (max-width: 991px) {
        .testimonials .testimonialblocks .arrow.left {
          top: initial;
          left: 10px;
          z-index: 1;
          bottom: -50px; }
        .testimonials .testimonialblocks .arrow.right {
          top: initial;
          right: 10px;
          z-index: 1;
          bottom: -50px; } }
      @media (max-width: 767px) {
        .testimonials .testimonialblocks .arrow.left {
          top: initial;
          left: 10px;
          z-index: 1;
          bottom: -50px; }
        .testimonials .testimonialblocks .arrow.right {
          top: initial;
          right: 10px;
          z-index: 1;
          bottom: -50px; } }

.sponsors a:hover {
  text-decoration: none;
  color: #f99d1c; }

.sponsors .outer {
  position: relative;
  text-align: center;
  padding-top: 20px; }
  @media (max-width: 767px) {
    .sponsors .outer {
      padding-top: 0; } }

.sponsors .grade {
  position: relative;
  text-transform: uppercase;
  display: inline-block; }
  .sponsors .grade:after {
    content: "";
    display: table;
    clear: both; }
  .sponsors .grade li {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    font-family: 'PT Sans', sans-serif;
    letter-spacing: 1.3px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .sponsors .grade li {
        font-size: 18px;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 767px) {
      .sponsors .grade li {
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px; } }
    .sponsors .grade li .indicator {
      height: 10px; }
      .sponsors .grade li .indicator .bar {
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 7px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px; }
        .sponsors .grade li .indicator .bar.selected {
          border-top-color: #f99d1c; }
    .sponsors .grade li a {
      cursor: pointer; }

.sponsors .logos {
  padding-top: 20px;
  min-height: 120px; }
  .sponsors .logos:after {
    content: "";
    display: table;
    clear: both; }
  .sponsors .logos img {
    cursor: pointer; }
    @media (max-width: 767px) {
      .sponsors .logos img {
        margin: 0 auto; } }
  .sponsors .logos .row {
    position: relative; }
  .sponsors .logos .arrow {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px; }
    .sponsors .logos .arrow.left {
      background-image: url(../img/arrow_sponsor_left.png);
      top: 30%;
      left: -70px; }
    .sponsors .logos .arrow.right {
      background-image: url(../img/arrow_sponsor_right.png);
      top: 30%;
      right: -70px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .sponsors .logos .arrow.left {
        left: -20px; }
      .sponsors .logos .arrow.right {
        right: -20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .sponsors .logos .arrow.left {
        top: initial;
        left: 0px;
        bottom: -50px;
        z-index: 1; }
      .sponsors .logos .arrow.right {
        top: initial;
        right: 0px;
        bottom: -50px;
        z-index: 1; } }
    @media (max-width: 767px) {
      .sponsors .logos .arrow.left {
        top: 0;
        left: 0px;
        /*bottom: -50px;*/
        z-index: 1; }
      .sponsors .logos .arrow.right {
        top: 0;
        right: 0px;
        /*bottom: -50px;*/
        z-index: 1; } }

.sponsors .sponsordesc {
  color: #303030;
  padding-top: 45px;
  padding-bottom: 115px;
  text-align: center;
  font-size: 15px; }
  .sponsors .sponsordesc .link a, .sponsors .sponsordesc .link a:link, .sponsors .sponsordesc .link a:visited, .sponsors .sponsordesc .link a:hover, .sponsors .sponsordesc .link a:active {
    font-size: 13px;
    color: #303030;
    text-decoration: underline; }
  @media (max-width: 767px) {
    .sponsors .sponsordesc {
      display: none; } }

@media (max-width: 767px) {
  .sponsors .logos {
    margin-bottom: 20px; } }

.becomesponsor {
  background-color: #efefef; }
  .becomesponsor h1 {
    margin-top: 0;
    padding-top: 54px; }
  .becomesponsor .subtitle {
    text-align: center; }
  .becomesponsor .content {
    margin-top: 40px;
    margin-bottom: 80px;
    background-color: white;
    letter-spacing: 0; }
    .becomesponsor .content b, .becomesponsor .content strong {
      font-weight: bold; }
    .becomesponsor .content .left {
      float: left;
      width: 40%;
      padding: 38px 0 38px 55px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .becomesponsor .content .left {
          padding-left: 10px;
          padding-right: 10px; } }
    .becomesponsor .content .mid {
      float: left;
      width: 40%;
      padding: 38px 0 38px 25px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .becomesponsor .content .mid {
          padding-left: 5px;
          padding-right: 10px; } }
    .becomesponsor .content .right {
      float: left;
      width: 20%; }
      .becomesponsor .content .right .btn {
        display: block;
        width: 177px;
        height: 48px;
        line-height: 48px;
        background-color: #f99d1c;
        color: white;
        padding: 0;
        border-radius: 0;
        margin: 70px 0 0 20px; }
        @media (min-width: 768px) and (max-width: 991px) {
          .becomesponsor .content .right .btn {
            margin-left: 0;
            margin-top: 100px;
            width: 100%; } }
        @media (max-width: 767px) {
          .becomesponsor .content .right .btn {
            margin: 20px auto 20px auto; } }
    @media (max-width: 767px) {
      .becomesponsor .content {
        margin-bottom: 0; }
        .becomesponsor .content .left, .becomesponsor .content .mid, .becomesponsor .content .right {
          float: none;
          width: 100%;
          padding: 0 0 0 0; }
        .becomesponsor .content .left {
          padding-top: 15px; }
        .becomesponsor .content .right {
          height: 70px; } }
  .becomesponsor .formcontainer {
    margin-top: 40px; }
    .becomesponsor .formcontainer .captcha {
      margin-top: 60px;
      margin-left: 20px; }
    .becomesponsor .formcontainer .formcontent {
      background-color: #f99d1c;
      padding-left: 30px;
      padding-right: 30px; }
      .becomesponsor .formcontainer .formcontent p {
        padding-top: 55px;
        color: white; }
      .becomesponsor .formcontainer .formcontent .controls {
        padding-bottom: 45px;
        margin-bottom: 75px; }
        .becomesponsor .formcontainer .formcontent .controls input {
          background-color: transparent;
          color: white;
          border: 1px solid white; }
        .becomesponsor .formcontainer .formcontent .controls .btn {
          height: 46px;
          line-height: 46px;
          font-family: 'Raleway', sans-serif;
          font-size: 12px;
          font-weight: 800;
          color: #f99d1c;
          background: white;
          padding: 0;
          border-radius: 0;
          width: 100%; }

.contact {
  background-color: #676d78;
  color: white;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.03em;
  font-weight: 300; }
  .contact a {
    color: white; }
  .contact h1 {
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
    text-align: left;
    line-height: 1.1em;
    font-size: 36px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .contact h1 {
        font-size: 24px; } }
  .contact .btn {
    width: 155px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    color: white;
    background-color: #f99d1c;
    border-radius: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    float: right; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .contact .btn {
        width: 140px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .contact .btn {
        margin-top: 10px;
        width: 100%;
        /*float:left;*/ } }
    @media (max-width: 767px) {
      .contact .btn {
        margin-top: 10px;
        width: 100%; } }
  .contact .btndiv:after {
    content: "";
    display: table;
    clear: both; }
  .contact .g-recaptcha {
    float: left; }
  .contact .about h1 {
    margin-top: 0;
    padding-top: 140px;
    padding-bottom: 35px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .contact .about h1 {
        padding-top: 125px; } }
    @media (max-width: 767px) {
      .contact .about h1 {
        padding-top: 100px;
        padding-bottom: 20px; } }
  .contact .about .addressblock {
    padding-top: 35px; }
    @media (max-width: 767px) {
      .contact .about .addressblock {
        padding-top: 15px; } }
    .contact .about .addressblock .address li:after {
      content: "";
      display: table;
      clear: both; }
    .contact .about .addressblock .address .key {
      width: 75px;
      float: left; }
    .contact .about .addressblock .address .val {
      float: left; }
  .contact .about .socialplugin {
    font-size: 28px; }
    .contact .about .socialplugin .fa {
      cursor: pointer;
      margin-right: 20px; }
      @media (min-width: 992px) and (max-width: 1199px) {
        .contact .about .socialplugin .fa {
          margin-right: 10px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .contact .about .socialplugin .fa {
          margin-bottom: 15px; } }
      .contact .about .socialplugin .fa:hover {
        color: #f99d1c; }
  .contact .about .form {
    margin-top: 50px;
    margin-bottom: 130px; }
    @media (min-width: 1200px) {
      .contact .about .form {
        padding-right: 60px; } }
    @media (max-width: 767px) {
      .contact .about .form {
        margin-top: 20px;
        margin-bottom: 20px; } }
    .contact .about .form input, .contact .about .form textarea {
      background-color: white;
      border-color: white; }
  @media (min-width: 1200px) {
    .contact .subscribe {
      padding-left: 60px; } }
  .contact .subscribe h1 {
    margin-top: 0;
    padding-top: 100px;
    margin-bottom: 35px; }
    @media (max-width: 767px) {
      .contact .subscribe h1 {
        padding-top: 20px;
        margin-bottom: 20px; } }
  .contact .subscribe .form {
    margin-top: 30px; }
    .contact .subscribe .form input, .contact .subscribe .form textarea {
      background-color: white;
      border-color: white; }
  .contact input, .contact textarea {
    background: #676d78; }
  @media (max-width: 767px) {
    .contact .statefield {
      margin-top: 20px; } }

.faq {
  letter-spacing: 0;
  color: #000000; }
  @media (max-width: 767px) {
    .faq {
      margin-top: 0; } }
  .faq h1 {
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.03em;
    font-weight: 300;
    text-align: left;
    line-height: 1.1em;
    font-size: 36px;
    padding-top: 100px; }
  .faq .blocks {
    padding-top: 70px;
    padding-bottom: 150px; }
    .faq .blocks:after {
      content: "";
      display: table;
      clear: both; }
    @media (max-width: 767px) {
      .faq .blocks {
        padding-top: 20px;
        padding-bottom: 20px; } }
  .faq .qa {
    cursor: pointer;
    border-bottom-width: 1px;
    border-bottom-color: #939598;
    border-bottom-style: solid; }
    .faq .qa:after {
      content: "";
      display: table;
      clear: both; }
    .faq .qa .faqicon {
      /*transition:0.3s ease-out all;*/
      float: left;
      width: 70px;
      height: 40px;
      background-repeat: no-repeat;
      background-position: 3px 10px;
      background-image: url(../img/faqicon_open.png); }
      .faq .qa .faqicon.opened {
        background-image: url(../img/faqicon_close.png); }
      @media (min-width: 768px) and (max-width: 991px) {
        .faq .qa .faqicon {
          width: 35px; } }
      @media (max-width: 767px) {
        .faq .qa .faqicon {
          width: 30px; } }
    .faq .qa .question {
      padding-top: 7px;
      margin-left: 70px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .faq .qa .question {
          margin-left: 35px; } }
      @media (max-width: 767px) {
        .faq .qa .question {
          margin-left: 30px; } }
    .faq .qa .answer {
      transition: 0.37s linear all;
      margin-left: 70px;
      overflow: hidden;
      color: #f99d1c;
      font-weight: bold;
      padding-bottom: 10px; }
      .faq .qa .answer.ng-hide {
        /*line-height:0;*/
        /*padding:0;*/
        /*opacity:0;*/
        height: 0;
        padding-bottom: 0; }
      @media (min-width: 768px) and (max-width: 991px) {
        .faq .qa .answer {
          margin-left: 35px; } }
      @media (max-width: 767px) {
        .faq .qa .answer {
          margin-left: 30px; } }
    .faq .qa.faqclosed .answer {
      /*display: none;*/
      /*height:0;*/ }

.register {
  display: block; }
  .register .passes {
    padding-top: 50px; }
    @media (max-width: 767px) {
      .register .passes {
        padding-top: 20px; } }
    .register .passes .pass hr {
      border-top: 1px solid #a3a3a3;
      width: auto;
      margin-left: 35px;
      margin-right: 35px; }
    @media (max-width: 767px) {
      .register .passes .pass {
        padding-left: 2px;
        padding-right: 2px; }
        .register .passes .pass hr {
          margin-top: 5px;
          margin-bottom: 5px; } }
    .register .passes .pass h4 {
      padding-top: 35px;
      padding-left: 30px;
      padding-right: 30px;
      font-family: 'Raleway', sans-serif;
      font-size: 24px;
      font-weight: 800;
      color: black;
      height: 90px; }
      @media (max-width: 767px) {
        .register .passes .pass h4 {
          font-size: 12px;
          padding-top: 10px; } }
    .register .passes .pass .inner {
      cursor: pointer;
      background-color: #eaeaea;
      border-radius: 5px;
      text-align: center;
      margin-bottom: 15px; }
      .register .passes .pass .inner .tag {
        display: block;
        width: 86px;
        height: 162px;
        margin: 0 auto;
        background-image: url(../img/register_tag_gray.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        color: white;
        font-size: 50px;
        line-height: initial;
        font-family: 'AmTypewriter-Medium Med';
        padding-top: 110px;
        text-align: center; }
      .register .passes .pass .inner .passdetail {
        text-align: center;
        font-weight: bold; }
    .register .passes .pass h5 {
      font-family: 'Raleway', sans-serif;
      font-size: 18px;
      font-weight: 800; }
      @media (max-width: 767px) {
        .register .passes .pass h5 {
          font-size: 10px; } }
    .register .passes .pass .price {
      font-family: 'PT Sans', sans-serif;
      font-size: 24px; }
      @media (max-width: 767px) {
        .register .passes .pass .price {
          font-size: 14px; } }
    .register .passes .pass .date {
      font-size: 14px;
      font-weight: bold;
      padding-top: 15px;
      padding-bottom: 40px;
      line-height: initial; }
      @media (max-width: 767px) {
        .register .passes .pass .date {
          padding-top: 5px;
          padding-bottom: 15px;
          font-size: 11px; } }
    .register .passes .pass.selected .inner .tag {
      background-image: url(../img/register_tag_orange.png); }
  .register .registerfooter {
    font-size: 18px; }

.regdetail h1 {
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.03em;
  font-size: 36px;
  font-weight: 300;
  line-height: initial;
  margin-top: 0px; }

.regdetail .regdetailrow {
  margin-top: 60px; }

.regdetail .formleft {
  padding-right: 65px; }
  @media (max-width: 767px) {
    .regdetail .formleft {
      padding-right: 15px; } }
  .regdetail .formleft h5 {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.03em;
    font-size: 14px;
    color: #303030; }
    .regdetail .formleft h5.h5_top {
      padding-top: 0; }
  .regdetail .formleft .bn {
    cursor: pointer;
    color: white;
    width: 100%;
    background-color: #939598;
    height: 60px;
    border-radius: 0;
    margin-bottom: 2px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px; }
    .regdetail .formleft .bn.selected {
      background-color: #f99d1c; }

.regdetail .form {
  padding-right: 115px; }
  @media (max-width: 767px) {
    .regdetail .form {
      padding-top: 20px;
      padding-right: 0px; } }
  .regdetail .form input, .regdetail .form textarea {
    color: #303030;
    border-color: #939598; }
  .regdetail .form .cost {
    font-size: 20px;
    color: #f99d1c;
    background: white; }
  .regdetail .form .btn {
    width: 220px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    color: white;
    background-color: #f99d1c;
    border-radius: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    float: right; }
    @media (max-width: 767px) {
      .regdetail .form .btn {
        width: 100%;
        float: none; } }
  .regdetail .form .btndiv:after {
    content: "";
    display: table;
    clear: both; }
  .regdetail .form .msg {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #939598;
    font-weight: 600; }
  .regdetail .form .gala .gagacontrol {
    float: right; }
  .regdetail .form .gala label {
    cursor: pointer;
    text-align: right;
    padding-right: 30px;
    width: 70px;
    font-weight: normal;
    background-image: url(../images/check.png);
    background-position: top right;
    background-repeat: no-repeat; }
  .regdetail .form .gala input[type="radio"] {
    display: none; }
  .regdetail .form .gala input[type="radio"]:checked + label {
    background-image: url(../images/check_selected.png); }
  .regdetail .form .gala .errmsg:after {
    content: "";
    display: table;
    clear: both; }

.regsummary .desc {
  text-align: center; }

.regsummary .pass .tag {
  background-image: url(../img/passtag.png);
  width: 86px;
  height: 162px;
  background-size: cover;
  background-position: top center;
  margin: 0 auto; }

.regsummary .pass .inner {
  background-color: #eaeaea;
  border-radius: 10px;
  padding-left: 40px;
  padding-right: 40px;
  min-height: 431px; }

.regsummary .pass .firstname, .regsummary .pass .lastname, .regsummary .pass .passtype, .regsummary .pass .membertype {
  font-size: 24px;
  line-height: initial;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  text-align: center; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .regsummary .pass .firstname, .regsummary .pass .lastname, .regsummary .pass .passtype, .regsummary .pass .membertype {
      font-size: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .regsummary .pass .firstname, .regsummary .pass .lastname, .regsummary .pass .passtype, .regsummary .pass .membertype {
      font-size: 18px; } }

.regsummary .pass .firstname {
  padding-top: 40px;
  text-transform: uppercase; }

.regsummary .pass .lastname {
  text-transform: uppercase; }

.regsummary .pass .membertype {
  font-weight: normal; }

@media (max-width: 767px) {
  .regsummary .pass {
    padding-bottom: 10px; } }

.regsummary .regsummaryrow {
  margin-top: 60px; }

.regsummary .taxinvoice {
  font-size: 24px; }
  .regsummary .taxinvoice .inner {
    background-color: #eaeaea;
    border-radius: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 75px;
    min-height: 431px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .regsummary .taxinvoice .inner {
        font-size: 18px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .regsummary .taxinvoice .inner {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px; }
        .regsummary .taxinvoice .inner .vl {
          text-align: right; } }
    @media (max-width: 767px) {
      .regsummary .taxinvoice .inner {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px; }
        .regsummary .taxinvoice .inner .vl {
          text-align: right; } }
  .regsummary .taxinvoice .row > div {
    height: 30px; }
  .regsummary .taxinvoice h3 {
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: initial; }
  .regsummary .taxinvoice .lbl {
    font-weight: bold; }
  .regsummary .taxinvoice .vl b {
    font-weight: bold; }
  @media (max-width: 767px) {
    .regsummary .taxinvoice .col-xs-7, .regsummary .taxinvoice .col-xs-5 {
      padding-left: 15px;
      padding-right: 15px; } }

.regsummary .paymentinfo {
  margin-top: 70px; }
  .regsummary .paymentinfo .selectcreditcard {
    /*padding-top: 15px;*/
    padding-right: 65px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .regsummary .paymentinfo .selectcreditcard {
        padding-right: 15px; } }
    @media (max-width: 767px) {
      .regsummary .paymentinfo .selectcreditcard {
        padding-right: 15px; } }
    .regsummary .paymentinfo .selectcreditcard h5 {
      padding-top: 20px;
      padding-bottom: 10px;
      text-align: center;
      font-family: 'Lato', sans-serif;
      letter-spacing: 0.03em;
      font-size: 14px;
      color: #303030; }
      .regsummary .paymentinfo .selectcreditcard h5.h5_top {
        padding-top: 0; }
    .regsummary .paymentinfo .selectcreditcard .bn {
      cursor: pointer;
      color: white;
      width: 100%;
      background-color: #939598;
      height: 60px;
      border-radius: 0;
      margin-bottom: 2px;
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      text-align: center;
      line-height: initial;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      padding-left: 15px;
      padding-right: 15px; }
      .regsummary .paymentinfo .selectcreditcard .bn.selected {
        background-color: #f99d1c; }
  .regsummary .paymentinfo .cardinfo {
    padding-left: 35px;
    padding-right: 130px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .regsummary .paymentinfo .cardinfo {
        padding-right: 60px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .regsummary .paymentinfo .cardinfo {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 767px) {
      .regsummary .paymentinfo .cardinfo {
        padding-left: 15px;
        padding-right: 15px; } }
    .regsummary .paymentinfo .cardinfo .lv {
      height: 46px;
      line-height: 46px;
      font-size: 15px; }
    .regsummary .paymentinfo .cardinfo .cvv {
      font-size: 12px; }
    .regsummary .paymentinfo .cardinfo input {
      font-size: 24px; }
    .regsummary .paymentinfo .cardinfo .btn {
      height: 44px;
      line-height: 44px;
      padding: 0;
      color: white;
      background-color: #f99d1c;
      border-radius: 0;
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1.2px;
      width: 100%; }
      .regsummary .paymentinfo .cardinfo .btn.isprocessing {
        background-image: url(../img/loading_circle.gif);
        background-position: center center;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        color: transparent; }
      @media (min-width: 768px) and (max-width: 991px) {
        .regsummary .paymentinfo .cardinfo .btn {
          font-size: 13px; } }
      @media (max-width: 767px) {
        .regsummary .paymentinfo .cardinfo .btn {
          margin-top: 5px; } }
    .regsummary .paymentinfo .cardinfo .btndiv:after {
      content: "";
      display: table;
      clear: both; }
    .regsummary .paymentinfo .cardinfo .msg {
      font-family: 'Raleway', sans-serif;
      font-size: 12px;
      color: #303030; }
      .regsummary .paymentinfo .cardinfo .msg b {
        font-weight: bold; }
    .regsummary .paymentinfo .cardinfo .col-sm-2, .regsummary .paymentinfo .cardinfo .col-sm-4, .regsummary .paymentinfo .cardinfo .col-sm-8 {
      padding-left: 5px;
      padding-right: 5px; }
      @media (max-width: 767px) {
        .regsummary .paymentinfo .cardinfo .col-sm-2, .regsummary .paymentinfo .cardinfo .col-sm-4, .regsummary .paymentinfo .cardinfo .col-sm-8 {
          padding-left: 15px;
          padding-right: 15px; } }
    @media (max-width: 767px) {
      .regsummary .paymentinfo .cardinfo .form-group {
        margin-bottom: 0; } }

.tnc h1, .pp h1 {
  padding-top: 20px; }

.tnc h4, .pp h4 {
  color: #f99d1c;
  font-size: 16px; }

.tnc .content, .pp .content {
  color: #010101;
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .tnc .content, .pp .content {
      margin-bottom: 5px; } }

.tnc p, .pp p {
  padding-bottom: 35px; }
  @media (max-width: 767px) {
    .tnc p, .pp p {
      padding-bottom: 15px; } }

.footer {
  background-color: #939598;
  border-top: 1px solid #c5cbd1;
  border-bottom: 1px solid #c5cbd1;
  color: white;
  height: 80px; }
  .footer:after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 767px) {
    .footer {
      background-image: url(../img/footer_mobile_bg.png);
      background-repeat: repeat-y;
      height: 95px; } }
  .footer .container {
    height: 80px; }
    @media (max-width: 767px) {
      .footer .container {
        height: 95px; } }
  .footer .copyright {
    float: left;
    line-height: 80px;
    margin-left: 35px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .footer .copyright {
        margin-left: 10px; } }
  .footer .copyright.mobile {
    display: none; }
  .footer .footermenu {
    float: right; }
    .footer .footermenu li {
      float: left;
      margin-left: 30px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .footer .footermenu li {
          margin-left: 10px; } }
      @media (max-width: 767px) {
        .footer .footermenu li {
          margin-left: 20px; } }
      .footer .footermenu li .indicator {
        height: 28px; }
        @media (max-width: 767px) {
          .footer .footermenu li .indicator {
            height: 14px; } }
        .footer .footermenu li .indicator .bar {
          border-top: 7px solid #f99d1c;
          margin-left: 10px;
          margin-right: 10px; }
    .footer .footermenu:after {
      content: "";
      display: table;
      clear: both; }
  .footer a {
    color: white; }
  @media (max-width: 767px) {
    .footer .desktop {
      display: none; }
    .footer .copyright.mobile {
      display: block;
      color: #939598;
      font-size: 11px;
      margin: 0 auto;
      text-align: center;
      width: 100%;
      height: 60px;
      line-height: 60px; } }

.regreceipt .desc {
  text-align: center; }
  .regreceipt .desc b {
    font-weight: bold; }

.regreceipt .detailreceipt {
  padding-top: 50px; }
  .regreceipt .detailreceipt h3 {
    padding-top: 75px;
    padding-bottom: 25px;
    line-height: initial;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    letter-spacing: 2px; }
  .regreceipt .detailreceipt .yourdeails {
    text-align: center;
    font-size: 24px;
    line-height: initial; }
    .regreceipt .detailreceipt .yourdeails .inner {
      background-color: #eaeaea;
      border-radius: 10px;
      padding-left: 40px;
      padding-right: 40px;
      min-height: 575px; }
    .regreceipt .detailreceipt .yourdeails h5 {
      font-weight: 800;
      padding-top: 35px; }
    .regreceipt .detailreceipt .yourdeails .membertype {
      font-size: 24px; }
  .regreceipt .detailreceipt .taxinvoice {
    font-size: 24px;
    text-align: left; }
    .regreceipt .detailreceipt .taxinvoice .inner {
      background-color: #eaeaea;
      border-radius: 10px;
      padding-left: 40px;
      padding-right: 40px;
      min-height: 575px; }
    .regreceipt .detailreceipt .taxinvoice .row > div {
      height: 40px; }
    .regreceipt .detailreceipt .taxinvoice h3 {
      text-align: center; }
    .regreceipt .detailreceipt .taxinvoice .lbl {
      font-weight: bold; }
    .regreceipt .detailreceipt .taxinvoice .vl b {
      font-weight: bold; }

.regreceipt .tail {
  padding-top: 65px;
  padding-bottom: 100px; }
  .regreceipt .tail a {
    color: #303030;
    text-decoration: underline;
    font-weight: bold; }