.bg{ width:100%; z-index:0; position: relative; background-position:right top; background-size:cover; background-repeat:no-repeat;}
.img1{background-image:url(../img/bn1.png); }
.img2{background-image:url(../img/bn2.png); }
.img3{background-image:url(../img/bn3.png); }
.img4{background-image:url(../img/bn4.png); }


.bg div{ position:absolute; width: 100%; height: 100%; top: 0; left: 0;  display: flex; align-items:center;}
.bg div h2{  position: inherit; width: 100%;  font-size: 25px;  font-weight:bold; letter-spacing: 2px; color: #00678f; text-align:left; margin: 0px; font-family: 'home' }
.bg div .blc{  width: 75%; display: block; margin-left: 25%;   }
.bg div h1{  position: inherit; width: 100%;   font-size: 40px; font-weight:bold; letter-spacing: 2px; color: #00678f; text-align:left; margin: 0px;  font-family: 'home'}
.bg div p{padding-left: 40px;   position: inherit; font-size: 16px; text-align:left; color: #fff; margin-bottom: 0px;}

#bnr{ display: inline-block; position: relative; background-image: url(../img/bg.jpg); background-position:left bottom; background-size:cover; background-repeat:no-repeat;}
.side-pannel1, .side-pannel2{  width: 25%; position: absolute; right: 0; top: 0; background-color: aqua; height: 50%; background-position:center top; background-size: cover; background-repeat: no-repeat;}
.side-pannel1{  background-image:url('../img/side1.jpg');}

.side-pannel2{ top: 50%; background-image:url('../img/side2.jpg');}

.side-pannel1 div, .side-pannel2 div{ position: absolute; height: 100%; width: 100%; display: flex; align-items: center;} 
.side-pannel1 div{ background-color: rgba(12,124,236,0.65);}
.side-pannel2 div{ background-color: rgba(255,255,255,0.65);}

.side-pannel2 div p, .side-pannel1 div p{ margin: 0; padding:0; text-align: center; width: 100%; }
.side-pannel1 div p{ font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #fff; margin-top: 100px;}

.side-pannel1 div p a{ color: #fff; padding: 8px 12px; border:2px solid #fff;}
.side-pannel1 div p a:hover{ background-color: #fff; color: #0e7cec;}

.side-pannel2 div p{ font-size: 25px;  letter-spacing: 1px; color: #121623; }

.side-pannel2 div p a{ color: #121623; padding: 8px 12px; border:2px solid #121623;}
.side-pannel2 div p a:hover{ background-color: #121623; color: #fff;}


section.bnr{ padding:0; font-size: 0px;}

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

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	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);
}

/* 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;
   
	
}
.owl-prev, .owl-next{ }
/* Styling Next and Prev buttons */

#bnr .owl-prev:after{ content:"‹"; font-size:30px !important; }
#bnr .owl-next:after{  content:"›"; font-size:30px !important; }
#bnr .owl-prev, #bnr .owl-next{ margin:5px; border:2px solid #fff;  height:50px !important; width:50px !important; line-height:40px !important;   font-size:0px !important;
 left: 40px; top: 50% !important; cursor:default; display:none!important ;  z-index:50; color:#fff !important; position:absolute;  }
#bnr .owl-next{ right:40px ; top: 50% !important;  left: inherit;}

#bnr .owl-prev:hover, #bnr .owl-next:hover{ background-color:#fff !important; color:#000 !important;}

/* Styling Pagination*/

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

}
.bnr .owl-pagination{ height:0px ; text-align:right; padding-right: 100px;}
#bnr .owl-pagination{ height:0px ;}
#bnr .owl-buttons{ height:0px;}

#testo .owl-pagination{ text-align: left; padding-left: 15px;}

	#bnr  .owl-theme .owl-controls .owl-page span{ display:inline-block;}

.owl-theme .owl-controls .owl-page span{
	position:relative;
	top:0px;
	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 #000;
}


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

}
	.bnr .owl-theme .owl-controls .owl-page span{
	position:relative;
	z-index:30; float:none; 
        
	top:-70px;
	display:inline-block;
	width: 12px;
	height: 12px;
	margin: 3px 6px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background-color:#ed1d24; 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: 12px;
	height: 12px;
border:0px solid #fff;
background-color:#e9f115;
}
/* If PaginationNumbers is true */



/* preloading images */
.owl-item.loading{
	min-height: 150px;
	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: 992px) {

.side-pannel1 div p{ font-size: 14px; margin-top: 70px;}

.side-pannel1 div p a{ color: #fff; padding: 4px 6px; border:2px solid #fff; }


.side-pannel2 div p{ font-size: 20px;  }

.side-pannel2 div p a{ color: #121623; padding:4px 8px; }


       
       
		}

@media (max-width: 768px) {
    
   .bg div .blc{  width: 100%; display: block; margin-left: 0%;   }
    .bg div h1{text-align: center; font-size: 30px;}
        .bg div h2{text-align: center; font-size: 20px;}
  #bnr{ display: inline-block; position: relative; width: 100%;}  
    
    .side-pannel1, .side-pannel2{  width: 50%; position: absolute; left: 0; top: inherit; bottom: 0; background-color: aqua; height: 25%; background-position:center top; background-size: cover; background-repeat: no-repeat;}
    
    .side-pannel2{ bottom: 0; right: 0; left: inherit; top: inherit;}
    .side-pannel1 div p a{ display: block; margin-top: 5px; width:100px; margin-left: auto; margin-right:auto;}
    
    .side-pannel1 div p{  margin-top: 0px;}
    
    .side-pannel2 div p{ font-size: 16px;  }
    
    
    #bnr .owl-prev, #bnr .owl-next{ font-weight: bold; margin:5px; border:2px solid #fff;  height:40px !important; width:40px !important; line-height:30px !important;   font-size:0px !important;
 left: 5px; top: 37.5% !important;  }
#bnr .owl-next{ right:5px ; top: 37.5% !important;  left: inherit;}
  
 #bnr{ display: inline-block; position: relative; background-image: url(../img/bg.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat;}
    
}