dl.news{
display:flex;
flex-flow: row wrap;
width: 100%;
margin:0;
}

dl.news dt {
flex-basis: 8em;
padding: 0.8em 1em;
margin:0;
}

dl.news dd {
flex-basis: calc(100% - 8em);
padding: 0.8em 0em;
margin:0;
}


.swiper-button-next ,
.swiper-button-prev {
	background-color:rgba(255, 255, 255, 0.9);
	color:#333!important;
	width:36px!important;
	height:36px!important;
	border-radius:100vh;
	padding:5px;
  transition:all 0.3s ease;
	}
.swiper-button-next:after ,
	.swiper-button-prev:after{
		font-size:16px!important;
}

.swiper-button-next:hover ,
.swiper-button-prev:hover{
	background-color:rgba(0, 0, 0, 0.9);
	color:#fff!important;
  
}

@keyframes zoomUp {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1.05);
  }
}



.swiper.swiper-image003 .swiper-slide img
.swiper.swiper-image001 .swiper-slide img, {
  height: auto;
  width: 100%;
}

/*
@keyframes swiper-image002 {
  0% {
    transform: scale(1.3) rotate(0deg) ;
  }
  100% {
    transform: scale(1.1) rotate(5deg);
  }
}

.swiper.swiper-image002 .swiper-slide-active img,
.swiper.swiper-image002 .swiper-slide-duplicate-active img,
.swiper.swiper-image002 .swiper-slide-prev img{
  animation: swiper-image002 12s linear 0s normal both;
}

@keyframes swiper-image003 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper.swiper-image003 .swiper-slide-active img,
.swiper.swiper-image003 .swiper-slide-duplicate-active img,
.swiper.swiper-image003 .swiper-slide-prev img{
  animation: swiper-image003 12s linear 0s normal both;
}
*/

.image001,
.image003{
  z-index:0;
}

.image002,
.image004{
  z-index:1;
}


.swiper-container {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  position: relative;
  overflow: hidden;
}

/*
.swiper-container .swiper-slide img{
  object-fit: cover;
  height: 100vh;
  width: 100vw;
}
*/

/*
.swiper.hero {
    width: 100%;
    height: 100vh;
}
.swiper.hero .swiper-slide {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
}
*/

@media (orientation: landscape){
	.swiper.landscape{
		display:block;
	}
	.swiper.portrait{
 		display:none;
	}
}

@media (orientation: portrait){
	.swiper.landscape{
		display:none;
	}
	.swiper.portrait{
 		display:block;
	}
}




section#brand figure{
position:relative;
margin:0;
padding:0;
transition:all 0.3s ease;
overflow:hidden;
clip-path:polygon(5% 0%, 95% 0%, 100% 7%, 100% 93%, 95% 100%, 5% 100%, 0% 93%, 0% 7%);
}

section#brand figure:hover{
clip-path:polygon(2% 0%, 98% 0%, 100% 3%, 100% 97%, 98% 100%, 2% 100%, 0% 97%, 0% 3%);
}
  
section#brand figure img{
  transform:scale(1.15);
  transition:all 0.3s ease;
}

section#brand figure:hover img{
  transform:scale(1.05);
  filter:grayscale( 0.6 ) blur( 3px ) brightness( 0.8 );
}

section#brand figure figcaption img{
  transform:scale(1);
}

section#brand figure:hover figcaption img{
  transform:scale(1.1);
  filter:grayscale( 1) blur( 0px ) brightness( 1 );
}


section#brand figcaption{
width:100%;
height:100%;
top:0px;
left:0px;
position:absolute;
display:flex;
align-items:center;
justify-content:center;
}

section#brand figcaption img{

}

/*BRANDS*/
.brand-mooclde {
  flex-flow: column;
  top: 26% !important;
  left: -2% !important;
}
.mooclde-logo {
  margin-bottom: 5px;
}
.mooclde-icon {
  margin-top: 5px;
}




#header a,
#header a i{
/*  color:#fff;*/
  transition:all 0.3s ease;
}

/*
#header.scrolled a,
#header.scrolled a i{
  color:#222;
}
*/

#header a img,
#header a i{
/*  filter:brightness(30);*/
  transition:all 0.3s ease;
}

/*
#header.scrolled a img,
#header.scrolled a i{
  filter:brightness(1);
}
*/

section.main001{
  position:relative;
  display:flex;
  width:100vw;
  margin-bottom:10vh;
}
.image001{
  max-width:45vw;
  width:1200px;
  position:relative;
}

.image002{
transform:translate(35vw, -20%);
  max-width:35vw;
}

section.main002{
  position:relative;
  display:flex;
  width:100vw;
}

.image003{
  max-width:45vw;
  width:1200px;
  position:relative;
}

.image004{
transform:translate(-15vw, -20%);
max-width:40vw;
}
.object002 img{
  width:225px;
}


@media screen and (max-width: 768px) {

.main001{
  padding-bottom:45vw;
}
.image001{
  max-width:60vw;
  position:relative;
  left:3vw;
}
.image002{
	transform:translate(0, -20%);
	max-width:75vw;
	position:absolute;
	left:auto;
	right:0;
 }

.main002{
  padding-bottom:45vw;
}

.image003{
  right:3vw;
  max-width:70vw;
  width:1200px;
  position:relative;
}

.image004{
transform:translate(0, -20%);
max-width:50vw;
	position:absolute;
  left:0;
}

.object001 img{
  width:55px;
}
.object002 img{
//  width:80px;
}

}


.news-container {
 /*
  border: 2px solid #444;
  padding: 5px;
  position: relative;
  z-index: -1;
  */

  border: 3px solid #444;
  padding: 5px;
  position: relative;
  z-index: -1;
}
 
.news-container-inner {
/*  border: 1px solid #444;
  padding: 1.5em;
  position: relative;*/

  border: 1px solid #444;
  padding: 1.5em;
  position: relative;


}
 /*
.news-container::before,
.news-container::after,
.news-container-inner::before,
.news-container-inner::after {
  background: #efeeea;
  border: 2px solid #444;
  border-radius: 50%;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: -1;
}
 
.news-container::before{
  top: -20px;
  left: -20px;
  clip: rect(18px, auto, auto, 18px);
}
 
.news-container::after {
  top: -20px;
  right: -20px;
  clip: rect(18px, 22px, auto, auto);
}
 
.news-container-inner::before {
  bottom: -25px;
  left: -25px;
  clip: rect(auto, auto,23px,17px);
}
 
.news-container-inner::after {
  bottom: -25px;
  right: -25px;
  clip: rect(auto, 23px, 23px, auto);
}
*/
a.btn-basic {
  border: 3px solid #444;
  border-radius: 0;
  background: transparent;
  position:relative;
  padding:0.8em 1.6em;
  text-decoration:none;
  color:#222;
  letter-spacing:0.1em;
}

a.btn-basic:before {
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  content: '';
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border: 1px solid #444;
}

a.btn-basic:hover:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.loader-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #efeeea;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader{
animation: loader 2s infinite linear;  
}

@keyframes loader {
  0% {
    opacity:0
  }
  50% {
    opacity:1
  }
  100% {
    opacity:0;
  }
}