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

.rslides li { 
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }



.callbacks_container {  
	margin-bottom: 0px;
	position: relative;
	float: left;
	width: 100%;
}
.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 { background:url(../images/nav-trp.png) repeat 0px 0px; border-left:8px solid #02743a;
	width: 31%;
	display: block;
	position: absolute;
	z-index: 2;

	text-shadow: none;
	color: #fff;
	
	right: 18%;
	bottom:26%;
	padding: 20px 20px;
	margin: 0;
	max-width: none;
	
}
.callbacks .caption span {
	font-weight: bold;
}
.h1-ban {
	width: 100%; font-weight:900;
	float: left;
	font-size: 45px;
	color: #ffff;
	text-transform: uppercase;
	padding: 0px;

}
.h3-ban {
	width: 100%;
	float: left;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.callbacks_nav { 
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0px;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 45px;
	width: 38px;
/*	background:url(../images/arow-bn.png) no-repeat left top;*/
	margin-top: -45px;
}
.callbacks_nav:active {
	opacity: 1.0;
}
.callbacks_nav.next {
	left: auto;
	background-position: right top;
	right: 0px;
}
#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 only screen and (max-width:1060px) {
.callbacks .caption {
	width: 100%;
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 37px;
	text-shadow: none;
	color: #ffff;
	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: 0px;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;

/*	background: url(../images/arow-bn.png) no-repeat left top;*/
	margin-top: -45px;
}
.callbacks_nav.next {
	left: auto;
	background-position: right top;
	right: 0px;
}
}
@media screen and (max-width: 768px) {
.h1-ban {
	font-size: 24px;
}
.h3-ban {
	font-size: 18px;
}

.logo{width:100%; float:left; text-align:center;margin-bottom:30px;}
.ph-top-right{ margin:auto; clear:both; float:none; }
}
 @media screen and (max-width: 600px) {
	 
	 .callbacks_container{ margin-top:0px;}
.callbacks .caption { top:10px;padding-bottom:10px;
	width: 100%;
	font-size: 18px;
	
}
.callbacks_nav {
	top: 47%;
}

.h1-hedings {
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
}


.callbacks .caption{ position:relative; margin-bottom:20px; width:100%; float:left; top:0px;}
.callbacks{ overflow:visible;}
}

 @media screen and (max-width: 500px) {
	 .callbacks .caption { top:0px; border-left:none;
	width: 100%;
	font-size: 16px;
	
}

.h1-ban{ font-size:16px;}
.h3-ban{font-size:14px;}
	 
	 }
	  @media screen and (max-width: 450px) {.top-url{width:100%; float:left;}
	  .log-bg{width:100%;float:left;}}
	    @media screen and (max-width:360px) {.ph-top-right{width:100%; float:left;}}