body {
  padding: 0;
  margin:0;
  outline:0;
font-family: 'Montserrat', sans-serif;	
    
}
.slider-sec
{
position:relative;

}
.rslides_tabs {
list-style: none;
padding: 0;
background: rgba(0,0,0,.25);
box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
font-size: 18px;
list-style: none;
margin: 0 auto 50px;
max-width: 540px;
padding: 10px 0;
text-align: center;
width: 100%;
}

.rslides_tabs li {
display: inline;
float: none;
margin-right: 1px;
}

.rslides_tabs a {
width: auto;
line-height: 20px;
padding: 9px 20px;
height: auto;
background: transparent;
display: inline;
}

.rslides_tabs li:first-child {
margin-left: 0;
}

.rslides_tabs .rslides_here a {
background: rgba(255,255,255,.1);
color: #fff;
font-weight: bold;
}

.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}

.callbacks li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.callbacks img {
display: block;
position: relative;
z-index: 1;
height: auto;
width: 100%;
border: 0;
}

.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
background: #000;
background: rgba(0,0,0, .8);
left: 0;
right: 0;
bottom: 0;
padding: 10px 20px;
margin: 0;
max-width: none;
}

.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 52%;
left: 0;
opacity: 0.7;
z-index: 9;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("../../img/arrows-button.png") no-repeat left top;
margin-top: -45px;
}

.callbacks_nav:active {
opacity: 1.0;
}

.callbacks_nav.next {
left: auto;
background-position: right top;
right: 0;
}

.slider-sec .rslides .img-caption {
  height: auto;
  padding-top: 5%;
  position: absolute;
  top: 38%;
  width: 45%;
  z-index: 99999;
  display: block;
  text-align: left;
  outline: none;
  left: 4%;
  display: none;
}
.slider-sec .rslides .img-caption .caption-inner{
  background-color: rgb(14, 73, 123);
  background-image: url("../../img/dott.png");
  background-repeat: no-repeat;
  background-position: 100% 80%;
  padding: 15px;
}
.slider-sec .rslides .img-caption .caption-inner h1
{
position: relative;
  text-align: center;
  padding: 10px 15px;
  color: white;
letter-spacing: 3px;
  font-size: 30px;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 7px;
  position: relative;
  display: inline-block;
  z-index: 10;
  margin-bottom: 0;
  border: 1px solid #fff;
  padding: 13px 13px;
}

.slider-sec .rslides .img-caption .caption-inner h3
{
display: table;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  padding: 17px 40px 20px 40px;
  z-index: 20;
  font-size: 20px;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  /*font-family: 'Roboto', sans-serif;*/
  background: #000;
}
.rslides li::before {
  background-color: #000;
  opacity: 0.3;
  bottom: 0;
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (max-width:767px){
  .slider-sec .rslides .img-caption{
      padding-top: 0;
      top: 25%;
      display: none;
  }
  .slider-sec .rslides .img-caption .caption-inner h1, .slider-sec .rslides .img-caption .caption-inner h3{
      display: none;
  }
  .slider-sec .rslides .img-caption .caption-inner h1 {
      font-size: 17px;
      letter-spacing: 1px;
  }
  .slider-sec .rslides .img-caption .caption-inner h3{
      font-size: 12px;
  }
}