
@media screen and (max-width: 688px){
	.cc_div .cloud #c-bns, .cc_div .cloud #c-inr, .cc_div .cloud #c-inr-i {
		display: block !important;
	}
	/*.expandNextSection{
		display:none;
	}*/
}


.swiper-pagination-bullet-active{
	background:var(--h1color);
}

/*@media all and (max-width:1400px){
	.swiper-button{
		visibility:hidden;
	}	
	.swiper-pagination{
		visibility:visible;
	}	
	
}*/
 
@media all and (max-width:1200px){
	body{padding-bottom:0 !important;}
}

@media all and (min-width:1440px){
	.large .article + aside{
		margin-left: 8.3333333333%;
		flex: 0 0 25%;
   		max-width: 25%;
	}
	
	.large .flex-row-reverse  aside{
		margin-right: 8.3333333333%;
		margin-left: auto;
		flex: 0 0 25%;
   		max-width: 25%;
	}
}

@media all and (max-width:575px){
	
	
	.swiper-slide img{
		/*display:none !important;	*/
		object-position:top !important;
	}
	
	.modal-body{
	  max-height: 100vh;
	  overflow:hidden;
	  overflow-y: auto;
	}
	
	header video {
		margin: auto;
		position: static !important; 
		z-index: -1;
		object-position: center;
		object-fit: cover;
		transform: none !important;
		visibility: visible;
		opacity: 1;
		width: 100% !important;
		height: 100% !important;
	}
	
	[data-vide-bg] video{
		/*height:auto !important;	*/
	}
	
	.konfrow .col-12, .konfrow .col-6{
		margin:0 !important;	
	}	
	
	.konfrow:hover{
		transform:none !important;
		
	}	
	
	.ph-item > div, 
	.ph-item.blink > div {
		transform: translateY(0) !important;
		background: rgba(0,0,0,0.6);
		color: white;
		font-size:0.85rem;
	}
	
	.row > div[class^="col"]:not(.d-flex):last-child {
	  margin-bottom:0 !important;
	}

	.modal-lg, .modal-xl {
		width: 100%;
		max-width:100%;
		margin:0 auto;
		
	}
	.card .card-title {
		font-size: 1.2rem;
	}
	/*[data-vide-bg] video{
		display:none;	
	}*/
	
	blockquote{
	  font-size: 1.1rem;
	}
	
	blockquote strong{
	  font-size: 0.85rem;
	}
	.mw-100{
		max-width:100%;
	}
	.logo img{ 
		width:190px !important;
		height: auto;
		max-width:none !important;
	}
}
@media all and (max-width:991px){
	.sticky{
		position:static;
	}
	
	.floating-sidebar {
		top:0 !important;
		height:auto !important;
		padding-top:3rem !important;
		padding-bottom:3rem !important; 
	}
	
	.cbox{
		position:static !important;
	}
	header.full{
		/*height:100vh !important;*/
	}
	
	*.teasers> .col-lg-4 .flip-card .flip-card-front:before{
		display:none;
	}
	
	/*section.lastsec.mobileonly,
	section.seclastsec.mobileonly{ 
		padding-bottom:7rem !important;
	}
	
	section.lastsec:not(.mobileonly){ 
		padding-bottom:3rem !important;
	}
	
	section.seclastsec:not(.mobileonly){ 
		padding-bottom:3rem !important;
	}*/
	
	
	
	
	#toasts{
		top:auto !important; 
		bottom:0px;
		left:0;
		z-index:9999999 !important;
	}
	
	#toasts .toast{
		width:100%;
		max-width:calc(100% - 140px); 
		margin:0 auto; 
		
	}
	#toasts .toast-body{
		text-align:center !important;  
		
	}
	.shape-divider svg{
		height:50px !important;
	}
	
	
	.sticky {
		top: 65px !important;
	}
}



@media all and (min-width:1025px){
	.mw-md-auto{
		width:auto;
		max-width:none !important;
	}	
}

@media all and (max-width:1120px){
	.mainnav .mr-auto ul li > span {
		display:none;	
	}	
}

@media all and (max-width:1200px){
	.mobnav,
	.moblogin{
		font-weight: 600;
		/*font-size: 30px;*/
		display:block !important;
	}	
	.mainnav > div:not(#update){
		display:none;	
	}	
	header nav ul{
		display:none;	
	}
	.logo:not(.transparent){ 
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
		/*background:white !important;*/
	}
	
	header .logo nav > ul > li li a:not(.btn){
		min-height:70px;
		line-height:1.4;
	}
	/*body{font-size:0.9rem;}
	
	h1,.h1{
		font-size:1.7rem !important;	
		
	}*/
	
	/*h2,.h2,.lead{
		font-size:1.3rem !important;	
		
	}*/
	
	h3,.font-size-25{
		font-size: 1rem;
	}
}



@media all and (max-width:1320px){
	.mainnav .mr-auto ul li  span  span{
		display:none;	
	}	
}

@media all and (max-width:991px){
	
	nav:not(#mobile-menu) ul > li.clicked > ul{
		padding-top:16px !important;
	}
	
	header .logo nav > ul > li li a:not(.btn){
		min-height:54px !important;
		line-height:1.2;
	}
	
	aside small,
	aside .small{
		font-size:.9rem !important;
	}
	
	header.full{
		/*height:calc(100vh - 50px); !important;*/
	}
	
	section.last,
	.floating-sidebar{
		padding-bottom:7rem;
	}
	.vertical-middle.clearfix{
		padding:0px 0 0px 0 !important;
	}
	.skew-c{
		height:50px !important;
	}
	.shape-divider[data-shape]{
		
		bottom:auto;
	}
	.shape-divider[data-shape][data-position="bottom"]{
		top: auto !important;
	}
	.shape-divider svg {
		
		height: 50px !important;
		
	}
	.sticky {
		top: 120px !important;
	}

	header > div.logo > nav > ul > li > a > picture > img{
		width:45px !important;	
	}
	
	.mainnav .mr-auto img{
		display:none;	
	}	
	
	/*h1,.h1,h2,.h2{
		font-size:1.4rem !important;	
		
	}*/
	
	aside h1,
	aside .h1,
	aside h2,
	aside .h2{
		font-size:1rem !important;	
	}
	
	.col2::before{
		border-left: 0px solid black;
	}
	.konfrow > .col{
		margin:auto !important; 	
	}
	.konfrow > .col-12, .konfrow > .col-6{
		margin:auto !important;	
	}
	.konfrow:hover {
		box-shadow:0 !important;
		transform:none !important;
	}
	
	/*h3,.h3{
		font-size:1.5rem;	
		
	}*/
	html{
		font-size:17px;	
	}
	.swiper-slide{
		text-align:center;	
	}
	/*.lead{
		font-size:1.2rem;	
	}*/
	/*.swiper-slide strong{
		text-align:left !important;	
	}*/
	nav.mb-5{
		margin-bottom: 2rem !important;	
	}
	nav > div:not(#update) > .container{
		display:none;	
	}
	.mainnav  > .container{
		visibility:hidden;
	}
	/*header .container.py-2{
		padding-top:2rem !important;
		padding-bottom:2rem !important;
	}*/
	footer{
		font-size:14px;	
	}
	
	footer .d-flex.align-items-end{
		margin-bottom:2rem;	
	}
	footer.py-4{
		padding-top:2rem !important;
		padding-bottom:2rem !important;
	}
	.card.mb-3{
		margin-bottom: 2rem !important;
	}
	nav{
		padding-bottom:0 !important;	
	}
	
	
	.fab-downx .fabx {
		width: 40px;
		height: 40px;
		line-height: 50px;
	}
	
	
	
	/*.nav-open header .logo img{
		display:none;
	}
	.nav-open header .container.py-2{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	.nav-open .logo > nav > a:first-child{
		display:none;
	}*/
	
	.nav-open main, .nav-open header {
		filter:none !important; 
	}

	
	.swiper-button-next, .swiper-button-prev {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 1.8em;
	}
	.mobile-nav > div > ul > li > a{
		font-size:20px;
		text-align:center !important;
		position:static;
		
	}
	.mobile-nav > div > ul > li > ul a{
		font-size:18px;
		text-align:center !important;
		position:static;
		
	}
	body.nav-open .mobile-nav{
		transform:translateY(0vh);	
		
	}
	
	.mobile-nav > div{
		max-height: 100%;
    	overflow: auto;	
	}
	
	.logo{
		position:fixed;	
		width:100%;
		top:0;
		left:0;
		right:0;
		z-index:11;
		
	}
	
	
	
	label{
		/*display:block;	
		font-size:1rem;*/
	}
	label + div + div{
			
	}
	
}

@media only screen and (device-width: 1112px) and (orientation: landscape){
	html{
		font-size:18px !important;
	}	
	header.full {
		/*height: calc(100vh - 56px) !important;*/
	}
}
 
@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 264dpi),
  only screen and (                min-resolution: 2dppx) { 
   html{
		font-size:18px !important;
	}	
	 .lead{
		font-size:1.2rem !important;
	}	
}