/*
OFERTA
*/
#ohead {
background-color:#fff;

-webkit-box-shadow: -1px 2px 8px -6px rgba(0,0,0,0.5);
-moz-box-shadow: -1px 2px 8px -6px rgba(0,0,0,0.5);
box-shadow: -1px 2px 8px -6px rgba(0,0,0,0.5);

-webkit-box-shadow: 0px 4px 10px -2px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 4px 10px -2px rgba(66, 68, 90, 1);
box-shadow: 0px 4px 10px -2px rgba(66, 68, 90, 1);

}

#oh {
	padding: 10px;	
}

#t10 {
-webkit-box-shadow: inset 0px 10px 8px -8px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 10px 8px -8px rgba(0,0,0,1);
box-shadow: inset 0px 10px 8px -8px rgba(0,0,0,1);
color: #fff;
background-color: #002F56;
padding: 7px 5px;
background: rgb(5,51,97);
background: linear-gradient(90deg, rgba(5,51,97,1) 0%, rgba(5,51,97,1) 36%, rgba(0,0,0,1) 100%);
background: linear-gradient(90deg, rgba(23,53,89,1) 0%, rgba(23,53,89,1) 36%, rgba(0,0,0,1) 100%);
}
	#t10 .oPrice {
		padding: 2px 12px 4px 0px; 
	}
	#t10 .oPrice label {
		color:#A4A19D; font-size: 10px; -webkit-box-shadow: inset 0px 4px 10px -2px rgba(66, 68, 90, 1);
-moz-box-shadow: inset 0px 4px 10px -2px rgba(66, 68, 90, 1);
box-shadow: inset 0px 4px 10px -2px rgba(66, 68, 90, 1);
	}
	#t10 .oPrice .price {
		color: #F8C023; margin: 0px; font-size: 2em; padding-top: 4px; line-height: 0.8;  font-weight: 800;
        margin-right: 10px;
	}
	#t10 .uprice {
		font-size: 12px;
	}
	#t10 .oPrice .uprice a {
		color: #666;
	}
	#t10 .oPrice .uprice .label {
		padding: 4px 6px;
	}
	
	#ohead .breadcrumb {
		border-radius: inherit; background-color: #efefef; padding: 8px 16px; 
	}
		#ohead .breadcrumb a {
			color: #444; font-size: 12px;
		}

        .btn-tra { opacity: 0.5 }
/*
body.app-aside-folded.app-aside-nohover .app-aside {
	box-shadow: 6px 0px 11px -7px rgba(0,0,0,1);
}*/	
	
.blackyup,.blk {
	color: #000; text-transform: uppercase;
}
.bg-loc {
	background-color: #ECEEEF; background-color: #393939; 
    background-color: #173559; background-color: #222;
}
.p0lr {
	padding-left: 0px !important; padding-right: 0px !important;
}
  #ohead label { font-size: 14px; text-transform: uppercase; color: #bbb; margin:0px; font-weight: 400; margin-bottom: 8px; }   
  #ohead h1 { font-weight: 800; line-height: 1; color: #000; margin: 0px; padding: 0px; padding-top: 6px; font-size: 30px; padding-bottom:0px; }
  #ohead h1 > span { font-size: 0.5em; line-height: 8px}
  #ohead h1 small { display: block; font-size: 18px; font-weight: 400; padding-top: 4px; }
  #ohead .label.label-fuel {
  	 padding: 5px 10px;
  }	

  #ohead sup abbr { font-size: 14px; }
  #ohead h2, #ohead h3 { line-height: 20px; font-weight: 500; margin-bottom: 5px;}
  #ohead h4 { margin-bottom: 0px; line-height: 22px;  }
  
  #ohead h2 small { font-size: 20px}
  #ohead h4 { margin-bottom: 0px;}
  #ohead h4 small { text-transform: uppercase; font-size: 14px; color: #888; }
  #ohead .tbr { border-left: 1px solid #eee; padding-bottom: 0px !important;}
  #fuel-on #svgfuel {  fill: white; }
  #ohead .badge-default { font-size: 12px; background-color: #ddd; borofder-radius: 3px; padding: 4px; }
  #ohead .badge-def { background-color: #aaa; color: #333; border-radius: 20px; padding: 8px 5px; }
  #ohead #drive .div { font-size: 12px; text-transform: uppercase; color: #888}
  #svggear { fill: #666; }
  #road { display: inline; background-color: #222; font-size: 12px; color: #eee; padding: 4px; }
  #road i { color: #ccc; }

  #ohead .fuels {
  	 float: right;
  }      

  #ohead .pblock { padding-right: 15px; }
  #ohead .icon-thumbnail { padding-right: 5px; }
  
  .label-drive {
  	color: #fff; font-size: 12px; font-weight: 900; margin-right: 5px; margin-top: -2px; 
  	
  }

.imglist {
	border-top: 5px solid #222;
	border-bottom: 5px solid #222;
} 
.imglist .item img {	
	/*border-right: 3px solid #333;*/
}  

.imglist .item {
overflow: hidden;
border-right: 5px solid #222;	
}

.imglist img:before {
	content: "";

    width: 100%;
    height: 60px;
    background-image: linear-gradient(rgba(34,34,34,.4),transparent);
}	

.imglist-3 .slick-slide.slick-active img {
	 opacity: 1; 
}
.imglist-3 .slick-slide:hover img {
	opacity: 0.8
}
.imglist-3 .slick-slide img {
	 opacity: 0.6
}

.sgs {
	background-color: #222;
}
.sgs img {
	cursor: pointer;
	border-top: 4px solid #222; border-right: 4px solid #222; 
}
.sgs img {
	opacity: 0.7
}
.sgs img:hover {
	opacity: 0.9
}
	
@media all and (min-width: 768px) {
  .fancybox-thumbs {

    background: rgba(0, 0, 0, 0.3) !important;
  }
  
}

/* header.sale */
.osale .app-header {
	box-shadow: none;
	background-color: #707070;
}
.osale .app-header .navbar-collapse .navbar-right > li > a, 
.osale .app-header .navbar-collapse > li > a,
.osale .app-header .navbar-nav > li > a  {
    color: #ddd !important;
}
    .osale .app-header .navbar-nav > li > a:hover  {
        background-color: rgb(255 255 255 / 10%);
        color: #fff !important;
    }
	.osale .app-header .navbar-collapse .navbar-right > li > a:hover {
		/*color: #fff !important;*/
	}

	
.tbr .npd {
	margin-top: 3px;
}
#ohead sup {
	display: inline-block;
}  
#ohead abbr {
	text-decoration: none; 
	color: #eee; font-weight: 700;
	border: 0px; 
	text-transform: uppercase;
}
#ohead abbr .label {
	background-color: #d0d0d0;
}
#ohead abbr .label.lablv {
font-weight: 800;	 
	background-color:  #bbb
}
#ohead abbr .label.lablf {
 
}
#ohead abbr .label.lablf small {
		font-weight: 100; font-size: 13px; line-height: 15px;
}
/*#ohead abbr .label.lf sub {
	margin-bottom: 0px; padding-bottom: 0px; bottom:0px; line-height: 8px;
}*/
.label-group > .label:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.label-group > .label:last-child:not(:first-child), .label-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.flg {
	border: 1px solid #ddd; 
}

 .oh {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	  align-items: stretch;
	  align-content: stretch;
 }

#ccard { /*background-color: #FFD900;*/ color: #053361 }
#ccard h5.card-title { font-size: 13px; font-weight: 900; text-transform: uppercase; padding: 10px }
#ccard a { color: #053361; }
#ccard a:hover { text-decoration: none; }
#ccard small { display: block; }
#ccard .list-group-item { background-color: #FFD900;  }
    
#oPricing {
	/*display: flex;*/
	margin: 0px 5px 5px;
}
#oPricing .kwota {
	color: #222; color: #327DB6; color: #053361; letter-spacing: -1px;
	font-size: 32px; padding-top: 3px	
}

#oPricing span {
	 display:block-inline; color: #84AECC; line-height: 14px; font-size: 50%;
}
#oPricing sub {
	 bottom: 0; color: #84AECC; font-weight:500; 
}

#oPricing label {
	font-weight: 400; font-size: 12px; color: #797979;
	/*margin-right: 5px; */ padding: 0 8px; padding-top: 4px;
}  
#oPerson {
  white-space: nowrap;
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;

}
#oPerson .btn {
	 color: #0055B3;
	 
}
#oPerson .btn span {
	font-weight: 700; font-size: 12px;
}
#oPerson .imgd {
	padding: 2px; max-height: 34px; border-radius: 2px; margin-top: 2px;
	/*  line-height: 1.5;*/
    background-color: #fff;
  /*   border: 1px solid #ddd;*/
    border-radius: 2px;
    margin-right: 7px; margin-top: 3px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    display: inline-block;
    max-width: 100%;
    height: auto;
}


h2.vw {
	font-size: 36px; line-height: 24px;
}
h2.vw small {
	color: #666;
}
.oDealer {
	padding-top: 6px;
}
.oDealer strong a {
	color: #111;
}
.oBaction a {
	 color: #0055B3; line-height: 12px;
	 border-radius: 0px; margin-bottom: -5px;
}
.oBaction a i {
	
}

.etype {
	padding-top: 8px;	margin-bottom: 0px; color: #333;
	font-weight: 700;
}  
.etype small {
	font-size: 14px; display: block; padding-top: 4px;
	 color: #888;	 
}

#t label.lab {
	font-weight: 400; text-transform: uppercase; color: #aaa; margin: 0; font-size: 13px; padding-top: 10px;
}
#t b {
	 font-weight: 900;
}
#oLocation {
	margin-top: 2px;
}
#oLocation label {
	font-weight: 400; font-size: 12px; 
	margin: 0px; padding: 0px; padding-top: 3px;
} 


#tech2 {  color: #111; background-color: #ddd; font-weight: 400; }
#tech2 ul, #tech2black ul { margin: 0;list-style-type: none;  padding: 0; }
#tech2 li { display: flex; margin-left: 5px; color: #444; padding-top: 8px; }
#tech2 li > div { padding-left: 5px; }
#tech2 label { font-size: 11px; font-weight: 400; color: #888; display: block; margin-bottom: 0px; text-transform: uppercase; }
#tech2 small b { font-weight: 400;  }
#tech2 abbr { font-weight: 400; text-decoration: none}
#tech2 b { font-weight: 600; }
#tech2 h6 { color: #bbb; padding: 10px; }
#tech2 .f1, #tech2black .f1 { width: 40px; text-align: right; padding-right: 10px; }
#tech2 .badge.badge-gear { padding: 3px 4px;background-color: #bbb; border-radius: 20px; }
#tech2 .label { padding: 4px; font-size: 12px; background-color: #999; color: #eee }     
#tech2 .label.label-fuel { padding: 4px; margin-bottom:0px; }            
#tech2black {  color: #ddd; background-color: #555; font-weight: 500; }
#tech2black h6 { color: #888; padding: 10px; padding-bottom: 0px }
#tech2black li { display: flex; margin-left: 5px; color: #ccc; padding-top: 8px; }
#tech2black label { font-size: 11px; font-weight: 400; color: #999; display: block; margin-bottom: 0px; text-transform: uppercase; }


#oL {

/*-webkit-box-shadow: inset -1px 3px 33px -22px rgba(0,0,0,0.75);
-moz-box-shadow: inset -1px 3px 33px -22px rgba(0,0,0,0.75);
box-shadow: inset -1px 3px 33px -22px rgba(0,0,0,0.75);*/
}
  
  .location {
  	 color: #112; line-height: 12px !important;
  }


.fc .lb {
	 font-weight: 400;
}
.cmini {
	font-weight: 400; 
}

.hgear {
	font-weight: 400;
}
.label-fuel {
	font-size: 10px; padding: 1px 2px; line-height: 10px;  border-radius: 0.25rem; padding: 1px 3px;
	font-weight: 700;
}
.label-fuel.pb { background-color: darkgreen; color: #fff;  }
.label-fuel.on { background-color: #222; color: #fff }
.label-fuel.lpg { background-color: brown }

h4.lead {
	 color: #999; text-transform: uppercase; font-weight: 700; font-size: 13px;
	 padding: 0px;
} 
.panel .panel-heading {
	font-weight: 700; color: #aaa;
}
 
#counterp { background-color: #333;  }
	#counterp .btnn { text-transform: uppercase; font-weight:bold; background-color: #fff; }

	.counterp {   
    	font-size: 14px; text-transform: uppercase;    
	} 
	.counterp sub {
		color: #555;
	}
	.counterp strong { 
  	margin-top: 5px; color: #888;
  	font-size: 16px;
  	background-color: #555;
  	margin-right: 8px;
  	/*-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
  	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
  	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);*/
  	float: left; 
  	overflow: hidden;
    	padding: 0px 3px;
	}
	.counterp span { 
  	margin: 1px;
  	color: #fff;
  	font-size: 20px;
  	padding: 1px 4px;
  	margin: 1px;
  	background-color: #333;
	}
	.counterp small { 
   	line-height: 8px;
   	font-size: 10px;
	}
	.counterp b {
  	display: block;  line-height: 12px;
	}
	 .counterp.bz strong{ background-color: transparent; margin-right: 0px; }    
    .counterp.bz strong b { display: inline; font-weight: 700; font-size: 20px; color: #fff; padding: 1px 4px; margin: 1px; background-color: #333; }
    .counterp.bz strong span { font-size: 18px;}
    
#oL .prct {
	font-size: 12px; color: #bbb; font-weight: 400;
}    
    
#oTopR { position: absolute; top: 10px; left: 0;  padding: 2px 10px; z-index: 5 }
    #oBL {  position: absolute;  bottom: 10px; left: 0;  padding: 2px 5px; z-index: 102 }
    #oBt {  position: absolute;  top: 10px; right: 0;  padding: 2px 5px; z-index: 102 }
    #fotohd {
        position: absolute;    right: 5%;    bottom: 1%;    display: inline;    padding: 2px 5px;    color: #eee;    z-index: 100;
    }
    #fotohd strong { font-size: 21px; }
        /* #fotohd img { float: left; margin-right: 4px; }&*/       
    #fotohd svg { fill: #eee; margin-bottom: -7px; }
    #fotohd span { line-height: 12px; text-transform: uppercase; }
    
    .d-inline { display: inline !important; }
    
    .photis img { height: 16px; }
    

    .pho.pw {
		width: auto; bottom: 5px; left: 5px;
		position: absolute;  left: 0px; right:0; width: 100%; z-index: 20; margin-top: -2px; color: #bbb; /*padding: 2px; padding-left: 4px;  */  text-align: right;        	
	  } 
	  .pho.pw .lnk { color: #aaa; padding: 4px; padding-right: 6px;
  	text-transform: uppercase; font-weight: 600; font-size: 10px; width: 100%; display: block;
  	background-image: linear-gradient(rgba(33,33,33,0), rgba(33,33,33,.8));
   	}
    .pho.pw a {
	 	background-color: #aaa; color: #333;
        
	 	background-image: none;
	 	display:inline;
	 	border-radius: 3px;	 
	 	padding: 3px; padding-left: 0px; padding-top: 2px;
	  }
	  .pho.pw .lnk span {
			padding: 3px; font-size: 11px; 
			float: left; margin-left: 4px;
			 background-color: #333;
			 border-radius: 3px;  padding: 2px 8px; 
             background-color: rgba(222,222,222, 0.6); color: #111; 
	  }

      .pho.pw .lnk.lwb span {
        font-size: 10px; line-height: 13px;
        background-color: #fff;  padding: 3px 8px 2px;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
      }
      .pho.pw .lnk.lwb span b { font-weight: 800 }
   

	  .pho .lnk u {
	  	 text-decoration: none;
	  	 opacity: 1; padding: 3px 5px; 
	  	 color: #aaa; font-size: 14px;
	  }
	  
    #graph {
        /*width: 800px;*/
        height: 200px;
        margin: 20px auto 0 auto;
    }
    .morris-hover{position:absolute;z-index:1000;}
    .morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);
            border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}
    .morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
    .morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}    
.blok {
	float:right
}    
.blok.gengine { width: 27px; height: 40px; position: relative; margin-right: 14px; }
.gengine { background-image: url('/static/ico/gengines.png'); background-size: 100px; margin-right: 8px;  }
/*.engine.r { display: inline-block; width: 27px; height: 40px; background-position: 0px 0px; }*/
.gengine.v { display: inline-block; width: 32px; height: 40px; background-position: -25px 0px; }
.gengine.w { display: inline-block; width: 40px; height: 40px; background-position: -60px 80px; }

.blok.gengine2 { width: 27px; height: 40px; position: relative;}
.gengine2 { background-image: url('/static/ico/gengines.png'); background-size: 100px; margin-right: 8px;  }
/*.engine.r { display: inline-block; width: 27px; height: 40px; background-position: 0px 0px; }*/
.gengine2.v { display: inline-block; width: 32px; height: 40px; background-position: -25px 0px; }
.gengine2.w { display: inline-block; width: 40px; height: 40px; background-position: -60px 80px; }


.cyl { position: absolute; top: 5px; right: -10px; display: inline; padding: 2px 4px; background-color: #ccc; font-size: 12px; font-weight: bold; text-align: center; color: #666; }
.col-green {
	color: #008000
}    

#owLab {
	
}
.owLab .w {
	border:1px solid #ccc;
	background-color: #fff;
}

#oFlexy {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	/*align-items: stretch;*/ align-items: center;
	align-content: stretch;
	font-size: 11px;
	color: #222;
	text-align: center;
	line-height: 12px;
}
.description {
	position: relative;
}
.description-text {
    max-height: 125px;
    overflow: hidden; text-align: justify;
    font-weight: 400; color: #444;
}
#read-more-btn {
    background: #fff;
    background: linear-gradient(to top,#F5F5F5,#F5F5F5 15%,rgba(255,0,245,0));
	bottom: 0;
    color: #444;
    display: none;
    padding-top: 100px;
    position: absolute;
    text-align: left;
    width: 100%; border: 0px;
    text-decoration: underline
}
.show { display: block!important; }
.full-height { max-height: 100%!important; }

.badge-gear {
	 background-color: #888
}

.docaru {
	 border-radius: 0.3125rem;
    box-shadow: rgb(0 0 0 / 10%) 0px 6px 12px 0px, rgb(202 202 202 / 20%) 0px 0px 6px 0px, rgb(202 202 202 / 10%) 0px -1px 4px 0px;
    cursor: pointer;
}

#stx, .stx {
	 background-color:#373737;
}
    
/* carousel gallery CPY */
/***
.gallery[data-v-ffe34064]{
    margin:20px 0 40px
}
.carousel[data-v-ffe34064]{
    height:240px;
    max-height:400px;
    background-color:#222
}
@media (min-width:768px){
    .carousel[data-v-ffe34064]{
        height:75vh
    }
}
.carousel-custom-height[data-v-ffe34064]{
    max-height:450px
}

.slider[data-v-98bc2844]{
    margin-top:-1px;
    margin-left:-1px;
    margin-right:-1px;
    height:240px;
    max-height:400px;
    cursor:pointer
    background-color: #373737;
}
.slider[data-v-98bc2844]:after{
    content:"";
    clear:both
}
@media (min-width:768px){
    .slider[data-v-98bc2844]{
        height:75vh
    }
}
.slider-custom-height[data-v-98bc2844]{
    max-height:450px
}
.img-wrap[data-v-98bc2844]{
    position:relative;
    float:left;
    overflow:hidden
}
.img-wrap-height-1of1[data-v-98bc2844]{
    height:100%
}
.img-wrap-height-1of2[data-v-98bc2844]{
    height:50%
}
.img-wrap-width-1of1[data-v-98bc2844]{
    width:100%
}
.img-wrap-width-3of5[data-v-98bc2844]{
    width:60%
}
.img-wrap-width-2of5[data-v-98bc2844]{
    width:40%
}
.img-wrap-width-1of5[data-v-98bc2844]{
    width:20%
}
.slider-img[data-v-98bc2844]{
    position:absolute;
    width:100%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:2px;
    background-color:#222
}
@supports ((-o-object-fit:cover) or (object-fit:cover)){
    .slider-img[data-v-98bc2844]{
        -o-object-fit:cover;
        object-fit:cover;
        height:100%
    }
}
.playCircle[data-v-98bc2844]{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-35%,-50%);
    transform:translate(-35%,-50%);
    border:1px solid #fff;
    border-radius:50%;
    height:80px;
    width:80px;
    z-index:4
}
.overlayVideo[data-v-98bc2844]{
    position:absolute;
    background:rgba(0,0,0,.6);
    width:100%;
    height:100%;
    z-index:6
}
.playBtn[data-v-98bc2844]{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-color:transparent transparent transparent #fff;
    border-style:solid;
    border-width:14px 0 14px 28px;
    z-index:5
}
***/
/* images in slider - carousel slider MY from CPY */
/* not exist in my
.gallery[data-v-ffe34064]{
    margin:20px 0 40px
}
.carousel[data-v-ffe34064]{
    height:240px;
    max-height:400px;
    background-color:#222
}
@media (min-width:768px){
    .carousel[data-v-ffe34064]{
        height:75vh
    }
}
.carousel-custom-height[data-v-ffe34064]{
    max-height:450px
}
*/
.slxs a:hover img { opacity: 0.8 }
.slxs .slider {
    margin-top:-1px;
    margin-left:-1px;
    margin-right:-1px;
    /*height:240px;*/
    max-height:400px;
    cursor:pointer
    background-color: #fff;
}
.slxs .slider:after{
    content:"";
    clear:both
}
@media (min-width:768px){
    .slxs .slider {
        height:75vh
    }
}
.slxs .slider-custom-height {
    max-height:450px
}
.slxs .img-wrap {
    position:relative;
    float:left;
    overflow:hidden
}
.slxs .ih1z1 {
    height:100%
}
.slxs .ih1z2 {
    height:50%
}
.slxs .iw1z1 {
    width:100%
}
.slxs .iw3z5{
    width:60%
}
.slxs .iw2z5{
    width:40%
}
.slxs .iw1z5{
    width:20%
}
.slxs .slider-img {
    position:absolute;
    width:100%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:2px;
    background-color:#fff
}
@supports ((-o-object-fit:cover) or (object-fit:cover)){
    .slxs .slider-img {
        -o-object-fit:cover;
        object-fit:cover;
        height:100%
    }
}

.img[data-v-09ce6f9b]:hover {
    -webkit-transform: translateY(-50%) scale(1.02);
    transform: translateY(-50%) scale(1.02);
}
.image-wrap[data-v-09ce6f9b]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.74)),to(transparent));
    background-image: linear-gradient(
180deg,rgba(0,0,0,.74),transparent);
}

/* MENU 3rd vertical and +horizontal */
.sticky-top {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: fixed;
    top: 40px; left: 0px;
}

#oNav { width: 100%; }
    #oNav.sticky-top { 
        width: auto;  
    }
/*#oNav { margin-left: -0.9375rem;  }*/

#oNav li.nav-item a strong {
    font-size: 16px;
    text-align: center;
    display: block;
    font-weight: 600;
}
    #oNav.sticky-top li.nav-item a strong {
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
    }


#oNav li.nav-item { display: table-cell; float: none; width: 1% }

#oNav li.nav-item a {
    
}
    #oNav.sticky-top li.nav-item a {
        text-align: center;
        padding: 0.5em 0.2em;
        border: 0px;
    }

#oNav li.nav-item a img.opo {
    height: 30px;
    margin: 0 auto; display: block; width: 50%;
}
    #oNav.sticky-top li.nav-item a img.opo {
        width: 44px;
    }

#oNav.sticky-top li.nav-item {
    float: none;
    display: block;
    width: auto;
    max-width: 60px;
}
    #oNav.sticky-top li.nav-item a strong span { display: none; }

#oNav .navup { display: none !important; padding: 15px; }
    #oNav.sticky-top .navup { display: block !important }

#oNav li.nav-item a.nav-link.active {
    
    color: #333 !important;
    border-color: #444 !important;
}
    #oNav.sticky-top li.nav-item a.nav-link.active {
        background-color: #fff !important;
        color: #333 !important;
        border-color: #444 !important;
    }

body.lstick .popover { display: none; } /*  */


/*#oNav a { color: #004D82 }*/
/*
#oNav a b { font-weight: 700; text-transform: uppercase; }
#oNav .nav-item {  background-color: #222; margin-right: 8px; }
#oNav .nav-item { background-color: #ccc;  }
#oNav .nav-item a.active { color: #000; }
#oNav .nav-item a { color: #000; }
#oNav .nav-item {
	 /* backdrop-filter: blur(5px); */ /*padding: 5px; padding-top: 0px !important;
}
*/ 

.gaj {
	 background-color: #393939;
     background-color: #000;
}
.gaj .gs:after{
    content:"";
    clear:both
}

.gaj a:hover img { opacity: 0.8 }
.gaj .gs {
    /*margin-top:-1px;*/
    margin-left:-1px;
    margin-right:-1px;
    /*height:240px;*/
    max-height:520px;/*400*/
    cursor:pointer;
    background-color: #222;
}
.gaj .gs:after{
    content:"";
    clear:both
}
@media (min-width:768px){
    .gaj .gs {
        height:75vh
    }
}
.gaj .slider-custom-height {
    max-height:450px
}
.gaj .img-wrap {
    position:relative;
    float:left;
    overflow:hidden
}
.gaj .ih1z1 {
    height:100%
}
.gaj .ih1z2 {
    height:50%
}
.gaj .ih1z3 {
    height:33.33%
}
.gaj .ih2z3 {
    height:66.66%
}
.gaj .ih3z3 {
    height:100%
}
.gaj .iw1z1 {
    width:100%
}
.gaj .iw3z5{
    width:60%
}
.gaj .iw2z5{
    width:40%
}
.gaj .iw1z5{
    width:20%
}

.gaj .slider-img {
    position:absolute;
    width:100%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:2px; 
    background-color:#222
}
/* from top */
.gaj .img-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.6),transparent);
}
.gaj .img-wrap:first-child:before {
    bottom: 50%;
}
.gaj .img-wrap.wrap-s2:before {
	bottom: 50%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.6),transparent);
}
.gaj .img-wrap.wrap-c {
	border-top: 4px solid #000; 
    border-bottom: 4px solid #000;
}

/* ende gal */

.navSimple {
	
}
	.navSimple .nav-item a.nav-link {
		color: #666;
		 border-right: 8px solid #F5F5F5;
		 font-size: 20px; text-transform: uppercase;
	}
	.navSimple .nav-item a.nav-link {
		border-radius: 0px;
	}
	.navSimple .nav-item a strong {
		 font-weight: 500; 
	}
	.navSimple .nav-item a.active strong {
		font-weight: 900;
	}
	.navSimple .nav-item a.nav-link.active {
		  color: #111;
		  border-right: 8px solid #FFCC33;
		  background-color: transparent;
		    transition: all .1s linear;
	}
	.navSimple .nav-item .mi {
		font-size: 12px;
	}

/*
by�o w menu3rd
*/

.article-grid__details {
    background: linear-gradient(180deg,transparent,rgba(34,34,34,1)) repeat scroll 0 0 transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff !important;
    padding: 10px; padding-top: 50px !important;    
}
.article-grid__details {
    background: linear-gradient(180deg,transparent,rgba(200,200,200,1)) repeat scroll 0 0 transparent;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff !important;
    padding: 10px; padding-top: 50px !important;    
}
.article-grid__details.active {
    /*background: linear-gradient(180deg,transparent,rgba(34,34,34,.8)) repeat scroll 0 0 transparent;*/
}
.article-grid__details.active {
    background: linear-gradient(180deg,transparent,rgba(34,34,34,0.5)) repeat scroll 0 0 transparent;
}
.article-grid__image {
    height: 100%;
    /*top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    position: absolute;
    display: inline-block;
    */
}
.gdetails { height: 80px; background-size: cover; background-position: center; }
.gdetails a { text-shadow: 1px 1px 3px #444; line-height: 0.8em; }
.gdetails a:hover { text-decoration: none; }
.gdetails h3 { font-size: 14px;  text-transform: uppercase; margin: 0;  text-shadow: 1px 1px 3px #444; }
.gdetails p { font-size: 12px; color: #eee; margin-bottom:0px; }
.gdetails .mi {
    display: inline;
    position: absolute; bottom: 0; right: 0;
    background-color: rgba(0,0,0,.8);
    color: #eee;
    padding: 4px;
    padding-right: 6px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px; opacity: 0.5
}
.gdetails .mi span { font-size: 12px; line-height: 14px; }
.gdetails .nav-link { border-radius: 0; }
.gdetails .nav-link.active {  }
.gdetails .nav-link.active, .gdetails .nav-link:active, .gdetails .nav-link:hover, .gdetails a:hover.nav-link.active {          background-color: transparent; 

}
.gdetails .nav-link.active .mi { background-color: #444; opacity: 1 }

/* gallery new cater */
.iGrid {
	.image-grid {
    display: -ms-grid;
    display: grid;
    position: relative;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
    -ms-grid-rows: 33.33% 33.33% 33.33%;
    grid-template-rows: 33.33% 33.33% 33.33%;
    grid-template-areas:
        "img1 img2 img3 img3"
        "img4 img4 img3 img3"
        "img4 img4 img5 img6";
}

.image-grid:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.1);
    pointer-events: none;
    z-index: 1;
}