.bg{ background-color:#2a2b35; width:100%; z-index:0; background-position:right top; background-size:cover; background-repeat:no-repeat; }
.img1{background-image:url(../img/bn1.jpg); }
.img2{background-image:url(../img/bn2.jpg); }
.img3{background-image:url(../img/bn3.jpg); }
.img4{background-image:url(../img/bn4.jpg); }
section.bnr{ padding:0;}


.bgefect{ width:100%; z-index:20;  position:absolute; height:100%; top:0; left:0; display:flex; align-items:center;}
.bnr-content{ width:100%; text-align:center; margin-left:0%;}
.bnr-content h1{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-top:0; padding:5px 0px; font-size:30px;  letter-spacing:1px; color:#fff;  display:inline-table;  text-align:center; text-shadow:2px 2px 7px rgba(0,0,0,0.9); line-height: 30px; margin-bottom: 0px; border-bottom:0px; display:block; padding:5px 15px; margin-left: auto; margin-right: auto; font-weight: bold; font-family: 'menu'; margin-bottom: 10px; text-transform:inherit !important; }

.bnr-content div{  width:100%; margin-left:auto;  margin-right:auto; max-width:1170px; }
.bnr-content p{ font-size:22px; color:#fff; font-weight: bold; overflow:hidden; text-align:center;  text-shadow:1px 1px 7px rgba(0,0,0,1); padding: 3px; line-height: 20px; letter-spacing: 2px; margin: 0px 0px 0px 5px;   }
a.more{ position:relative; display:block; text-align:center; }
 a.more .buttons{ background-color:#1e1e1e; color:#fff; line-height:15px; font-size:14px;  border:2px solid #212121; border-radius: 0px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); letter-spacing: 1px; padding: 10px 20px; margin-top: 15px; margin-left: 15px; text-transform: uppercase;   }
a.more .buttons:hover{ background-color: #1e1e1e; color: #25a7e0; border:2px solid #212121;}

    #bar{
  width: 0%;
        max-width: 100%;
        transition: none;
  
  height: 3px;
      
  background:rgba(255,255,255,0.2);
}
#progressBar{ position: absolute; top: 0; left: 0; z-index: 1000000;
  width: 100%;
  background-color:rgba(0,0,0,0);
    
   
    
}
#testo .owl-theme .owl-controls{ }

.bnr1{  display:block;}
.pra{ width:auto;}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0px;
}
/* display none until init */
.owl-carousel{
	display: block;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: block;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
	display:block;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


#clint .owl-controls.clickable{display: none !important;}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}




/*themes*/




.owl-theme .owl-controls{
	margin-top: 0px;
	text-align:center;
    display: block !important;
   
  
	
}

/* Styling Next and Prev buttons */
#bnrs .owl-controls .owl-prev, #bnrs .owl-controls .owl-next{ display:inline-block !important;}
#bnrs .owl-controls .owl-prev:after{ content:"‹";   font-size:26px !important; }
#bnrs .owl-controls .owl-next:after{  content:"›";  font-size:26px !important; }
#bnrs .owl-controls .owl-prev, #bnrs .owl-controls .owl-next{ background-color:rgba(0,0,0,0.6) !important; margin:0px; border:0px solid #ec1717; margin-top: -25px;  height:50px !important; width:50px !important; line-height:47px !important;   font-size:0px !important;
	border-radius:100%; display:inline-block !important ; top:50%;  z-index:99; color:#f0f0f0 !important; position:absolute !important;  }
#bnrs .owl-controls .owl-prev{ left:20px !important ; }
#bnrs .owl-controls .owl-next{ right:20px !important ; }

#bnrs .owl-prev:hover, #bnrs .owl-next:hover{ background-color:rgba(30,30,30,1) !important; color:#25a7e0 !important;}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;

}
.bnr .owl-pagination{ height:0px ; text-align: left; padding-left: 20px;}
.logos .owl-pagination{ height:0px ;}
.logos .owl-buttons{ height:0px;}



	.logos  .owl-theme .owl-controls .owl-page span{ display:none;}

#clint .owl-buttons{display: none;}

#testo .owl-controls .owl-page span{
	position:relative;
	top:10px;
	display:inline-block;
	width: 12px;
	height: 12px;
	margin: 5px 5px;
	-webkit-border-radius:100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
 transition:all 300ms ease-in-out;
	border:1px solid #fff;
}


#testo .owl-controls .owl-page.active span,
#testo .owl-controls.clickable .owl-page:hover span{
width: 12px;
	height: 12px;
	background-color:#fff;
		border:1px solid #fff ;

}
	.bnr .owl-theme .owl-controls .owl-page span{
	position:relative;
	z-index:102; float:none; 
	top:-40px;
	display:none;
	width: 15px;
	height: 1px;
	margin: 3px 3px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	
	background-color:rgba(255,255,255,0.4); transition:all 300ms ease-in-out;
	border:0px solid #fff;
	}
.bnr .owl-theme .owl-controls .owl-page.active span,
.bnr .owl-theme .owl-controls.clickable .owl-page:hover span{
width: 20px;
	height: 1px;
border:0px solid #fff;
background-color:#ff00fa;
}
/* If PaginationNumbers is true */



/* preloading images */
.owl-item.loading{
	min-height: 300px;
	background: url(bntLoader.gif) no-repeat center center

}
 
 
 
 /* transition*/
 
 
 .owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 2s ease both;
  -moz-animation: scaleUpFrom 2s ease both;
  animation: scaleUpFrom 2s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 2s ease both;
  -moz-animation: scaleUpTo 2s ease both;
  animation: scaleUpTo 2s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


   @media (max-width: 768px) {	
	   
	   	.bnr-content h1{ line-height:24px; font-size:24px;}
	.bnr-content p{ line-height: 16px; font-size: 16px; }
	   .bnr-content a.more button{ padding:10px 10px;}
	   
       #bnrs .owl-controls .owl-prev:after{content:"‹";   font-size:14px !important; }
#bnrs .owl-controls .owl-next:after{   content:"›";  font-size:14px !important; }
#bnrs .owl-controls .owl-prev, #bnrs .owl-controls .owl-next{  margin-top: -18px;  height:35px !important; width:35px !important; line-height:35px !important; top: inherit; bottom: 20px; font-size:0px !important;
 }
       #bnrs .owl-controls .owl-prev{ left: 50% !important; margin-left: -20px !important;   }
       #bnrs .owl-controls .owl-next{left: 50% !important; margin-left: 20px !important; }

		}