/*-- Responsive --*/

.sp-vbot-layout {
    position: relative;
    color:#000;
    z-index:0;
    background:#fff;
    overflow: hidden;
    /* cursor: pointer; */
}

/*-- Slider Item --*/

.sp-vbot-layout .sp-slider-item {
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}


.sp-slider-item .sp-slider-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sp-vbot-layout .sp-slider-item:first-child {
  top: auto;
  position: relative;
}

.sp-vbot-layout .sp-slider-item.animate-in {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

/*
.sp-vbot-layout .sp-slider-content:after{
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  right: -400px;
  border-left: 400px solid #27ae60;
  border-bottom: 400px solid transparent;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  z-index: 2;
}
*/
.sp-vbot-layout .sp-slider-content .sp-introtext{
  margin: 20px 0 40px;
  max-width: 750px;
  display: inline-block;
}

.sp-vbot-layout .sp-full-text{
  margin-bottom: 35px;
}

.slider-click-more {
   cursor:pointer;
}

/*-- Slider Animation --*/
.sp-vbot-layout .animate-in .sp-animation-1 {
  -webkit-animation: fadeInDown 300ms linear 300ms both;
  -moz-animation: fadeInDown 300ms linear 300ms both;
  -o-animation: fadeInDown 300ms linear 300ms both;
  -ms-animation: fadeInDown 300ms linear 300ms both;
  animation: fadeInDown 300ms linear 300ms both;
}
.sp-vbot-layout .animate-in .sp-animation-2 {
  -webkit-animation: fadeInDown 300ms linear 500ms both;
  -moz-animation: fadeInDown 300ms linear 500ms both;
  -o-animation: fadeInDown 300ms linear 500ms both;
  -ms-animation: fadeInDown 300ms linear 500ms both;
  animation: fadeInDown 300ms linear 500ms both;
}
.sp-vbot-layout .animate-in .sp-animation-3 {
  -webkit-animation: fadeInDown 300ms linear 800ms both;
  -moz-animation: fadeInDown 300ms linear 800ms both;
  -o-animation: fadeInDown 300ms linear 800ms both;
  -ms-animation: fadeInDown 300ms linear 800ms both;
  animation: fadeInDown 300ms linear 800ms both;
}
.sp-vbot-layout .animate-in .sp-animation-4 {
  -webkit-animation: fadeInUp 500ms linear 1100ms both;
  -moz-animation: fadeInUp 500ms linear 1100ms both;
  -o-animation: fadeInUp 500ms linear 1100ms both;
  -ms-animation: fadeInUp 500ms linear 1100ms both;
  animation: fadeInUp 500ms linear 1100ms both;
}

.sp-vbot-layout .animate-in .sp-animation-5 {
  -webkit-animation: fadeInDown 300ms linear 1100ms both;
  -moz-animation: fadeInDown 300ms linear 1100ms both;
  -o-animation: fadeInDown 300ms linear 1100ms both;
  -ms-animation: fadeInDown 300ms linear 1500ms both;
  animation: fadeInDown 300ms linear 1100ms both;
}

/*-- Slider List Navigation --*/

.sp-vbot-layout .slide-indicators {
   position: absolute;
   top: 92%;
   /*right: 10%;*/
   width:100%;
   z-index: 15;
   padding: 0;
   text-align: center;
   list-style: none;
   opacity: 0;
   filter: alpha(opacity=0); /* For IE8 and earlier */
}

.sp-vbot-layout:hover .slide-indicators {
   opacity: 1;
   filter: alpha(opacity=1); /* For IE8 and earlier */
}

.sp-vbot-layout .slide-indicators li {
   display: inline-block;
   width: 18px;
   height: 18px;
   margin: 5px 4px;
   text-indent: -999px;
   cursor: pointer;
   background: RGBA(170, 170, 170, 0.5);
   border: 2px solid #AAA;
   border-radius: 15px;
}

.sp-vbot-layout .slide-indicators li:hover {
   border: 2px solid #000;
   background: rgba(240,240,240,1);
}
.sp-vbot-layout .slide-indicators .active {
  /* cursor: default; */
  border: 2px solid #888 !important;
  background: rgba(0,0,0,0.8) !important;
}

/*-- Slider Prev/Next Arrow Navigation --*/

.sp-vbot-layout .slide-nav-buttons {
   position: absolute;
   height: 100%;
   top: 0;
   width: 100%;
   cursor: pointer;
}
.sp-vbot-layout .slide-nav-buttons img {
   opacity: 0;
   filter: alpha(opacity=0); /* For IE8 and earlier */
}

.sp-vbot-layout:hover .slide-nav-buttons img {
   opacity: 0.4;
   filter: alpha(opacity=0.4); /* For IE8 and earlier */
}

.sp-vbot-layout .slide-nav-section:hover  img {
   opacity: 1 !important;
   filter: alpha(opacity=1) !important; /* For IE8 and earlier */
}

.sp-vbot-layout #slide-prev-button {
   /* background: blue none repeat scroll 0% 0%; */
   position: absolute;
   left: 0px;
   height: 100%;
   min-width: 10%;
   z-index: 10;
}

.sp-vbot-layout #slide-prev-button img {
   float: left;
   margin-left: 1em;
}

.sp-vbot-layout #slide-next-button {
   /* background: red none repeat scroll 0% 0%; */
   position: absolute;
   right: 0px;
   height: 100%;
   min-width: 10%;
   z-index: 10;
}

.sp-vbot-layout #slide-next-button img {
   float: right;
   margin-right: 1em;
}

.sp-vbot-layout .slide-button-image {
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}

.sp-vbot-layout .slide-button-image  img{
   max-height: 65px;
   transform: translateY(-50%);
}

/*Animation - Original*/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(5px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(5px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-50px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/***** CONTENT ELEMENTS *****/

.sp-smart-slider .container {
   height: 100% !important;
}

.sp-slider-content {
    position: relative;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
    height: 100%;
    width: 50%;
    padding: 1.5em;
    min-width: 425px;
    color: #444;
}

.right {
    float: right;   
}

.slide-title {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2em;
}

.slide-image {
    display: inline-block;
    padding-right: 0em;
    margin-top: 0.5em;
    width: 30%;
    max-width: 8em;
    vertical-align: top;
}
.slide-logo {
    display:block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 2em;
}
.slide-logo img {
    width: 96%;
    margin-top: 1em;
}
.slide-image img {
    width: 82%;    
}

.slide-text {
    display: inline-block;
    color: #000;
    line-height: normal;
    width: 68%;
}

.slide-speakerName {
   font-size: 1.7em;
   font-weight: 600;
   line-height: normal;
}
.slide-date {
   font-size: 1.2em;
   font-weight: 600;
}

.learn-more a{
    text-decoration: none;
    color: #555;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.learn-more a:hover {
    text-decoration: none;
    color: #888;
    border-color: #888;
}
/***** EVENTS SLIDER / Tablet VIEW *****/
.e-slide-title {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.1em;
}
.e-slide-speakerName {
    font-size: 1.3em;
    font-weight: 600;
    line-height: normal;
}
.e-slide-date {
    font-size: 1.1em;
    font-weight: 600;
}
.e-slide-image {
    display: inline-block;
    padding-right: 0em;
    margin-top: 0.3em;
    width: 30%;
    max-width: 5em;
    vertical-align: top;
}
.e-slide-image img {
    width: 82%;    
}
.e-sp-slider-content {
    position: relative;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
    height: 100%;
    width: 50%;
    padding: 1.5em;
    min-width: 425px;
    color: #444;
}
.e-slide-text {
    display: inline-block;
    color: #000;
    line-height: normal;
    width: 80%;
}
.e-slide-logo {
    display:block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 2em;
}
.e-slide-logo img {
    width: 96%;
    margin-top: 1em;
}
 #marquee-text {
        font-size: 1.1em !important;
        margin-top: 0.5em !important;
}

/***** SMALL SLIDER *****/

.sm-slide-title {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2em;
}
.sm-slide-byline {
    font-size: 1.4em;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.5em;
    color: #333;
}
.sm-slide-text {
    display: block;
    color: #555;
    line-height: normal;
}

/***** MEDIUM / Tablet VIEW *****/

@media (min-width: 768px) and (max-width: 966px){
    .slide-content {
        min-width: 425px !important;
    }
}

/***** SMALL / MOBILE VIEW *****/
@media (max-width: 767px) {
   .sp-smart-slider {
      height: auto !important;
   }
   .sp-slider-item {
      height: 550px !important;
   }
   .sp-slider-image {
      height: 250px !important;
      display: block !important;
      position: relative !important;
   }
   .sp-slider-content {
      width: 100% !important;
      font-size: 0.8em !important;
   }
   .sp-slider-items {
      background: white;
      border-bottom: 1px solid #888;
      padding-bottom: 2em;
   }
   .sp-vbot-layout .sp-slider-content {
      background: none;
      width: 100%;
   }
    .learn-more {
    display: inline-block;
   }
    .slide-text {
    width: 80%;
   }
    .right {
    float: none;   
   }
    .e-sp-slider-content {
      font-size: 0.8em !important;
   }
    .sm-slide-text {
      display: block;
      color: #555;
      line-height: normal;
      width: 77%;
    }
    .slide-image {
      display: none;
   }
    .slide-image img {
      display: none;
   }
    .slide-logo img {
      width: 60%;
      margin-top: 1em;
   }
    .e-slide-logo img {
      width: 100%;
      margin-top: 1em;
   }
    .black-text {
       color: #000000 !important;
    }
}

/***** X-SMALL / MOBILE VIEW *****/
@media (max-width: 550px) {
    .slide-text {
        width: 100%;
        display: block;
        margin-top:-1em;
    }
    .sp-slider-content {
      padding: 0.5em;
        margin-top: 0.5em;
   }
    .slide-title {
      width: 77%;
      font-size: 2em !important;
   }
    .slide-logo {
      width: 67%;

    }
    .slide-logo img {
      width: 85%;
    } 
    #marquee-text {
        width: 75%;
        font-size: 1.1em !important;
        margin-top: 0.5em !important;
}
    .e-slide-logo {
      width: 67%;

    }
    .e-slide-logo img {
      width: 100%;
    }
    .e-slide-text {
        width: 100%;
        display: block;
        margin-top:-1em;
    }
    .e-slide-image img {
      display: none;
   }
    .e-slide-title {
      width: 77%;
      font-size: 1.8em;
   }
    .e-sp-slider-content {
      padding: 0.5em;
      margin-top: 1em;
   }
    .e-slide-speakerName {
      font-size: 1.7em;
        width: 77%;
    }
    .sm-slide-title {
      font-size: 2em;
      font-weight: 400;
      line-height: normal;
      width: 77%;
    }
    .sm-slide-byline {
      font-size: 1.3em;
      font-weight: 400;
      line-height: normal;
      width: 77%;
        margin-top: 0.5em;
    }
    .sm-slide-text {
      display: block;
      color: #555;
      line-height: normal;
      width: 77%;
    }
   
}

@media (max-width: 350px) {
    .slide-content,
    .sp-slider-content {
      min-width: 135% !important;
    }
}

/* Prevent selection of text/images */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}