.ts-footer {
   /* background: #1a1831;*/
    padding: 50px 0 50px;
}
.header ul.navbar-nav > li > a {
    font-weight: 700;
    font-size: 14px;
    line-height: 78px;
    text-transform: uppercase;
    padding: 0 10px;
    display: block;
}

.blink {text-decoration:none; width:auto; height:auto; padding:20px; margin-bottom:20px;}
.blink, .blink a{ font-size:22px; font-weight:bold;
		text-decoration:none;
		color: #ff0000;
		animation: blink 0.85s linear infinite;
		-webkit-animation: blink 0.85s linear infinite;
	}
@keyframes blink{
0%{color: #ff0000;}
50%{color: #ff0000;}
51%{color: #ffffff;}
100%{color: #ffffff;}
}
@-webkit-keyframes blink{
0%{color: #ffffff;}
50%{color: #ff0000;}
}

.wlcm-msg{box-shadow:#ccc 3px 5px 15px 1px; padding-top:20px;}

.abs-data{position:absolute; top:22%; right:4%; z-index:9999; width:20%; }
.abs-data h4{color:#FFFFFF; width:100%; float:right;}

@media (max-width:480px){
#header .logo img{max-height: 50px;}
.panel{min-height: 400px !important;}
 
 .btn{padding: 0 20px; font-size:12px;}

}

.howtoreach {text-align:center; background:#CCCCCC; padding:20px;}
.howtoreach p{color:#000000;}


html,
body,
.container-slider {
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  /* Font styles 
  font-family: "Roboto Slab", serif;
  font-size: 1em;
  line-height: 1.5em;letter-spacing: 0.01em;*/
  color: #607d8b;
  
}

.container-slider {
  position: relative;
}

/* Panels */
.swipe {
  position: relative;
  width: 100%;
  height:100%; /* "min-height" doesn't work on Firefox. */
  background: #eee;
  overflow-x: hidden;
}

.panel {
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  padding: 20px;
}


.left {
  left: -100%;
}

.right {
  left: 100%;
}

/* Info */
.info {
  position: absolute;
  width: 80%;
  max-width: 500px;
  bottom: 20%;
  right: 10%;
  pointer-events: none;
}

.inner {
  position: relative;
  padding: 30px 30px;
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.inner h3{color:#3e50b3; font-size:40px;}

.info:before {
  content: "";
  position: absolute;
  width: 65%;
  height: 80%;
  top: 0;
  left: 0;
  -webkit-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  -o-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  background: #e91e63;
  /*background: #3f51b5;*/
}

.buttons {
  position: absolute;
  bottom: -50px;
  right: 5%;
  pointer-events: all;
}

.buttons button {
  transition: ease 0.4s;
}

.btn-prev,
.btn-next {
  width: 60px;
  height: 60px;
  margin-left: 10px;
  border: none;
  outline: none;
  border-radius: 60px;
  color: #ffffff;
  background: -webkit-linear-gradient(top, #f5515f, #e91e63);
  background: linear-gradient(to bottom, #f5515f, #e91e63);
  box-shadow: 0px 3px 15px 2px rgba(245, 81, 95, 0.8);
  cursor: pointer;
}

.buttons button:hover {
  box-shadow: 0px 3px 30px 3px rgba(245, 81, 95, 0.8);
}

.buttons button:disabled {
  box-shadow: 0px 1px 5px 0px rgba(245, 81, 95, 0.8);
  background: -webkit-linear-gradient(top, #e91e63, #f5515f);
  background: linear-gradient(to bottom, #e91e63, #f5515f);
  cursor: default;
}

/* Optional content */
.optional {
  width: 80%;
  max-width: 680px;
  margin: 6em auto;
  padding: 2em 3em;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 12px rgba(0, 0, 0, 0.23);
}

@media (max-width: 620px) {

  .info {
    position: absolute;
    width: 100%;
    max-width: 100%;
    bottom: 60px;
    right: 0;
  }

  .inner {
    padding: 0.5em 1.5em;
    box-shadow: none;
  }

  .buttons {
    display: none;
  }
}