/** {
  margin: 0;
  padding: 0;
}

html {
  background: #222 url("images/bg.png") repeat;
}

body {
  _width: 70%;
  color: #888;
  font: 14px/20px Helvetica, Arial, sans-serif;
  margin: 20px auto 0;
  max-width: 800px;
  text-align: center;
  text-shadow: 0 -2px 1px #000;
  -webkit-font-smoothing: antialiased;
  }

h1 {
  font: 40px/60px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 200;
  }

h2 {
  font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 40px;
  }

#wrapper {
  padding: 20px;
  }

p,h3,h4,pre {
  text-align: left;
  max-width: 540px;
  margin: 0 auto 20px;
  }*/

.rslides {
  margin: 0 auto 40px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.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;
  }

/*a {
  color: #fff;
  text-decoration: none;
  }*/

#download {
  background: #333;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 60px auto;
  max-width: 500px;
  padding: 20px;
  }

#download:hover {
  background: rgba(255,255,255,.15);
  }
 

/* Callback example */

/*h3 {
  font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  }*/

.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  max-width:1920px;
  box-shadow: 0 0px 0px rgba(0,0,0,0);
  }

  .callbacks_container-produt {
  margin-bottom: 0px;
  background:#FFF; padding:10px;
  position: relative;
  float: left;
  width: 100%;
  }
  
  @media screen and (max-width:728px){
	  
	  .callbacks_container {
		  
		   margin-bottom: 0px;
	  }
	  
	  
  }
.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;
  }

@media screen and (max-width:568px){

  .callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 60%;
    float: right;
    border: 0;
    }
    .callbacks_tabs {
      text-align: center;
      margin: 0 auto;
      display: flex;
      justify-content: flex-end !important;
      padding: 5px 29px !important;
  }

}


.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
 background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
.callbacks .caption {  width:100%; display: flex;}
.callbacks .caption  .cation-p { position:absolute; bottom:10px;  line-height:1.2;   }
.caption-a { position:absolute; background:#F7B432 url(../../img/more-bullet.png) no-repeat right; padding:10px 20px; padding-right:60px; right:10px; color:#10254C; top:10px; z-index:1; background-size:auto 100%; font-size:20px; line-height:.9; cursor:pointer;}
.callbacks .caption h1 { margin-top:0;font-size:3.6em; font-weight:900;
    line-height: .9;} 
.callbacks .caption p { margin-bottom:0;}

@media screen and (max-width:1600px){
	.callbacks .caption h1{font-size:2.6em;}
	
	}

@media screen and (max-width:1240px){
	
	 .callbacks .caption  .cation-p {  font-size:16px;   }
				.callbacks .caption h1 { font-size:2em;line-height:0.9;}
	

	}
	@media screen and (max-width:1050px){
		.caption-a {   font-size:14px; }
		}
	@media screen and (max-width:984px){
		.callbacks .caption {  width:100%; display: block;;}
	.callbacks .caption h1 { font-size:1.5em; line-height:1;}
				 .callbacks .caption  .cation-p { position: relative; bottom:10px; font-size:14px; padding-top:10px;   }
	
	
	}
	 
		
		 

	@media screen and (max-width:495px){
		.caption-a { display:none; font-size:14px; }
		.callbacks .caption h1 { font-size:1em; line-height:1;}
		.callbacks .caption p { font-size:.5em;
    
}
		}


.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 55%;
  left: 0;
  opacity: 1;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 40px;
  width: 30px;
  background:  url("arrow-l.png") no-repeat center top;
  background-size: contain;
  margin-top: -45px;
  

  opacity: 1;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }
.callbacks_nav.prev {left:8px;
	
	}
.callbacks_nav.next {
  left: auto;
  background:   url("arrow-r.png") no-repeat center top;
  background-size: contain;
  right: 8px;
  }
@media screen and (max-width:984px){
	.callbacks_nav {height: 40px;
  width: 40px;}
	.callbacks_nav.prev {left: -20px; background-size:contain;
	
	}
	.callbacks_nav.next {right: -20px; background-size:contain;}
	}


#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

@media screen and (max-width: 600px) {
/*  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }*/
  .callbacks_nav {
    top: 47%;
    }
  }
  
  
  
  @media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 60%;
}
.cation-p {display:none;}
  }
  

  /* list control bar str*/
  .callbacks_tabs { text-align: center;margin: 0 auto;display: flex; justify-content: center;
    padding: 0;}
  .callbacks_tabs li {list-style: none; margin-right: 2px;float:left;display: inline;}

  .callbacks_tabs li  a { width: 10px;height: 10px; 
    background-color: white; margin: 2px;
    display: block; font-size: 0;box-shadow: 0 1px rgba(0,0,0,0.2);
     border-radius: 200px;}

     .callbacks_tabs li.callbacks_here a {background-color: #24afec ;}

     .navbar-light .navbar-toggler {
  
     left: 0;
      position: absolute;
      top: -40px;
      background: #FFF;
  }