#loga {
	padding-top: 150px;
	padding-bottom: 150px;
	background: #014A7B;
	background: linear-gradient(135deg,rgba(1, 74, 123, 1) 0%, rgba(4, 19, 38, 1) 100%);	
}

.slideshow {
	position: relative;
	z-index: 2;
}

.slideshow br, .slideshow dd {display: none}

.slideshow-wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: block;
	z-index: 2;
}

.slideshow-wrap .gallery {
	width: 125%;
	display: block;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;	
	left: -12.5%;
}

.slideshow-wrap dl {
	width: 10%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.slideshow-wrap dt {width: 100%}

.slideshow-wrap dl  img {
	display: block;
	width: 100%;
	height: auto;
}

.slideshow-arrows {
	width: calc(100% + 150px);
	left: -75px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.slideshow-arrows a {
	display: block;
	position: absolute;
	top: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
	background-size: cover;
	background-position: center;
}
.slideshow-arrows a:first-of-type {
	left: -50px;
	background-image: url(../img/arrow-left.png);
}
.slideshow-arrows a:last-of-type {
	right: -50px;
	background-image: url(../img/arrow-right.png);
}



/* GRID: 1440px */
@media all and (max-width: 1440px) {

.slideshow-wrap .gallery {
	width: 133.33%;
	left: -16.6%;
}

.slideshow-wrap dl {width: 12.5%}

}



/* GRID: 1280px */
@media all and (max-width: 1280px) {
	


.slideshow-arrows {
    width: calc(100% + 100px);
    left: -50px;
    height: 40px;
}

.slideshow-arrows a {
    width: 40px;
    height: 40px;
}
.slideshow-arrows a:first-of-type {left: -20px}
.slideshow-arrows a:last-of-type {right: -20px}
	
}




/* GRID: 1024px */
@media all and (max-width: 1024px) {
	
#loga {padding: 100px 80px}	

.slideshow-wrap .gallery {
	width: 150%;
	left: -25%;
}

.slideshow-wrap dl {width: 16.66%}

.slideshow-arrows a:first-of-type {left: -10px}
.slideshow-arrows a:last-of-type {right: -10px}
	
}


/* GRID: 768px */
@media all and (max-width: 768px) {
	
	
.slideshow-wrap .gallery {
	width: 166.66%;
	left: -33.33%;
}

.slideshow-wrap dl {width: 20%}

	
	

	
}


/* GRID: 568px */
@media all and (max-width: 568px) {	

#loga {padding: 50px 80px}

.slideshow-wrap .gallery {
	width: 200%;
	left: -50%;
}

.slideshow-wrap dl {width: 25%}	

.slideshow-arrows {
	height: 34px;
	width: calc(100% + 90px);
	left: -45px;
}

.slideshow-arrows a {
    width: 34px;
    height: 34px;
}
	
}



/* GRID: 440px */
@media all and (max-width: 440px) {	

#loga {padding: 50px 50px}

.slideshow-wrap .gallery {
	width: 300%;
	left: -100%;
}

.slideshow-wrap dl {width: 33.33%}

.slideshow-arrows {
	height: 30px;
	width: calc(100% + 80px);
	left: -40px;
}

.slideshow-arrows a {
    width: 30px;
    height: 30px;
}

.slideshow-arrows a:first-of-type {left: 0}
.slideshow-arrows a:last-of-type {right: 0}
	
}
